commit 1c346790513645c1d7adc47238a384c732c07182 Author: Schoko Date: Mon May 3 20:10:50 2021 +0200 Umzug auf Gitea diff --git a/Bachelorarbeit.pdf b/Bachelorarbeit.pdf new file mode 100644 index 0000000..c055d9f Binary files /dev/null and b/Bachelorarbeit.pdf differ diff --git a/examples/dsgvoexamplehannover.json b/examples/dsgvoexamplehannover.json new file mode 100644 index 0000000..8479332 --- /dev/null +++ b/examples/dsgvoexamplehannover.json @@ -0,0 +1,692 @@ +[ + [ + { + "tag":"H1", + "value":"Datenschutzerklärung" + }, + { + "tag":"LI", + "value":"Name und Anschrift des Verantwortlichen" + }, + { + "tag":"LI", + "value":"Name und Anschrift des Datenschutzbeauftragten" + }, + { + "tag":"LI", + "value":"Allgemeines zur Datenverarbeitung" + }, + { + "tag":"LI", + "value":"Bereitstellung der Website und Erstellung von Logfiles" + }, + { + "tag":"LI", + "value":"Kontaktformular und E-Mail-Kontakt" + }, + { + "tag":"LI", + "value":"Newsletter-Abonnement" + }, + { + "tag":"LI", + "value":"Formulareingaben in Internetauftritten der Leibniz Universität Hannover" + }, + { + "tag":"LI", + "value":"Cookies" + }, + { + "tag":"LI", + "value":"Webstatistik" + }, + { + "tag":"LI", + "value":"Einbindung von YouTube-Videos" + }, + { + "tag":"LI", + "value":"Teilen bei Sozialen Medien wie Facebook und Twitter" + }, + { + "tag":"LI", + "value":"Externe Werbung" + }, + { + "tag":"LI", + "value":"Widerruf der Datenerfassung durch die ADITION AG" + }, + { + "tag":"LI", + "value":"Rechte der betroffenen Person" + }, + { + "tag":"LI", + "value":"Auskunftsrecht gemäß Art. 15 DSGVO" + }, + { + "tag":"LI", + "value":"Recht auf Berichtigung gemäß Art. 16 DSGVO " + }, + { + "tag":"LI", + "value":"Recht auf Einschränkung der Verarbeitung gemäß Art. 18 DSGVO" + }, + { + "tag":"LI", + "value":"Recht auf Löschung gemäß Art. 17 DSGVO" + }, + { + "tag":"LI", + "value":"Recht auf Unterrichtung gemäß Art. 19 DSGVO" + }, + { + "tag":"LI", + "value":"Recht auf Datenübertragbarkeit gemäß Art. 20 DSGVO" + }, + { + "tag":"LI", + "value":"Widerspruchsrecht gemäß Art. 21 DSGVO" + } + ], + [ + { + "tag":"H2", + "value":"NAME UND ANSCHRIFT DES VERANTWORTLICHEN" + }, + { + "tag":"P", + "value":"Der Verantwortliche im Sinne der Datenschutz-Grundverordnung und anderer nationaler Datenschutzgesetze der Mitgliedsstaaten sowie sonstiger datenschutzrechtlicher Bestimmungen ist die:" + }, + { + "tag":"P", + "value":"Gottfried Wilhelm Leibniz Universität Hannover Welfengarten 1 30167 Hannover" + }, + { + "tag":"P", + "value":"Tel. +49 511 762 - 0 Fax +49 511 762 - 3456 www.uni-hannover.de  " + }, + { + "tag":"P", + "value":"Die Leibniz Universität Hannover ist eine Körperschaft des öffentlichen Rechts und wird durch den Präsidenten , Herrn Prof. Dr. iur. Volker Epping gesetzlich vertreten." + } + ], + [ + { + "tag":"H2", + "value":"NAME UND ANSCHRIFT DES DATENSCHUTZBEAUFTRAGTEN" + }, + { + "tag":"P", + "value":"Behördlicher Datenschutzbeauftragter der Leibniz Universität Hannover:" + }, + { + "tag":"P", + "value":"Gottfried Wilhelm Leibniz Universität Hannover - Datenschutzbeauftragter - Königsworther Platz 1 30167 Hannover" + }, + { + "tag":"P", + "value":"Tel. +49 511 762-8132 Fax +49 511 762-8258 E-Mail: datenschutz@uni-hannover.de " + }, + { + "tag":"P", + "value":" Website " + } + ], + [ + { + "tag":"H2", + "value":"ALLGEMEINES ZUR DATENVERARBEITUNG" + }, + { + "tag":"P", + "value":"Wir verarbeiten personenbezogene Daten unserer Nutzer grundsätzlich nur, soweit dies zur Bereitstellung einer funktionsfähigen Website sowie unserer Inhalte und Leistungen erforderlich ist." + }, + { + "tag":"P", + "value":"Soweit einzelne Webauftritte, Webseiten oder Funktionen abweichend von dieser Datenschutzerklärung Verarbeitungen vornehmen, werden die entsprechenden Informationen in einer gesonderten Datenschutzerklärung bereitgestellt." + } + ], + [ + { + "tag":"H2", + "value":"BEREITSTELLUNG DER WEBSITE UND ERSTELLUNG VON LOGFILES" + }, + { + "tag":"P", + "value":"Bei jedem Aufruf unserer Internetseite erfasst unser System automatisiert Daten und Informationen vom Computersystem des aufrufenden Rechners." + }, + { + "tag":"P", + "value":"Folgende Daten werden hierbei erhoben:" + }, + { + "tag":"LI", + "value":"Informationen über den Browsertyp und die verwendete Version" + }, + { + "tag":"LI", + "value":"Das Betriebssystem des Nutzers" + }, + { + "tag":"LI", + "value":"Den Internet-Service-Provider des Nutzers" + }, + { + "tag":"LI", + "value":"Die IP-Adresse des Nutzers" + }, + { + "tag":"LI", + "value":"Datum und Uhrzeit des Zugriffs" + }, + { + "tag":"LI", + "value":"Websites, von denen das System des Nutzers auf unsere Internetseite gelangt" + }, + { + "tag":"LI", + "value":"Websites, die vom System des Nutzers über unsere Website aufgerufen werden" + }, + { + "tag":"P", + "value":"Die Daten werden ebenfalls in den Logfiles unseres Systems gespeichert. Eine Speicherung dieser Daten zusammen mit anderen personenbezogenen Daten des Nutzers findet nicht statt." + }, + { + "tag":"P", + "value":"Rechtsgrundlage für die vorübergehende Speicherung der Daten und der Logfiles ist Art. 6 Abs. 1 lit. e, Abs. 3 DSGVO i.V.m. §3 NDSG und §3 NHG." + }, + { + "tag":"P", + "value":"Die vorübergehende Speicherung der IP-Adresse durch das System ist notwendig, um eine Auslieferung der Website an den Rechner des Nutzers zu ermöglichen. Hierfür muss die IP-Adresse des Nutzers für die Dauer der Sitzung gespeichert bleiben. Die Speicherung in Logfiles erfolgt, um die Funktionsfähigkeit der Website sicherzustellen. Zudem dienen uns die Daten zur Optimierung der Website und zur Sicherstellung der Sicherheit unserer informationstechnischen Systeme. Eine Auswertung der Daten zu Marketingzwecken findet in diesem Zusammenhang nicht statt." + }, + { + "tag":"P", + "value":"Die Daten werden gelöscht, sobald sie für die Erreichung des Zweckes ihrer Erhebung nicht mehr erforderlich sind. Im Falle der Erfassung der Daten zur Bereitstellung der Website ist dies der Fall, wenn die jeweilige Sitzung beendet ist." + }, + { + "tag":"P", + "value":"Im Falle der Speicherung der Daten in Logfiles ist dies nach spätestens sieben Tagen der Fall. Eine darüberhinausgehende Speicherung ist möglich. In diesem Fall werden die IP-Adressen der Nutzer gelöscht oder verfremdet, sodass eine Zuordnung des aufrufenden Clients nicht mehr möglich ist." + }, + { + "tag":"P", + "value":"Die Erfassung der Daten zur Bereitstellung der Website und die Speicherung der Daten in Logfiles ist technisch bedingt für den Betrieb der Internetseite zwingend erforderlich." + } + ], + [ + { + "tag":"H2", + "value":"KONTAKTFORMULAR UND E-MAIL-KONTAKT" + }, + { + "tag":"P", + "value":"Auf unserer Internetseite ist ein Kontaktformular vorhanden, welches für die elektronische Kontaktaufnahme genutzt werden kann. Nimmt ein Nutzer diese Möglichkeit wahr, so werden die in der Eingabemaske eingegeben Daten an uns übermittelt und gespeichert. Für die Verarbeitung der Daten wird im Rahmen des Absendevorgangs Ihre Einwilligung eingeholt und auf diese Datenschutzerklärung verwiesen. Alternativ ist eine Kontaktaufnahme über die bereitgestellte E-Mail-Adresse möglich. In diesem Fall werden die mit der E-Mail übermittelten personenbezogenen Daten des Nutzers gespeichert. Es erfolgt in diesem Zusammenhang keine Weitergabe der Daten an Dritte. Die Daten werden ausschließlich für die Verarbeitung der Konversation verwendet. Rechtsgrundlage für die Verarbeitung der Daten ist bei Vorliegen einer Einwilligung des Nutzers Art. 6 Abs. 1 lit. a DSGVO. Rechtsgrundlage für die Verarbeitung der Daten, die im Zuge einer Übersendung einer E-Mail übermittelt werden, ist Art. 6 Abs. 1 lit. e, Abs. 3 DSGVO i.V.m. §3 NSDG und §3 NHG. Zielt der E-Mail-Kontakt auf den Abschluss eines Vertrages ab, so ist zusätzliche Rechtsgrundlage für die Verarbeitung Art. 6 Abs. 1 lit. b DSGVO." + }, + { + "tag":"P", + "value":"Die Verarbeitung der personenbezogenen Daten aus der Eingabemaske dient uns allein zur Bearbeitung der Kontaktaufnahme." + }, + { + "tag":"P", + "value":"Die sonstigen während des Absendevorgangs verarbeiteten personenbezogenen Daten dienen dazu, einen Missbrauch des Kontaktformulars zu verhindern und die Sicherheit unserer informationstechnischen Systeme sicherzustellen." + }, + { + "tag":"P", + "value":"Die Daten werden gelöscht, sobald sie für die Erreichung des Zweckes ihrer Erhebung nicht mehr erforderlich sind. Für die personenbezogenen Daten aus der Eingabemaske des Kontaktformulars und diejenigen, die per E-Mail übersandt wurden, ist dies dann der Fall, wenn die jeweilige Konversation mit dem Nutzer beendet ist. Beendet ist die Konversation dann, wenn sich aus den Umständen entnehmen lässt, dass der betroffene Sachverhalt abschließend geklärt ist." + }, + { + "tag":"P", + "value":"Die während des Absendevorgangs zusätzlich erhobenen personenbezogenen Daten werden spätestens nach einer Frist von sieben Tagen gelöscht." + }, + { + "tag":"P", + "value":"Der Nutzer hat jederzeit die Möglichkeit, seine Einwilligung zur Verarbeitung der personenbezogenen Daten zu widerrufen. Nimmt der Nutzer per E-Mail Kontakt mit uns auf, so kann er der Speicherung seiner personenbezogenen Daten jederzeit widersprechen. In einem solchen Fall kann die Konversation nicht fortgeführt werden. Alle personenbezogenen Daten, die im Zuge der Kontaktaufnahme gespeichert wurden, werden in diesem Fall gelöscht." + } + ], + [ + { + "tag":"H2", + "value":"NEWSLETTER-ABONNEMENT" + }, + { + "tag":"P", + "value":"Auf einigen Webseiten der Leibniz Universität besteht die Möglichkeit, mittels eines Onlineformulars einen kostenfreien Newsletter zu abonnieren. Dabei werden bei der Anmeldung zum Newsletter die Daten aus der Eingabemaske an uns übermittelt. Darüber hinaus werden noch die IP-Adresse des aufrufenden Rechners, sowie Datum und Uhrzeit der Anmeldung erhoben und verarbeitet. Für die Verarbeitung der Daten wird im Rahmen des Anmeldevorgangs Ihre Einwilligung eingeholt und auf diese Datenschutzerklärung verwiesen." + }, + { + "tag":"P", + "value":"Es erfolgt im Zusammenhang mit der Datenverarbeitung für den Versand von Newslettern keine Weitergabe der Daten an Dritte. Die Daten werden ausschließlich für den Versand des Newsletters verwendet." + }, + { + "tag":"P", + "value":"Rechtsgrundlage für die Verarbeitung der Daten nach Anmeldung zum Newsletters durch den Nutzer ist bei Vorliegen einer Einwilligung des Nutzers Art. 6 Abs. 1 lit. a DSGVO." + }, + { + "tag":"P", + "value":"Die Erhebung der E-Mail-Adresse des Nutzers dient dazu, den Newsletter zuzustellen. Die Erhebung sonstiger personenbezogener Daten im Rahmen des Anmeldevorgangs dient dazu, die Anmeldung zum Newsletter nachweisen zu können und ggf. einen Missbrauch der Dienste oder der verwendeten E-Mail-Adresse zu verhindern. Die Daten werden gelöscht, sobald sie für die Erreichung des Zweckes ihrer Erhebung nicht mehr erforderlich sind. Die E-Mail-Adresse des Nutzers wird demnach solange gespeichert, wie das Abonnement des Newsletters aktiv ist." + }, + { + "tag":"P", + "value":"Die Einwilligung in die Übersendung des Newsletters kann durch den betroffenen Nutzer jederzeit widerrufen und der Newsletter abbestellt werden. Zu diesem Zweck findet sich in jedem Newsletter ein entsprechender Link." + } + ], + [ + { + "tag":"H2", + "value":"FORMULAREINGABEN IN INTERNETAUFTRITTEN DER LEIBNIZ UNIVERSITÄT HANNOVER" + }, + { + "tag":"P", + "value":"Sofern darüber hinaus innerhalb des Internetangebotes die Möglichkeit zur Eingabe persönlicher oder geschäftlicher Daten (beispielsweise von E-Mail-Adressen, Namen, Anschriften) besteht, so erfolgt die Preisgabe dieser Daten seitens des Nutzers auf ausdrücklich freiwilliger Basis. Rechtsgrundlage für diese Verarbeitungen ist - soweit nicht anders angegeben - Art. 6 Abs. 1 lit. a) DSGVO. Die Erhebung und Verarbeitung der Daten dient nur dem in jeweiligen Onlineformular genannten Zweck. Eine Preis- oder Weitergabe an Dritte findet nicht statt. Die Inanspruchnahme und Bezahlung aller angebotenen Dienste ist - soweit technisch möglich und zumutbar - auch ohne Angabe solcher Daten bzw. unter Angabe anonymisierter Daten oder eines Pseudonyms gestattet. Die Nutzung der im Rahmen des Impressums oder vergleichbarer Angaben veröffentlichten Kontaktdaten wie Postanschriften, Telefon- und Faxnummern sowie E-Mailadressen durch Dritte zur Übersendung von nicht ausdrücklich angeforderten Informationen ist nicht gestattet. Rechtliche Schritte gegen die Versender von sogenannten Spam-Mails bei Verstößen gegen dieses Verbot sind ausdrücklich vorbehalten." + } + ], + [ + { + "tag":"H2", + "value":"COOKIES" + }, + { + "tag":"P", + "value":"Dieser Webauftritt verwendet keine Cookies." + } + ], + [ + { + "tag":"H2", + "value":"WEBSTATISTIK" + }, + { + "tag":"P", + "value":"Wir erstellen eine anonymisierte Statistik und Analyse der Zugriffe auf unsere Webseiten." + }, + { + "tag":"P", + "value":"Für die Erstellung der Webstatistik setzen wir die Open-Source-Software Matomo (ehemals PIWIK) in anonymisierter Form ein. D.h. es werden keine personenbezogenen Daten verarbeitet. Die Nutzung von Cookies in der Webanalyse-Software Matomo ist deaktiviert." + }, + { + "tag":"P", + "value":"Bei der Speicherung der Nutzer-IP-Adresse werden die letzten beiden Oktetts nicht verarbeitet. Die Erfassung der Nutzer-ID ist deaktiviert. Für die Analyse werden neben dem Zugriff auf die Seite und der anonymisierten IP-Adresse noch folgende Daten erfasst: Datum und Zeit der Anfrage, Seitentitel der aufgerufenen Seite, URL der vorher aufgerufenen Seite (Referrer-URL), Bildschirmauflösung des Clientensystems, lokaler Zeitzone, URL von angeklickten und heruntergeladenen Dateien, URL von angeklickten externen Domains, Geolocation des Clienten (Land, Region, Stadt), Haupt-Sprache des benutzen Browsers, User Agent des benutzten Browsers." + } + ], + [ + { + "tag":"H2", + "value":"EINBINDUNG VON YOUTUBE-VIDEOS" + }, + { + "tag":"P", + "value":"Wir setzen zum Einbinden von Videos den Anbieter YouTube ein. Die Videos wurden dabei im erweiterten Datenschutzmodus eingebettet. Wie die meisten Websites verwendet aber auch YouTube Cookies, um Informationen über die Besucher ihrer Internetseite zu sammeln. YouTube verwendet diese unter anderem zur Erfassung von Videostatistiken, zur Vermeidung von Betrug und zur Verbesserung der Userfreundlichkeit. Wenn Sie das Video starten, könnte dies weitere Datenverarbeitungsvorgänge auslösen. Darauf haben wir keinen Einfluss. Weitere Informationen über den Datenschutz bei YouTube finden Sie unter: https://www.google.de/intl/de/policies/privacy  " + } + ], + [ + { + "tag":"H2", + "value":"TEILEN BEI SOZIALEN MEDIEN WIE FACEBOOK UND TWITTER" + }, + { + "tag":"P", + "value":"In einigen Webauftritten der Leibniz Universität Hannover ist die Möglichkeit gegeben, einzelne Seiten in sozialen Netzwerken mittels Share-Buttons zu teilen. Über diese Plugins können Daten (auch personenbezogene Daten) an externe Anbieter wie Facebook, Google und Twitter gelangen und von diesen genutzt werden. Rechtsgrundlage für die Nutzung der Plug-ins ist Art. 6 Abs. 1 lit. a) DSGVO." + }, + { + "tag":"P", + "value":"Die Leibniz Universität Hannover selbst erfasst weder personenbezogene Daten mittels Social Media Plugins noch Informationen über deren Nutzung. Um zu verhindern, dass Daten ohne das aktive Zutun des Nutzers an die Netzwerkanbieter gelangen, setzt die Leibniz Universität in ihren Webauftritten die datenschutzfreundliche \"Shariff-Lösung\" ein (mehr Informationen: http://m.heise.de/ct/artikel/Shariff-Social-Media-Buttons-mit-Datenschutz-2467514.html )." + }, + { + "tag":"P", + "value":"Mit dieser Technologie findet eine direkte Verbindung zwischen Nutzer und externem Social-Media-Anbieter erst statt, wenn der Nutzer aktiv auf einen der Buttons klickt. Nur dann können Daten an den externen Anbieter übertragen und dort gespeichert werden." + }, + { + "tag":"P", + "value":"Der externe Anbieter erhält dann die Information, dass die entsprechende Unterseite unseres Online-Angebots aufgerufen wurde. Dazu muss der Nutzer weder ein Konto bei diesem Anbieter besitzen noch dort eingeloggt sein. Ist der Nutzer bei dem externen Anbieter eingeloggt, werden diese Daten direkt dem Nutzerkonto beim externen Anbieter zugeordnet. Wird eine unserer Seiten geteilt, speichert der externe Anbieter i.d.R. auch diese Information in dem Nutzerkonto." + }, + { + "tag":"P", + "value":"Die Leibniz Universität Hannover hat keinen Einfluss darauf, ob und in welchem Umfang, für welche Dauer und zu welchem Zweck die externen Anbieter personenbezogene Daten erheben. Es ist jedoch davon auszugehen, dass zumindest IP-Adresse und gerätebezogene Informationen erfasst und genutzt werden." + }, + { + "tag":"P", + "value":"Weitere Informationen zur Handhabung des Datenschutzes bei den externen Social-Media-Plattformen können auf deren Webseiten eingesehen werden:" + }, + { + "tag":"P", + "value":"a) Facebook Inc., 1601 S California Ave, Palo Alto, California 94304, USA http://www.facebook.com/policy.php " + }, + { + "tag":"P", + "value":"b) Google Inc., 1600 Amphitheater Parkway, Mountainview, California 94043, USA https://www.google.com/policies/privacy/partners/?hl=de " + }, + { + "tag":"P", + "value":"c) Twitter Inc., 1355 Market St, Suite 900, San Francisco, California 94103, USA https://twitter.com/privacy " + }, + { + "tag":"P", + "value":"d) Instagram, Facebook Ireland Limited, 4 Grand Canal Square, Dublin 2, Ireland https://www.instagram.com/legal/privacy/ " + }, + { + "tag":"P", + "value":"e) WhatsApp Inc, 650 Castro Street, Suite 120-219, Mountain View, California, 94041, USA http://www.whatsapp.com/legal/?l=de " + } + ], + [ + { + "tag":"H2", + "value":"EXTERNE WERBUNG" + }, + { + "tag":"P", + "value":"Auf einigen Webseiten der Universität sind in Zusammenarbeit mit der Firma VariFast GmbH und unter Verwendung des Adservers der Adition AG Werbebanner geschaltet. Rechtsgrundlage für die Nutzung der Werbebanner ist Art. 6 Abs. 1 lit. f) DSGVO." + }, + { + "tag":"P", + "value":"Dabei kommen auch so genannte Cookies zum Einsatz. Es handelt sich ausschließlich um Sessioncookies und temporäre Cookies, die dazu dienen, die Zahl der Leser/Visitors statistisch zu messen und die zahlenmäßig festgelegte Auslieferung der Werbemittel zu begrenzen. Technisch bedingt, wird auch die IP-Adresse der Besucher an diese beiden Firmen weitergeleitet. Es werden nur technische, aber keine identifizierenden Daten erfasst. Alle Daten inklusive der IP-Adressen werden nur anonymisiert und rein statistisch ausgewertet. Über den Web-Server der Adition AG werden nur die Verkehrsdaten der Übermittlung temporär gespeichert, deren Erfassung insoweit ohne ausdrückliche Einwilligung des Benutzers erfolgen darf." + }, + { + "tag":"P", + "value":"Alle einschlägigen datenschutzrechtlichen Bestimmungen, insbesondere die des deutschen Telemediengesetztes, des Bundesdatenschutzgesetzes und des Niedersächsischen Datenschutzgesetzes, werden von Universität, der VariFast GmbH und der Adition AG eingehalten." + } + ], + [ + { + "tag":"H3", + "value":"Widerruf der Datenerfassung durch die ADITION AG" + }, + { + "tag":"P", + "value":"Durch Klicken auf den nachfolgenden Link wird die Erfassung von anonymisierten Daten gestoppt. ADITION ersetzt in diesem Fall das jetzige Cookie durch ein neues OptOut-Cookie. Diese OptOut-Cookie löscht die bisher gespeicherten Informationen einschließlich der IP-Adresse und verhindert ein weiteres Erfassen von anonymisierten Informationen. Wird dieses OptOut-Cookie gelöscht, kann ADITION nicht mehr feststellen, dass ein OptOut stattgefunden hat. In diesem Fall ist der OptOut-Vorgang zu wiederholen." + }, + { + "tag":"P", + "value":" https://www.adition.com/kontakt/datenschutz/ " + } + ], + [ + { + "tag":"H2", + "value":"RECHTE DER BETROFFENEN PERSON" + }, + { + "tag":"P", + "value":"Werden personenbezogene Daten von Ihnen verarbeitet, sind Sie Betroffener i.S.d. DSGVO und es stehen Ihnen folgende Rechte gegenüber dem Verantwortlichen zu: " + } + ], + [ + { + "tag":"H3", + "value":"Auskunftsrecht gemäß Art. 15 DSGVO" + }, + { + "tag":"P", + "value":"Sie können von dem Verantwortlichen eine Bestätigung darüber verlangen, ob personenbezogene Daten, die Sie betreffen, von uns verarbeitet werden." + }, + { + "tag":"P", + "value":"Liegt eine solche Verarbeitung vor, können Sie von dem Verantwortlichen über folgende Informationen Auskunft verlangen:" + }, + { + "tag":"P", + "value":"(1) die Zwecke, zu denen die personenbezogenen Daten verarbeitet werden;" + }, + { + "tag":"P", + "value":"(2) die Kategorien von personenbezogenen Daten, welche verarbeitet werden;" + }, + { + "tag":"P", + "value":"(3) die Empfänger bzw. die Kategorien von Empfängern, gegenüber denen die Sie betreffenden personenbezogenen Daten offengelegt wurden oder noch offengelegt werden;" + }, + { + "tag":"P", + "value":"(4) die geplante Dauer der Speicherung der Sie betreffenden personenbezogenen Daten oder, falls konkrete Angaben hierzu nicht möglich sind, Kriterien für die Festlegung der Speicherdauer;" + }, + { + "tag":"P", + "value":"(5) das Bestehen eines Rechts auf Berichtigung oder Löschung der Sie betreffenden personenbezogenen Daten, eines Rechts auf Einschränkung der Verarbeitung durch den Verantwortlichen oder eines Widerspruchsrechts gegen diese Verarbeitung;" + }, + { + "tag":"P", + "value":"(6) das Bestehen eines Beschwerderechts bei einer Aufsichtsbehörde;" + }, + { + "tag":"P", + "value":"(7) alle verfügbaren Informationen über die Herkunft der Daten, wenn die personenbezogenen Daten nicht bei der betroffenen Person erhoben werden;" + }, + { + "tag":"P", + "value":"(8) das Bestehen einer automatisierten Entscheidungsfindung einschließlich Profiling gemäß Art. 22 Abs. 1 und 4 DSGVO und - zumindest in diesen Fällen - aussagekräftige Informationen über die involvierte Logik sowie die Tragweite und die angestrebten Auswirkungen einer derartigen Verarbeitung für die betroffene Person." + }, + { + "tag":"P", + "value":"Ihnen steht das Recht zu, Auskunft darüber zu verlangen, ob die Sie betreffenden personenbezogenen Daten in ein Drittland oder an eine internationale Organisation übermittelt werden. In diesem Zusammenhang können Sie verlangen, über die geeigneten Garantien gem. Art. 46 DSGVO im Zusammenhang mit der Übermittlung unterrichtet zu werden." + } + ], + [ + { + "tag":"H3", + "value":"Recht auf Berichtigung gemäß Art. 16 DSGVO" + }, + { + "tag":"P", + "value":"Sie haben ein Recht auf Berichtigung und/oder Vervollständigung gegenüber dem Verantwortlichen, sofern die verarbeiteten personenbezogenen Daten, die Sie betreffen, unrichtig oder unvollständig sind. Der Verantwortliche hat die Berichtigung unverzüglich vorzunehmen. " + } + ], + [ + { + "tag":"H3", + "value":"Recht auf Einschränkung der Verarbeitung gemäß Art. 18 DSGVO" + }, + { + "tag":"P", + "value":"Unter den folgenden Voraussetzungen können Sie die Einschränkung der Verarbeitung der Sie betreffenden personenbezogenen Daten verlangen:" + }, + { + "tag":"P", + "value":"(1) wenn Sie die Richtigkeit der Sie betreffenden personenbezogenen für eine Dauer bestreiten, die es dem Verantwortlichen ermöglicht, die Richtigkeit der personenbezogenen Daten zu überprüfen;" + }, + { + "tag":"P", + "value":"(2) die Verarbeitung unrechtmäßig ist und Sie die Löschung der personenbezogenen Daten ablehnen und stattdessen die Einschränkung der Nutzung der personenbezogenen Daten verlangen;" + }, + { + "tag":"P", + "value":"(3) der Verantwortliche die personenbezogenen Daten für die Zwecke der Verarbeitung nicht länger benötigt, Sie diese jedoch zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen benötigen, oder" + }, + { + "tag":"P", + "value":"(4) wenn Sie Widerspruch gegen die Verarbeitung gemäß Art. 21 Abs. 1 DSGVO eingelegt haben und noch nicht feststeht, ob die berechtigten Gründe des Verantwortlichen gegenüber Ihren Gründen überwiegen." + }, + { + "tag":"P", + "value":"Wurde die Verarbeitung der Sie betreffenden personenbezogenen Daten eingeschränkt, dürfen diese Daten - von ihrer Speicherung abgesehen - nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Union oder eines Mitgliedstaats verarbeitet werden." + }, + { + "tag":"P", + "value":"Wurde die Einschränkung der Verarbeitung nach den o.g. Voraussetzungen eingeschränkt, werden Sie von dem Verantwortlichen unterrichtet bevor die Einschränkung aufgehoben wird." + } + ], + [ + { + "tag":"H3", + "value":"Recht auf Löschung gemäß Art. 17 DSGVO" + } + ], + [ + { + "tag":"H4", + "value":"a) Löschungspflicht" + }, + { + "tag":"P", + "value":"Sie können von dem Verantwortlichen verlangen, dass die Sie betreffenden personenbezogenen Daten unverzüglich gelöscht werden, und der Verantwortliche ist verpflichtet, diese Daten unverzüglich zu löschen, sofern einer der folgenden Gründe zutrifft:" + }, + { + "tag":"P", + "value":"(1) Die Sie betreffenden personenbezogenen Daten sind für die Zwecke, für die sie erhoben oder auf sonstige Weise verarbeitet wurden, nicht mehr notwendig." + }, + { + "tag":"P", + "value":"(2) Sie widerrufen Ihre Einwilligung, auf die sich die Verarbeitung gem. Art. 6 Abs. 1 lit. a oder Art. 9 Abs. 2 lit. a DSGVO stützte, und es fehlt an einer anderweitigen Rechtsgrundlage für die Verarbeitung." + }, + { + "tag":"P", + "value":"(3) Sie legen gem. Art. 21 Abs. 1 DSGVO Widerspruch gegen die Verarbeitung ein und es liegen keine vorrangigen berechtigten Gründe für die Verarbeitung vor, oder Sie legen gem. Art. 21 Abs. 2 DSGVO Widerspruch gegen die Verarbeitung ein." + }, + { + "tag":"P", + "value":"(4) Die Sie betreffenden personenbezogenen Daten wurden unrechtmäßig verarbeitet." + }, + { + "tag":"P", + "value":"(5) Die Löschung der Sie betreffenden personenbezogenen Daten ist zur Erfüllung einer rechtlichen Verpflichtung nach dem Unionsrecht oder dem Recht der Mitgliedstaaten erforderlich, dem der Verantwortliche unterliegt." + }, + { + "tag":"P", + "value":"(6) Die Sie betreffenden personenbezogenen Daten wurden in Bezug auf angebotene Dienste der Informationsgesellschaft gemäß Art. 8 Abs. 1 DSGVO erhoben." + } + ], + [ + { + "tag":"H4", + "value":"b) Information an Dritte" + }, + { + "tag":"P", + "value":"Hat der Verantwortliche die Sie betreffenden personenbezogenen Daten öffentlich gemacht und ist er gem. Art. 17 Abs. 1 DSGVO zu deren Löschung verpflichtet, so trifft er unter Berücksichtigung der verfügbaren Technologie und der Implementierungskosten angemessene Maßnahmen, auch technischer Art, um für die Datenverarbeitung Verantwortliche, die die personenbezogenen Daten verarbeiten, darüber zu informieren, dass Sie als betroffene Person von ihnen die Löschung aller Links zu diesen personenbezogenen Daten oder von Kopien oder Replikationen dieser personenbezogenen Daten verlangt haben." + } + ], + [ + { + "tag":"H4", + "value":"c) Ausnahmen" + }, + { + "tag":"P", + "value":"Das Recht auf Löschung besteht nicht, soweit die Verarbeitung erforderlich ist" + }, + { + "tag":"P", + "value":"(1) zur Ausübung des Rechts auf freie Meinungsäußerung und Information;" + }, + { + "tag":"P", + "value":"(2) zur Erfüllung einer rechtlichen Verpflichtung, die die Verarbeitung nach dem Recht der Union oder der Mitgliedstaaten, dem der Verantwortliche unterliegt, erfordert, oder zur Wahrnehmung einer Aufgabe, die im öffentlichen Interesse liegt oder in Ausübung öffentlicher Gewalt erfolgt, die dem Verantwortlichen übertragen wurde;" + }, + { + "tag":"P", + "value":"(3) aus Gründen des öffentlichen Interesses im Bereich der öffentlichen Gesundheit gemäß Art. 9 Abs. 2 lit. h und i sowie Art. 9 Abs. 3 DSGVO;" + }, + { + "tag":"P", + "value":"(4) für im öffentlichen Interesse liegende Archivzwecke, wissenschaftliche oder historische Forschungszwecke oder für statistische Zwecke gem. Art. 89 Abs. 1 DSGVO, soweit das unter Abschnitt a) genannte Recht voraussichtlich die Verwirklichung der Ziele dieser Verarbeitung unmöglich macht oder ernsthaft beeinträchtigt, oder" + }, + { + "tag":"P", + "value":"(5) zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen." + } + ], + [ + { + "tag":"H3", + "value":"Recht auf Unterrichtung gemäß Art. 19 DSGVO" + }, + { + "tag":"P", + "value":"Haben Sie das Recht auf Berichtigung, Löschung oder Einschränkung der Verarbeitung gegenüber dem Verantwortlichen geltend gemacht, ist dieser verpflichtet, allen Empfängern, denen die Sie betreffenden personenbezogenen Daten offengelegt wurden, diese Berichtigung oder Löschung der Daten oder Einschränkung der Verarbeitung mitzuteilen, es sei denn, dies erweist sich als unmöglich oder ist mit einem unverhältnismäßigen Aufwand verbunden." + }, + { + "tag":"P", + "value":"Ihnen steht gegenüber dem Verantwortlichen das Recht zu, über diese Empfänger unterrichtet zu werden." + } + ], + [ + { + "tag":"H3", + "value":"Recht auf Datenübertragbarkeit gemäß Art. 20 DSGVO" + }, + { + "tag":"P", + "value":"Sie haben das Recht, die Sie betreffenden personenbezogenen Daten, die Sie dem Verantwortlichen bereitgestellt haben, in einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten. Außerdem haben Sie das Recht diese Daten einem anderen Verantwortlichen ohne Behinderung durch den Verantwortlichen, dem die personenbezogenen Daten bereitgestellt wurden, zu übermitteln, sofern" + }, + { + "tag":"P", + "value":"(1) die Verarbeitung auf einer Einwilligung gem. Art. 6 Abs. 1 lit. a DSGVO oder Art. 9 Abs. 2 lit. a DSGVO oder auf einem Vertrag gem. Art. 6 Abs. 1 lit. b DSGVO beruht und" + }, + { + "tag":"P", + "value":"(2) die Verarbeitung mithilfe automatisierter Verfahren erfolgt." + }, + { + "tag":"P", + "value":"In Ausübung dieses Rechts haben Sie ferner das Recht, zu erwirken, dass die Sie betreffenden personenbezogenen Daten direkt von einem Verantwortlichen einem anderen Verantwortlichen übermittelt werden, soweit dies technisch machbar ist. Freiheiten und Rechte anderer Personen dürfen hierdurch nicht beeinträchtigt werden." + }, + { + "tag":"P", + "value":"Das Recht auf Datenübertragbarkeit gilt nicht für eine Verarbeitung personenbezogener Daten, die für die Wahrnehmung einer Aufgabe erforderlich ist, die im öffentlichen Interesse liegt oder in Ausübung öffentlicher Gewalt erfolgt, die dem Verantwortlichen übertragen wurde." + } + ], + [ + { + "tag":"H3", + "value":"Widerspruchsrecht gemäß Art. 21 DSGVO" + }, + { + "tag":"P", + "value":"Sie haben das Recht, aus Gründen, die sich aus ihrer besonderen Situation ergeben, jederzeit gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten, die aufgrund von Art. 6 Abs. 1 lit. e oder f DSGVO erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese Bestimmungen gestütztes Profiling." + }, + { + "tag":"P", + "value":"Der Verantwortliche verarbeitet die Sie betreffenden personenbezogenen Daten nicht mehr, es sei denn, er kann zwingende schutzwürdige Gründe für die Verarbeitung nachweisen, die Ihre Interessen, Rechte und Freiheiten überwiegen, oder die Verarbeitung dient der Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen." + }, + { + "tag":"P", + "value":"Werden die Sie betreffenden personenbezogenen Daten verarbeitet, um Direktwerbung zu betreiben, haben Sie das Recht, jederzeit Widerspruch gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten zum Zwecke derartiger Werbung einzulegen; dies gilt auch für das Profiling, soweit es mit solcher Direktwerbung in Verbindung steht." + }, + { + "tag":"P", + "value":"Widersprechen Sie der Verarbeitung für Zwecke der Direktwerbung, so werden die Sie betreffenden personenbezogenen Daten nicht mehr für diese Zwecke verarbeitet." + }, + { + "tag":"P", + "value":"Sie haben die Möglichkeit, im Zusammenhang mit der Nutzung von Diensten der Informationsgesellschaft - ungeachtet der Richtlinie 2002/58/EG - Ihr Widerspruchsrecht mittels automatisierter Verfahren auszuüben, bei denen technische Spezifikationen verwendet werden." + } + ], + [ + { + "tag":"H4", + "value":"Recht auf Widerruf der datenschutzrechtlichen Einwilligungserklärung gemäß Art. 7 Abs. 3 DSGVO" + }, + { + "tag":"P", + "value":"Sie haben das Recht, Ihre datenschutzrechtliche Einwilligungserklärung jederzeit zu widerrufen. Durch den Widerruf der Einwilligung wird die Rechtmäßigkeit der aufgrund der Einwilligung bis zum Widerruf erfolgten Verarbeitung nicht berührt." + } + ], + [ + { + "tag":"H4", + "value":"Automatisierte Entscheidung im Einzelfall einschließlich Profiling gemäß Art. 22 DSGVO" + }, + { + "tag":"P", + "value":"Sie haben das Recht, nicht einer ausschließlich auf einer automatisierten Verarbeitung - einschließlich Profiling - beruhenden Entscheidung unterworfen zu werden, die Ihnen gegenüber rechtliche Wirkung entfaltet oder Sie in ähnlicher Weise erheblich beeinträchtigt. Dies gilt nicht, wenn die Entscheidung" + }, + { + "tag":"P", + "value":"(1) für den Abschluss oder die Erfüllung eines Vertrags zwischen Ihnen und dem Verantwortlichen erforderlich ist," + }, + { + "tag":"P", + "value":"(2) aufgrund von Rechtsvorschriften der Union oder der Mitgliedstaaten, denen der Verantwortliche unterliegt, zulässig ist und diese Rechtsvorschriften angemessene Maßnahmen zur Wahrung Ihrer Rechte und Freiheiten sowie Ihrer berechtigten Interessen enthalten oder" + }, + { + "tag":"P", + "value":"(3) mit Ihrer ausdrücklichen Einwilligung erfolgt." + }, + { + "tag":"P", + "value":"Allerdings dürfen diese Entscheidungen nicht auf besonderen Kategorien personenbezogener Daten nach Art. 9 Abs. 1 DSGVO beruhen, sofern nicht Art. 9 Abs. 2 lit. a oder g DSGVO gilt und angemessene Maßnahmen zum Schutz der Rechte und Freiheiten sowie Ihrer berechtigten Interessen getroffen wurden." + }, + { + "tag":"P", + "value":"Hinsichtlich der in (1) und (3) genannten Fälle trifft der Verantwortliche angemessene Maßnahmen, um die Rechte und Freiheiten sowie Ihre berechtigten Interessen zu wahren, wozu mindestens das Recht auf Erwirkung des Eingreifens einer Person seitens des Verantwortlichen, auf Darlegung des eigenen Standpunkts und auf Anfechtung der Entscheidung gehört." + } + ] +] \ No newline at end of file diff --git a/plugin-firefox/backend.js b/plugin-firefox/backend.js new file mode 100644 index 0000000..b5721c7 --- /dev/null +++ b/plugin-firefox/backend.js @@ -0,0 +1,141 @@ +var currenttext = ""; +var longer_active = false; +var current_tags = "{}"; + +var result = "ERROR"; +var original_text = "ERROR"; +var current_sum =""; + + +console.log( "Background - Loaded" ); +var privacy_location= "https://www.uni-hannover.de/datenschutzerklaerung/"; + +/** + * This function will be fired if a javascript, sending a message to Firefox. + * The scripts cannont send messages directly to other scripts. They have to create a so called "promise first" + * + **/ +async function listener(msg){ + try{ + console.log("hallo vom bg script"); + if(msg.auswertung === "auswerten"){ + return Promise.resolve({msg: result}); + } else if(msg.auswertung === "getCurrent"){ + return Promise.resolve({msg: currenttext}); + } else if(msg.auswertung === "getTags"){ + return Promise.resolve({msg: current_tags}); + } else if(msg.createadvanced === "context"){ + await browser.tabs.query({active: true, currentWindow: true}) + .then(tabs => { + tab = tabs.pop(); + console.log(tab.url); + privacy_location = tab.url; + }); + console.log("leite weiter an das content"); + browser.tabs.sendMessage(tab.id, {func: "create_advanced", advanced: current_sum}); + //console.log(response); + + } else if(msg.auswertung === "summary"){ + current_sum = msg.set; + } else if(msg.auswertung === "getsum"){ + return Promise.resolve({msg: current_sum}); + } else if(msg.auswertung === "getoriginal"){ + return Promise.resolve({msg: original_text}); + } else if(msg.auswertung === "get_privacy_location"){ + return Promise.resolve({url: privacy_location}); + } else if(msg.get === "summary"){ + var html_code = "ERR"; + var tab = ""; + await browser.tabs.query({active: true, currentWindow: true}) + .then(tabs => { + tab = tabs.pop(); + console.log(tab.url); + privacy_location = tab.url; + }); + await browser.tabs.sendMessage(tab.id, {func: "get_policy"}).then(response => { + console.log(response); + html_code = response.html; + //console.log(html_code); + }); + return Promise.resolve({back: html_code}); + } else if(msg.get === "summary_with_id"){ + var html_code = "ERR"; + var tab = ""; + await browser.tabs.query({active: true, currentWindow: true}) + .then(tabs => { + tab = tabs.pop(); + console.log(tab.url); + privacy_location = tab.url; + }); + console.log("dieser Promise backend"); + await browser.tabs.sendMessage(tab.id, {func: "get_policy_and_id"}).then(response => { + console.log(response); + html_code = response.html; + //console.log(html_code); + }); + return Promise.resolve({back: html_code}); + } else if(msg.auswertung == "check_if_dsgvo") { + await browser.tabs.query({active: true, currentWindow: true}) + .then(tabs => { + tab = tabs.pop(); + console.log(tab.url); + privacy_location = tab.url; + }); + console.log("checke auf dsgvo"); + let dsgvo = false; + let thirdparty = ""; + await browser.tabs.sendMessage(tab.id, {func: "check_if_dsgvo"}).then(response => { + console.log(response.is_dsgvo); + dsgvo = response.is_dsgvo; + thirdparty = response.third; + console.log(thirdparty); + }); + return Promise.resolve({is_dsgvo: dsgvo, third: thirdparty}); + } else { + return Promise.resolve({result: ""}); + } + } catch(e){ + console.log(e); + } +} + +/** + * This function is connection the content-script and tries to get the url from the tab where the content-script is running + */ +function getInfosFromContentScript(stmt){ + var html_code = "ERR"; + browser.tabs.query({active: true, currentWindow: true}) + .then(tabs => { + let tab = tabs.pop(); + console.log(tab.url); + privacy_location = tab.url; + browser.tabs.sendMessage(tab.id, {func: stmt}).then(response => { + //console.log(response); + html_code = response.html; + console.log(html_code); + return Promise.resolve({html: response.html}); + }) + }); + return html_code; +} + + +/** + * Debug function for the tab change bug + */ +function debug(){ + browser.tabs.query({}) + .then(tabs => { + console.log(tabs.length + " anzahl der tabs"); + }); + +} + +/*chrome.tabs.onActivated.addListener(function(activeInfo) { + console.log(activeInfo.tabId); +});*/ + +/** + * register the listener + */ +browser.runtime.onMessage.addListener(listener); diff --git a/plugin-firefox/check.js b/plugin-firefox/check.js new file mode 100644 index 0000000..9300b20 --- /dev/null +++ b/plugin-firefox/check.js @@ -0,0 +1,29 @@ +/** + * This script checks if a site is a gdpr policy. + * It returns true or false + */ +function checkpolicy(){ + try { + let result = 0; + + let keywords = ["gdpr", "legal", "article", "policy", "privacy", "CCPA"]; + + + $("body *").each(function() { + let tmp = $(this).text().toLowerCase(); + for(let i = 0; i < keywords.length; i++){ + if(tmp.includes(keywords[i])){ + result = result + 1; + } + } + }); + + if(result > 11){ + return true; + } else { + return false; + } + } catch(e) { + console.log(e); + } +} \ No newline at end of file diff --git a/plugin-firefox/email.js b/plugin-firefox/email.js new file mode 100644 index 0000000..b1bcdad --- /dev/null +++ b/plugin-firefox/email.js @@ -0,0 +1,29 @@ +/** + * This function filters an email address from the open page. + * It returns a list of email addresses + */ +function email_address_extraction(){ + let result = []; + try{ + + + $("body *").each(function() { + let tex = $(this).text(); + let regex = /[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-z]+/g; + let tmp = tex.match(regex); + if (tmp !== null){ + //console.log("match!") + for(let i = 0; i < tmp.length; i++){ + if(!result.includes(tmp[i])){ + result.push(tmp[i]); + } + } + } + }); + } catch(e){ + console.log(e); + } + + + return result; +} \ No newline at end of file diff --git a/plugin-firefox/faq.js b/plugin-firefox/faq.js new file mode 100644 index 0000000..f854b32 --- /dev/null +++ b/plugin-firefox/faq.js @@ -0,0 +1,367 @@ +/** + * This document defines the faq cards. + */ + +// the close button of the faq +var close_button = ``; + + + +// The answer to the question, what rights, according to the GDPR, a user has +var card_what_are_my_right_gdpr = ` +

According to article 15 GDPR

+

You have the right to be informed about your data

+

According to article 16 GDPR

+

You have the right to rectification.
For example, you move to another town, you can cause that your new address will be changed in your data.

+

According to article 17 GDPR

+

You have the right of obligation to delete.

+

According to article 18 GDPR

+

You have the right to restrict the processing of your data.

+

According to article 19 GDPR

+

You have the right to be informed.

+

According to article 20 GDPR

+

You have the right to data portability.

+

According to article 77 GDPR

+

You have the right to lodge a complaint with a supervisory authority.

+ +`; + +// The answer to the question, what techical-data are. +var text_what_is_techicaldata = ` +

Processing data are data they have to collect for the technical aspect to provide this service. For example, you want to visit a website and your computer using his address to get the website you want to see. After that, this site provider collects your IP-address to know where he has to send his site. Technical data can also be personal data.

+`; + +// The answer to the question, what personal data are. +var text_what_is_perosnal_data = `

Personal data are these types of data, that are clearly identify you as a person. +For example, your name, e-mail address, or photos. +But there are also personal data that are more complex but associated with you. +For example, amazon tracks your behavior on their online-shop. +They track your mouse movement or what you are typing inside the search box. +They do it to know you better and give you better pre-purchase effects.

`; + +// The answer to the question, what anonymised are. +var text_what_is_anonymised_data = `

Anonymized data are these types of data that can't be associated with you. The company won't need permission to collect anonymized data. +For example, the company want to know where their customers come from and stores the information where the connect come from.

`; + +// The answer to the question, what cookies are. +var text_what_are_cookes = ` +

Cookies are information that a web service stores on your computer. +They are many types of them:

+ +

First-party cookies:

+

These cookies are to provide functionality for the user. +For example, you put an order in the shopping cart. A cookie will be store the information that you ordered.

+ +

third-party cookies:

+

These types of cookies are not directly set by a website. +For example, if a service uses third-party elements like ads. +They can be used to track you.

+ +

Session Cookies:

+

These cookies are to keep you logged in inside a website. +For example, if you log in to Facebook, you will have somewhere a session cookie that keeps you logged in. +These types of cookies will be destroyed after closing a browser.

+ +

Persistent Cookies:

+These cookies stores information over a longer period. +For example, you are logged inside Facebook. You shut down your computer and come back some days later and you are still logged in. +Then you have a Persistent cookie

+ +

Secure Cookies:

+

These cookies stores encrypted information like bank credentials.

+ +`; + + +// The the text to explain third party cookies if you they still active after deactivation +var text_tracking_cookies = ` + +

third party domain cookies are maybe tracking you. +On the cookie tab inside the pop-up window, you get there a list of all active cookies in this open site. +if you are refused some cookies, but they are still active, you can directly contact the owner of this service or the +authority to get help.

+ +`; + +// The answer to the question, what rights, according to the GDPR, a user has +var text_what_they_knew_about_me = ` +

+You can directly contact the service provider to know what he knows about you. +You can also ask him to give you what he knows about you in a machine and human-readable form like XML

+ +`; + +// The answer to the question, what rights, according to the GDPR, a user has +var text_how_i_can_refuse = ` +

You can every time refuse the processing of your data or at least a part by directly contacting the provider. +If the provider deletes your data or a part of them depends if you have a contract with him. +

+`; + + +// The answer to the question, what rights, according to the GDPR, a user has +var text_what_to_do_if_need_help = `

If you think the provider misuse your data please contact your local + +authority

`; + + +/** + * These are the buttons to open an answer to a question. + */ +var button_what_are_my_rights = ""; +var button_what_is_technicaldata =""; +var button_what_are_personal_data =""; +var button_what_are_anonymised_data =""; +var button_what_techical_data =""; +var button_what_personal_data =""; +var button_what_are_cookies =""; +var button_what_third =""; +var button_what_which_cookies_are_tracking_me =""; +var button_what_can_i_do_to_refuse =""; +var button_what_they_know_about_me =""; +var button_what_need_help =""; + +//This are the Material-Card for the question of what rights a user has. +var card_what_are_my_right = `
+
+

What are my rights?

` + +getpic("lawyer") + +"
" + +card_what_are_my_right_gdpr + +` +
`; + +// This is the material card for the question what technical data are +var card_what_is_technicaldata = `
+
+

What are processing data?

` + +getpic("wrench") + +"
" + +text_what_is_techicaldata+"
"; + +// This is the material card for the question what personal data are +var card_what_are_personal_data = `
+
+

What are personal data?

` + +getpic("dflt") + +"
" + +text_what_is_perosnal_data+"
"; + +// This is the material card for the question what anonymised data are +var card_what_are_anonymised_data = `

What are anonymised data?

` + +getpic("hide") + +"
" + +text_what_is_anonymised_data+"
"; + +// This is the material card for the question what technical data are +var card_what_techical_data = `

Which data does this service proceed?

` + +getpic("collect") + +"
" + +"
"; + +// This is the material card for the question what personal data is collected by a provider +var card_what_personal_data = `

Which personal data can be collected?

` + +getpic("dflt") + +"
" + +"
"; + +// This is the material card for the question what cookies are +var card_what_are_cookies = `

What are cookies?

` + +getpic("cookie") + +"
" + +text_what_are_cookes+"
"; + +// This is the material card for the question what thirdpartys also collect data +var card_what_third = `

Which thirdparties can be involved?

` + +getpic("thirdpartyexp") + +"
" + +"
"; + +// This is the material card for the question which cookies can track +var card_what_which_cookies_are_tracking_me = `

Which cookies are tracking me?

` + +getpic("magnifyingglass") + +"
" + +text_tracking_cookies +"
"; + +// This is the material card for the question how to refuse the proceeding of personal data +var card_what_can_i_do_to_refuse = `

Where can i refuse the proceeding of my data?

` + +getpic("contactexp") + +"
" + +text_how_i_can_refuse+"
"; + +// This is the material card for the question what data the provider knew about a person +var card_what_they_know_about_me = `

What should i do if i want to know what they knew about me?

` + +getpic("book") + +"
" + +text_what_they_knew_about_me+"
"; + +// This is the material card for the question what data are +var card_what_need_help = `

What can i do if i think they violate my rights?

` + +getpic("help") + +"
" + +text_what_to_do_if_need_help+"
"; + + +// this function inits the Material-Cards for the faq +function init_cards(){ + console.log("init the cards"); + $("#card-what-are-my-right").hide(); + $("#card-what-is-technicaldata").hide(); + $("#card-what-are-personal-data").hide(); + $("#card-what-are-anonymised-data").hide(); + $("#card-what-techical-data").hide(); + $("#card-what-personal-data").hide(); + $("#card-what-third").hide(); + $("#card-what-which-cookies-are-tracking-me").hide(); + $("#card-what-can-i-do-to-refuse").hide(); + $("#card-what-they-know-about-me").hide(); + $("#card-what-need-help").hide(); + $("#card-what-are-cookies").hide(); +} + + +//this function inits the question buttons +function init_buttons_cards(){ + $("#button-what-are-my-rights").click(function(){ + console.log("hallo"); + $("#card-what-are-my-right").show(); + $(this).hide(); + }); + $("#button-what-is-technicaldata").click(function(){ + console.log("hallo"); + $("#card-what-is-technicaldata").show(); + $(this).hide(); + }); + $("#button-what-are-personal-data").click(function(){ + console.log("hallo"); + $("#card-what-are-personal-data").show(); + $(this).hide(); + }); + $("#button-what-are-anonymised-data").click(function(){ + console.log("hallo"); + $("#card-what-are-anonymised-data").show(); + $(this).hide(); + }); + $("#button-what-techical-data").click(function(){ + console.log("hallo"); + $("#card-what-techical-data").show() + $(this).hide(); + }); + $("#button-what-personal-data").click(function(){ + console.log("hallo"); + $("#card-what-personal-data").show(); + $(this).hide(); + }); + $("#button-what-third").click(function(){ + console.log("hallo"); + $("#card-what-third").show(); + $(this).hide(); + }); + $("#button-what-which-cookies-are-tracking-me").click(function(){ + console.log("hallo"); + $("#card-what-which-cookies-are-tracking-me").show(); + $(this).hide(); + }); + $("#button-what-can-i-do-to-refuse").click(function(){ + console.log("hallo"); + $("#card-what-can-i-do-to-refuse").show(); + $(this).hide(); + }); + $("#button-what-they-know-about-me").click(function(){ + console.log("hallo"); + $("#card-what-they-know-about-me").show(); + $(this).hide(); + }); + $("#button-what-need-help").click(function(){ + console.log("hallo"); + $("#card-what-need-help").show(); + $(this).hide(); + }); + + $("#close-card").click(function(){ + $(this).parent().hide(); + }); + + $("#button-what-are-cookies").click(function(){ + console.log("hallo"); + $("#card-what-are-cookies").show(); + $(this).hide(); + }); +} + +// this function defines the close buttons of a Material-Card +function init_buttons_close(){ + $("#button-what-are-my-rights-close").click(function(){ + $(this).parent().hide(); + $("#button-what-are-my-rights").show(); + console.log($(this).parent()); + }); + $("#button-what-is-technicaldata-close").click(function(){ + $(this).parent().hide(); + $("#button-what-is-technicaldata").show(); + console.log("hallo"); + }); + $("#button-what-are-personal-data-close").click(function(){ + $(this).parent().hide(); + $("#button-what-are-personal-data").show(); + console.log("hallo"); + }); + $("#button-what-are-anonymised-data-close").click(function(){ + $(this).parent().hide(); + $("#button-what-are-anonymised-data").show(); + console.log("hallo"); + }); + $("#button-what-techical-data-close").click(function(){ + $(this).parent().hide(); + $("#button-what-techical-data").show(); + console.log("hallo"); + }); + $("#button-what-personal-data-close").click(function(){ + $(this).parent().hide(); + $("#button-what-personal-data").show(); + console.log("hallo"); + }); + $("#button-what-third-close").click(function(){ + $(this).parent().hide(); + $("#button-what-third").show(); + console.log("hallo"); + }); + $("#button-what-can-i-do-to-refuse-close").click(function(){ + $(this).parent().hide(); + $("#button-what-can-i-do-to-refuse").show(); + console.log("hallo"); + }); + $("#button-what-they-know-about-me-close").click(function(){ + $(this).parent().hide(); + $("#button-what-they-know-about-me").show(); + console.log("hallo"); + }); + $("#button-what-need-help-close").click(function(){ + $(this).parent().hide(); + $("#button-what-need-help").show(); + console.log("hallo"); + }); + $("#button-what-are-cookies-close").click(function(){ + $(this).parent().hide(); + $("#button-what-are-cookies").show(); + console.log("hallo"); + }); + + $("#button-what-which-cookies-are-tracking-me-close").click(function(){ + console.log("hallo"); + $("#button-what-which-cookies-are-tracking-me").show(); + $(this).parent().hide(); + }); + + $("#costum-close-button").click(function(){ + location.reload(true); + }); +} + + + diff --git a/plugin-firefox/html/aboutprivacycheck.html b/plugin-firefox/html/aboutprivacycheck.html new file mode 100644 index 0000000..705ae58 --- /dev/null +++ b/plugin-firefox/html/aboutprivacycheck.html @@ -0,0 +1,213 @@ + + + + + More + + + + + + + + + +
+
+
+ Privacy Check! +
+
+
+
+

If you want to sharpen your Browser to assist your Privacy, please follow these steps:

+

Please open the settings of this Browser and go to "privacy and security".

+

Please select the strict option.

+ +

Please go to "Firefox Data Collection and Use" and unmark everything

+ +

Please go to "Security" and mark everything

+ +

Please go to "Https-Only Mode" and mark everything

+ +
+

Your Rights:

+

According to article 15 GDPR

+

You have the right to be informed about your data

+

According to article 16 GDPR

+

You have the right to rectification.
For example, you move to another town, you can cause that your new address will be changed in your data.

+

According to article 17 GDPR

+

You have the right of obligation to delete.

+

According to article 18 GDPR

+

You have the right to restrict the processing of your data.

+

According to article 19 GDPR

+

You have the right to be informed.

+

According to article 20 GDPR

+

You have the right to data portability.

+

According to article 77 GDPR

+

You have the right to lodge a complaint with a supervisory authority.

+
+

Cookies

+

Cookies are information that a web service stores on your computer. + They are many types of them:

+ +

First-party cookies:

+

These cookies are to provide functionality for the user. + For example, you put an order in the shopping cart. A cookie will be store the information that you ordered.

+ +

third-party cookies:

+

These types of cookies are not directly set by a website. + For example, if a service uses third-party elements like ads. + They can be used to track you.

+ +

Session Cookies:

+

These cookies are to keep you logged in inside a website. + For example, if you log in to Facebook, you will have somewhere a session cookie that keeps you logged in. + These types of cookies will be destroyed after closing a browser.

+ +

Persistent Cookies:

+

These cookies stores information over a longer period. + For example, you are logged inside Facebook. You shut down your computer and come back some days later and you are still logged in. + Then you have a Persistent cookie

+ +

Secure Cookies:

+

These cookies stores encrypted information like bank credentials.

+
+

Credits / Lizenzen

+

All Icons are from https://freeicons.io/

+

Thanks to all creators for their incredible work!

+
+ + Icon by icon king1 on freeicons.io +
+
+ + Icon by icon king1 on freeicons.io +
+
+ + Icon by icon king1 on freeicons.io +
+
+ + Icon by Anu Rocks on freeicons.io +
+
+ + Icon by www.wishforge.games on freeicons.io +
+
+ + Icon by icon king1 on freeicons.io +
+
+ + Icon by icon king1 on freeicons.io +
+
+ + Icon by icon king1 on freeicons.io +
+
+ + Icon by icon king1 on freeicons.io +
+
+ + Icon by Muhammad Haq on freeicons.io +
+
+ + Icon by Muhammad Haq on freeicons.io +
+
+ + Icon by Muhammad Haq on freeicons.io +
+
+ + Icon by Muhammad Haq on freeicons.io +
+
+ + Icon by MD Badsha Meah on freeicons.io +
+
+ + Icon by shivani on freeicons.io +
+
+ + Icon by AnjuP on freeicons.io +
+
+ + Icon by constantino co on freeicons.io +
+
+ + Icon by Free Preloaders on freeicons.io +
+
+ + Icon by Anu Rocks on freeicons.io +
+
+ + Icon by Anu Rocks on freeicons.io +
+
+ + Icon by MD Badsha Meah on freeicons.io +
+
+ + Icon by Raj Dev on freeicons.io +
+
+ + Icon by MD Badsha Meah on freeicons.io +
+
+ + Icon by icon king1 on freeicons.io +
+
+ + Icon by DotFix Technologies on freeicons.io +
+
+ + Icon by Raj Dev on freeicons.io +
+
+ + Icon by Free Preloaders on freeicons.io +
+
+ + Icon by IYIKON on freeicons.io +
+
+ + Icon by IYIKON on freeicons.io +
+
+ + Icon by shivani on freeicons.io +
+
+ + Icon by Nine One on freeicons.io +
+
+ + Icon by MD Badsha Meah on freeicons.io +
+
+ + Icon by Raj Dev on freeicons.io +
+
+ + diff --git a/plugin-firefox/html/css/animations.css b/plugin-firefox/html/css/animations.css new file mode 100644 index 0000000..c71385c --- /dev/null +++ b/plugin-firefox/html/css/animations.css @@ -0,0 +1,46 @@ +@keyframes loading { + 0% { + transform: translateX(-150%) scale(1); + } + 25% { + transform: translateX(0%) scale(0.5); + } + 50% { + transform: translateX(150%) scale(1); + } + 75% { + transform: translateX(0%) scale(0.5); + } + 100% { + transform: translateX(-150%) scale(1); + } +} +@keyframes spinner { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes fadecheck { + 0% { + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes longer-lightning { + 50% { + background-color: #2196F3; + color: #FFFFFF; + } + 100% { + background-color: white; + color: black; + } +} \ No newline at end of file diff --git a/plugin-firefox/html/css/base_style.css b/plugin-firefox/html/css/base_style.css new file mode 100644 index 0000000..be7a120 --- /dev/null +++ b/plugin-firefox/html/css/base_style.css @@ -0,0 +1,13923 @@ +@charset "UTF-8"; +.mdc-banner__text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-banner__graphic { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-surface, #fff); +} + +.mdc-banner__graphic { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-banner__graphic { + border-radius: 50%; +} + +.mdc-banner__content, +.mdc-banner__fixed { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-banner__content, +.mdc-banner__fixed { + min-width: 100%; + } +} + +.mdc-banner__content { + max-width: 720px; +} + +.mdc-banner { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-bottom-color: rgba(0, 0, 0, 0.12); + z-index: 1; + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + display: none; + flex-shrink: 0; + height: 0; + position: relative; + width: 100%; +} +.mdc-banner .mdc-banner__fixed { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-banner .mdc-banner__fixed { + border-bottom-color: rgba(0, 0, 0, 0.12); +} +@media (max-width: 480px) { + .mdc-banner .mdc-banner__fixed { + left: 0; + right: 0; + } + .mdc-banner .mdc-banner__content { + flex-wrap: wrap; + } + .mdc-banner .mdc-banner__graphic { + margin-bottom: 12px; + } + .mdc-banner .mdc-banner__text { + margin-left: 16px; + margin-right: 8px; + padding-bottom: 4px; + } + .mdc-banner .mdc-banner__actions { + margin-left: auto; + } +} + +.mdc-banner--opening, +.mdc-banner--open, +.mdc-banner--closing { + display: flex; +} + +.mdc-banner--open { + transition: height 300ms ease; +} +.mdc-banner--open .mdc-banner__content { + transition: transform 300ms ease; + transform: translateY(0); +} + +.mdc-banner--closing { + transition: height 250ms ease; +} +.mdc-banner--closing .mdc-banner__content { + transition: transform 250ms ease; +} + +.mdc-banner--centered .mdc-banner__content { + left: 0; + margin-left: auto; + margin-right: auto; + right: 0; +} + +.mdc-banner__fixed { + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + height: inherit; + position: fixed; + width: 100%; +} + +.mdc-banner__content { + display: flex; + min-height: 52px; + position: absolute; + transform: translateY(-100%); + width: 100%; +} + +.mdc-banner__graphic-text-wrapper { + display: flex; + width: 100%; +} + +.mdc-banner__graphic { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + flex-shrink: 0; + height: 40px; + margin-top: 16px; + margin-bottom: 16px; + text-align: center; + width: 40px; +} +[dir=rtl] .mdc-banner__graphic, .mdc-banner__graphic[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-banner__icon { + position: relative; + top: 50%; + transform: translateY(-50%); +} + +.mdc-banner__text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 90px; + align-self: center; + flex-grow: 1; + padding-top: 16px; + padding-bottom: 16px; +} +[dir=rtl] .mdc-banner__text, .mdc-banner__text[dir=rtl] { + /* @noflip */ + margin-left: 90px; + /* @noflip */ + margin-right: 24px; +} + +.mdc-banner__actions { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + align-self: flex-end; + display: flex; + flex-shrink: 0; + padding-bottom: 8px; + padding-top: 8px; +} +[dir=rtl] .mdc-banner__actions, .mdc-banner__actions[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-banner__primary-action:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__primary-action::before, .mdc-banner__primary-action::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__primary-action:hover::before { + opacity: 0.04; +} +.mdc-banner__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-banner__secondary-action { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-banner__secondary-action:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__secondary-action::before, .mdc-banner__secondary-action::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__secondary-action:hover::before { + opacity: 0.04; +} +.mdc-banner__secondary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__secondary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__secondary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +[dir=rtl] .mdc-banner__secondary-action, .mdc-banner__secondary-action[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} + +.mdc-touch-target-wrapper { + display: inline; +} + +.mdc-elevation-overlay { + position: absolute; + border-radius: inherit; + pointer-events: none; + opacity: 0; + /* @alternate */ + opacity: var(--mdc-elevation-overlay-opacity, 0); + transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-elevation-overlay-color, #fff); +} + +.mdc-button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding: 0 8px 0 8px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + min-width: 64px; + border: none; + outline: none; + /* @alternate */ + line-height: inherit; + user-select: none; + -webkit-appearance: none; + overflow: visible; + vertical-align: middle; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); + height: 36px; +} +.mdc-button .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-button::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-button:active { + outline: none; +} +.mdc-button:hover { + cursor: pointer; +} +.mdc-button:disabled { + cursor: default; + pointer-events: none; +} +.mdc-button .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button:not(:disabled) { + background-color: transparent; +} +.mdc-button:disabled { + background-color: transparent; +} +.mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + width: 18px; + height: 18px; + font-size: 18px; + vertical-align: top; +} +[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-button .mdc-button__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-button:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +svg.mdc-button__icon { + fill: currentColor; +} + +.mdc-button--raised .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--unelevated .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--outlined .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +.mdc-button--raised .mdc-button__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} + +.mdc-button--raised, +.mdc-button--unelevated { + padding: 0 16px 0 16px; +} +.mdc-button--raised:not(:disabled), +.mdc-button--unelevated:not(:disabled) { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button--raised:not(:disabled), +.mdc-button--unelevated:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--raised:disabled, +.mdc-button--unelevated:disabled { + background-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:disabled, +.mdc-button--unelevated:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.mdc-button--raised { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-button--raised:hover, .mdc-button--raised:focus { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:active { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:disabled { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-button--outlined { + padding: 0 15px 0 15px; + border-width: 1px; + border-style: solid; +} +.mdc-button--outlined .mdc-button__ripple { + top: -1px; + left: -1px; + border: 1px solid transparent; +} +.mdc-button--outlined .mdc-button__touch { + left: -1px; + width: calc(100% + 2 * 1px); +} +.mdc-button--outlined:not(:disabled) { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--outlined:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.mdc-button--touch { + margin-top: 6px; + margin-bottom: 6px; +} + +@keyframes mdc-ripple-fg-radius-in { + from { + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); + } + to { + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + } +} +@keyframes mdc-ripple-fg-opacity-in { + from { + animation-timing-function: linear; + opacity: 0; + } + to { + opacity: var(--mdc-ripple-fg-opacity, 0); + } +} +@keyframes mdc-ripple-fg-opacity-out { + from { + animation-timing-function: linear; + opacity: var(--mdc-ripple-fg-opacity, 0); + } + to { + opacity: 0; + } +} +.mdc-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-button .mdc-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button:hover .mdc-button__ripple::before { + opacity: 0.04; +} +.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-button .mdc-button__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple { + top: 0; + left: 0; +} + +.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after, +.mdc-button--unelevated .mdc-button__ripple::before, +.mdc-button--unelevated .mdc-button__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--raised:hover .mdc-button__ripple::before, +.mdc-button--unelevated:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before, +.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, +.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after, +.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after, +.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised.mdc-ripple-upgraded, +.mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-card { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + display: flex; + flex-direction: column; + box-sizing: border-box; +} +.mdc-card .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-card::after { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} + +.mdc-card--outlined { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); + border-width: 1px; + border-style: solid; + border-color: #e0e0e0; +} +.mdc-card--outlined::after { + border: none; +} + +.mdc-card__content { + border-radius: inherit; + height: 100%; +} + +.mdc-card__media { + position: relative; + box-sizing: border-box; + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} +.mdc-card__media::before { + display: block; + content: ""; +} + +.mdc-card__media:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.mdc-card__media:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; +} + +.mdc-card__media--square::before { + margin-top: 100%; +} + +.mdc-card__media--16-9::before { + margin-top: 56.25%; +} + +.mdc-card__media-content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-sizing: border-box; +} + +.mdc-card__primary-action { + display: flex; + flex-direction: column; + box-sizing: border-box; + position: relative; + outline: none; + color: inherit; + text-decoration: none; + cursor: pointer; + overflow: hidden; +} + +.mdc-card__primary-action:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.mdc-card__primary-action:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; +} + +.mdc-card__actions { + display: flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; + min-height: 52px; + padding: 8px; +} + +.mdc-card__actions--full-bleed { + padding: 0; +} + +.mdc-card__action-buttons, +.mdc-card__action-icons { + display: flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; +} + +.mdc-card__action-icons { + color: rgba(0, 0, 0, 0.6); + flex-grow: 1; + justify-content: flex-end; +} + +.mdc-card__action-buttons + .mdc-card__action-icons { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-card__action { + display: inline-flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; + justify-content: center; + cursor: pointer; + user-select: none; +} +.mdc-card__action:focus { + outline: none; +} + +.mdc-card__action--button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + padding: 0 8px; +} +[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-card__action--button:last-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} + +.mdc-card__actions--full-bleed .mdc-card__action--button { + justify-content: space-between; + width: 100%; + height: auto; + max-height: none; + margin: 0; + padding: 8px 16px; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-card__action--icon { + margin: -6px 0; + padding: 12px; +} + +.mdc-card__action--icon:not(:disabled) { + color: rgba(0, 0, 0, 0.6); +} + +.mdc-card__primary-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-card__primary-action::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-card__primary-action.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-card__primary-action.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-card__primary-action.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + background-color: #000; +} +.mdc-card__primary-action:hover::before { + opacity: 0.04; +} +.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-card__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-checkbox { + padding: 11px; + margin-top: 0px; + margin-bottom: 0px; + margin-right: 0px; + margin-left: 0px; +} +.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after { + background-color: #000; +} +.mdc-checkbox:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox .mdc-checkbox__background { + top: 11px; + left: 11px; +} +.mdc-checkbox .mdc-checkbox__background::before { + top: -13px; + left: -13px; + width: 40px; + height: 40px; +} +.mdc-checkbox .mdc-checkbox__native-control { + top: 0px; + right: 0px; + left: 0px; + width: 40px; + height: 40px; +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3 { + 0%, 80% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} + +@keyframes mdc-checkbox-unchecked-checked-checkmark-path { + 0%, 50% { + stroke-dashoffset: 29.7833385; + } + 50% { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + } + 100% { + stroke-dashoffset: 0; + } +} +@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { + 0%, 68.2% { + transform: scaleX(0); + } + 68.2% { + animation-timing-function: cubic-bezier(0, 0, 0, 1); + } + 100% { + transform: scaleX(1); + } +} +@keyframes mdc-checkbox-checked-unchecked-checkmark-path { + from { + animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + opacity: 1; + stroke-dashoffset: 0; + } + to { + opacity: 0; + stroke-dashoffset: -29.7833385; + } +} +@keyframes mdc-checkbox-checked-indeterminate-checkmark { + from { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + transform: rotate(0deg); + opacity: 1; + } + to { + transform: rotate(45deg); + opacity: 0; + } +} +@keyframes mdc-checkbox-indeterminate-checked-checkmark { + from { + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + transform: rotate(45deg); + opacity: 0; + } + to { + transform: rotate(360deg); + opacity: 1; + } +} +@keyframes mdc-checkbox-checked-indeterminate-mixedmark { + from { + animation-timing-function: mdc-animation-deceleration-curve-timing-function; + transform: rotate(-45deg); + opacity: 0; + } + to { + transform: rotate(0deg); + opacity: 1; + } +} +@keyframes mdc-checkbox-indeterminate-checked-mixedmark { + from { + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + transform: rotate(0deg); + opacity: 1; + } + to { + transform: rotate(315deg); + opacity: 0; + } +} +@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { + 0% { + animation-timing-function: linear; + transform: scaleX(1); + opacity: 1; + } + 32.8%, 100% { + transform: scaleX(0); + opacity: 0; + } +} +.mdc-checkbox { + display: inline-block; + position: relative; + flex: 0 0 18px; + box-sizing: content-box; + width: 18px; + height: 18px; + line-height: 0; + white-space: nowrap; + cursor: pointer; + vertical-align: bottom; +} + +@media screen and (-ms-high-contrast: active) { + .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, GrayText); + background-color: transparent; + } + + .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: GrayText; + background-color: transparent; + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, transparent); + } + + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: GrayText; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, GrayText); + } + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, GrayText); + } + + .mdc-checkbox__mixedmark { + margin: 0 1px; + } +} +.mdc-checkbox--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox__background { + display: inline-flex; + position: absolute; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 18px; + height: 18px; + border: 2px solid currentColor; + border-radius: 2px; + background-color: transparent; + pointer-events: none; + will-change: background-color, border-color; + transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox__background .mdc-checkbox__background::before { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} + +.mdc-checkbox__checkmark { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + opacity: 0; + transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox--upgraded .mdc-checkbox__checkmark { + opacity: 1; +} + +.mdc-checkbox__checkmark-path { + transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + stroke: currentColor; + stroke-width: 3.12px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-checkbox__mixedmark { + width: 100%; + height: 0; + transform: scaleX(0) rotate(0deg); + border-width: 1px; + border-style: solid; + opacity: 0; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { + animation-duration: 180ms; + animation-timing-function: linear; +} +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { + animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { + animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { + animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { + animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { + animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { + animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { + animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { + animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s; + transition: none; +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background { + transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-checkbox__background::before { + position: absolute; + transform: scale(0, 0); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + will-change: opacity, transform; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { + transform: scale(1); + opacity: 0.12; + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-checkbox__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; +} +.mdc-checkbox__native-control:disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-checkbox--touch .mdc-checkbox__native-control { + top: -4px; + right: -4px; + left: -4px; + width: 48px; + height: 48px; +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 1; +} +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + transform: scaleX(1) rotate(-45deg); +} + +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + transform: rotate(45deg); + opacity: 0; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + transform: scaleX(1) rotate(0deg); + opacity: 1; +} + +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark { + transition: none; +} + +.mdc-checkbox { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + z-index: 0; +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-checkbox .mdc-checkbox__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + z-index: -1; +} + +.mdc-checkbox__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before { + content: none; +} + +.mdc-chip-trailing-action__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + transform: translate(-50%, -50%); +} + +.mdc-chip-trailing-action { + border: none; + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + padding: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; + background: none; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__touch { + width: 26px; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__icon { + fill: currentColor; + color: inherit; +} + +.mdc-chip-trailing-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-chip-trailing-action__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-chip-trailing-action__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-chip-trailing-action__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip-trailing-action:hover .mdc-chip-trailing-action__ripple::before { + opacity: 0.04; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-chip-trailing-action__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-chip-trailing-action__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-chip-trailing-action__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} + +.mdc-chip__icon--leading { + color: rgba(0, 0, 0, 0.54); +} + +.mdc-chip-trailing-action { + color: #000; +} + +.mdc-chip__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-chip__icon--trailing:hover { + color: rgba(0, 0, 0, 0.62); +} +.mdc-chip__icon--trailing:focus { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + width: 20px; + height: 20px; + font-size: 20px; +} + +.mdc-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} + +.mdc-chip__icon.mdc-chip__icon--trailing { + width: 18px; + height: 18px; + font-size: 18px; +} + +.mdc-chip-trailing-action { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-chip-trailing-action, .mdc-chip-trailing-action[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip__icon--trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip { + border-radius: 16px; + background-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + height: 32px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + box-sizing: border-box; + padding: 0 12px; + border-width: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; +} +.mdc-chip .mdc-chip__ripple { + border-radius: 16px; +} +.mdc-chip:hover { + color: rgba(0, 0, 0, 0.87); +} +.mdc-chip.mdc-chip--selected .mdc-chip__checkmark, +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], +[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +.mdc-chip .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-chip::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-chip:hover { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip .mdc-chip__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} + +.mdc-chip--exit { + transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; + opacity: 0; +} + +.mdc-chip__overflow { + text-overflow: ellipsis; + overflow: hidden; +} + +.mdc-chip__text { + white-space: nowrap; +} + +.mdc-chip__icon { + border-radius: 50%; + outline: none; + vertical-align: middle; +} + +.mdc-chip__checkmark { + height: 20px; +} + +.mdc-chip__checkmark-path { + transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); + stroke-width: 2px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-chip__primary-action:focus { + outline: none; +} + +.mdc-chip--selected .mdc-chip__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-chip__icon--leading, +.mdc-chip__icon--trailing { + position: relative; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading { + color: rgba(33, 150, 243, 0.54); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path { + stroke: #2196F3; + /* @alternate */ + stroke: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip--selected { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-chip__checkmark-svg { + width: 0; + height: 20px; + transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-chip--selected .mdc-chip__checkmark-svg { + width: 20px; +} + +.mdc-chip-set--filter .mdc-chip__icon--leading { + transition: opacity 75ms linear; + transition-delay: -50ms; + opacity: 1; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark { + transition: opacity 75ms linear; + transition-delay: 80ms; + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg { + transition: width 0ms; +} +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading { + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 0; + opacity: 1; +} +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading { + width: 0; + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 20px; +} + +.mdc-chip { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-chip .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-chip .mdc-chip__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip .mdc-chip__ripple::before, .mdc-chip .mdc-chip__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-chip:hover .mdc-chip__ripple::before { + opacity: 0.04; +} +.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-chip .mdc-chip__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before { + opacity: 0.08; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before { + opacity: 0.12; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.2; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.2; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.2; +} + +@keyframes mdc-chip-entry { + from { + transform: scale(0.8); + opacity: 0.4; + } + to { + transform: scale(1); + opacity: 1; + } +} +.mdc-chip-set { + padding: 4px; + display: flex; + flex-wrap: wrap; + box-sizing: border-box; +} +.mdc-chip-set .mdc-chip { + margin: 4px; +} +.mdc-chip-set .mdc-chip--touch { + margin-top: 8px; + margin-bottom: 8px; +} + +.mdc-chip-set--input .mdc-chip { + animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-circular-progress__determinate-circle, +.mdc-circular-progress__indeterminate-circle-graphic { + stroke: #2196F3; + /* @alternate */ + stroke: var(--mdc-theme-primary, #2196F3); +} + +.mdc-circular-progress__determinate-track { + stroke: transparent; +} + +@keyframes mdc-circular-progress-container-rotate { + to { + transform: rotate(360deg); + } +} +@keyframes mdc-circular-progress-spinner-layer-rotate { + 12.5% { + transform: rotate(135deg); + } + 25% { + transform: rotate(270deg); + } + 37.5% { + transform: rotate(405deg); + } + 50% { + transform: rotate(540deg); + } + 62.5% { + transform: rotate(675deg); + } + 75% { + transform: rotate(810deg); + } + 87.5% { + transform: rotate(945deg); + } + 100% { + transform: rotate(1080deg); + } +} +@keyframes mdc-circular-progress-color-1-fade-in-out { + from { + opacity: 0.99; + } + 25% { + opacity: 0.99; + } + 26% { + opacity: 0; + } + 89% { + opacity: 0; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0.99; + } +} +@keyframes mdc-circular-progress-color-2-fade-in-out { + from { + opacity: 0; + } + 15% { + opacity: 0; + } + 25% { + opacity: 0.99; + } + 50% { + opacity: 0.99; + } + 51% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-3-fade-in-out { + from { + opacity: 0; + } + 40% { + opacity: 0; + } + 50% { + opacity: 0.99; + } + 75% { + opacity: 0.99; + } + 76% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-4-fade-in-out { + from { + opacity: 0; + } + 65% { + opacity: 0; + } + 75% { + opacity: 0.99; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-left-spin { + from { + transform: rotate(265deg); + } + 50% { + transform: rotate(130deg); + } + to { + transform: rotate(265deg); + } +} +@keyframes mdc-circular-progress-right-spin { + from { + transform: rotate(-265deg); + } + 50% { + transform: rotate(-130deg); + } + to { + transform: rotate(-265deg); + } +} +.mdc-circular-progress { + display: inline-flex; + position: relative; + /* @noflip */ + direction: ltr; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-circular-progress__determinate-container, +.mdc-circular-progress__indeterminate-circle-graphic, +.mdc-circular-progress__indeterminate-container, +.mdc-circular-progress__spinner-layer { + position: absolute; + width: 100%; + height: 100%; +} + +.mdc-circular-progress__determinate-container { + transform: rotate(-90deg); +} + +.mdc-circular-progress__indeterminate-container { + opacity: 0; +} + +.mdc-circular-progress__determinate-circle-graphic, +.mdc-circular-progress__indeterminate-circle-graphic { + fill: transparent; +} + +.mdc-circular-progress__determinate-circle { + transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-circular-progress__gap-patch { + position: absolute; + top: 0; + /* @noflip */ + left: 47.5%; + box-sizing: border-box; + width: 5%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -900%; + width: 2000%; + transform: rotate(180deg); +} + +.mdc-circular-progress__circle-clipper { + display: inline-flex; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic { + width: 200%; +} + +.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -100%; +} + +.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container { + opacity: 0; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + opacity: 1; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic { + animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.mdc-circular-progress--closed { + opacity: 0; +} + +.mdc-data-table__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-data-table { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + -webkit-overflow-scrolling: touch; + display: inline-flex; + flex-direction: column; + box-sizing: border-box; + position: relative; +} +.mdc-data-table .mdc-data-table__header-cell:first-child { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); + border-top-left-radius: 0; +} +.mdc-data-table .mdc-data-table__header-cell:last-child { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); + border-top-right-radius: 0; +} + +.mdc-data-table__row { + background-color: inherit; +} + +.mdc-data-table__header-cell { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-data-table__row--selected { + background-color: rgba(33, 150, 243, 0.04); +} + +.mdc-data-table__header-cell:after { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__header-cell:after { + border-bottom-style: solid; + border-bottom-width: 1px; +} + +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-width: 1px; + border-top-style: solid; +} + +.mdc-data-table__row:not(.mdc-data-table__row--selected):hover { + background-color: rgba(0, 0, 0, 0.04); +} + +.mdc-data-table__header-cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__pagination-total, +.mdc-data-table__pagination-rows-per-page-label, +.mdc-data-table__cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__cell { + height: 52px; +} + +.mdc-data-table__pagination { + min-height: 52px; +} + +.mdc-data-table__header-cell { + height: 56px; +} + +.mdc-data-table__cell, +.mdc-data-table__header-cell { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-data-table__header-cell--checkbox, +.mdc-data-table__cell--checkbox { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl], +[dir=rtl] .mdc-data-table__cell--checkbox, +.mdc-data-table__cell--checkbox[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.6); +} +.mdc-data-table__sort-icon-button::before, .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.6); +} +.mdc-data-table__sort-icon-button:hover::before { + opacity: 0.04; +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.87); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover::before { + opacity: 0.04; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-data-table__table-container { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + width: 100%; +} + +.mdc-data-table__table { + min-width: 100%; + border: 0; + white-space: nowrap; + border-collapse: collapse; + /** + * With table-layout:fixed, table and column widths are defined by the width + * of the first row of cells. Cells in subsequent rows do not affect column + * widths. This results in a predictable table layout and may also speed up + * rendering. + */ + table-layout: fixed; +} + +.mdc-data-table__cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + overflow: hidden; + text-align: left; + text-overflow: ellipsis; +} +[dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + box-sizing: border-box; + text-overflow: ellipsis; + overflow: hidden; + outline: none; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__header-cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__sort-icon-button { + width: 28px; + height: 28px; + padding: 2px; + transform: rotate(0.0001deg); + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; +} +[dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} +.mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button { + transform: rotate(-180deg); +} +.mdc-data-table__sort-icon-button:focus, .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + opacity: 1; +} + +.mdc-data-table__header-cell-wrapper { + align-items: center; + display: inline-flex; + vertical-align: middle; +} + +.mdc-data-table__header-cell--with-sort { + cursor: pointer; +} + +.mdc-data-table__sort-status-label { + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute; + white-space: nowrap; + /* added line */ + width: 1px; +} + +.mdc-data-table__progress-indicator { + display: none; + position: absolute; + width: 100%; +} +.mdc-data-table--in-progress .mdc-data-table__progress-indicator { + display: block; +} + +.mdc-data-table__scrim { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + height: 100%; + opacity: 0.32; + position: absolute; + top: 0; + width: 100%; +} + +.mdc-data-table--sticky-header .mdc-data-table__header-cell { + position: sticky; + top: 0; + z-index: 1; +} +.mdc-data-table--sticky-header .mdc-data-table__header-cell:after { + bottom: 0; + content: ""; + left: 0; + position: absolute; + width: 100%; +} +.mdc-data-table--sticky-header .mdc-data-table__row:first-child { + border-top: 0; +} + +.mdc-data-table__pagination { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + display: flex; + justify-content: flex-end; +} + +.mdc-data-table__pagination-trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; +} +[dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} + +.mdc-data-table__pagination-navigation { + align-items: center; + display: flex; +} + +.mdc-data-table__pagination-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + transform: rotate(180deg); +} +[dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-total { + /* @noflip */ + margin-left: 14px; + /* @noflip */ + margin-right: 36px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] { + /* @noflip */ + margin-left: 36px; + /* @noflip */ + margin-right: 14px; +} + +.mdc-data-table__pagination-rows-per-page { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 22px; + align-items: center; + display: inline-flex; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] { + /* @noflip */ + margin-left: 22px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-select { + width: 80px; + min-width: 80px; + margin: 8px 0; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor { + height: 36px; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-27.25px) scale(1); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-24.75px) scale(0.75); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-36px { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon { + width: 20px; + height: 20px; +} +.mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 56px); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-list-item { + height: 36px; +} + +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3 { + 0%, 80% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3; +} + +.mdc-dialog, +.mdc-dialog__scrim { + position: fixed; + top: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 100%; + height: 100%; +} + +.mdc-dialog { + display: none; + z-index: 7; +} +.mdc-dialog .mdc-dialog__surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-dialog .mdc-dialog__scrim { + background-color: rgba(0, 0, 0, 0.32); +} +.mdc-dialog .mdc-dialog__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-dialog .mdc-dialog__content { + color: rgba(0, 0, 0, 0.6); +} +.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-dialog .mdc-dialog__content { + padding: 20px 24px 20px 24px; +} +.mdc-dialog .mdc-dialog__surface { + min-width: 280px; +} +@media (max-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: calc(100vw - 32px); + } +} +@media (min-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: 560px; + } +} +.mdc-dialog .mdc-dialog__surface { + max-height: calc(100% - 32px); +} +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .mdc-dialog .mdc-dialog__container { + /* stylelint-disable */ + /* stylelint-enable*/ + } +} +.mdc-dialog .mdc-dialog__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); +} + +.mdc-dialog__scrim { + opacity: 0; + z-index: -1; +} + +.mdc-dialog__container { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + box-sizing: border-box; + height: 100%; + transform: scale(0.8); + opacity: 0; + pointer-events: none; +} + +.mdc-dialog__surface { + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; + box-sizing: border-box; + max-width: 100%; + max-height: 100%; + pointer-events: auto; + overflow-y: auto; +} +.mdc-dialog__surface .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface { + /* @noflip */ + text-align: right; +} + +.mdc-dialog__title { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + position: relative; + flex-shrink: 0; + box-sizing: border-box; + margin: 0; + padding: 0 24px 9px; + border-bottom: 1px solid transparent; +} +.mdc-dialog__title::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title { + /* @noflip */ + text-align: right; +} + +.mdc-dialog--scrollable .mdc-dialog__title { + padding-bottom: 15px; +} + +.mdc-dialog__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); + flex-grow: 1; + box-sizing: border-box; + margin: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.mdc-dialog__content > :first-child { + margin-top: 0; +} +.mdc-dialog__content > :last-child { + margin-bottom: 0; +} + +.mdc-dialog__title + .mdc-dialog__content { + padding-top: 0; +} + +.mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content { + padding-top: 8px; + padding-bottom: 8px; +} + +.mdc-dialog__content .mdc-list:first-child:last-child { + padding: 6px 0 0; +} + +.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child { + padding: 0; +} + +.mdc-dialog__actions { + display: flex; + position: relative; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + box-sizing: border-box; + min-height: 52px; + margin: 0; + padding: 8px; + border-top: 1px solid transparent; +} +.mdc-dialog--stacked .mdc-dialog__actions { + flex-direction: column; + align-items: flex-end; +} + +.mdc-dialog__button { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; + max-width: 100%; + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-dialog__button:first-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button { + /* @noflip */ + text-align: left; +} + +.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) { + margin-top: 12px; +} + +.mdc-dialog--open, +.mdc-dialog--opening, +.mdc-dialog--closing { + display: flex; +} + +.mdc-dialog--opening .mdc-dialog__scrim { + transition: opacity 150ms linear; +} +.mdc-dialog--opening .mdc-dialog__container { + transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-dialog--closing .mdc-dialog__scrim, +.mdc-dialog--closing .mdc-dialog__container { + transition: opacity 75ms linear; +} +.mdc-dialog--closing .mdc-dialog__container { + transform: none; +} + +.mdc-dialog--open .mdc-dialog__scrim { + opacity: 1; +} +.mdc-dialog--open .mdc-dialog__container { + transform: none; + opacity: 1; +} + +.mdc-dialog-scroll-lock { + overflow: hidden; +} + +.mdc-drawer { + border-color: rgba(0, 0, 0, 0.12); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-left-radius: 0; + z-index: 6; + width: 256px; + display: flex; + flex-direction: column; + flex-shrink: 0; + box-sizing: border-box; + height: 100%; + /* @noflip */ + border-right-width: 1px; + /* @noflip */ + border-right-style: solid; + overflow: hidden; + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer .mdc-drawer__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-drawer__subtitle { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-list-item { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic { + color: #2196f3; +} +.mdc-drawer .mdc-list-item--activated { + color: rgba(33, 150, 243, 0.87); +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-large, 0); +} +.mdc-drawer .mdc-list-item { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content { + /* @noflip */ + margin-left: 256px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 256px; +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-right-width: 0; + /* @noflip */ + border-left-width: 1px; + /* @noflip */ + border-right-style: none; + /* @noflip */ + border-left-style: solid; +} +.mdc-drawer .mdc-list-item { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + height: calc(48px - 2 * 4px); + margin: 8px 8px; + padding: 0 8px; +} +.mdc-drawer .mdc-list-item:nth-child(1) { + margin-top: 2px; +} +.mdc-drawer .mdc-list-item:nth-last-child(1) { + margin-bottom: 0; +} +.mdc-drawer .mdc-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + padding: 0 16px; +} +.mdc-drawer .mdc-list-group__subheader::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-drawer .mdc-list-divider { + margin: 3px 0 4px; +} +.mdc-drawer .mdc-list-item__text, +.mdc-drawer .mdc-list-item__graphic { + pointer-events: none; +} + +.mdc-drawer--animate { + transform: translateX(-100%); +} +[dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] { + transform: translateX(100%); +} + +.mdc-drawer--opening { + transform: translateX(0); + transition-duration: 250ms; +} +[dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] { + transform: translateX(0); +} + +.mdc-drawer--closing { + transform: translateX(-100%); + transition-duration: 200ms; +} +[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] { + transform: translateX(100%); +} + +.mdc-drawer__header { + flex-shrink: 0; + box-sizing: border-box; + min-height: 64px; + padding: 0 16px 4px; +} + +.mdc-drawer__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-drawer__title::before { + display: inline-block; + width: 0; + height: 36px; + content: ""; + vertical-align: 0; +} +.mdc-drawer__title::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-drawer__subtitle { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: 0; +} +.mdc-drawer__subtitle::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} + +.mdc-drawer__content { + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.mdc-drawer--dismissible { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: absolute; +} +[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} +.mdc-drawer--dismissible.mdc-drawer--open { + display: flex; +} + +.mdc-drawer-app-content { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; + position: relative; +} +[dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} + +.mdc-drawer--modal { + /* @alternate */ + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: fixed; +} +.mdc-drawer--modal + .mdc-drawer-scrim { + background-color: rgba(0, 0, 0, 0.32); +} +[dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} +.mdc-drawer--modal.mdc-drawer--open { + display: flex; +} + +.mdc-drawer-scrim { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 5; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer--open + .mdc-drawer-scrim { + display: block; +} +.mdc-drawer--animate + .mdc-drawer-scrim { + opacity: 0; +} +.mdc-drawer--opening + .mdc-drawer-scrim { + transition-duration: 250ms; + opacity: 1; +} +.mdc-drawer--closing + .mdc-drawer-scrim { + transition-duration: 200ms; + opacity: 0; +} + +.mdc-elevation--z0 { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z1 { + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z2 { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z3 { + /* @alternate */ + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z4 { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z5 { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z6 { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z7 { + /* @alternate */ + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z8 { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z9 { + /* @alternate */ + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z10 { + /* @alternate */ + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z11 { + /* @alternate */ + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z12 { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z13 { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z14 { + /* @alternate */ + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z15 { + /* @alternate */ + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z16 { + /* @alternate */ + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z17 { + /* @alternate */ + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z18 { + /* @alternate */ + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z19 { + /* @alternate */ + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z20 { + /* @alternate */ + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z21 { + /* @alternate */ + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z22 { + /* @alternate */ + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z23 { + /* @alternate */ + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z24 { + /* @alternate */ + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation-transition { + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow; +} + +.mdc-fab { + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 56px; + height: 56px; + padding: 0; + border: none; + fill: currentColor; + text-decoration: none; + cursor: pointer; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + overflow: visible; + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff); +} +.mdc-fab .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-fab:not(.mdc-fab--extended) { + border-radius: 50%; +} +.mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple { + border-radius: 50%; +} +.mdc-fab::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-fab:hover, .mdc-fab:focus { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-fab:active { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); +} +.mdc-fab:active, .mdc-fab:focus { + outline: none; +} +.mdc-fab:hover { + cursor: pointer; +} +.mdc-fab > svg { + width: 100%; +} +.mdc-fab .mdc-fab__icon { + width: 24px; + height: 24px; + font-size: 24px; +} + +.mdc-fab--mini { + width: 40px; + height: 40px; +} + +.mdc-fab--extended { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + border-radius: 24px; + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 20px; + width: auto; + max-width: 100%; + height: 48px; + /* @alternate */ + line-height: normal; +} +.mdc-fab--extended .mdc-fab__ripple { + border-radius: 24px; +} +.mdc-fab--extended .mdc-fab__icon { + /* @noflip */ + margin-left: calc(12px - 20px); + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: calc(12px - 20px); +} +.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: calc(12px - 20px); +} +[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] { + /* @noflip */ + margin-left: calc(12px - 20px); + /* @noflip */ + margin-right: 12px; +} + +.mdc-fab--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-fab--touch .mdc-fab__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + transform: translate(-50%, -50%); +} + +.mdc-fab::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} + +.mdc-fab__label { + justify-content: flex-start; + text-overflow: ellipsis; + white-space: nowrap; + overflow-x: hidden; + overflow-y: visible; +} + +.mdc-fab__icon { + transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + fill: currentColor; + will-change: transform; +} + +.mdc-fab .mdc-fab__icon { + display: inline-flex; + align-items: center; + justify-content: center; +} + +.mdc-fab--exited { + transform: scale(0); + opacity: 0; + transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); +} +.mdc-fab--exited .mdc-fab__icon { + transform: scale(0); + transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-fab { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-fab .mdc-fab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-secondary, #fff); +} +.mdc-fab:hover .mdc-fab__ripple::before { + opacity: 0.08; +} +.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before, .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after { + transition: opacity 150ms linear; +} +.mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-fab.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-fab .mdc-fab__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; + z-index: -1; +} + +.mdc-floating-label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + position: absolute; + /* @noflip */ + left: 0; + /* @noflip */ + transform-origin: left top; + line-height: 1.15rem; + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + cursor: text; + overflow: hidden; + /* @alternate */ + will-change: transform; + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; + /* @noflip */ + transform-origin: right top; + /* @noflip */ + text-align: right; +} + +.mdc-floating-label--float-above { + cursor: auto; +} + +.mdc-floating-label--required::after { + /* @noflip */ + margin-left: 1px; + /* @noflip */ + margin-right: 0px; + content: "*"; +} +[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 1px; +} + +.mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} + +.mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-standard 250ms 1; +} + +@keyframes mdc-floating-label-shake-float-above-standard { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } +} +.mdc-form-field { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: inline-flex; + align-items: center; + vertical-align: middle; +} +.mdc-form-field > label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; + order: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-form-field--nowrap > label { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.mdc-form-field--align-end > label { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; + order: -1; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} + +.mdc-form-field--space-between { + justify-content: space-between; +} +.mdc-form-field--space-between > label { + margin: 0; +} +[dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] { + margin: 0; +} + +.mdc-icon-button { + display: inline-block; + position: relative; + box-sizing: border-box; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + font-size: 24px; + text-decoration: none; + cursor: pointer; + user-select: none; + width: 48px; + height: 48px; + padding: 12px; +} +.mdc-icon-button svg, +.mdc-icon-button img { + width: 24px; + height: 24px; +} +.mdc-icon-button:disabled { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); +} +.mdc-icon-button:disabled { + cursor: default; + pointer-events: none; +} + +.mdc-icon-button__icon { + display: inline-block; +} +.mdc-icon-button__icon.mdc-icon-button__icon--on { + display: none; +} + +.mdc-icon-button--on .mdc-icon-button__icon { + display: none; +} +.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on { + display: inline-block; +} + +.mdc-icon-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-icon-button::before, .mdc-icon-button::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-icon-button::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-icon-button.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-icon-button.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-icon-button.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-icon-button::before, .mdc-icon-button::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-icon-button.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-icon-button::before, .mdc-icon-button::after { + background-color: #000; +} +.mdc-icon-button:hover::before { + opacity: 0.04; +} +.mdc-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-image-list { + display: flex; + flex-wrap: wrap; + margin: 0 auto; + padding: 0; +} + +.mdc-image-list__item, +.mdc-image-list__image-aspect-container { + position: relative; + box-sizing: border-box; +} + +.mdc-image-list__item { + list-style-type: none; +} + +.mdc-image-list__image { + width: 100%; +} + +.mdc-image-list__image-aspect-container .mdc-image-list__image { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +.mdc-image-list__image-aspect-container { + padding-bottom: calc(100% / 1); +} + +.mdc-image-list__image { + border-radius: 0; +} + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.mdc-image-list__supporting { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 8px 0; + line-height: 24px; +} + +.mdc-image-list__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + position: absolute; + bottom: 0; + width: 100%; + height: 48px; + padding: 0 16px; + background: rgba(0, 0, 0, 0.6); + color: #fff; +} + +.mdc-image-list--masonry { + display: block; +} +.mdc-image-list--masonry .mdc-image-list__item { + break-inside: avoid-column; +} +.mdc-image-list--masonry .mdc-image-list__image { + display: block; + height: auto; +} + +:root { + --mdc-layout-grid-margin-desktop: 24px; + --mdc-layout-grid-gutter-desktop: 24px; + --mdc-layout-grid-column-width-desktop: 72px; + --mdc-layout-grid-margin-tablet: 16px; + --mdc-layout-grid-gutter-tablet: 16px; + --mdc-layout-grid-column-width-tablet: 72px; + --mdc-layout-grid-margin-phone: 16px; + --mdc-layout-grid-gutter-phone: 16px; + --mdc-layout-grid-column-width-phone: 72px; +} + +@media (min-width: 840px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 24px; + padding: var(--mdc-layout-grid-margin-desktop, 24px); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-tablet, 16px); + } +} +@media (max-width: 599px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-phone, 16px); + } +} + +@media (min-width: 840px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 24px; + grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + } +} +@media (max-width: 599px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + } +} + +@media (min-width: 840px) { + .mdc-layout-grid__cell { + width: calc(33.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + box-sizing: border-box; + margin: 12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-desktop { + width: calc(8.3333333333% - 24px); + width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-desktop { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-desktop { + width: calc(16.6666666667% - 24px); + width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-desktop { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-desktop { + width: calc(25% - 24px); + width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-desktop { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-desktop { + width: calc(33.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-desktop { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-desktop { + width: calc(41.6666666667% - 24px); + width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-desktop { + width: auto; + grid-column-end: span 5; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-desktop { + width: calc(50% - 24px); + width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-desktop { + width: auto; + grid-column-end: span 6; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-desktop { + width: calc(58.3333333333% - 24px); + width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-desktop { + width: auto; + grid-column-end: span 7; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-desktop { + width: calc(66.6666666667% - 24px); + width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-desktop { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-desktop { + width: calc(75% - 24px); + width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-desktop { + width: auto; + grid-column-end: span 9; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-desktop { + width: calc(83.3333333333% - 24px); + width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-desktop { + width: auto; + grid-column-end: span 10; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-desktop { + width: calc(91.6666666667% - 24px); + width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-desktop { + width: auto; + grid-column-end: span 11; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-desktop { + width: calc(100% - 24px); + width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-desktop { + width: auto; + grid-column-end: span 12; + } + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid__cell { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-tablet { + width: calc(12.5% - 16px); + width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-tablet { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-tablet { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-tablet { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-tablet { + width: calc(37.5% - 16px); + width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-tablet { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-tablet { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-tablet { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-tablet { + width: calc(62.5% - 16px); + width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-tablet { + width: auto; + grid-column-end: span 5; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-tablet { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-tablet { + width: auto; + grid-column-end: span 6; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-tablet { + width: calc(87.5% - 16px); + width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-tablet { + width: auto; + grid-column-end: span 7; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-tablet { + width: auto; + grid-column-end: span 8; + } + } +} +@media (max-width: 599px) { + .mdc-layout-grid__cell { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-phone { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-phone { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-phone { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-phone { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-phone { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-phone { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-phone { + width: auto; + grid-column-end: span 4; + } + } +} +.mdc-layout-grid__cell--order-1 { + order: 1; +} +.mdc-layout-grid__cell--order-2 { + order: 2; +} +.mdc-layout-grid__cell--order-3 { + order: 3; +} +.mdc-layout-grid__cell--order-4 { + order: 4; +} +.mdc-layout-grid__cell--order-5 { + order: 5; +} +.mdc-layout-grid__cell--order-6 { + order: 6; +} +.mdc-layout-grid__cell--order-7 { + order: 7; +} +.mdc-layout-grid__cell--order-8 { + order: 8; +} +.mdc-layout-grid__cell--order-9 { + order: 9; +} +.mdc-layout-grid__cell--order-10 { + order: 10; +} +.mdc-layout-grid__cell--order-11 { + order: 11; +} +.mdc-layout-grid__cell--order-12 { + order: 12; +} +.mdc-layout-grid__cell--align-top { + align-self: flex-start; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-top { + align-self: start; + } +} +.mdc-layout-grid__cell--align-middle { + align-self: center; +} +.mdc-layout-grid__cell--align-bottom { + align-self: flex-end; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-bottom { + align-self: end; + } +} + +@media (min-width: 840px) { + .mdc-layout-grid--fixed-column-width { + width: 1176px; + width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 ); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid--fixed-column-width { + width: 720px; + width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 ); + } +} +@media (max-width: 599px) { + .mdc-layout-grid--fixed-column-width { + width: 368px; + width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 ); + } +} + +.mdc-layout-grid--align-left { + margin-right: auto; + margin-left: 0; +} + +.mdc-layout-grid--align-right { + margin-right: 0; + margin-left: auto; +} + +.mdc-line-ripple::before, .mdc-line-ripple::after { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + border-bottom-style: solid; + content: ""; +} +.mdc-line-ripple::before { + border-bottom-width: 1px; + z-index: 1; +} +.mdc-line-ripple::after { + transform: scaleX(0); + border-bottom-width: 2px; + opacity: 0; + z-index: 2; +} +.mdc-line-ripple::after { + transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-line-ripple--active::after { + transform: scaleX(1); + opacity: 1; +} + +.mdc-line-ripple--deactivating::after { + opacity: 0; +} + +@keyframes mdc-linear-progress-primary-indeterminate-translate { + 0% { + transform: translateX(0); + } + 20% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(0); + } + 59.15% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(83.67142%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%)); + } + 100% { + transform: translateX(200.611057%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%)); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-scale { + 0% { + transform: scaleX(0.08); + } + 36.65% { + animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1); + transform: scaleX(0.08); + } + 69.15% { + animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + transform: scaleX(0.661479); + } + 100% { + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate { + 0% { + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + transform: translateX(0); + } + 25% { + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + transform: translateX(37.651913%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%)); + } + 48.35% { + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + transform: translateX(84.386165%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%)); + } + 100% { + transform: translateX(160.277782%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-scale { + 0% { + animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); + transform: scaleX(0.08); + } + 19.15% { + animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); + transform: scaleX(0.457104); + } + 44.15% { + animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); + transform: scaleX(0.72796); + } + 100% { + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-buffering { + from { + transform: rotate(180deg) translateX(-10px); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse { + 0% { + transform: translateX(0); + } + 20% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(0); + } + 59.15% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(-83.67142%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%)); + } + 100% { + transform: translateX(-200.611057%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse { + 0% { + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + transform: translateX(0); + } + 25% { + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + transform: translateX(-37.651913%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%)); + } + 48.35% { + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + transform: translateX(-84.386165%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%)); + } + 100% { + transform: translateX(-160.277782%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%)); + } +} +@keyframes mdc-linear-progress-buffering-reverse { + from { + transform: translateX(-10px); + } +} +.mdc-linear-progress { + position: relative; + width: 100%; + height: 4px; + transform: translateZ(0); + outline: 1px solid transparent; + overflow: hidden; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__bar { + position: absolute; + width: 100%; + height: 100%; + animation: none; + transform-origin: top left; + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__bar-inner { + display: inline-block; + position: absolute; + width: 100%; + animation: none; + border-top: 4px solid; +} +.mdc-linear-progress__buffer { + display: flex; + position: absolute; + width: 100%; + height: 100%; +} +.mdc-linear-progress__buffer-dots { + background-repeat: repeat-x; + background-size: 10px 4px; + flex: auto; + transform: rotate(180deg); + animation: mdc-linear-progress-buffering 250ms infinite linear; +} +.mdc-linear-progress__buffer-bar { + flex: 0 1 100%; + transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__primary-bar { + transform: scaleX(0); +} +.mdc-linear-progress__secondary-bar { + visibility: hidden; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__bar { + transition: none; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { + left: -145.166611%; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { + left: -54.888891%; + visibility: visible; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { + animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { + animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear; +} +.mdc-linear-progress--reversed .mdc-linear-progress__bar { + right: 0; + transform-origin: center right; +} +.mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse; +} +.mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse; +} +.mdc-linear-progress--reversed .mdc-linear-progress__buffer-dots { + animation: mdc-linear-progress-buffering-reverse 250ms infinite linear; + order: 0; + transform: rotate(0); +} +.mdc-linear-progress--reversed .mdc-linear-progress__buffer-bar { + order: 1; +} +.mdc-linear-progress--closed { + opacity: 0; +} +.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots { + animation: none; +} +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar, +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner { + animation: none; +} + +.mdc-linear-progress__bar-inner { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-linear-progress__buffer-dots { + background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E"); +} + +.mdc-linear-progress__buffer-bar { + background-color: #e6e6e6; +} + +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { + right: -145.166611%; + left: auto; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { + right: -54.888891%; + left: auto; +} + +.mdc-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} +.mdc-list:focus { + outline: none; +} + +.mdc-list-item { + height: 48px; +} + +.mdc-list-item__secondary-text { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); +} + +.mdc-list-item__graphic { + background-color: transparent; +} + +.mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-item__meta { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-list-item--disabled .mdc-list-item__text { + opacity: 0.38; +} + +.mdc-list-item--disabled .mdc-list-item__text, +.mdc-list-item--disabled .mdc-list-item__primary-text, +.mdc-list-item--disabled .mdc-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-list-item--selected, +.mdc-list-item--activated { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-list-item--selected .mdc-list-item__graphic, +.mdc-list-item--activated .mdc-list-item__graphic { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-list--dense { + padding-top: 4px; + padding-bottom: 4px; + font-size: 0.812rem; +} + +.mdc-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 48px; +} +.mdc-list-item:focus { + outline: none; +} +.mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} +.mdc-list-item.mdc-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; +} +[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--icon-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--icon-list .mdc-list-item, .mdc-list--icon-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--avatar-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-item, .mdc-list--avatar-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--thumbnail-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item, .mdc-list--thumbnail-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--image-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-list--image-list .mdc-list-item, .mdc-list--image-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--video-list .mdc-list-item { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-list--video-list .mdc-list-item, .mdc-list--video-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0px; +} + +.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 20px; + height: 20px; +} +[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, .mdc-list--dense .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-list-item__graphic { + flex-shrink: 0; + align-items: center; + justify-content: center; + fill: currentColor; + object-fit: cover; + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-list-item__graphic, .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--icon-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic, .mdc-list--icon-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--avatar-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; + border-radius: 50%; +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, .mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--thumbnail-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic, .mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--image-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 56px; + height: 56px; +} +[dir=rtl] .mdc-list--image-list .mdc-list-item__graphic, .mdc-list--image-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--video-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 100px; + height: 56px; +} +[dir=rtl] .mdc-list--video-list .mdc-list-item__graphic, .mdc-list--video-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-list .mdc-list-item__graphic { + display: inline-flex; +} + +.mdc-list-item__meta { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +.mdc-list-item__meta:not(.material-icons) { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} +.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} + +.mdc-list-item__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mdc-list-item__text[for] { + pointer-events: none; +} + +.mdc-list-item__primary-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list--video-list .mdc-list-item__primary-text, .mdc-list--image-list .mdc-list-item__primary-text, .mdc-list--thumbnail-list .mdc-list-item__primary-text, .mdc-list--avatar-list .mdc-list-item__primary-text, .mdc-list--icon-list .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list--video-list .mdc-list-item__primary-text::before, .mdc-list--image-list .mdc-list-item__primary-text::before, .mdc-list--thumbnail-list .mdc-list-item__primary-text::before, .mdc-list--avatar-list .mdc-list-item__primary-text::before, .mdc-list--icon-list .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list--video-list .mdc-list-item__primary-text::after, .mdc-list--image-list .mdc-list-item__primary-text::after, .mdc-list--thumbnail-list .mdc-list-item__primary-text::after, .mdc-list--avatar-list .mdc-list-item__primary-text::after, .mdc-list--icon-list .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list--dense .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list--dense .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-list--dense .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} +.mdc-list--dense .mdc-list-item__secondary-text { + font-size: inherit; +} + +.mdc-list--dense .mdc-list-item { + height: 40px; +} + +.mdc-list--two-line .mdc-list-item__text { + align-self: flex-start; +} + +.mdc-list--two-line .mdc-list-item { + height: 64px; +} +.mdc-list--two-line.mdc-list--video-list .mdc-list-item, .mdc-list--two-line.mdc-list--image-list .mdc-list-item, .mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item, .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item, .mdc-list--two-line.mdc-list--icon-list .mdc-list-item { + height: 72px; +} +.mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic { + align-self: flex-start; + margin-top: 16px; +} + +.mdc-list--two-line.mdc-list--dense .mdc-list-item, +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item { + height: 60px; +} + +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 36px; + height: 36px; +} +[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +:not(.mdc-list-item--disabled).mdc-list-item { + cursor: pointer; +} + +a.mdc-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-list-divider { + height: 0; + margin: 0; + border: none; + border-bottom-width: 1px; + border-bottom-style: solid; +} + +.mdc-list-divider { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-list-divider--padded { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list-divider--padded, .mdc-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list-divider--inset { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list-divider--inset, .mdc-list-divider--inset[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-list-divider--inset.mdc-list-divider--padded { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded, .mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading, .mdc-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--icon-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading, .mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--icon-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--avatar-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading, .mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--image-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading, .mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-list--image-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 104px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--video-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 116px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading, .mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-list--video-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 132px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 0px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} + +.mdc-list-group .mdc-list { + padding: 0; +} + +.mdc-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-evolution-list-item__primary-text { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-evolution-list-item__secondary-text { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); +} + +.mdc-evolution-list-item__start { + background-color: transparent; +} + +.mdc-evolution-list-item__start { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-evolution-list-item__end { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content { + opacity: 0.38; +} + +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content, +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__primary-text, +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-evolution-list-item--selected .mdc-evolution-list-item__primary-text, +.mdc-list-item--activated .mdc-evolution-list-item__primary-text { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-evolution-list-item--selected .mdc-evolution-list-item__start, +.mdc-list-item--activated .mdc-evolution-list-item__start { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-evolution-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; +} +.mdc-evolution-list:focus { + outline: none; +} + +.mdc-evolution-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + align-items: stretch; +} +.mdc-evolution-list-item:focus { + outline: none; +} +[dir=rtl] .mdc-evolution-list-item, .mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line { + height: 48px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines { + height: 64px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines { + height: 88px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__start { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item:not(.mdc-evolution-list-item--selected):focus::before, .mdc-evolution-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} +.mdc-evolution-list-item.mdc-evolution-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; +} +.mdc-evolution-list-item:not(.mdc-evolution-list-item--disabled) { + cursor: pointer; +} + +a.mdc-evolution-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-evolution-list-item__start { + fill: currentColor; +} + +.mdc-evolution-list-item__content { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + align-self: center; + min-width: 50%; + flex: 1; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__content, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__content { + align-self: stretch; +} +.mdc-evolution-list-item__content[for] { + pointer-events: none; +} + +.mdc-evolution-list-item__primary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-evolution-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} + +.mdc-evolution-list-item__overline-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + border-radius: 50%; +} + +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start { + width: 24px; + height: 24px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 32px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-one-line { + height: 72px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start { + width: 56px; + height: 56px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-one-line { + height: 72px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 8px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start { + width: 100px; + height: 56px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start { + width: 36px; + height: 20px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end { + width: 24px; + height: 24px; +} + +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 28px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 28px; +} +.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end::before, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} + +.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end { + width: 36px; + height: 20px; +} + +.mdc-evolution-list-group .mdc-list { + padding: 0; +} + +.mdc-evolution-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-evolution-list-divider { + background-color: rgba(0, 0, 0, 0.12); +} + +.mdc-evolution-list-divider { + height: 1px; + padding: 0; + background-clip: content-box; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} + +.mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 88px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 88px; +} + +.mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0px; +} +.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 116px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 116px; +} + +.mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 84px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 84px; +} + +.mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +:not(.mdc-list-item--disabled).mdc-evolution-list-item, +:not(.mdc-list-item--disabled).mdc-list-item { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + background-color: #000; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before { + opacity: 0.04; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before { + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before { + opacity: 0.16; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before { + opacity: 0.08; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before { + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-list-item--disabled { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-list-item--disabled .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + background-color: #000; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-list-item--disabled .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-menu { + min-width: 112px; +} +.mdc-menu .mdc-list-item__meta { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-list { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + position: relative; +} +.mdc-menu .mdc-list .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-menu .mdc-list-divider { + margin: 8px 0; +} +.mdc-menu .mdc-list-item { + user-select: none; +} +.mdc-menu .mdc-list-item--disabled { + cursor: auto; +} +.mdc-menu a.mdc-list-item .mdc-list-item__text, +.mdc-menu a.mdc-list-item .mdc-list-item__graphic { + pointer-events: none; +} + +.mdc-menu__selection-group { + padding: 0; + fill: currentColor; +} +.mdc-menu__selection-group .mdc-list-item { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 56px; +} +.mdc-menu__selection-group .mdc-menu__selection-group-icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + display: none; + position: absolute; + top: 50%; + transform: translateY(-50%); +} +[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} + +.mdc-menu-item--selected .mdc-menu__selection-group-icon { + display: inline; +} + +.mdc-menu-surface { + display: none; + position: absolute; + box-sizing: border-box; + max-width: calc(100vw - 32px); + max-height: calc(100vh - 32px); + margin: 0; + padding: 0; + transform: scale(1); + transform-origin: top left; + opacity: 0; + overflow: auto; + will-change: transform, opacity; + z-index: 8; + transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1); + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + /* @noflip */ + transform-origin-left: top left; + /* @noflip */ + transform-origin-right: top right; +} +.mdc-menu-surface:focus { + outline: none; +} +.mdc-menu-surface--open { + display: inline-block; + transform: scale(1); + opacity: 1; +} +.mdc-menu-surface--animating-open { + display: inline-block; + transform: scale(0.8); + opacity: 0; +} +.mdc-menu-surface--animating-closed { + display: inline-block; + opacity: 0; + transition: opacity 0.075s linear; +} +[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] { + /* @noflip */ + transform-origin-left: top right; + /* @noflip */ + transform-origin-right: top left; +} + +.mdc-menu-surface--anchor { + position: relative; + overflow: visible; +} + +.mdc-menu-surface--fixed { + position: fixed; +} + +.mdc-menu-surface--fullwidth { + width: 100%; +} + +.mdc-notched-outline { + display: flex; + position: absolute; + top: 0; + right: 0; + left: 0; + box-sizing: border-box; + width: 100%; + max-width: 100%; + height: 100%; + /* @noflip */ + text-align: left; + pointer-events: none; +} +[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing { + box-sizing: border-box; + height: 100%; + border-top: 1px solid; + border-bottom: 1px solid; + pointer-events: none; +} +.mdc-notched-outline__leading { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; + width: 12px; +} +[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; +} +.mdc-notched-outline__trailing { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; + flex-grow: 1; +} +[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; +} +.mdc-notched-outline__notch { + flex: 0 0 auto; + width: auto; + max-width: calc(100% - 12px * 2); +} +.mdc-notched-outline .mdc-floating-label { + display: inline-block; + position: relative; + max-width: 100%; +} +.mdc-notched-outline .mdc-floating-label--float-above { + text-overflow: clip; +} +.mdc-notched-outline--upgraded .mdc-floating-label--float-above { + max-width: calc(100% / 0.75); +} + +.mdc-notched-outline--notched .mdc-notched-outline__notch { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + border-top: none; +} +[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-notched-outline--no-label .mdc-notched-outline__notch { + padding: 0; +} + +.mdc-radio { + padding: 10px; + display: inline-block; + position: relative; + flex: 0 0 auto; + box-sizing: content-box; + width: 20px; + height: 20px; + cursor: pointer; + /* @alternate */ + will-change: opacity, transform, border-color, color; +} +.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.54); +} +.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio .mdc-radio__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio .mdc-radio__background::before { + top: -10px; + left: -10px; + width: 40px; + height: 40px; +} +.mdc-radio .mdc-radio__native-control { + top: 0px; + right: 0px; + left: 0px; + width: 40px; + height: 40px; +} +@media screen and (-ms-high-contrast: active) { + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: GrayText; + } +} +.mdc-radio__background { + display: inline-block; + position: relative; + box-sizing: border-box; + width: 20px; + height: 20px; +} +.mdc-radio__background::before { + position: absolute; + transform: scale(0, 0); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__outer-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + border-width: 2px; + border-style: solid; + border-radius: 50%; + transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__inner-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + transform: scale(0, 0); + border-width: 10px; + border-style: solid; + border-radius: 50%; + transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; + z-index: 1; +} +.mdc-radio--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-radio--touch .mdc-radio__native-control { + top: -4px; + right: -4px; + left: -4px; + width: 48px; + height: 48px; +} + +.mdc-radio__native-control:checked + .mdc-radio__background, +.mdc-radio__native-control:disabled + .mdc-radio__background { + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle { + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { + transform: scale(0.5); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio__native-control:disabled + .mdc-radio__background, +[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background { + cursor: default; +} + +.mdc-radio__native-control:focus + .mdc-radio__background::before { + transform: scale(1); + opacity: 0.12; + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-radio .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-radio .mdc-radio__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-radio .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before, +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio:hover .mdc-radio__ripple::before { + opacity: 0.04; +} +.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after { + transition: opacity 150ms linear; +} +.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-radio.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { + content: none; +} + +.mdc-radio__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-ripple-surface { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: relative; + outline: none; + overflow: hidden; +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-ripple-surface::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-ripple-surface.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-ripple-surface.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + background-color: #000; +} +.mdc-ripple-surface:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-ripple-surface.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded] { + overflow: visible; +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-ripple-surface--primary:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--primary.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-ripple-surface--accent:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--accent.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-select { + display: inline-flex; + position: relative; +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: rgba(33, 150, 243, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.54); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #2196F3; + /* @alternate */ + fill: var(--mdc-theme-primary, #2196F3); +} +.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__icon { + color: rgba(0, 0, 0, 0.54); +} +.mdc-select.mdc-select--disabled .mdc-select__icon { + color: rgba(0, 0, 0, 0.38); +} +@media screen and (-ms-high-contrast: active) { + .mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: red; + } + .mdc-select.mdc-select--disabled .mdc-floating-label { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__icon { + color: GrayText; + } + .mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: GrayText; + } +} +.mdc-select .mdc-floating-label { + top: 50%; + transform: translateY(-50%); + pointer-events: none; +} +.mdc-select .mdc-select__anchor { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-select .mdc-select__icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.mdc-select .mdc-select__dropdown-icon { + width: 24px; + height: 24px; +} +.mdc-select .mdc-select__menu .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item, .mdc-select .mdc-select__menu .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-select .mdc-select__menu .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic, .mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} +.mdc-select__dropdown-icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; + display: inline-flex; + position: relative; + align-self: center; + align-items: center; + justify-content: center; + flex-shrink: 0; + pointer-events: none; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active, +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + position: absolute; + top: 0; + left: 0; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic { + width: 41.6666666667%; + height: 20.8333333333%; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 1; + transition: opacity 75ms linear 75ms; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 0; + transition: opacity 75ms linear; +} +[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 0; + transition: opacity 49.5ms linear; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 1; + transition: opacity 100.5ms linear 49.5ms; +} + +.mdc-select__anchor { + width: 200px; + min-width: 0; + flex: 1 1 auto; + position: relative; + box-sizing: border-box; + overflow: hidden; + outline: none; + cursor: pointer; +} +.mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} + +.mdc-select__selected-text-container { + display: flex; + appearance: none; + pointer-events: none; + box-sizing: border-box; + width: auto; + min-width: 0; + flex-grow: 1; + height: 28px; + border: none; + outline: none; + padding: 0; + background-color: transparent; + color: inherit; +} + +.mdc-select__selected-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + width: 100%; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} + +.mdc-select__menu .mdc-list .mdc-select__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected, +.mdc-select__menu .mdc-list .mdc-list-item--activated { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic, +.mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-select--filled .mdc-select__anchor { + height: 56px; + display: flex; + align-items: baseline; +} +.mdc-select--filled .mdc-select__anchor::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before { + display: none; +} +.mdc-select--filled .mdc-select__anchor { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: whitesmoke; +} +.mdc-select--filled.mdc-select--disabled .mdc-select__anchor { + background-color: #fafafa; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #2196F3; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-select--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-select--filled .mdc-menu-surface--is-open-below { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after { + transform: scale(1, 2); + opacity: 1; +} +.mdc-select--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined { + border: none; +} +.mdc-select--outlined .mdc-select__anchor { + height: 56px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-56px { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-select__anchor { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined + .mdc-select-helper-text { + /* @noflip */ + margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-select--outlined .mdc-select__anchor { + display: flex; + align-items: baseline; + overflow: visible; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--outlined .mdc-select__anchor::before { + display: none; +} +.mdc-select--outlined .mdc-select__selected-text-container { + display: flex; + border: none; + z-index: 1; + background-color: transparent; +} +.mdc-select--outlined .mdc-select__icon { + z-index: 2; +} +.mdc-select--outlined .mdc-floating-label { + line-height: 1.15rem; + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px { + 0% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl { + 0% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 96px); +} +.mdc-select--outlined .mdc-menu-surface { + margin-bottom: 8px; +} +.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface, +.mdc-select--outlined .mdc-menu-surface--is-open-below { + margin-bottom: 0; +} + +.mdc-select__anchor { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-select__anchor .mdc-select__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-select__anchor:hover .mdc-select__ripple::before { + opacity: 0.04; +} +.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__anchor .mdc-select__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple::before { + opacity: 0.04; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-select-helper-text { + margin: 0; + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +[dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-select-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-select-helper-text--validation-msg { + opacity: 0; + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-select--invalid + .mdc-select-helper-text--validation-msg, +.mdc-select-helper-text--validation-msg-persistent { + opacity: 1; +} + +.mdc-select--with-leading-icon .mdc-select__icon { + display: inline-block; + box-sizing: border-box; + border: none; + text-decoration: none; + cursor: pointer; + user-select: none; + flex-shrink: 0; + align-self: center; + background-color: transparent; + fill: currentColor; +} +.mdc-select--with-leading-icon .mdc-select__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} + +.mdc-select__icon:not([tabindex]), +.mdc-select__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} + +.mdc-segmented-button { + display: inline-block; + font-size: 0; +} + +.mdc-segmented-button__segment { + border-color: rgba(0, 0, 0, 0.12); + /* @alternate */ + border-color: var(--mdc-segmented-button-outline-color, rgba(0, 0, 0, 0.12)); +} + +.mdc-segmented-button__segment { + color: rgba(0, 0, 0, 0.6); + /* @alternate */ + color: var(--mdc-segmented-button-unselected-ink-color, rgba(0, 0, 0, 0.6)); +} + +.mdc-segmented-button__segment { + background-color: white; + /* @alternate */ + background-color: var(--mdc-segmented-button-unselected-container-fill-color, white); +} + +.mdc-segmented-button__segment--selected { + color: #2196f3; + /* @alternate */ + color: var(--mdc-segmented-button-selected-ink-color, #2196f3); +} + +.mdc-segmented-button__segment--selected { + background-color: rgba(33, 150, 243, 0.08); + /* @alternate */ + background-color: var(--mdc-segmented-button-selected-container-fill-color, rgba(33, 150, 243, 0.08)); +} + +.mdc-segmented-button__segment { + /* @alternate */ + position: relative; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + display: inline-flex; + vertical-align: top; + align-items: center; + height: 36px; + min-width: 48px; + padding: 0 12px; + border-width: 1px 0 1px 1px; +} +.mdc-segmented-button__segment .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-segmented-button__segment:hover { + cursor: pointer; +} +.mdc-segmented-button__segment:focus { + outline-width: 0; +} +.mdc-segmented-button__segment:first-child { + border-radius: 4px 0 0 4px; +} +.mdc-segmented-button__segment:last-child { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} +.mdc-segmented-button__segment .mdc-segmented-button__segment__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-segmented-button__segment .mdc-segmented-button__segment--touch { + margin-top: 0px; + margin-bottom: 0px; +} + +.mdc-touch-target-wrapper .mdc-segmented-button__segment { + border-radius: 0; + border-right-width: 0; +} +.mdc-touch-target-wrapper:first-child .mdc-segmented-button__segment { + border-radius: 4px 0 0 4px; +} +.mdc-touch-target-wrapper:last-child .mdc-segmented-button__segment { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} + +.mdc-segmented-button__icon { + width: 24px; + font-size: 18px; +} + +.mdc-segmented-button__icon + .mdc-segmented-button__label { + padding-left: 6px; +} + +.mdc-segmented-button__segment { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + overflow: hidden; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--unbounded .mdc-segmented-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-activation .mdc-segmented-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-deactivation .mdc-segmented-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + background-color: #2196f3; +} +.mdc-segmented-button__segment:hover .mdc-segmented-button__ripple::before { + opacity: 0.04; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--background-focused .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-upgraded:focus-within .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus-within .mdc-segmented-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded) .mdc-segmented-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded):active .mdc-segmented-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-slider__thumb { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-slider__thumb::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-slider__thumb.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-slider__thumb.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-slider__thumb.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider__thumb:hover::before { + opacity: 0.04; +} +.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-slider { + cursor: pointer; + height: 48px; + margin: 0 24px; + position: relative; + touch-action: none; +} +.mdc-slider .mdc-slider__track { + height: 4px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 100%; +} +.mdc-slider .mdc-slider__track--active, +.mdc-slider .mdc-slider__track--inactive { + display: flex; + height: 100%; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__track--active { + border-radius: 3px; + height: 6px; + overflow: hidden; + top: -1px; +} +.mdc-slider .mdc-slider__track--active_fill { + border: 6px solid; + box-sizing: border-box; + height: 100%; + width: 100%; + position: relative; + /* @noflip */ + transform-origin: left; +} +[dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] { + /* @noflip */ + transform-origin: right; +} +.mdc-slider .mdc-slider__track--inactive { + border-radius: 2px; + height: 4px; + left: 0; + outline: 1px solid transparent; + top: 0; +} +.mdc-slider .mdc-slider__track--active_fill { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill { + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__track--inactive { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + opacity: 0.24; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.24; +} +.mdc-slider .mdc-slider__value-indicator-container { + bottom: 44px; + left: 50%; + position: absolute; + transform: translateX(-50%); +} +.mdc-slider .mdc-slider__value-indicator { + transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1); + align-items: center; + border-radius: 4px; + display: flex; + height: 32px; + outline: 1px solid transparent; + padding: 0 12px; + transform: scale(0); + transform-origin: bottom; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid; + bottom: -5px; + content: ""; + height: 0; + left: 50%; + position: absolute; + transform: translateX(-50%); + width: 0; +} +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1); + transform: scale(1); +} +@media (prefers-reduced-motion) { + .mdc-slider .mdc-slider__value-indicator, +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: none; + } +} +.mdc-slider .mdc-slider__value-indicator-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} +.mdc-slider .mdc-slider__value-indicator { + background-color: #000; + opacity: 0.6; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-top-color: #000; +} +.mdc-slider .mdc-slider__value-indicator { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-slider .mdc-slider__thumb { + display: flex; + height: 48px; + left: -24px; + outline: none; + position: absolute; + user-select: none; + width: 48px; +} +.mdc-slider .mdc-slider__thumb--top { + z-index: 1; +} +.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob { + border: 1px solid; + box-sizing: content-box; + border-color: #fff; +} +.mdc-slider .mdc-slider__thumb-knob { + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + border: 10px solid; + border-radius: 50%; + box-sizing: border-box; + height: 20px; + /* @noflip */ + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + width: 20px; +} +.mdc-slider .mdc-slider__thumb-knob { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider .mdc-slider__thumb:hover::before { + opacity: 0.04; +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-slider .mdc-slider__tick-marks { + align-items: center; + box-sizing: border-box; + display: flex; + height: 100%; + justify-content: space-between; + padding: 0 1px; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__tick-mark--active, +.mdc-slider .mdc-slider__tick-mark--inactive { + border-radius: 50%; + height: 2px; + width: 2px; +} +.mdc-slider .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider .mdc-slider__tick-mark--inactive { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled { + opacity: 0.38; + cursor: auto; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb { + pointer-events: none; +} +.mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: transform 80ms ease; +} +@media (prefers-reduced-motion) { + .mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: none; + } +} + +.mdc-snackbar { + z-index: 8; + margin: 8px; + display: none; + position: fixed; + right: 0; + bottom: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + pointer-events: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.mdc-snackbar__surface { + background-color: #333333; +} + +.mdc-snackbar__label { + color: rgba(255, 255, 255, 0.87); +} + +.mdc-snackbar__surface { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-snackbar__surface { + min-width: 100%; + } +} + +.mdc-snackbar__surface { + max-width: 672px; +} + +.mdc-snackbar__surface { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-snackbar__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-snackbar--opening, +.mdc-snackbar--open, +.mdc-snackbar--closing { + display: flex; +} + +.mdc-snackbar--open .mdc-snackbar__label, +.mdc-snackbar--open .mdc-snackbar__actions { + visibility: visible; +} + +.mdc-snackbar--leading { + justify-content: flex-start; +} + +.mdc-snackbar--stacked .mdc-snackbar__label { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + padding-bottom: 12px; +} +[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} +.mdc-snackbar--stacked .mdc-snackbar__surface { + flex-direction: column; + align-items: flex-start; +} +.mdc-snackbar--stacked .mdc-snackbar__actions { + align-self: flex-end; + margin-bottom: 8px; +} + +.mdc-snackbar__surface { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + display: flex; + align-items: center; + justify-content: flex-start; + box-sizing: border-box; + transform: scale(0.8); + opacity: 0; +} +[dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} +.mdc-snackbar--open .mdc-snackbar__surface { + transform: scale(1); + opacity: 1; + pointer-events: auto; + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-snackbar--closing .mdc-snackbar__surface { + transform: scale(1); + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-snackbar__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + width: 100%; + flex-grow: 1; + box-sizing: border-box; + margin: 0; + visibility: hidden; + padding-top: 14px; + padding-bottom: 14px; +} +[dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} + +.mdc-snackbar__label::before { + display: inline; + content: attr(data-mdc-snackbar-label-text); +} + +.mdc-snackbar__actions { + display: flex; + flex-shrink: 0; + align-items: center; + box-sizing: border-box; + visibility: hidden; +} + +.mdc-snackbar__action:not(:disabled) { + color: #bb86fc; +} +.mdc-snackbar__action::before, .mdc-snackbar__action::after { + background-color: #bb86fc; +} +.mdc-snackbar__action:hover::before { + opacity: 0.08; +} +.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-snackbar__dismiss { + color: rgba(255, 255, 255, 0.87); +} +.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after { + background-color: rgba(255, 255, 255, 0.87); +} +.mdc-snackbar__dismiss:hover::before { + opacity: 0.08; +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-snackbar__dismiss.mdc-snackbar__dismiss { + width: 36px; + height: 36px; + padding: 9px; + font-size: 18px; +} +.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg, +.mdc-snackbar__dismiss.mdc-snackbar__dismiss img { + width: 18px; + height: 18px; +} + +.mdc-snackbar__action + .mdc-snackbar__dismiss { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +.mdc-switch__thumb-underlay { + /* @noflip */ + left: -14px; + /* @noflip */ + right: initial; + top: -17px; + width: 48px; + height: 48px; +} +[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: -14px; +} + +.mdc-switch__native-control { + width: 64px; + height: 48px; +} + +.mdc-switch { + display: inline-block; + position: relative; + outline: none; + user-select: none; +} +.mdc-switch.mdc-switch--checked .mdc-switch__track { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch.mdc-switch--checked .mdc-switch__thumb { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-theme-surface, #fff); +} + +.mdc-switch__native-control { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + position: absolute; + top: 0; + margin: 0; + opacity: 0; + cursor: pointer; + pointer-events: auto; + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} + +.mdc-switch__track { + box-sizing: border-box; + width: 36px; + height: 14px; + border: 1px solid transparent; + border-radius: 7px; + opacity: 0.38; + transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-switch__thumb-underlay { + display: flex; + position: absolute; + align-items: center; + justify-content: center; + transform: translateX(0); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-switch__thumb { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-sizing: border-box; + width: 20px; + height: 20px; + border: 10px solid; + border-radius: 50%; + pointer-events: none; + z-index: 1; +} + +.mdc-switch--checked .mdc-switch__track { + opacity: 0.54; +} +.mdc-switch--checked .mdc-switch__thumb-underlay { + transform: translateX(16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] { + transform: translateX(-16px); +} +.mdc-switch--checked .mdc-switch__native-control { + transform: translateX(-16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] { + transform: translateX(16px); +} + +.mdc-switch--disabled { + opacity: 0.38; + pointer-events: none; +} +.mdc-switch--disabled .mdc-switch__thumb { + border-width: 1px; +} +.mdc-switch--disabled .mdc-switch__native-control { + cursor: default; + pointer-events: none; +} + +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { + background-color: #9e9e9e; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { + opacity: 0.08; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-switch__thumb-underlay { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-switch__thumb-underlay::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch__thumb-underlay:hover::before { + opacity: 0.04; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-tab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding-right: 24px; + padding-left: 24px; + position: relative; + display: flex; + flex: 1 0 auto; + justify-content: center; + box-sizing: border-box; + margin: 0; + padding-top: 0; + padding-bottom: 0; + border: none; + outline: none; + background: none; + text-align: center; + white-space: nowrap; + cursor: pointer; + -webkit-appearance: none; + z-index: 1; +} +.mdc-tab .mdc-tab__text-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-tab .mdc-tab__icon { + color: rgba(0, 0, 0, 0.54); + fill: currentColor; +} +.mdc-tab::-moz-focus-inner { + padding: 0; + border: 0; +} + +.mdc-tab--min-width { + flex: 0 1 auto; +} + +.mdc-tab__content { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: inherit; + pointer-events: none; +} + +.mdc-tab__text-label { + transition: 150ms color linear; + display: inline-block; + line-height: 1; + z-index: 2; +} + +.mdc-tab__icon { + transition: 150ms color linear; + width: 24px; + height: 24px; + font-size: 24px; + z-index: 2; +} + +.mdc-tab--stacked .mdc-tab__content { + flex-direction: column; + align-items: center; + justify-content: center; +} +.mdc-tab--stacked .mdc-tab__text-label { + padding-top: 6px; + padding-bottom: 4px; +} + +.mdc-tab--active .mdc-tab__text-label { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab--active .mdc-tab__icon { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); + fill: currentColor; +} +.mdc-tab--active .mdc-tab__text-label, +.mdc-tab--active .mdc-tab__icon { + transition-delay: 100ms; +} + +.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; +} + +.mdc-tab__ripple { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-tab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-tab__ripple.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-tab__ripple.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-tab__ripple.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab__ripple:hover::before { + opacity: 0.04; +} +.mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before, .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-tab__ripple.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-bar { + width: 100%; +} + +.mdc-tab { + height: 48px; +} + +.mdc-tab--stacked { + height: 72px; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-indicator { + display: flex; + position: absolute; + top: 0; + left: 0; + justify-content: center; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1; +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab-indicator .mdc-tab-indicator__content--icon { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-top-width: 2px; +} +.mdc-tab-indicator .mdc-tab-indicator__content--icon { + height: 34px; + font-size: 34px; +} + +.mdc-tab-indicator__content { + transform-origin: left; + opacity: 0; +} + +.mdc-tab-indicator__content--underline { + align-self: flex-end; + box-sizing: border-box; + width: 100%; + border-top-style: solid; +} + +.mdc-tab-indicator__content--icon { + align-self: center; + margin: 0 auto; +} + +.mdc-tab-indicator--active .mdc-tab-indicator__content { + opacity: 1; +} + +.mdc-tab-indicator .mdc-tab-indicator__content { + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-tab-indicator--no-transition .mdc-tab-indicator__content { + transition: none; +} + +.mdc-tab-indicator--fade .mdc-tab-indicator__content { + transition: 150ms opacity linear; +} + +.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content { + transition-delay: 100ms; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-scroller { + overflow-y: hidden; +} +.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content { + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-tab-scroller__test { + position: absolute; + top: -9999px; + width: 100px; + height: 100px; + overflow-x: scroll; +} + +.mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: touch; + display: flex; + overflow-x: hidden; +} + +.mdc-tab-scroller__scroll-area::-webkit-scrollbar, +.mdc-tab-scroller__test::-webkit-scrollbar { + display: none; +} + +.mdc-tab-scroller__scroll-area--scroll { + overflow-x: scroll; +} + +.mdc-tab-scroller__scroll-content { + position: relative; + display: flex; + flex: 1 0 auto; + transform: none; + will-change: transform; +} + +.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content { + justify-content: flex-start; +} + +.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content { + justify-content: flex-end; +} + +.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content { + justify-content: center; +} + +.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: auto; +} + +.mdc-text-field--filled { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-text-field--filled .mdc-text-field__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} + +.mdc-text-field__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-text-field { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + display: inline-flex; + align-items: baseline; + padding: 0 16px; + position: relative; + box-sizing: border-box; + overflow: hidden; + /* @alternate */ + will-change: opacity, transform, color; +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { + color: rgba(0, 0, 0, 0.87); +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +.mdc-text-field .mdc-text-field__input { + caret-color: #2196F3; + /* @alternate */ + caret-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field .mdc-floating-label { + top: 50%; + transform: translateY(-50%); + pointer-events: none; +} + +.mdc-text-field__input { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + width: 100%; + min-width: 0; + border: none; + border-radius: 0; + background: none; + appearance: none; + padding: 0; +} +.mdc-text-field__input::-ms-clear { + display: none; +} +.mdc-text-field__input::-webkit-calendar-picker-indicator { + display: none; +} +.mdc-text-field__input:focus { + outline: none; +} +.mdc-text-field__input:invalid { + box-shadow: none; +} +@media all { + .mdc-text-field__input::placeholder { + transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field__input:-ms-input-placeholder { + transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} + +.mdc-text-field__affix { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + white-space: nowrap; +} +.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix { + opacity: 1; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--outlined .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} + +.mdc-text-field--filled { + height: 56px; +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--filled:hover .mdc-text-field__ripple::before { + opacity: 0.04; +} +.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-text-field--filled::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) { + background-color: whitesmoke; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--filled .mdc-line-ripple::after { + border-bottom-color: #2196F3; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-text-field--filled .mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label { + display: none; +} +.mdc-text-field--filled.mdc-text-field--no-label::before { + display: none; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field--outlined { + height: 56px; + overflow: visible; +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-text-field--outlined .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-text-field--outlined .mdc-text-field__ripple::before, +.mdc-text-field--outlined .mdc-text-field__ripple::after { + content: none; +} +.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-text-field--outlined .mdc-text-field__input { + display: flex; + border: none !important; + background-color: transparent; +} +.mdc-text-field--outlined .mdc-notched-outline { + z-index: 1; +} + +.mdc-text-field--textarea { + flex-direction: column; + align-items: center; + width: auto; + height: auto; + padding: 0; + transition: none; +} +.mdc-text-field--textarea .mdc-floating-label { + top: 19px; +} +.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) { + transform: none; +} +.mdc-text-field--textarea .mdc-text-field__input { + flex-grow: 1; + height: auto; + min-height: 1.5rem; + overflow-x: hidden; + overflow-y: auto; + box-sizing: border-box; + resize: none; + padding: 0 16px; + line-height: 1.5rem; +} +.mdc-text-field--textarea.mdc-text-field--filled::before { + display: none; +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above { + transform: translateY(-10.25px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-textarea-filled { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input { + margin-top: 23px; + margin-bottom: 9px; +} +.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-27.25px) scale(1); +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-24.75px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-textarea-outlined { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label { + top: 18px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input { + margin-bottom: 2px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter { + align-self: flex-end; + padding: 0 16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: -16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before { + display: none; +} + +.mdc-text-field__resizer { + align-self: stretch; + display: inline-flex; + flex-direction: column; + flex-grow: 1; + max-height: 100%; + max-width: 100%; + min-height: 56px; + min-width: fit-content; + /* @alternate */ + min-width: -moz-available; + /* @alternate */ + min-width: -webkit-fill-available; + overflow: hidden; + resize: both; +} +.mdc-text-field--filled .mdc-text-field__resizer { + transform: translateY(-1px); +} +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter { + transform: translateY(1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer { + transform: translateX(-1px) translateY(-1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] { + transform: translateX(1px) translateY(-1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter { + transform: translateX(1px) translateY(1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] { + transform: translateX(-1px) translateY(1px); +} + +.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 48px); + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} + +.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} + +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-text-field-helper-line { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.mdc-text-field + .mdc-text-field-helper-line { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-form-field > .mdc-text-field + label { + align-self: flex-start; +} + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(33, 150, 243, 0.87); +} +.mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--focused .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { + opacity: 1; +} +.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} + +.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid .mdc-text-field__input { + caret-color: #b00020; + /* @alternate */ + caret-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + opacity: 1; +} + +.mdc-text-field--disabled { + pointer-events: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + color: rgba(0, 0, 0, 0.38); +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +.mdc-text-field--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-floating-label { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--leading { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } +} +.mdc-text-field--disabled .mdc-floating-label { + cursor: default; +} +.mdc-text-field--disabled.mdc-text-field--filled { + background-color: #fafafa; +} +.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple { + display: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + pointer-events: auto; +} + +.mdc-text-field--end-aligned .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] { + /* @noflip */ + text-align: left; +} + +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input, +.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix { + /* @noflip */ + direction: ltr; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading { + order: 1; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + order: 2; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input { + order: 3; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + order: 4; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing { + order: 5; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; +} + +.mdc-text-field-helper-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + opacity: 0; + will-change: opacity; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-text-field-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-text-field-helper-text--persistent { + transition: none; + opacity: 1; + will-change: initial; +} + +.mdc-text-field-character-counter { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; + white-space: nowrap; +} +.mdc-text-field-character-counter::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} + +.mdc-text-field__icon { + align-self: center; + cursor: pointer; +} +.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} +.mdc-text-field__icon svg { + display: block; +} + +.mdc-text-field__icon--leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 16px; +} + +.mdc-text-field__icon--trailing { + padding: 12px; + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} +[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} + +:root { + --mdc-theme-primary: #2196F3; + --mdc-theme-secondary: #2196F3; + --mdc-theme-background: #BBDEFB; + --mdc-theme-surface: #fff; + --mdc-theme-error: #b00020; + --mdc-theme-on-primary: #fff; + --mdc-theme-on-secondary: #fff; + --mdc-theme-on-surface: #000; + --mdc-theme-on-error: #fff; + --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-dark: white; + --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7); + --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); +} + +.mdc-theme--primary { + color: #2196F3 !important; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3) !important; +} + +.mdc-theme--secondary { + color: #2196F3 !important; + /* @alternate */ + color: var(--mdc-theme-secondary, #2196F3) !important; +} + +.mdc-theme--background { + background-color: #BBDEFB; + /* @alternate */ + background-color: var(--mdc-theme-background, #BBDEFB); +} + +.mdc-theme--surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-theme--error { + color: #b00020 !important; + /* @alternate */ + color: var(--mdc-theme-error, #b00020) !important; +} + +.mdc-theme--on-primary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff) !important; +} + +.mdc-theme--on-secondary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff) !important; +} + +.mdc-theme--on-surface { + color: #000 !important; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000) !important; +} + +.mdc-theme--on-error { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-error, #fff) !important; +} + +.mdc-theme--text-primary-on-background { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important; +} + +.mdc-theme--text-secondary-on-background { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important; +} + +.mdc-theme--text-hint-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-disabled-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-icon-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-primary-on-light { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important; +} + +.mdc-theme--text-secondary-on-light { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important; +} + +.mdc-theme--text-hint-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-disabled-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-icon-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-primary-on-dark { + color: white !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white) !important; +} + +.mdc-theme--text-secondary-on-dark { + color: rgba(255, 255, 255, 0.7) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important; +} + +.mdc-theme--text-hint-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--text-disabled-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--text-icon-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--primary-bg { + background-color: #2196F3 !important; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3) !important; +} + +.mdc-theme--secondary-bg { + background-color: #2196F3 !important; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3) !important; +} + +.mdc-tooltip__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-tooltip__surface { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); +} + +.mdc-tooltip__surface { + background-color: rgba(0, 0, 0, 0.6); +} + +.mdc-tooltip__surface { + word-break: break-all; + /* @alternate */ + word-break: var(--mdc-tooltip-word-break, normal); + overflow-wrap: anywhere; +} + +.mdc-tooltip { + z-index: 2; +} + +.mdc-tooltip { + position: fixed; + display: none; +} + +.mdc-tooltip--shown, +.mdc-tooltip--showing, +.mdc-tooltip--hide { + display: inline-flex; +} + +.mdc-tooltip__surface { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + line-height: 16px; + padding: 4px 8px; + min-width: 40px; + max-width: 200px; + min-height: 24px; + max-height: 40vh; + box-sizing: border-box; + overflow: hidden; + transform: scale(0.8); + text-align: center; + opacity: 0; + outline: 1px solid transparent; +} +.mdc-tooltip--multiline .mdc-tooltip__surface { + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface, .mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-tooltip--shown .mdc-tooltip__surface { + transform: scale(1); + opacity: 1; +} +.mdc-tooltip--showing-transition .mdc-tooltip__surface { + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-tooltip--hide .mdc-tooltip__surface { + transform: scale(1); +} +.mdc-tooltip--hide-transition .mdc-tooltip__surface { + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-top-app-bar { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + color: white; + display: flex; + position: fixed; + flex-direction: column; + justify-content: space-between; + box-sizing: border-box; + width: 100%; + z-index: 4; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.08; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-top-app-bar__row { + display: flex; + position: relative; + box-sizing: border-box; + width: 100%; + height: 64px; +} +.mdc-top-app-bar__section { + display: inline-flex; + flex: 1 1 auto; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; +} +.mdc-top-app-bar__section--align-start { + justify-content: flex-start; + order: -1; +} +.mdc-top-app-bar__section--align-end { + justify-content: flex-end; + order: 1; +} +.mdc-top-app-bar__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; +} +[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 24px; + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 24px; +} + +.mdc-top-app-bar--short { + top: 0; + /* @noflip */ + right: auto; + /* @noflip */ + left: 0; + width: 100%; + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; +} +.mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; +} +.mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; +} +.mdc-top-app-bar--short .mdc-top-app-bar__title { + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; +} + +.mdc-top-app-bar--short-collapsed { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + width: 56px; + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; +} +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; +} +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; +} +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; +} +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; +} +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + align-self: flex-end; + padding-bottom: 2px; +} +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + align-self: flex-start; +} + +.mdc-top-app-bar--fixed { + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--fixed-scrolled { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; +} +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; +} +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; +} +[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; +} + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; +} + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; +} + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; +} + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; +} + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; + } + + .mdc-top-app-bar__section { + padding: 4px; + } + + .mdc-top-app-bar--short { + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed { + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + } + [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + } + + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; + } + + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; + } +} +.mdc-typography { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-font-family, Roboto, sans-serif); +} + +.mdc-typography--headline1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 6rem; + /* @alternate */ + font-size: var(--mdc-typography-headline1-font-size, 6rem); + line-height: 6rem; + /* @alternate */ + line-height: var(--mdc-typography-headline1-line-height, 6rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline1-font-weight, 300); + letter-spacing: -0.015625em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline1-text-transform, inherit); +} + +.mdc-typography--headline2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3.75rem; + /* @alternate */ + font-size: var(--mdc-typography-headline2-font-size, 3.75rem); + line-height: 3.75rem; + /* @alternate */ + line-height: var(--mdc-typography-headline2-line-height, 3.75rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline2-font-weight, 300); + letter-spacing: -0.0083333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline2-text-transform, inherit); +} + +.mdc-typography--headline3 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3rem; + /* @alternate */ + font-size: var(--mdc-typography-headline3-font-size, 3rem); + line-height: 3.125rem; + /* @alternate */ + line-height: var(--mdc-typography-headline3-line-height, 3.125rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline3-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline3-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline3-text-transform, inherit); +} + +.mdc-typography--headline4 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 2.125rem; + /* @alternate */ + font-size: var(--mdc-typography-headline4-font-size, 2.125rem); + line-height: 2.5rem; + /* @alternate */ + line-height: var(--mdc-typography-headline4-line-height, 2.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline4-font-weight, 400); + letter-spacing: 0.0073529412em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline4-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline4-text-transform, inherit); +} + +.mdc-typography--headline5 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.5rem; + /* @alternate */ + font-size: var(--mdc-typography-headline5-font-size, 1.5rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline5-line-height, 2rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline5-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline5-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline5-text-transform, inherit); +} + +.mdc-typography--headline6 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); +} + +.mdc-typography--subtitle1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); +} + +.mdc-typography--subtitle2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} + +.mdc-typography--body1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); +} + +.mdc-typography--body2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-typography--caption { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} + +.mdc-typography--button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); +} + +.mdc-typography--overline { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-overline-font-size, 0.75rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-overline-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-overline-font-weight, 500); + letter-spacing: 0.1666666667em; + /* @alternate */ + letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-overline-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-overline-text-transform, uppercase); +} + +.mdc-top-app-bar { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + color: white; + display: flex; + position: fixed; + flex-direction: column; + justify-content: space-between; + box-sizing: border-box; + width: 100%; + z-index: 4; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.08; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-top-app-bar__row { + display: flex; + position: relative; + box-sizing: border-box; + width: 100%; + height: 64px; +} + +.mdc-top-app-bar__section { + display: inline-flex; + flex: 1 1 auto; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; +} + +.mdc-top-app-bar__section--align-start { + justify-content: flex-start; + order: -1; +} + +.mdc-top-app-bar__section--align-end { + justify-content: flex-end; + order: 1; +} + +.mdc-top-app-bar__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; +} + +[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 24px; + /* @noflip */ + border-bottom-left-radius: 0; +} + +[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 24px; +} + +.mdc-top-app-bar--short { + top: 0; + /* @noflip */ + right: auto; + /* @noflip */ + left: 0; + width: 100%; + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__title { + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; +} + +.mdc-top-app-bar--short-collapsed { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + width: 56px; + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; +} + +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + align-self: flex-end; + padding-bottom: 2px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + align-self: flex-start; +} + +.mdc-top-app-bar--fixed { + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--fixed-scrolled { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; +} + +[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; +} + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; +} + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; +} + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; +} + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; +} + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; + } + + .mdc-top-app-bar__section { + padding: 4px; + } + + .mdc-top-app-bar--short { + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed { + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + } + + [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + } + + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; + } + + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; + } +} +.mdc-top-app-bar--fixed { + width: 100vw; + height: 10vh; + padding-left: -8px; + margin-left: -8px; + margin-top: -8px; + /*background-color:$primary-color;*/ + background-color: #1976D2; + color: white; + color: #FFFFFF; +} + +.mdc-top-app-bar--fixed-adjust { + width: 100vw; + height: 10vh; + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.mdc-button--raised:not(:disabled) { + background-color: #2196F3; +} +.mdc-button--raised:not(:disabled) { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); +} +.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after { + background-color: white; + /* @alternate */ + background-color: var(--mdc-theme-text-primary-on-dark, white); +} +.mdc-button--raised:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-button--raised:not(:disabled) { + color: #FFFFFF; +} + +p { + font-family: "Roboto", sans-serif; + font-size: 20px; + display: inline-block; +} + +a { + font-family: "Roboto", sans-serif; + font-size: 20px; + display: inline-block; +} + +h1 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h1 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h2 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h3 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h4 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h5 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h6 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +li { + font-family: "Roboto", sans-serif; + font-size: 22px; + display: inline-block; +} + +.summary-explain-p { + font-family: "Roboto", sans-serif; + font-size: 22px; + display: inline-block; + padding-left: 8px; +} + +.summary-picto-div { + display: flex; + align-items: center; +} + +.mdc-card { + display: flex; + flex-direction: coloumn; + margin-right: 4px; + margin-bottom: 4px; + margin-left: 4px; + padding: 8px 8px 8px 8px; +} + +.mdc-button { + margin: 8px 8px 8px 8px; + padding: 8px 8px 8px 8px; +} +.mdc-button .mdc-button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding: 0 8px 0 8px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + min-width: 64px; + border: none; + outline: none; + /* @alternate */ + line-height: inherit; + user-select: none; + -webkit-appearance: none; + overflow: visible; + vertical-align: middle; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); + height: 36px; +} +.mdc-button .mdc-button .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-button .mdc-button::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-button .mdc-button:active { + outline: none; +} +.mdc-button .mdc-button:hover { + cursor: pointer; +} +.mdc-button .mdc-button:disabled { + cursor: default; + pointer-events: none; +} +.mdc-button .mdc-button .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button .mdc-button:not(:disabled) { + background-color: transparent; +} +.mdc-button .mdc-button:disabled { + background-color: transparent; +} +.mdc-button .mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + width: 18px; + height: 18px; + font-size: 18px; + vertical-align: top; +} +[dir=rtl] .mdc-button .mdc-button .mdc-button__icon, .mdc-button .mdc-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-button .mdc-button .mdc-button__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-button .mdc-button:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button .mdc-button:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-button .mdc-button__label + .mdc-button__icon, .mdc-button .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-button svg.mdc-button__icon { + fill: currentColor; +} +.mdc-button .mdc-button--raised .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__icon { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-button .mdc-button--raised .mdc-button__icon, .mdc-button .mdc-button--raised .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--unelevated .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--outlined .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +.mdc-button .mdc-button--raised .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-button .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--outlined .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +.mdc-button .mdc-button--raised, +.mdc-button .mdc-button--unelevated { + padding: 0 16px 0 16px; +} +.mdc-button .mdc-button--raised:not(:disabled), +.mdc-button .mdc-button--unelevated:not(:disabled) { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button .mdc-button--raised:not(:disabled), +.mdc-button .mdc-button--unelevated:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button .mdc-button--raised:disabled, +.mdc-button .mdc-button--unelevated:disabled { + background-color: rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--raised:disabled, +.mdc-button .mdc-button--unelevated:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button .mdc-button--raised { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-button .mdc-button--raised:hover, .mdc-button .mdc-button--raised:focus { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--raised:active { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--raised:disabled { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--outlined { + padding: 0 15px 0 15px; + border-width: 1px; + border-style: solid; +} +.mdc-button .mdc-button--outlined .mdc-button__ripple { + top: -1px; + left: -1px; + border: 1px solid transparent; +} +.mdc-button .mdc-button--outlined .mdc-button__touch { + left: -1px; + width: calc(100% + 2 * 1px); +} +.mdc-button .mdc-button--outlined:not(:disabled) { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--outlined:disabled { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--touch { + margin-top: 6px; + margin-bottom: 6px; +} +.mdc-button .mdc-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-button .mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button .mdc-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-button .mdc-button .mdc-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-button .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-button .mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-button .mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-button .mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button .mdc-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-button .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-button .mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button .mdc-button__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button .mdc-button:hover .mdc-button__ripple::before { + opacity: 0.04; +} +.mdc-button .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button .mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-button .mdc-button .mdc-button__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-button .mdc-button:not(.mdc-button--outlined) .mdc-button__ripple { + top: 0; + left: 0; +} +.mdc-button .mdc-button--raised .mdc-button__ripple::before, .mdc-button .mdc-button--raised .mdc-button__ripple::after, +.mdc-button .mdc-button--unelevated .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated .mdc-button__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button .mdc-button--raised:hover .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button .mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button .mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after, +.mdc-button .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button .mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after, +.mdc-button .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button .mdc-button--raised.mdc-ripple-upgraded, +.mdc-button .mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} \ No newline at end of file diff --git a/plugin-firefox/html/css/explain.txt b/plugin-firefox/html/css/explain.txt new file mode 100644 index 0000000..f0898d7 --- /dev/null +++ b/plugin-firefox/html/css/explain.txt @@ -0,0 +1,3 @@ +These are generated css files. +If you want to know how to generate theese, please show in the root folder of this project in sass-env/. + diff --git a/plugin-firefox/html/css/style.css b/plugin-firefox/html/css/style.css new file mode 100644 index 0000000..e121c55 --- /dev/null +++ b/plugin-firefox/html/css/style.css @@ -0,0 +1,14116 @@ +@charset "UTF-8"; +@keyframes loading { + 0% { + transform: translateX(-150%) scale(1); + } + 25% { + transform: translateX(0%) scale(0.5); + } + 50% { + transform: translateX(150%) scale(1); + } + 75% { + transform: translateX(0%) scale(0.5); + } + 100% { + transform: translateX(-150%) scale(1); + } +} +@keyframes spinner { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes fadecheck { + 0% { + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes longer-lightning { + 50% { + background-color: #2196F3; + color: #FFFFFF; + } + 100% { + background-color: white; + color: black; + } +} +.mdc-banner__text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-banner__graphic { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-surface, #fff); +} + +.mdc-banner__graphic { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-banner__graphic { + border-radius: 50%; +} + +.mdc-banner__content, +.mdc-banner__fixed { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-banner__content, +.mdc-banner__fixed { + min-width: 100%; + } +} + +.mdc-banner__content { + max-width: 720px; +} + +.mdc-banner { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-bottom-color: rgba(0, 0, 0, 0.12); + z-index: 1; + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + display: none; + flex-shrink: 0; + height: 0; + position: relative; + width: 100%; +} +.mdc-banner .mdc-banner__fixed { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-banner .mdc-banner__fixed { + border-bottom-color: rgba(0, 0, 0, 0.12); +} +@media (max-width: 480px) { + .mdc-banner .mdc-banner__fixed { + left: 0; + right: 0; + } + .mdc-banner .mdc-banner__content { + flex-wrap: wrap; + } + .mdc-banner .mdc-banner__graphic { + margin-bottom: 12px; + } + .mdc-banner .mdc-banner__text { + margin-left: 16px; + margin-right: 8px; + padding-bottom: 4px; + } + .mdc-banner .mdc-banner__actions { + margin-left: auto; + } +} + +.mdc-banner--opening, +.mdc-banner--open, +.mdc-banner--closing { + display: flex; +} + +.mdc-banner--open { + transition: height 300ms ease; +} +.mdc-banner--open .mdc-banner__content { + transition: transform 300ms ease; + transform: translateY(0); +} + +.mdc-banner--closing { + transition: height 250ms ease; +} +.mdc-banner--closing .mdc-banner__content { + transition: transform 250ms ease; +} + +.mdc-banner--centered .mdc-banner__content { + left: 0; + margin-left: auto; + margin-right: auto; + right: 0; +} + +.mdc-banner__fixed { + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + height: inherit; + position: fixed; + width: 100%; +} + +.mdc-banner__content { + display: flex; + min-height: 52px; + position: absolute; + transform: translateY(-100%); + width: 100%; +} + +.mdc-banner__graphic-text-wrapper { + display: flex; + width: 100%; +} + +.mdc-banner__graphic { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + flex-shrink: 0; + height: 40px; + margin-top: 16px; + margin-bottom: 16px; + text-align: center; + width: 40px; +} +[dir=rtl] .mdc-banner__graphic, .mdc-banner__graphic[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-banner__icon { + position: relative; + top: 50%; + transform: translateY(-50%); +} + +.mdc-banner__text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 90px; + align-self: center; + flex-grow: 1; + padding-top: 16px; + padding-bottom: 16px; +} +[dir=rtl] .mdc-banner__text, .mdc-banner__text[dir=rtl] { + /* @noflip */ + margin-left: 90px; + /* @noflip */ + margin-right: 24px; +} + +.mdc-banner__actions { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + align-self: flex-end; + display: flex; + flex-shrink: 0; + padding-bottom: 8px; + padding-top: 8px; +} +[dir=rtl] .mdc-banner__actions, .mdc-banner__actions[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-banner__primary-action:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__primary-action::before, .mdc-banner__primary-action::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__primary-action:hover::before { + opacity: 0.04; +} +.mdc-banner__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-banner__secondary-action { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-banner__secondary-action:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__secondary-action::before, .mdc-banner__secondary-action::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__secondary-action:hover::before { + opacity: 0.04; +} +.mdc-banner__secondary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__secondary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__secondary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +[dir=rtl] .mdc-banner__secondary-action, .mdc-banner__secondary-action[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} + +.mdc-touch-target-wrapper { + display: inline; +} + +.mdc-elevation-overlay { + position: absolute; + border-radius: inherit; + pointer-events: none; + opacity: 0; + /* @alternate */ + opacity: var(--mdc-elevation-overlay-opacity, 0); + transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-elevation-overlay-color, #fff); +} + +.mdc-button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding: 0 8px 0 8px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + min-width: 64px; + border: none; + outline: none; + /* @alternate */ + line-height: inherit; + user-select: none; + -webkit-appearance: none; + overflow: visible; + vertical-align: middle; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); + height: 36px; +} +.mdc-button .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-button::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-button:active { + outline: none; +} +.mdc-button:hover { + cursor: pointer; +} +.mdc-button:disabled { + cursor: default; + pointer-events: none; +} +.mdc-button .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button:not(:disabled) { + background-color: transparent; +} +.mdc-button:disabled { + background-color: transparent; +} +.mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + width: 18px; + height: 18px; + font-size: 18px; + vertical-align: top; +} +[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-button .mdc-button__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-button:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +svg.mdc-button__icon { + fill: currentColor; +} + +.mdc-button--raised .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--unelevated .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--outlined .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +.mdc-button--raised .mdc-button__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} + +.mdc-button--raised, +.mdc-button--unelevated { + padding: 0 16px 0 16px; +} +.mdc-button--raised:not(:disabled), +.mdc-button--unelevated:not(:disabled) { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button--raised:not(:disabled), +.mdc-button--unelevated:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--raised:disabled, +.mdc-button--unelevated:disabled { + background-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:disabled, +.mdc-button--unelevated:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.mdc-button--raised { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-button--raised:hover, .mdc-button--raised:focus { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:active { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:disabled { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-button--outlined { + padding: 0 15px 0 15px; + border-width: 1px; + border-style: solid; +} +.mdc-button--outlined .mdc-button__ripple { + top: -1px; + left: -1px; + border: 1px solid transparent; +} +.mdc-button--outlined .mdc-button__touch { + left: -1px; + width: calc(100% + 2 * 1px); +} +.mdc-button--outlined:not(:disabled) { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--outlined:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.mdc-button--touch { + margin-top: 6px; + margin-bottom: 6px; +} + +@keyframes mdc-ripple-fg-radius-in { + from { + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); + } + to { + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + } +} +@keyframes mdc-ripple-fg-opacity-in { + from { + animation-timing-function: linear; + opacity: 0; + } + to { + opacity: var(--mdc-ripple-fg-opacity, 0); + } +} +@keyframes mdc-ripple-fg-opacity-out { + from { + animation-timing-function: linear; + opacity: var(--mdc-ripple-fg-opacity, 0); + } + to { + opacity: 0; + } +} +.mdc-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-button .mdc-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button:hover .mdc-button__ripple::before { + opacity: 0.04; +} +.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-button .mdc-button__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple { + top: 0; + left: 0; +} + +.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after, +.mdc-button--unelevated .mdc-button__ripple::before, +.mdc-button--unelevated .mdc-button__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--raised:hover .mdc-button__ripple::before, +.mdc-button--unelevated:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before, +.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, +.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after, +.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after, +.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised.mdc-ripple-upgraded, +.mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-card { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + display: flex; + flex-direction: column; + box-sizing: border-box; +} +.mdc-card .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-card::after { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} + +.mdc-card--outlined { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); + border-width: 1px; + border-style: solid; + border-color: #e0e0e0; +} +.mdc-card--outlined::after { + border: none; +} + +.mdc-card__content { + border-radius: inherit; + height: 100%; +} + +.mdc-card__media { + position: relative; + box-sizing: border-box; + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} +.mdc-card__media::before { + display: block; + content: ""; +} + +.mdc-card__media:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.mdc-card__media:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; +} + +.mdc-card__media--square::before { + margin-top: 100%; +} + +.mdc-card__media--16-9::before { + margin-top: 56.25%; +} + +.mdc-card__media-content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-sizing: border-box; +} + +.mdc-card__primary-action { + display: flex; + flex-direction: column; + box-sizing: border-box; + position: relative; + outline: none; + color: inherit; + text-decoration: none; + cursor: pointer; + overflow: hidden; +} + +.mdc-card__primary-action:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.mdc-card__primary-action:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; +} + +.mdc-card__actions { + display: flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; + min-height: 52px; + padding: 8px; +} + +.mdc-card__actions--full-bleed { + padding: 0; +} + +.mdc-card__action-buttons, +.mdc-card__action-icons { + display: flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; +} + +.mdc-card__action-icons { + color: rgba(0, 0, 0, 0.6); + flex-grow: 1; + justify-content: flex-end; +} + +.mdc-card__action-buttons + .mdc-card__action-icons { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-card__action { + display: inline-flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; + justify-content: center; + cursor: pointer; + user-select: none; +} +.mdc-card__action:focus { + outline: none; +} + +.mdc-card__action--button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + padding: 0 8px; +} +[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-card__action--button:last-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} + +.mdc-card__actions--full-bleed .mdc-card__action--button { + justify-content: space-between; + width: 100%; + height: auto; + max-height: none; + margin: 0; + padding: 8px 16px; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-card__action--icon { + margin: -6px 0; + padding: 12px; +} + +.mdc-card__action--icon:not(:disabled) { + color: rgba(0, 0, 0, 0.6); +} + +.mdc-card__primary-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-card__primary-action::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-card__primary-action.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-card__primary-action.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-card__primary-action.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + background-color: #000; +} +.mdc-card__primary-action:hover::before { + opacity: 0.04; +} +.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-card__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-checkbox { + padding: 11px; + margin-top: 0px; + margin-bottom: 0px; + margin-right: 0px; + margin-left: 0px; +} +.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after { + background-color: #000; +} +.mdc-checkbox:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox .mdc-checkbox__background { + top: 11px; + left: 11px; +} +.mdc-checkbox .mdc-checkbox__background::before { + top: -13px; + left: -13px; + width: 40px; + height: 40px; +} +.mdc-checkbox .mdc-checkbox__native-control { + top: 0px; + right: 0px; + left: 0px; + width: 40px; + height: 40px; +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3 { + 0%, 80% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} + +@keyframes mdc-checkbox-unchecked-checked-checkmark-path { + 0%, 50% { + stroke-dashoffset: 29.7833385; + } + 50% { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + } + 100% { + stroke-dashoffset: 0; + } +} +@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { + 0%, 68.2% { + transform: scaleX(0); + } + 68.2% { + animation-timing-function: cubic-bezier(0, 0, 0, 1); + } + 100% { + transform: scaleX(1); + } +} +@keyframes mdc-checkbox-checked-unchecked-checkmark-path { + from { + animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + opacity: 1; + stroke-dashoffset: 0; + } + to { + opacity: 0; + stroke-dashoffset: -29.7833385; + } +} +@keyframes mdc-checkbox-checked-indeterminate-checkmark { + from { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + transform: rotate(0deg); + opacity: 1; + } + to { + transform: rotate(45deg); + opacity: 0; + } +} +@keyframes mdc-checkbox-indeterminate-checked-checkmark { + from { + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + transform: rotate(45deg); + opacity: 0; + } + to { + transform: rotate(360deg); + opacity: 1; + } +} +@keyframes mdc-checkbox-checked-indeterminate-mixedmark { + from { + animation-timing-function: mdc-animation-deceleration-curve-timing-function; + transform: rotate(-45deg); + opacity: 0; + } + to { + transform: rotate(0deg); + opacity: 1; + } +} +@keyframes mdc-checkbox-indeterminate-checked-mixedmark { + from { + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + transform: rotate(0deg); + opacity: 1; + } + to { + transform: rotate(315deg); + opacity: 0; + } +} +@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { + 0% { + animation-timing-function: linear; + transform: scaleX(1); + opacity: 1; + } + 32.8%, 100% { + transform: scaleX(0); + opacity: 0; + } +} +.mdc-checkbox { + display: inline-block; + position: relative; + flex: 0 0 18px; + box-sizing: content-box; + width: 18px; + height: 18px; + line-height: 0; + white-space: nowrap; + cursor: pointer; + vertical-align: bottom; +} + +@media screen and (-ms-high-contrast: active) { + .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, GrayText); + background-color: transparent; + } + + .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: GrayText; + background-color: transparent; + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, transparent); + } + + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: GrayText; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, GrayText); + } + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, GrayText); + } + + .mdc-checkbox__mixedmark { + margin: 0 1px; + } +} +.mdc-checkbox--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox__background { + display: inline-flex; + position: absolute; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 18px; + height: 18px; + border: 2px solid currentColor; + border-radius: 2px; + background-color: transparent; + pointer-events: none; + will-change: background-color, border-color; + transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox__background .mdc-checkbox__background::before { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} + +.mdc-checkbox__checkmark { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + opacity: 0; + transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox--upgraded .mdc-checkbox__checkmark { + opacity: 1; +} + +.mdc-checkbox__checkmark-path { + transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + stroke: currentColor; + stroke-width: 3.12px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-checkbox__mixedmark { + width: 100%; + height: 0; + transform: scaleX(0) rotate(0deg); + border-width: 1px; + border-style: solid; + opacity: 0; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { + animation-duration: 180ms; + animation-timing-function: linear; +} +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { + animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { + animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { + animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { + animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { + animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { + animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { + animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { + animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s; + transition: none; +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background { + transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-checkbox__background::before { + position: absolute; + transform: scale(0, 0); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + will-change: opacity, transform; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { + transform: scale(1); + opacity: 0.12; + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-checkbox__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; +} +.mdc-checkbox__native-control:disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-checkbox--touch .mdc-checkbox__native-control { + top: -4px; + right: -4px; + left: -4px; + width: 48px; + height: 48px; +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 1; +} +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + transform: scaleX(1) rotate(-45deg); +} + +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + transform: rotate(45deg); + opacity: 0; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + transform: scaleX(1) rotate(0deg); + opacity: 1; +} + +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark { + transition: none; +} + +.mdc-checkbox { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + z-index: 0; +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-checkbox .mdc-checkbox__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + z-index: -1; +} + +.mdc-checkbox__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before { + content: none; +} + +.mdc-chip-trailing-action__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + transform: translate(-50%, -50%); +} + +.mdc-chip-trailing-action { + border: none; + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + padding: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; + background: none; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__touch { + width: 26px; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__icon { + fill: currentColor; + color: inherit; +} + +.mdc-chip-trailing-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-chip-trailing-action__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-chip-trailing-action__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-chip-trailing-action__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip-trailing-action:hover .mdc-chip-trailing-action__ripple::before { + opacity: 0.04; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-chip-trailing-action__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-chip-trailing-action__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-chip-trailing-action__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} + +.mdc-chip__icon--leading { + color: rgba(0, 0, 0, 0.54); +} + +.mdc-chip-trailing-action { + color: #000; +} + +.mdc-chip__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-chip__icon--trailing:hover { + color: rgba(0, 0, 0, 0.62); +} +.mdc-chip__icon--trailing:focus { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + width: 20px; + height: 20px; + font-size: 20px; +} + +.mdc-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} + +.mdc-chip__icon.mdc-chip__icon--trailing { + width: 18px; + height: 18px; + font-size: 18px; +} + +.mdc-chip-trailing-action { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-chip-trailing-action, .mdc-chip-trailing-action[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip__icon--trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip { + border-radius: 16px; + background-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + height: 32px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + box-sizing: border-box; + padding: 0 12px; + border-width: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; +} +.mdc-chip .mdc-chip__ripple { + border-radius: 16px; +} +.mdc-chip:hover { + color: rgba(0, 0, 0, 0.87); +} +.mdc-chip.mdc-chip--selected .mdc-chip__checkmark, +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], +[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +.mdc-chip .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-chip::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-chip:hover { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip .mdc-chip__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} + +.mdc-chip--exit { + transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; + opacity: 0; +} + +.mdc-chip__overflow { + text-overflow: ellipsis; + overflow: hidden; +} + +.mdc-chip__text { + white-space: nowrap; +} + +.mdc-chip__icon { + border-radius: 50%; + outline: none; + vertical-align: middle; +} + +.mdc-chip__checkmark { + height: 20px; +} + +.mdc-chip__checkmark-path { + transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); + stroke-width: 2px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-chip__primary-action:focus { + outline: none; +} + +.mdc-chip--selected .mdc-chip__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-chip__icon--leading, +.mdc-chip__icon--trailing { + position: relative; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading { + color: rgba(33, 150, 243, 0.54); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path { + stroke: #2196F3; + /* @alternate */ + stroke: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip--selected { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-chip__checkmark-svg { + width: 0; + height: 20px; + transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-chip--selected .mdc-chip__checkmark-svg { + width: 20px; +} + +.mdc-chip-set--filter .mdc-chip__icon--leading { + transition: opacity 75ms linear; + transition-delay: -50ms; + opacity: 1; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark { + transition: opacity 75ms linear; + transition-delay: 80ms; + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg { + transition: width 0ms; +} +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading { + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 0; + opacity: 1; +} +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading { + width: 0; + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 20px; +} + +.mdc-chip { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-chip .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-chip .mdc-chip__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip .mdc-chip__ripple::before, .mdc-chip .mdc-chip__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-chip:hover .mdc-chip__ripple::before { + opacity: 0.04; +} +.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-chip .mdc-chip__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before { + opacity: 0.08; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before { + opacity: 0.12; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.2; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.2; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.2; +} + +@keyframes mdc-chip-entry { + from { + transform: scale(0.8); + opacity: 0.4; + } + to { + transform: scale(1); + opacity: 1; + } +} +.mdc-chip-set { + padding: 4px; + display: flex; + flex-wrap: wrap; + box-sizing: border-box; +} +.mdc-chip-set .mdc-chip { + margin: 4px; +} +.mdc-chip-set .mdc-chip--touch { + margin-top: 8px; + margin-bottom: 8px; +} + +.mdc-chip-set--input .mdc-chip { + animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-circular-progress__determinate-circle, +.mdc-circular-progress__indeterminate-circle-graphic { + stroke: #2196F3; + /* @alternate */ + stroke: var(--mdc-theme-primary, #2196F3); +} + +.mdc-circular-progress__determinate-track { + stroke: transparent; +} + +@keyframes mdc-circular-progress-container-rotate { + to { + transform: rotate(360deg); + } +} +@keyframes mdc-circular-progress-spinner-layer-rotate { + 12.5% { + transform: rotate(135deg); + } + 25% { + transform: rotate(270deg); + } + 37.5% { + transform: rotate(405deg); + } + 50% { + transform: rotate(540deg); + } + 62.5% { + transform: rotate(675deg); + } + 75% { + transform: rotate(810deg); + } + 87.5% { + transform: rotate(945deg); + } + 100% { + transform: rotate(1080deg); + } +} +@keyframes mdc-circular-progress-color-1-fade-in-out { + from { + opacity: 0.99; + } + 25% { + opacity: 0.99; + } + 26% { + opacity: 0; + } + 89% { + opacity: 0; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0.99; + } +} +@keyframes mdc-circular-progress-color-2-fade-in-out { + from { + opacity: 0; + } + 15% { + opacity: 0; + } + 25% { + opacity: 0.99; + } + 50% { + opacity: 0.99; + } + 51% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-3-fade-in-out { + from { + opacity: 0; + } + 40% { + opacity: 0; + } + 50% { + opacity: 0.99; + } + 75% { + opacity: 0.99; + } + 76% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-4-fade-in-out { + from { + opacity: 0; + } + 65% { + opacity: 0; + } + 75% { + opacity: 0.99; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-left-spin { + from { + transform: rotate(265deg); + } + 50% { + transform: rotate(130deg); + } + to { + transform: rotate(265deg); + } +} +@keyframes mdc-circular-progress-right-spin { + from { + transform: rotate(-265deg); + } + 50% { + transform: rotate(-130deg); + } + to { + transform: rotate(-265deg); + } +} +.mdc-circular-progress { + display: inline-flex; + position: relative; + /* @noflip */ + direction: ltr; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-circular-progress__determinate-container, +.mdc-circular-progress__indeterminate-circle-graphic, +.mdc-circular-progress__indeterminate-container, +.mdc-circular-progress__spinner-layer { + position: absolute; + width: 100%; + height: 100%; +} + +.mdc-circular-progress__determinate-container { + transform: rotate(-90deg); +} + +.mdc-circular-progress__indeterminate-container { + opacity: 0; +} + +.mdc-circular-progress__determinate-circle-graphic, +.mdc-circular-progress__indeterminate-circle-graphic { + fill: transparent; +} + +.mdc-circular-progress__determinate-circle { + transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-circular-progress__gap-patch { + position: absolute; + top: 0; + /* @noflip */ + left: 47.5%; + box-sizing: border-box; + width: 5%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -900%; + width: 2000%; + transform: rotate(180deg); +} + +.mdc-circular-progress__circle-clipper { + display: inline-flex; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic { + width: 200%; +} + +.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -100%; +} + +.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container { + opacity: 0; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + opacity: 1; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic { + animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.mdc-circular-progress--closed { + opacity: 0; +} + +.mdc-data-table__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-data-table { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + -webkit-overflow-scrolling: touch; + display: inline-flex; + flex-direction: column; + box-sizing: border-box; + position: relative; +} +.mdc-data-table .mdc-data-table__header-cell:first-child { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); + border-top-left-radius: 0; +} +.mdc-data-table .mdc-data-table__header-cell:last-child { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); + border-top-right-radius: 0; +} + +.mdc-data-table__row { + background-color: inherit; +} + +.mdc-data-table__header-cell { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-data-table__row--selected { + background-color: rgba(33, 150, 243, 0.04); +} + +.mdc-data-table__header-cell:after { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__header-cell:after { + border-bottom-style: solid; + border-bottom-width: 1px; +} + +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-width: 1px; + border-top-style: solid; +} + +.mdc-data-table__row:not(.mdc-data-table__row--selected):hover { + background-color: rgba(0, 0, 0, 0.04); +} + +.mdc-data-table__header-cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__pagination-total, +.mdc-data-table__pagination-rows-per-page-label, +.mdc-data-table__cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__cell { + height: 52px; +} + +.mdc-data-table__pagination { + min-height: 52px; +} + +.mdc-data-table__header-cell { + height: 56px; +} + +.mdc-data-table__cell, +.mdc-data-table__header-cell { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-data-table__header-cell--checkbox, +.mdc-data-table__cell--checkbox { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl], +[dir=rtl] .mdc-data-table__cell--checkbox, +.mdc-data-table__cell--checkbox[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.6); +} +.mdc-data-table__sort-icon-button::before, .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.6); +} +.mdc-data-table__sort-icon-button:hover::before { + opacity: 0.04; +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.87); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover::before { + opacity: 0.04; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-data-table__table-container { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + width: 100%; +} + +.mdc-data-table__table { + min-width: 100%; + border: 0; + white-space: nowrap; + border-collapse: collapse; + /** + * With table-layout:fixed, table and column widths are defined by the width + * of the first row of cells. Cells in subsequent rows do not affect column + * widths. This results in a predictable table layout and may also speed up + * rendering. + */ + table-layout: fixed; +} + +.mdc-data-table__cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + overflow: hidden; + text-align: left; + text-overflow: ellipsis; +} +[dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + box-sizing: border-box; + text-overflow: ellipsis; + overflow: hidden; + outline: none; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__header-cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__sort-icon-button { + width: 28px; + height: 28px; + padding: 2px; + transform: rotate(0.0001deg); + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; +} +[dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} +.mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button { + transform: rotate(-180deg); +} +.mdc-data-table__sort-icon-button:focus, .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + opacity: 1; +} + +.mdc-data-table__header-cell-wrapper { + align-items: center; + display: inline-flex; + vertical-align: middle; +} + +.mdc-data-table__header-cell--with-sort { + cursor: pointer; +} + +.mdc-data-table__sort-status-label { + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute; + white-space: nowrap; + /* added line */ + width: 1px; +} + +.mdc-data-table__progress-indicator { + display: none; + position: absolute; + width: 100%; +} +.mdc-data-table--in-progress .mdc-data-table__progress-indicator { + display: block; +} + +.mdc-data-table__scrim { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + height: 100%; + opacity: 0.32; + position: absolute; + top: 0; + width: 100%; +} + +.mdc-data-table--sticky-header .mdc-data-table__header-cell { + position: sticky; + top: 0; + z-index: 1; +} +.mdc-data-table--sticky-header .mdc-data-table__header-cell:after { + bottom: 0; + content: ""; + left: 0; + position: absolute; + width: 100%; +} +.mdc-data-table--sticky-header .mdc-data-table__row:first-child { + border-top: 0; +} + +.mdc-data-table__pagination { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + display: flex; + justify-content: flex-end; +} + +.mdc-data-table__pagination-trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; +} +[dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} + +.mdc-data-table__pagination-navigation { + align-items: center; + display: flex; +} + +.mdc-data-table__pagination-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + transform: rotate(180deg); +} +[dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-total { + /* @noflip */ + margin-left: 14px; + /* @noflip */ + margin-right: 36px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] { + /* @noflip */ + margin-left: 36px; + /* @noflip */ + margin-right: 14px; +} + +.mdc-data-table__pagination-rows-per-page { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 22px; + align-items: center; + display: inline-flex; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] { + /* @noflip */ + margin-left: 22px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-select { + width: 80px; + min-width: 80px; + margin: 8px 0; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor { + height: 36px; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-27.25px) scale(1); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-24.75px) scale(0.75); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-36px { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon { + width: 20px; + height: 20px; +} +.mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 56px); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-list-item { + height: 36px; +} + +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3 { + 0%, 80% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3; +} + +.mdc-dialog, +.mdc-dialog__scrim { + position: fixed; + top: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 100%; + height: 100%; +} + +.mdc-dialog { + display: none; + z-index: 7; +} +.mdc-dialog .mdc-dialog__surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-dialog .mdc-dialog__scrim { + background-color: rgba(0, 0, 0, 0.32); +} +.mdc-dialog .mdc-dialog__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-dialog .mdc-dialog__content { + color: rgba(0, 0, 0, 0.6); +} +.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-dialog .mdc-dialog__content { + padding: 20px 24px 20px 24px; +} +.mdc-dialog .mdc-dialog__surface { + min-width: 280px; +} +@media (max-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: calc(100vw - 32px); + } +} +@media (min-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: 560px; + } +} +.mdc-dialog .mdc-dialog__surface { + max-height: calc(100% - 32px); +} +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .mdc-dialog .mdc-dialog__container { + /* stylelint-disable */ + /* stylelint-enable*/ + } +} +.mdc-dialog .mdc-dialog__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); +} + +.mdc-dialog__scrim { + opacity: 0; + z-index: -1; +} + +.mdc-dialog__container { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + box-sizing: border-box; + height: 100%; + transform: scale(0.8); + opacity: 0; + pointer-events: none; +} + +.mdc-dialog__surface { + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; + box-sizing: border-box; + max-width: 100%; + max-height: 100%; + pointer-events: auto; + overflow-y: auto; +} +.mdc-dialog__surface .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface { + /* @noflip */ + text-align: right; +} + +.mdc-dialog__title { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + position: relative; + flex-shrink: 0; + box-sizing: border-box; + margin: 0; + padding: 0 24px 9px; + border-bottom: 1px solid transparent; +} +.mdc-dialog__title::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title { + /* @noflip */ + text-align: right; +} + +.mdc-dialog--scrollable .mdc-dialog__title { + padding-bottom: 15px; +} + +.mdc-dialog__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); + flex-grow: 1; + box-sizing: border-box; + margin: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.mdc-dialog__content > :first-child { + margin-top: 0; +} +.mdc-dialog__content > :last-child { + margin-bottom: 0; +} + +.mdc-dialog__title + .mdc-dialog__content { + padding-top: 0; +} + +.mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content { + padding-top: 8px; + padding-bottom: 8px; +} + +.mdc-dialog__content .mdc-list:first-child:last-child { + padding: 6px 0 0; +} + +.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child { + padding: 0; +} + +.mdc-dialog__actions { + display: flex; + position: relative; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + box-sizing: border-box; + min-height: 52px; + margin: 0; + padding: 8px; + border-top: 1px solid transparent; +} +.mdc-dialog--stacked .mdc-dialog__actions { + flex-direction: column; + align-items: flex-end; +} + +.mdc-dialog__button { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; + max-width: 100%; + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-dialog__button:first-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button { + /* @noflip */ + text-align: left; +} + +.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) { + margin-top: 12px; +} + +.mdc-dialog--open, +.mdc-dialog--opening, +.mdc-dialog--closing { + display: flex; +} + +.mdc-dialog--opening .mdc-dialog__scrim { + transition: opacity 150ms linear; +} +.mdc-dialog--opening .mdc-dialog__container { + transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-dialog--closing .mdc-dialog__scrim, +.mdc-dialog--closing .mdc-dialog__container { + transition: opacity 75ms linear; +} +.mdc-dialog--closing .mdc-dialog__container { + transform: none; +} + +.mdc-dialog--open .mdc-dialog__scrim { + opacity: 1; +} +.mdc-dialog--open .mdc-dialog__container { + transform: none; + opacity: 1; +} + +.mdc-dialog-scroll-lock { + overflow: hidden; +} + +.mdc-drawer { + border-color: rgba(0, 0, 0, 0.12); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-left-radius: 0; + z-index: 6; + width: 256px; + display: flex; + flex-direction: column; + flex-shrink: 0; + box-sizing: border-box; + height: 100%; + /* @noflip */ + border-right-width: 1px; + /* @noflip */ + border-right-style: solid; + overflow: hidden; + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer .mdc-drawer__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-drawer__subtitle { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-list-item { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic { + color: #2196f3; +} +.mdc-drawer .mdc-list-item--activated { + color: rgba(33, 150, 243, 0.87); +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-large, 0); +} +.mdc-drawer .mdc-list-item { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content { + /* @noflip */ + margin-left: 256px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 256px; +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-right-width: 0; + /* @noflip */ + border-left-width: 1px; + /* @noflip */ + border-right-style: none; + /* @noflip */ + border-left-style: solid; +} +.mdc-drawer .mdc-list-item { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + height: calc(48px - 2 * 4px); + margin: 8px 8px; + padding: 0 8px; +} +.mdc-drawer .mdc-list-item:nth-child(1) { + margin-top: 2px; +} +.mdc-drawer .mdc-list-item:nth-last-child(1) { + margin-bottom: 0; +} +.mdc-drawer .mdc-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + padding: 0 16px; +} +.mdc-drawer .mdc-list-group__subheader::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-drawer .mdc-list-divider { + margin: 3px 0 4px; +} +.mdc-drawer .mdc-list-item__text, +.mdc-drawer .mdc-list-item__graphic { + pointer-events: none; +} + +.mdc-drawer--animate { + transform: translateX(-100%); +} +[dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] { + transform: translateX(100%); +} + +.mdc-drawer--opening { + transform: translateX(0); + transition-duration: 250ms; +} +[dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] { + transform: translateX(0); +} + +.mdc-drawer--closing { + transform: translateX(-100%); + transition-duration: 200ms; +} +[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] { + transform: translateX(100%); +} + +.mdc-drawer__header { + flex-shrink: 0; + box-sizing: border-box; + min-height: 64px; + padding: 0 16px 4px; +} + +.mdc-drawer__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-drawer__title::before { + display: inline-block; + width: 0; + height: 36px; + content: ""; + vertical-align: 0; +} +.mdc-drawer__title::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-drawer__subtitle { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: 0; +} +.mdc-drawer__subtitle::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} + +.mdc-drawer__content { + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.mdc-drawer--dismissible { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: absolute; +} +[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} +.mdc-drawer--dismissible.mdc-drawer--open { + display: flex; +} + +.mdc-drawer-app-content { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; + position: relative; +} +[dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} + +.mdc-drawer--modal { + /* @alternate */ + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: fixed; +} +.mdc-drawer--modal + .mdc-drawer-scrim { + background-color: rgba(0, 0, 0, 0.32); +} +[dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} +.mdc-drawer--modal.mdc-drawer--open { + display: flex; +} + +.mdc-drawer-scrim { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 5; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer--open + .mdc-drawer-scrim { + display: block; +} +.mdc-drawer--animate + .mdc-drawer-scrim { + opacity: 0; +} +.mdc-drawer--opening + .mdc-drawer-scrim { + transition-duration: 250ms; + opacity: 1; +} +.mdc-drawer--closing + .mdc-drawer-scrim { + transition-duration: 200ms; + opacity: 0; +} + +.mdc-elevation--z0 { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z1 { + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z2 { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z3 { + /* @alternate */ + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z4 { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z5 { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z6 { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z7 { + /* @alternate */ + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z8 { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z9 { + /* @alternate */ + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z10 { + /* @alternate */ + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z11 { + /* @alternate */ + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z12 { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z13 { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z14 { + /* @alternate */ + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z15 { + /* @alternate */ + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z16 { + /* @alternate */ + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z17 { + /* @alternate */ + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z18 { + /* @alternate */ + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z19 { + /* @alternate */ + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z20 { + /* @alternate */ + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z21 { + /* @alternate */ + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z22 { + /* @alternate */ + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z23 { + /* @alternate */ + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z24 { + /* @alternate */ + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation-transition { + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow; +} + +.mdc-fab { + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 56px; + height: 56px; + padding: 0; + border: none; + fill: currentColor; + text-decoration: none; + cursor: pointer; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + overflow: visible; + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff); +} +.mdc-fab .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-fab:not(.mdc-fab--extended) { + border-radius: 50%; +} +.mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple { + border-radius: 50%; +} +.mdc-fab::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-fab:hover, .mdc-fab:focus { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-fab:active { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); +} +.mdc-fab:active, .mdc-fab:focus { + outline: none; +} +.mdc-fab:hover { + cursor: pointer; +} +.mdc-fab > svg { + width: 100%; +} +.mdc-fab .mdc-fab__icon { + width: 24px; + height: 24px; + font-size: 24px; +} + +.mdc-fab--mini { + width: 40px; + height: 40px; +} + +.mdc-fab--extended { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + border-radius: 24px; + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 20px; + width: auto; + max-width: 100%; + height: 48px; + /* @alternate */ + line-height: normal; +} +.mdc-fab--extended .mdc-fab__ripple { + border-radius: 24px; +} +.mdc-fab--extended .mdc-fab__icon { + /* @noflip */ + margin-left: calc(12px - 20px); + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: calc(12px - 20px); +} +.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: calc(12px - 20px); +} +[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] { + /* @noflip */ + margin-left: calc(12px - 20px); + /* @noflip */ + margin-right: 12px; +} + +.mdc-fab--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-fab--touch .mdc-fab__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + transform: translate(-50%, -50%); +} + +.mdc-fab::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} + +.mdc-fab__label { + justify-content: flex-start; + text-overflow: ellipsis; + white-space: nowrap; + overflow-x: hidden; + overflow-y: visible; +} + +.mdc-fab__icon { + transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + fill: currentColor; + will-change: transform; +} + +.mdc-fab .mdc-fab__icon { + display: inline-flex; + align-items: center; + justify-content: center; +} + +.mdc-fab--exited { + transform: scale(0); + opacity: 0; + transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); +} +.mdc-fab--exited .mdc-fab__icon { + transform: scale(0); + transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-fab { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-fab .mdc-fab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-secondary, #fff); +} +.mdc-fab:hover .mdc-fab__ripple::before { + opacity: 0.08; +} +.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before, .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after { + transition: opacity 150ms linear; +} +.mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-fab.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-fab .mdc-fab__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; + z-index: -1; +} + +.mdc-floating-label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + position: absolute; + /* @noflip */ + left: 0; + /* @noflip */ + transform-origin: left top; + line-height: 1.15rem; + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + cursor: text; + overflow: hidden; + /* @alternate */ + will-change: transform; + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; + /* @noflip */ + transform-origin: right top; + /* @noflip */ + text-align: right; +} + +.mdc-floating-label--float-above { + cursor: auto; +} + +.mdc-floating-label--required::after { + /* @noflip */ + margin-left: 1px; + /* @noflip */ + margin-right: 0px; + content: "*"; +} +[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 1px; +} + +.mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} + +.mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-standard 250ms 1; +} + +@keyframes mdc-floating-label-shake-float-above-standard { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } +} +.mdc-form-field { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: inline-flex; + align-items: center; + vertical-align: middle; +} +.mdc-form-field > label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; + order: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-form-field--nowrap > label { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.mdc-form-field--align-end > label { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; + order: -1; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} + +.mdc-form-field--space-between { + justify-content: space-between; +} +.mdc-form-field--space-between > label { + margin: 0; +} +[dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] { + margin: 0; +} + +.mdc-icon-button { + display: inline-block; + position: relative; + box-sizing: border-box; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + font-size: 24px; + text-decoration: none; + cursor: pointer; + user-select: none; + width: 48px; + height: 48px; + padding: 12px; +} +.mdc-icon-button svg, +.mdc-icon-button img { + width: 24px; + height: 24px; +} +.mdc-icon-button:disabled { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); +} +.mdc-icon-button:disabled { + cursor: default; + pointer-events: none; +} + +.mdc-icon-button__icon { + display: inline-block; +} +.mdc-icon-button__icon.mdc-icon-button__icon--on { + display: none; +} + +.mdc-icon-button--on .mdc-icon-button__icon { + display: none; +} +.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on { + display: inline-block; +} + +.mdc-icon-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-icon-button::before, .mdc-icon-button::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-icon-button::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-icon-button.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-icon-button.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-icon-button.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-icon-button::before, .mdc-icon-button::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-icon-button.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-icon-button::before, .mdc-icon-button::after { + background-color: #000; +} +.mdc-icon-button:hover::before { + opacity: 0.04; +} +.mdc-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-image-list { + display: flex; + flex-wrap: wrap; + margin: 0 auto; + padding: 0; +} + +.mdc-image-list__item, +.mdc-image-list__image-aspect-container { + position: relative; + box-sizing: border-box; +} + +.mdc-image-list__item { + list-style-type: none; +} + +.mdc-image-list__image { + width: 100%; +} + +.mdc-image-list__image-aspect-container .mdc-image-list__image { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +.mdc-image-list__image-aspect-container { + padding-bottom: calc(100% / 1); +} + +.mdc-image-list__image { + border-radius: 0; +} + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.mdc-image-list__supporting { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 8px 0; + line-height: 24px; +} + +.mdc-image-list__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + position: absolute; + bottom: 0; + width: 100%; + height: 48px; + padding: 0 16px; + background: rgba(0, 0, 0, 0.6); + color: #fff; +} + +.mdc-image-list--masonry { + display: block; +} +.mdc-image-list--masonry .mdc-image-list__item { + break-inside: avoid-column; +} +.mdc-image-list--masonry .mdc-image-list__image { + display: block; + height: auto; +} + +:root { + --mdc-layout-grid-margin-desktop: 24px; + --mdc-layout-grid-gutter-desktop: 24px; + --mdc-layout-grid-column-width-desktop: 72px; + --mdc-layout-grid-margin-tablet: 16px; + --mdc-layout-grid-gutter-tablet: 16px; + --mdc-layout-grid-column-width-tablet: 72px; + --mdc-layout-grid-margin-phone: 16px; + --mdc-layout-grid-gutter-phone: 16px; + --mdc-layout-grid-column-width-phone: 72px; +} + +@media (min-width: 840px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 24px; + padding: var(--mdc-layout-grid-margin-desktop, 24px); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-tablet, 16px); + } +} +@media (max-width: 599px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-phone, 16px); + } +} + +@media (min-width: 840px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 24px; + grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + } +} +@media (max-width: 599px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + } +} + +@media (min-width: 840px) { + .mdc-layout-grid__cell { + width: calc(33.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + box-sizing: border-box; + margin: 12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-desktop { + width: calc(8.3333333333% - 24px); + width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-desktop { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-desktop { + width: calc(16.6666666667% - 24px); + width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-desktop { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-desktop { + width: calc(25% - 24px); + width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-desktop { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-desktop { + width: calc(33.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-desktop { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-desktop { + width: calc(41.6666666667% - 24px); + width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-desktop { + width: auto; + grid-column-end: span 5; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-desktop { + width: calc(50% - 24px); + width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-desktop { + width: auto; + grid-column-end: span 6; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-desktop { + width: calc(58.3333333333% - 24px); + width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-desktop { + width: auto; + grid-column-end: span 7; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-desktop { + width: calc(66.6666666667% - 24px); + width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-desktop { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-desktop { + width: calc(75% - 24px); + width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-desktop { + width: auto; + grid-column-end: span 9; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-desktop { + width: calc(83.3333333333% - 24px); + width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-desktop { + width: auto; + grid-column-end: span 10; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-desktop { + width: calc(91.6666666667% - 24px); + width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-desktop { + width: auto; + grid-column-end: span 11; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-desktop { + width: calc(100% - 24px); + width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-desktop { + width: auto; + grid-column-end: span 12; + } + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid__cell { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-tablet { + width: calc(12.5% - 16px); + width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-tablet { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-tablet { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-tablet { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-tablet { + width: calc(37.5% - 16px); + width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-tablet { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-tablet { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-tablet { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-tablet { + width: calc(62.5% - 16px); + width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-tablet { + width: auto; + grid-column-end: span 5; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-tablet { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-tablet { + width: auto; + grid-column-end: span 6; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-tablet { + width: calc(87.5% - 16px); + width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-tablet { + width: auto; + grid-column-end: span 7; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-tablet { + width: auto; + grid-column-end: span 8; + } + } +} +@media (max-width: 599px) { + .mdc-layout-grid__cell { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-phone { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-phone { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-phone { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-phone { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-phone { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-phone { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-phone { + width: auto; + grid-column-end: span 4; + } + } +} +.mdc-layout-grid__cell--order-1 { + order: 1; +} +.mdc-layout-grid__cell--order-2 { + order: 2; +} +.mdc-layout-grid__cell--order-3 { + order: 3; +} +.mdc-layout-grid__cell--order-4 { + order: 4; +} +.mdc-layout-grid__cell--order-5 { + order: 5; +} +.mdc-layout-grid__cell--order-6 { + order: 6; +} +.mdc-layout-grid__cell--order-7 { + order: 7; +} +.mdc-layout-grid__cell--order-8 { + order: 8; +} +.mdc-layout-grid__cell--order-9 { + order: 9; +} +.mdc-layout-grid__cell--order-10 { + order: 10; +} +.mdc-layout-grid__cell--order-11 { + order: 11; +} +.mdc-layout-grid__cell--order-12 { + order: 12; +} +.mdc-layout-grid__cell--align-top { + align-self: flex-start; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-top { + align-self: start; + } +} +.mdc-layout-grid__cell--align-middle { + align-self: center; +} +.mdc-layout-grid__cell--align-bottom { + align-self: flex-end; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-bottom { + align-self: end; + } +} + +@media (min-width: 840px) { + .mdc-layout-grid--fixed-column-width { + width: 1176px; + width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 ); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid--fixed-column-width { + width: 720px; + width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 ); + } +} +@media (max-width: 599px) { + .mdc-layout-grid--fixed-column-width { + width: 368px; + width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 ); + } +} + +.mdc-layout-grid--align-left { + margin-right: auto; + margin-left: 0; +} + +.mdc-layout-grid--align-right { + margin-right: 0; + margin-left: auto; +} + +.mdc-line-ripple::before, .mdc-line-ripple::after { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + border-bottom-style: solid; + content: ""; +} +.mdc-line-ripple::before { + border-bottom-width: 1px; + z-index: 1; +} +.mdc-line-ripple::after { + transform: scaleX(0); + border-bottom-width: 2px; + opacity: 0; + z-index: 2; +} +.mdc-line-ripple::after { + transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-line-ripple--active::after { + transform: scaleX(1); + opacity: 1; +} + +.mdc-line-ripple--deactivating::after { + opacity: 0; +} + +@keyframes mdc-linear-progress-primary-indeterminate-translate { + 0% { + transform: translateX(0); + } + 20% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(0); + } + 59.15% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(83.67142%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%)); + } + 100% { + transform: translateX(200.611057%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%)); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-scale { + 0% { + transform: scaleX(0.08); + } + 36.65% { + animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1); + transform: scaleX(0.08); + } + 69.15% { + animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + transform: scaleX(0.661479); + } + 100% { + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate { + 0% { + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + transform: translateX(0); + } + 25% { + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + transform: translateX(37.651913%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%)); + } + 48.35% { + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + transform: translateX(84.386165%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%)); + } + 100% { + transform: translateX(160.277782%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-scale { + 0% { + animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); + transform: scaleX(0.08); + } + 19.15% { + animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); + transform: scaleX(0.457104); + } + 44.15% { + animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); + transform: scaleX(0.72796); + } + 100% { + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-buffering { + from { + transform: rotate(180deg) translateX(-10px); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse { + 0% { + transform: translateX(0); + } + 20% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(0); + } + 59.15% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(-83.67142%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%)); + } + 100% { + transform: translateX(-200.611057%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse { + 0% { + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + transform: translateX(0); + } + 25% { + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + transform: translateX(-37.651913%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%)); + } + 48.35% { + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + transform: translateX(-84.386165%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%)); + } + 100% { + transform: translateX(-160.277782%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%)); + } +} +@keyframes mdc-linear-progress-buffering-reverse { + from { + transform: translateX(-10px); + } +} +.mdc-linear-progress { + position: relative; + width: 100%; + height: 4px; + transform: translateZ(0); + outline: 1px solid transparent; + overflow: hidden; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__bar { + position: absolute; + width: 100%; + height: 100%; + animation: none; + transform-origin: top left; + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__bar-inner { + display: inline-block; + position: absolute; + width: 100%; + animation: none; + border-top: 4px solid; +} +.mdc-linear-progress__buffer { + display: flex; + position: absolute; + width: 100%; + height: 100%; +} +.mdc-linear-progress__buffer-dots { + background-repeat: repeat-x; + background-size: 10px 4px; + flex: auto; + transform: rotate(180deg); + animation: mdc-linear-progress-buffering 250ms infinite linear; +} +.mdc-linear-progress__buffer-bar { + flex: 0 1 100%; + transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__primary-bar { + transform: scaleX(0); +} +.mdc-linear-progress__secondary-bar { + visibility: hidden; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__bar { + transition: none; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { + left: -145.166611%; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { + left: -54.888891%; + visibility: visible; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { + animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { + animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear; +} +.mdc-linear-progress--reversed .mdc-linear-progress__bar { + right: 0; + transform-origin: center right; +} +.mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse; +} +.mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse; +} +.mdc-linear-progress--reversed .mdc-linear-progress__buffer-dots { + animation: mdc-linear-progress-buffering-reverse 250ms infinite linear; + order: 0; + transform: rotate(0); +} +.mdc-linear-progress--reversed .mdc-linear-progress__buffer-bar { + order: 1; +} +.mdc-linear-progress--closed { + opacity: 0; +} +.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots { + animation: none; +} +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar, +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner { + animation: none; +} + +.mdc-linear-progress__bar-inner { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-linear-progress__buffer-dots { + background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E"); +} + +.mdc-linear-progress__buffer-bar { + background-color: #e6e6e6; +} + +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { + right: -145.166611%; + left: auto; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { + right: -54.888891%; + left: auto; +} + +.mdc-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} +.mdc-list:focus { + outline: none; +} + +.mdc-list-item { + height: 48px; +} + +.mdc-list-item__secondary-text { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); +} + +.mdc-list-item__graphic { + background-color: transparent; +} + +.mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-item__meta { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-list-item--disabled .mdc-list-item__text { + opacity: 0.38; +} + +.mdc-list-item--disabled .mdc-list-item__text, +.mdc-list-item--disabled .mdc-list-item__primary-text, +.mdc-list-item--disabled .mdc-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-list-item--selected, +.mdc-list-item--activated { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-list-item--selected .mdc-list-item__graphic, +.mdc-list-item--activated .mdc-list-item__graphic { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-list--dense { + padding-top: 4px; + padding-bottom: 4px; + font-size: 0.812rem; +} + +.mdc-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 48px; +} +.mdc-list-item:focus { + outline: none; +} +.mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} +.mdc-list-item.mdc-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; +} +[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--icon-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--icon-list .mdc-list-item, .mdc-list--icon-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--avatar-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-item, .mdc-list--avatar-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--thumbnail-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item, .mdc-list--thumbnail-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--image-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-list--image-list .mdc-list-item, .mdc-list--image-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--video-list .mdc-list-item { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-list--video-list .mdc-list-item, .mdc-list--video-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0px; +} + +.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 20px; + height: 20px; +} +[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, .mdc-list--dense .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-list-item__graphic { + flex-shrink: 0; + align-items: center; + justify-content: center; + fill: currentColor; + object-fit: cover; + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-list-item__graphic, .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--icon-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic, .mdc-list--icon-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--avatar-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; + border-radius: 50%; +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, .mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--thumbnail-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic, .mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--image-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 56px; + height: 56px; +} +[dir=rtl] .mdc-list--image-list .mdc-list-item__graphic, .mdc-list--image-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--video-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 100px; + height: 56px; +} +[dir=rtl] .mdc-list--video-list .mdc-list-item__graphic, .mdc-list--video-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-list .mdc-list-item__graphic { + display: inline-flex; +} + +.mdc-list-item__meta { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +.mdc-list-item__meta:not(.material-icons) { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} +.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} + +.mdc-list-item__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mdc-list-item__text[for] { + pointer-events: none; +} + +.mdc-list-item__primary-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list--video-list .mdc-list-item__primary-text, .mdc-list--image-list .mdc-list-item__primary-text, .mdc-list--thumbnail-list .mdc-list-item__primary-text, .mdc-list--avatar-list .mdc-list-item__primary-text, .mdc-list--icon-list .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list--video-list .mdc-list-item__primary-text::before, .mdc-list--image-list .mdc-list-item__primary-text::before, .mdc-list--thumbnail-list .mdc-list-item__primary-text::before, .mdc-list--avatar-list .mdc-list-item__primary-text::before, .mdc-list--icon-list .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list--video-list .mdc-list-item__primary-text::after, .mdc-list--image-list .mdc-list-item__primary-text::after, .mdc-list--thumbnail-list .mdc-list-item__primary-text::after, .mdc-list--avatar-list .mdc-list-item__primary-text::after, .mdc-list--icon-list .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list--dense .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list--dense .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-list--dense .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} +.mdc-list--dense .mdc-list-item__secondary-text { + font-size: inherit; +} + +.mdc-list--dense .mdc-list-item { + height: 40px; +} + +.mdc-list--two-line .mdc-list-item__text { + align-self: flex-start; +} + +.mdc-list--two-line .mdc-list-item { + height: 64px; +} +.mdc-list--two-line.mdc-list--video-list .mdc-list-item, .mdc-list--two-line.mdc-list--image-list .mdc-list-item, .mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item, .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item, .mdc-list--two-line.mdc-list--icon-list .mdc-list-item { + height: 72px; +} +.mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic { + align-self: flex-start; + margin-top: 16px; +} + +.mdc-list--two-line.mdc-list--dense .mdc-list-item, +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item { + height: 60px; +} + +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 36px; + height: 36px; +} +[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +:not(.mdc-list-item--disabled).mdc-list-item { + cursor: pointer; +} + +a.mdc-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-list-divider { + height: 0; + margin: 0; + border: none; + border-bottom-width: 1px; + border-bottom-style: solid; +} + +.mdc-list-divider { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-list-divider--padded { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list-divider--padded, .mdc-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list-divider--inset { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list-divider--inset, .mdc-list-divider--inset[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-list-divider--inset.mdc-list-divider--padded { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded, .mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading, .mdc-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--icon-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading, .mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--icon-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--avatar-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading, .mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--image-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading, .mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-list--image-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 104px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--video-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 116px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading, .mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-list--video-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 132px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 0px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} + +.mdc-list-group .mdc-list { + padding: 0; +} + +.mdc-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-evolution-list-item__primary-text { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-evolution-list-item__secondary-text { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); +} + +.mdc-evolution-list-item__start { + background-color: transparent; +} + +.mdc-evolution-list-item__start { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-evolution-list-item__end { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content { + opacity: 0.38; +} + +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content, +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__primary-text, +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-evolution-list-item--selected .mdc-evolution-list-item__primary-text, +.mdc-list-item--activated .mdc-evolution-list-item__primary-text { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-evolution-list-item--selected .mdc-evolution-list-item__start, +.mdc-list-item--activated .mdc-evolution-list-item__start { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-evolution-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; +} +.mdc-evolution-list:focus { + outline: none; +} + +.mdc-evolution-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + align-items: stretch; +} +.mdc-evolution-list-item:focus { + outline: none; +} +[dir=rtl] .mdc-evolution-list-item, .mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line { + height: 48px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines { + height: 64px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines { + height: 88px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__start { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item:not(.mdc-evolution-list-item--selected):focus::before, .mdc-evolution-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} +.mdc-evolution-list-item.mdc-evolution-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; +} +.mdc-evolution-list-item:not(.mdc-evolution-list-item--disabled) { + cursor: pointer; +} + +a.mdc-evolution-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-evolution-list-item__start { + fill: currentColor; +} + +.mdc-evolution-list-item__content { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + align-self: center; + min-width: 50%; + flex: 1; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__content, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__content { + align-self: stretch; +} +.mdc-evolution-list-item__content[for] { + pointer-events: none; +} + +.mdc-evolution-list-item__primary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-evolution-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} + +.mdc-evolution-list-item__overline-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + border-radius: 50%; +} + +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start { + width: 24px; + height: 24px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 32px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-one-line { + height: 72px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start { + width: 56px; + height: 56px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-one-line { + height: 72px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 8px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start { + width: 100px; + height: 56px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start { + width: 36px; + height: 20px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end { + width: 24px; + height: 24px; +} + +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 28px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 28px; +} +.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end::before, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} + +.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end { + width: 36px; + height: 20px; +} + +.mdc-evolution-list-group .mdc-list { + padding: 0; +} + +.mdc-evolution-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-evolution-list-divider { + background-color: rgba(0, 0, 0, 0.12); +} + +.mdc-evolution-list-divider { + height: 1px; + padding: 0; + background-clip: content-box; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} + +.mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 88px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 88px; +} + +.mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0px; +} +.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 116px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 116px; +} + +.mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 84px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 84px; +} + +.mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +:not(.mdc-list-item--disabled).mdc-evolution-list-item, +:not(.mdc-list-item--disabled).mdc-list-item { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + background-color: #000; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before { + opacity: 0.04; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before { + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before { + opacity: 0.16; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before { + opacity: 0.08; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before { + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-list-item--disabled { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-list-item--disabled .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + background-color: #000; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-list-item--disabled .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-menu { + min-width: 112px; +} +.mdc-menu .mdc-list-item__meta { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-list { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + position: relative; +} +.mdc-menu .mdc-list .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-menu .mdc-list-divider { + margin: 8px 0; +} +.mdc-menu .mdc-list-item { + user-select: none; +} +.mdc-menu .mdc-list-item--disabled { + cursor: auto; +} +.mdc-menu a.mdc-list-item .mdc-list-item__text, +.mdc-menu a.mdc-list-item .mdc-list-item__graphic { + pointer-events: none; +} + +.mdc-menu__selection-group { + padding: 0; + fill: currentColor; +} +.mdc-menu__selection-group .mdc-list-item { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 56px; +} +.mdc-menu__selection-group .mdc-menu__selection-group-icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + display: none; + position: absolute; + top: 50%; + transform: translateY(-50%); +} +[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} + +.mdc-menu-item--selected .mdc-menu__selection-group-icon { + display: inline; +} + +.mdc-menu-surface { + display: none; + position: absolute; + box-sizing: border-box; + max-width: calc(100vw - 32px); + max-height: calc(100vh - 32px); + margin: 0; + padding: 0; + transform: scale(1); + transform-origin: top left; + opacity: 0; + overflow: auto; + will-change: transform, opacity; + z-index: 8; + transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1); + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + /* @noflip */ + transform-origin-left: top left; + /* @noflip */ + transform-origin-right: top right; +} +.mdc-menu-surface:focus { + outline: none; +} +.mdc-menu-surface--open { + display: inline-block; + transform: scale(1); + opacity: 1; +} +.mdc-menu-surface--animating-open { + display: inline-block; + transform: scale(0.8); + opacity: 0; +} +.mdc-menu-surface--animating-closed { + display: inline-block; + opacity: 0; + transition: opacity 0.075s linear; +} +[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] { + /* @noflip */ + transform-origin-left: top right; + /* @noflip */ + transform-origin-right: top left; +} + +.mdc-menu-surface--anchor { + position: relative; + overflow: visible; +} + +.mdc-menu-surface--fixed { + position: fixed; +} + +.mdc-menu-surface--fullwidth { + width: 100%; +} + +.mdc-notched-outline { + display: flex; + position: absolute; + top: 0; + right: 0; + left: 0; + box-sizing: border-box; + width: 100%; + max-width: 100%; + height: 100%; + /* @noflip */ + text-align: left; + pointer-events: none; +} +[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing { + box-sizing: border-box; + height: 100%; + border-top: 1px solid; + border-bottom: 1px solid; + pointer-events: none; +} +.mdc-notched-outline__leading { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; + width: 12px; +} +[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; +} +.mdc-notched-outline__trailing { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; + flex-grow: 1; +} +[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; +} +.mdc-notched-outline__notch { + flex: 0 0 auto; + width: auto; + max-width: calc(100% - 12px * 2); +} +.mdc-notched-outline .mdc-floating-label { + display: inline-block; + position: relative; + max-width: 100%; +} +.mdc-notched-outline .mdc-floating-label--float-above { + text-overflow: clip; +} +.mdc-notched-outline--upgraded .mdc-floating-label--float-above { + max-width: calc(100% / 0.75); +} + +.mdc-notched-outline--notched .mdc-notched-outline__notch { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + border-top: none; +} +[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-notched-outline--no-label .mdc-notched-outline__notch { + padding: 0; +} + +.mdc-radio { + padding: 10px; + display: inline-block; + position: relative; + flex: 0 0 auto; + box-sizing: content-box; + width: 20px; + height: 20px; + cursor: pointer; + /* @alternate */ + will-change: opacity, transform, border-color, color; +} +.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.54); +} +.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio .mdc-radio__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio .mdc-radio__background::before { + top: -10px; + left: -10px; + width: 40px; + height: 40px; +} +.mdc-radio .mdc-radio__native-control { + top: 0px; + right: 0px; + left: 0px; + width: 40px; + height: 40px; +} +@media screen and (-ms-high-contrast: active) { + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: GrayText; + } +} +.mdc-radio__background { + display: inline-block; + position: relative; + box-sizing: border-box; + width: 20px; + height: 20px; +} +.mdc-radio__background::before { + position: absolute; + transform: scale(0, 0); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__outer-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + border-width: 2px; + border-style: solid; + border-radius: 50%; + transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__inner-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + transform: scale(0, 0); + border-width: 10px; + border-style: solid; + border-radius: 50%; + transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; + z-index: 1; +} +.mdc-radio--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-radio--touch .mdc-radio__native-control { + top: -4px; + right: -4px; + left: -4px; + width: 48px; + height: 48px; +} + +.mdc-radio__native-control:checked + .mdc-radio__background, +.mdc-radio__native-control:disabled + .mdc-radio__background { + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle { + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { + transform: scale(0.5); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio__native-control:disabled + .mdc-radio__background, +[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background { + cursor: default; +} + +.mdc-radio__native-control:focus + .mdc-radio__background::before { + transform: scale(1); + opacity: 0.12; + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-radio .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-radio .mdc-radio__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-radio .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before, +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio:hover .mdc-radio__ripple::before { + opacity: 0.04; +} +.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after { + transition: opacity 150ms linear; +} +.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-radio.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { + content: none; +} + +.mdc-radio__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-ripple-surface { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: relative; + outline: none; + overflow: hidden; +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-ripple-surface::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-ripple-surface.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-ripple-surface.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + background-color: #000; +} +.mdc-ripple-surface:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-ripple-surface.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded] { + overflow: visible; +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-ripple-surface--primary:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--primary.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-ripple-surface--accent:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--accent.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-select { + display: inline-flex; + position: relative; +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: rgba(33, 150, 243, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.54); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #2196F3; + /* @alternate */ + fill: var(--mdc-theme-primary, #2196F3); +} +.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__icon { + color: rgba(0, 0, 0, 0.54); +} +.mdc-select.mdc-select--disabled .mdc-select__icon { + color: rgba(0, 0, 0, 0.38); +} +@media screen and (-ms-high-contrast: active) { + .mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: red; + } + .mdc-select.mdc-select--disabled .mdc-floating-label { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__icon { + color: GrayText; + } + .mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: GrayText; + } +} +.mdc-select .mdc-floating-label { + top: 50%; + transform: translateY(-50%); + pointer-events: none; +} +.mdc-select .mdc-select__anchor { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-select .mdc-select__icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.mdc-select .mdc-select__dropdown-icon { + width: 24px; + height: 24px; +} +.mdc-select .mdc-select__menu .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item, .mdc-select .mdc-select__menu .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-select .mdc-select__menu .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic, .mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} +.mdc-select__dropdown-icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; + display: inline-flex; + position: relative; + align-self: center; + align-items: center; + justify-content: center; + flex-shrink: 0; + pointer-events: none; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active, +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + position: absolute; + top: 0; + left: 0; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic { + width: 41.6666666667%; + height: 20.8333333333%; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 1; + transition: opacity 75ms linear 75ms; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 0; + transition: opacity 75ms linear; +} +[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 0; + transition: opacity 49.5ms linear; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 1; + transition: opacity 100.5ms linear 49.5ms; +} + +.mdc-select__anchor { + width: 200px; + min-width: 0; + flex: 1 1 auto; + position: relative; + box-sizing: border-box; + overflow: hidden; + outline: none; + cursor: pointer; +} +.mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} + +.mdc-select__selected-text-container { + display: flex; + appearance: none; + pointer-events: none; + box-sizing: border-box; + width: auto; + min-width: 0; + flex-grow: 1; + height: 28px; + border: none; + outline: none; + padding: 0; + background-color: transparent; + color: inherit; +} + +.mdc-select__selected-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + width: 100%; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} + +.mdc-select__menu .mdc-list .mdc-select__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected, +.mdc-select__menu .mdc-list .mdc-list-item--activated { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic, +.mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-select--filled .mdc-select__anchor { + height: 56px; + display: flex; + align-items: baseline; +} +.mdc-select--filled .mdc-select__anchor::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before { + display: none; +} +.mdc-select--filled .mdc-select__anchor { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: whitesmoke; +} +.mdc-select--filled.mdc-select--disabled .mdc-select__anchor { + background-color: #fafafa; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #2196F3; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-select--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-select--filled .mdc-menu-surface--is-open-below { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after { + transform: scale(1, 2); + opacity: 1; +} +.mdc-select--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined { + border: none; +} +.mdc-select--outlined .mdc-select__anchor { + height: 56px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-56px { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-select__anchor { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined + .mdc-select-helper-text { + /* @noflip */ + margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-select--outlined .mdc-select__anchor { + display: flex; + align-items: baseline; + overflow: visible; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--outlined .mdc-select__anchor::before { + display: none; +} +.mdc-select--outlined .mdc-select__selected-text-container { + display: flex; + border: none; + z-index: 1; + background-color: transparent; +} +.mdc-select--outlined .mdc-select__icon { + z-index: 2; +} +.mdc-select--outlined .mdc-floating-label { + line-height: 1.15rem; + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px { + 0% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl { + 0% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 96px); +} +.mdc-select--outlined .mdc-menu-surface { + margin-bottom: 8px; +} +.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface, +.mdc-select--outlined .mdc-menu-surface--is-open-below { + margin-bottom: 0; +} + +.mdc-select__anchor { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-select__anchor .mdc-select__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-select__anchor:hover .mdc-select__ripple::before { + opacity: 0.04; +} +.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__anchor .mdc-select__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple::before { + opacity: 0.04; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-select-helper-text { + margin: 0; + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +[dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-select-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-select-helper-text--validation-msg { + opacity: 0; + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-select--invalid + .mdc-select-helper-text--validation-msg, +.mdc-select-helper-text--validation-msg-persistent { + opacity: 1; +} + +.mdc-select--with-leading-icon .mdc-select__icon { + display: inline-block; + box-sizing: border-box; + border: none; + text-decoration: none; + cursor: pointer; + user-select: none; + flex-shrink: 0; + align-self: center; + background-color: transparent; + fill: currentColor; +} +.mdc-select--with-leading-icon .mdc-select__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} + +.mdc-select__icon:not([tabindex]), +.mdc-select__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} + +.mdc-segmented-button { + display: inline-block; + font-size: 0; +} + +.mdc-segmented-button__segment { + border-color: rgba(0, 0, 0, 0.12); + /* @alternate */ + border-color: var(--mdc-segmented-button-outline-color, rgba(0, 0, 0, 0.12)); +} + +.mdc-segmented-button__segment { + color: rgba(0, 0, 0, 0.6); + /* @alternate */ + color: var(--mdc-segmented-button-unselected-ink-color, rgba(0, 0, 0, 0.6)); +} + +.mdc-segmented-button__segment { + background-color: white; + /* @alternate */ + background-color: var(--mdc-segmented-button-unselected-container-fill-color, white); +} + +.mdc-segmented-button__segment--selected { + color: #2196f3; + /* @alternate */ + color: var(--mdc-segmented-button-selected-ink-color, #2196f3); +} + +.mdc-segmented-button__segment--selected { + background-color: rgba(33, 150, 243, 0.08); + /* @alternate */ + background-color: var(--mdc-segmented-button-selected-container-fill-color, rgba(33, 150, 243, 0.08)); +} + +.mdc-segmented-button__segment { + /* @alternate */ + position: relative; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + display: inline-flex; + vertical-align: top; + align-items: center; + height: 36px; + min-width: 48px; + padding: 0 12px; + border-width: 1px 0 1px 1px; +} +.mdc-segmented-button__segment .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-segmented-button__segment:hover { + cursor: pointer; +} +.mdc-segmented-button__segment:focus { + outline-width: 0; +} +.mdc-segmented-button__segment:first-child { + border-radius: 4px 0 0 4px; +} +.mdc-segmented-button__segment:last-child { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} +.mdc-segmented-button__segment .mdc-segmented-button__segment__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-segmented-button__segment .mdc-segmented-button__segment--touch { + margin-top: 0px; + margin-bottom: 0px; +} + +.mdc-touch-target-wrapper .mdc-segmented-button__segment { + border-radius: 0; + border-right-width: 0; +} +.mdc-touch-target-wrapper:first-child .mdc-segmented-button__segment { + border-radius: 4px 0 0 4px; +} +.mdc-touch-target-wrapper:last-child .mdc-segmented-button__segment { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} + +.mdc-segmented-button__icon { + width: 24px; + font-size: 18px; +} + +.mdc-segmented-button__icon + .mdc-segmented-button__label { + padding-left: 6px; +} + +.mdc-segmented-button__segment { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + overflow: hidden; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--unbounded .mdc-segmented-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-activation .mdc-segmented-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-deactivation .mdc-segmented-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + background-color: #2196f3; +} +.mdc-segmented-button__segment:hover .mdc-segmented-button__ripple::before { + opacity: 0.04; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--background-focused .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-upgraded:focus-within .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus-within .mdc-segmented-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded) .mdc-segmented-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded):active .mdc-segmented-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-slider__thumb { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-slider__thumb::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-slider__thumb.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-slider__thumb.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-slider__thumb.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider__thumb:hover::before { + opacity: 0.04; +} +.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-slider { + cursor: pointer; + height: 48px; + margin: 0 24px; + position: relative; + touch-action: none; +} +.mdc-slider .mdc-slider__track { + height: 4px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 100%; +} +.mdc-slider .mdc-slider__track--active, +.mdc-slider .mdc-slider__track--inactive { + display: flex; + height: 100%; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__track--active { + border-radius: 3px; + height: 6px; + overflow: hidden; + top: -1px; +} +.mdc-slider .mdc-slider__track--active_fill { + border: 6px solid; + box-sizing: border-box; + height: 100%; + width: 100%; + position: relative; + /* @noflip */ + transform-origin: left; +} +[dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] { + /* @noflip */ + transform-origin: right; +} +.mdc-slider .mdc-slider__track--inactive { + border-radius: 2px; + height: 4px; + left: 0; + outline: 1px solid transparent; + top: 0; +} +.mdc-slider .mdc-slider__track--active_fill { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill { + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__track--inactive { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + opacity: 0.24; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.24; +} +.mdc-slider .mdc-slider__value-indicator-container { + bottom: 44px; + left: 50%; + position: absolute; + transform: translateX(-50%); +} +.mdc-slider .mdc-slider__value-indicator { + transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1); + align-items: center; + border-radius: 4px; + display: flex; + height: 32px; + outline: 1px solid transparent; + padding: 0 12px; + transform: scale(0); + transform-origin: bottom; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid; + bottom: -5px; + content: ""; + height: 0; + left: 50%; + position: absolute; + transform: translateX(-50%); + width: 0; +} +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1); + transform: scale(1); +} +@media (prefers-reduced-motion) { + .mdc-slider .mdc-slider__value-indicator, +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: none; + } +} +.mdc-slider .mdc-slider__value-indicator-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} +.mdc-slider .mdc-slider__value-indicator { + background-color: #000; + opacity: 0.6; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-top-color: #000; +} +.mdc-slider .mdc-slider__value-indicator { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-slider .mdc-slider__thumb { + display: flex; + height: 48px; + left: -24px; + outline: none; + position: absolute; + user-select: none; + width: 48px; +} +.mdc-slider .mdc-slider__thumb--top { + z-index: 1; +} +.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob { + border: 1px solid; + box-sizing: content-box; + border-color: #fff; +} +.mdc-slider .mdc-slider__thumb-knob { + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + border: 10px solid; + border-radius: 50%; + box-sizing: border-box; + height: 20px; + /* @noflip */ + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + width: 20px; +} +.mdc-slider .mdc-slider__thumb-knob { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider .mdc-slider__thumb:hover::before { + opacity: 0.04; +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-slider .mdc-slider__tick-marks { + align-items: center; + box-sizing: border-box; + display: flex; + height: 100%; + justify-content: space-between; + padding: 0 1px; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__tick-mark--active, +.mdc-slider .mdc-slider__tick-mark--inactive { + border-radius: 50%; + height: 2px; + width: 2px; +} +.mdc-slider .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider .mdc-slider__tick-mark--inactive { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled { + opacity: 0.38; + cursor: auto; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb { + pointer-events: none; +} +.mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: transform 80ms ease; +} +@media (prefers-reduced-motion) { + .mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: none; + } +} + +.mdc-snackbar { + z-index: 8; + margin: 8px; + display: none; + position: fixed; + right: 0; + bottom: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + pointer-events: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.mdc-snackbar__surface { + background-color: #333333; +} + +.mdc-snackbar__label { + color: rgba(255, 255, 255, 0.87); +} + +.mdc-snackbar__surface { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-snackbar__surface { + min-width: 100%; + } +} + +.mdc-snackbar__surface { + max-width: 672px; +} + +.mdc-snackbar__surface { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-snackbar__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-snackbar--opening, +.mdc-snackbar--open, +.mdc-snackbar--closing { + display: flex; +} + +.mdc-snackbar--open .mdc-snackbar__label, +.mdc-snackbar--open .mdc-snackbar__actions { + visibility: visible; +} + +.mdc-snackbar--leading { + justify-content: flex-start; +} + +.mdc-snackbar--stacked .mdc-snackbar__label { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + padding-bottom: 12px; +} +[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} +.mdc-snackbar--stacked .mdc-snackbar__surface { + flex-direction: column; + align-items: flex-start; +} +.mdc-snackbar--stacked .mdc-snackbar__actions { + align-self: flex-end; + margin-bottom: 8px; +} + +.mdc-snackbar__surface { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + display: flex; + align-items: center; + justify-content: flex-start; + box-sizing: border-box; + transform: scale(0.8); + opacity: 0; +} +[dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} +.mdc-snackbar--open .mdc-snackbar__surface { + transform: scale(1); + opacity: 1; + pointer-events: auto; + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-snackbar--closing .mdc-snackbar__surface { + transform: scale(1); + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-snackbar__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + width: 100%; + flex-grow: 1; + box-sizing: border-box; + margin: 0; + visibility: hidden; + padding-top: 14px; + padding-bottom: 14px; +} +[dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} + +.mdc-snackbar__label::before { + display: inline; + content: attr(data-mdc-snackbar-label-text); +} + +.mdc-snackbar__actions { + display: flex; + flex-shrink: 0; + align-items: center; + box-sizing: border-box; + visibility: hidden; +} + +.mdc-snackbar__action:not(:disabled) { + color: #bb86fc; +} +.mdc-snackbar__action::before, .mdc-snackbar__action::after { + background-color: #bb86fc; +} +.mdc-snackbar__action:hover::before { + opacity: 0.08; +} +.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-snackbar__dismiss { + color: rgba(255, 255, 255, 0.87); +} +.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after { + background-color: rgba(255, 255, 255, 0.87); +} +.mdc-snackbar__dismiss:hover::before { + opacity: 0.08; +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-snackbar__dismiss.mdc-snackbar__dismiss { + width: 36px; + height: 36px; + padding: 9px; + font-size: 18px; +} +.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg, +.mdc-snackbar__dismiss.mdc-snackbar__dismiss img { + width: 18px; + height: 18px; +} + +.mdc-snackbar__action + .mdc-snackbar__dismiss { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +.mdc-switch__thumb-underlay { + /* @noflip */ + left: -14px; + /* @noflip */ + right: initial; + top: -17px; + width: 48px; + height: 48px; +} +[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: -14px; +} + +.mdc-switch__native-control { + width: 64px; + height: 48px; +} + +.mdc-switch { + display: inline-block; + position: relative; + outline: none; + user-select: none; +} +.mdc-switch.mdc-switch--checked .mdc-switch__track { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch.mdc-switch--checked .mdc-switch__thumb { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-theme-surface, #fff); +} + +.mdc-switch__native-control { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + position: absolute; + top: 0; + margin: 0; + opacity: 0; + cursor: pointer; + pointer-events: auto; + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} + +.mdc-switch__track { + box-sizing: border-box; + width: 36px; + height: 14px; + border: 1px solid transparent; + border-radius: 7px; + opacity: 0.38; + transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-switch__thumb-underlay { + display: flex; + position: absolute; + align-items: center; + justify-content: center; + transform: translateX(0); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-switch__thumb { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-sizing: border-box; + width: 20px; + height: 20px; + border: 10px solid; + border-radius: 50%; + pointer-events: none; + z-index: 1; +} + +.mdc-switch--checked .mdc-switch__track { + opacity: 0.54; +} +.mdc-switch--checked .mdc-switch__thumb-underlay { + transform: translateX(16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] { + transform: translateX(-16px); +} +.mdc-switch--checked .mdc-switch__native-control { + transform: translateX(-16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] { + transform: translateX(16px); +} + +.mdc-switch--disabled { + opacity: 0.38; + pointer-events: none; +} +.mdc-switch--disabled .mdc-switch__thumb { + border-width: 1px; +} +.mdc-switch--disabled .mdc-switch__native-control { + cursor: default; + pointer-events: none; +} + +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { + background-color: #9e9e9e; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { + opacity: 0.08; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-switch__thumb-underlay { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-switch__thumb-underlay::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch__thumb-underlay:hover::before { + opacity: 0.04; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-tab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding-right: 24px; + padding-left: 24px; + position: relative; + display: flex; + flex: 1 0 auto; + justify-content: center; + box-sizing: border-box; + margin: 0; + padding-top: 0; + padding-bottom: 0; + border: none; + outline: none; + background: none; + text-align: center; + white-space: nowrap; + cursor: pointer; + -webkit-appearance: none; + z-index: 1; +} +.mdc-tab .mdc-tab__text-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-tab .mdc-tab__icon { + color: rgba(0, 0, 0, 0.54); + fill: currentColor; +} +.mdc-tab::-moz-focus-inner { + padding: 0; + border: 0; +} + +.mdc-tab--min-width { + flex: 0 1 auto; +} + +.mdc-tab__content { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: inherit; + pointer-events: none; +} + +.mdc-tab__text-label { + transition: 150ms color linear; + display: inline-block; + line-height: 1; + z-index: 2; +} + +.mdc-tab__icon { + transition: 150ms color linear; + width: 24px; + height: 24px; + font-size: 24px; + z-index: 2; +} + +.mdc-tab--stacked .mdc-tab__content { + flex-direction: column; + align-items: center; + justify-content: center; +} +.mdc-tab--stacked .mdc-tab__text-label { + padding-top: 6px; + padding-bottom: 4px; +} + +.mdc-tab--active .mdc-tab__text-label { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab--active .mdc-tab__icon { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); + fill: currentColor; +} +.mdc-tab--active .mdc-tab__text-label, +.mdc-tab--active .mdc-tab__icon { + transition-delay: 100ms; +} + +.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; +} + +.mdc-tab__ripple { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-tab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-tab__ripple.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-tab__ripple.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-tab__ripple.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab__ripple:hover::before { + opacity: 0.04; +} +.mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before, .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-tab__ripple.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-bar { + width: 100%; +} + +.mdc-tab { + height: 48px; +} + +.mdc-tab--stacked { + height: 72px; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-indicator { + display: flex; + position: absolute; + top: 0; + left: 0; + justify-content: center; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1; +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab-indicator .mdc-tab-indicator__content--icon { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-top-width: 2px; +} +.mdc-tab-indicator .mdc-tab-indicator__content--icon { + height: 34px; + font-size: 34px; +} + +.mdc-tab-indicator__content { + transform-origin: left; + opacity: 0; +} + +.mdc-tab-indicator__content--underline { + align-self: flex-end; + box-sizing: border-box; + width: 100%; + border-top-style: solid; +} + +.mdc-tab-indicator__content--icon { + align-self: center; + margin: 0 auto; +} + +.mdc-tab-indicator--active .mdc-tab-indicator__content { + opacity: 1; +} + +.mdc-tab-indicator .mdc-tab-indicator__content { + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-tab-indicator--no-transition .mdc-tab-indicator__content { + transition: none; +} + +.mdc-tab-indicator--fade .mdc-tab-indicator__content { + transition: 150ms opacity linear; +} + +.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content { + transition-delay: 100ms; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-scroller { + overflow-y: hidden; +} +.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content { + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-tab-scroller__test { + position: absolute; + top: -9999px; + width: 100px; + height: 100px; + overflow-x: scroll; +} + +.mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: touch; + display: flex; + overflow-x: hidden; +} + +.mdc-tab-scroller__scroll-area::-webkit-scrollbar, +.mdc-tab-scroller__test::-webkit-scrollbar { + display: none; +} + +.mdc-tab-scroller__scroll-area--scroll { + overflow-x: scroll; +} + +.mdc-tab-scroller__scroll-content { + position: relative; + display: flex; + flex: 1 0 auto; + transform: none; + will-change: transform; +} + +.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content { + justify-content: flex-start; +} + +.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content { + justify-content: flex-end; +} + +.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content { + justify-content: center; +} + +.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: auto; +} + +.mdc-text-field--filled { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-text-field--filled .mdc-text-field__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} + +.mdc-text-field__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-text-field { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + display: inline-flex; + align-items: baseline; + padding: 0 16px; + position: relative; + box-sizing: border-box; + overflow: hidden; + /* @alternate */ + will-change: opacity, transform, color; +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { + color: rgba(0, 0, 0, 0.87); +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +.mdc-text-field .mdc-text-field__input { + caret-color: #2196F3; + /* @alternate */ + caret-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field .mdc-floating-label { + top: 50%; + transform: translateY(-50%); + pointer-events: none; +} + +.mdc-text-field__input { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + width: 100%; + min-width: 0; + border: none; + border-radius: 0; + background: none; + appearance: none; + padding: 0; +} +.mdc-text-field__input::-ms-clear { + display: none; +} +.mdc-text-field__input::-webkit-calendar-picker-indicator { + display: none; +} +.mdc-text-field__input:focus { + outline: none; +} +.mdc-text-field__input:invalid { + box-shadow: none; +} +@media all { + .mdc-text-field__input::placeholder { + transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field__input:-ms-input-placeholder { + transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} + +.mdc-text-field__affix { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + white-space: nowrap; +} +.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix { + opacity: 1; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--outlined .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} + +.mdc-text-field--filled { + height: 56px; +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--filled:hover .mdc-text-field__ripple::before { + opacity: 0.04; +} +.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-text-field--filled::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) { + background-color: whitesmoke; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--filled .mdc-line-ripple::after { + border-bottom-color: #2196F3; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-text-field--filled .mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label { + display: none; +} +.mdc-text-field--filled.mdc-text-field--no-label::before { + display: none; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field--outlined { + height: 56px; + overflow: visible; +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-text-field--outlined .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-text-field--outlined .mdc-text-field__ripple::before, +.mdc-text-field--outlined .mdc-text-field__ripple::after { + content: none; +} +.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-text-field--outlined .mdc-text-field__input { + display: flex; + border: none !important; + background-color: transparent; +} +.mdc-text-field--outlined .mdc-notched-outline { + z-index: 1; +} + +.mdc-text-field--textarea { + flex-direction: column; + align-items: center; + width: auto; + height: auto; + padding: 0; + transition: none; +} +.mdc-text-field--textarea .mdc-floating-label { + top: 19px; +} +.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) { + transform: none; +} +.mdc-text-field--textarea .mdc-text-field__input { + flex-grow: 1; + height: auto; + min-height: 1.5rem; + overflow-x: hidden; + overflow-y: auto; + box-sizing: border-box; + resize: none; + padding: 0 16px; + line-height: 1.5rem; +} +.mdc-text-field--textarea.mdc-text-field--filled::before { + display: none; +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above { + transform: translateY(-10.25px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-textarea-filled { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input { + margin-top: 23px; + margin-bottom: 9px; +} +.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-27.25px) scale(1); +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-24.75px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-textarea-outlined { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label { + top: 18px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input { + margin-bottom: 2px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter { + align-self: flex-end; + padding: 0 16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: -16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before { + display: none; +} + +.mdc-text-field__resizer { + align-self: stretch; + display: inline-flex; + flex-direction: column; + flex-grow: 1; + max-height: 100%; + max-width: 100%; + min-height: 56px; + min-width: fit-content; + /* @alternate */ + min-width: -moz-available; + /* @alternate */ + min-width: -webkit-fill-available; + overflow: hidden; + resize: both; +} +.mdc-text-field--filled .mdc-text-field__resizer { + transform: translateY(-1px); +} +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter { + transform: translateY(1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer { + transform: translateX(-1px) translateY(-1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] { + transform: translateX(1px) translateY(-1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter { + transform: translateX(1px) translateY(1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] { + transform: translateX(-1px) translateY(1px); +} + +.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 48px); + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} + +.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} + +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-text-field-helper-line { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.mdc-text-field + .mdc-text-field-helper-line { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-form-field > .mdc-text-field + label { + align-self: flex-start; +} + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(33, 150, 243, 0.87); +} +.mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--focused .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { + opacity: 1; +} +.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} + +.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid .mdc-text-field__input { + caret-color: #b00020; + /* @alternate */ + caret-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + opacity: 1; +} + +.mdc-text-field--disabled { + pointer-events: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + color: rgba(0, 0, 0, 0.38); +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +.mdc-text-field--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-floating-label { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--leading { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } +} +.mdc-text-field--disabled .mdc-floating-label { + cursor: default; +} +.mdc-text-field--disabled.mdc-text-field--filled { + background-color: #fafafa; +} +.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple { + display: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + pointer-events: auto; +} + +.mdc-text-field--end-aligned .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] { + /* @noflip */ + text-align: left; +} + +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input, +.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix { + /* @noflip */ + direction: ltr; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading { + order: 1; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + order: 2; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input { + order: 3; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + order: 4; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing { + order: 5; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; +} + +.mdc-text-field-helper-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + opacity: 0; + will-change: opacity; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-text-field-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-text-field-helper-text--persistent { + transition: none; + opacity: 1; + will-change: initial; +} + +.mdc-text-field-character-counter { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; + white-space: nowrap; +} +.mdc-text-field-character-counter::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} + +.mdc-text-field__icon { + align-self: center; + cursor: pointer; +} +.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} +.mdc-text-field__icon svg { + display: block; +} + +.mdc-text-field__icon--leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 16px; +} + +.mdc-text-field__icon--trailing { + padding: 12px; + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} +[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} + +:root { + --mdc-theme-primary: #2196F3; + --mdc-theme-secondary: #2196F3; + --mdc-theme-background: #BBDEFB; + --mdc-theme-surface: #fff; + --mdc-theme-error: #b00020; + --mdc-theme-on-primary: #fff; + --mdc-theme-on-secondary: #fff; + --mdc-theme-on-surface: #000; + --mdc-theme-on-error: #fff; + --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-dark: white; + --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7); + --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); +} + +.mdc-theme--primary { + color: #2196F3 !important; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3) !important; +} + +.mdc-theme--secondary { + color: #2196F3 !important; + /* @alternate */ + color: var(--mdc-theme-secondary, #2196F3) !important; +} + +.mdc-theme--background { + background-color: #BBDEFB; + /* @alternate */ + background-color: var(--mdc-theme-background, #BBDEFB); +} + +.mdc-theme--surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-theme--error { + color: #b00020 !important; + /* @alternate */ + color: var(--mdc-theme-error, #b00020) !important; +} + +.mdc-theme--on-primary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff) !important; +} + +.mdc-theme--on-secondary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff) !important; +} + +.mdc-theme--on-surface { + color: #000 !important; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000) !important; +} + +.mdc-theme--on-error { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-error, #fff) !important; +} + +.mdc-theme--text-primary-on-background { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important; +} + +.mdc-theme--text-secondary-on-background { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important; +} + +.mdc-theme--text-hint-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-disabled-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-icon-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-primary-on-light { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important; +} + +.mdc-theme--text-secondary-on-light { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important; +} + +.mdc-theme--text-hint-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-disabled-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-icon-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-primary-on-dark { + color: white !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white) !important; +} + +.mdc-theme--text-secondary-on-dark { + color: rgba(255, 255, 255, 0.7) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important; +} + +.mdc-theme--text-hint-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--text-disabled-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--text-icon-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--primary-bg { + background-color: #2196F3 !important; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3) !important; +} + +.mdc-theme--secondary-bg { + background-color: #2196F3 !important; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3) !important; +} + +.mdc-tooltip__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-tooltip__surface { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); +} + +.mdc-tooltip__surface { + background-color: rgba(0, 0, 0, 0.6); +} + +.mdc-tooltip__surface { + word-break: break-all; + /* @alternate */ + word-break: var(--mdc-tooltip-word-break, normal); + overflow-wrap: anywhere; +} + +.mdc-tooltip { + z-index: 2; +} + +.mdc-tooltip { + position: fixed; + display: none; +} + +.mdc-tooltip--shown, +.mdc-tooltip--showing, +.mdc-tooltip--hide { + display: inline-flex; +} + +.mdc-tooltip__surface { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + line-height: 16px; + padding: 4px 8px; + min-width: 40px; + max-width: 200px; + min-height: 24px; + max-height: 40vh; + box-sizing: border-box; + overflow: hidden; + transform: scale(0.8); + text-align: center; + opacity: 0; + outline: 1px solid transparent; +} +.mdc-tooltip--multiline .mdc-tooltip__surface { + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface, .mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-tooltip--shown .mdc-tooltip__surface { + transform: scale(1); + opacity: 1; +} +.mdc-tooltip--showing-transition .mdc-tooltip__surface { + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-tooltip--hide .mdc-tooltip__surface { + transform: scale(1); +} +.mdc-tooltip--hide-transition .mdc-tooltip__surface { + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-top-app-bar { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + color: white; + display: flex; + position: fixed; + flex-direction: column; + justify-content: space-between; + box-sizing: border-box; + width: 100%; + z-index: 4; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.08; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-top-app-bar__row { + display: flex; + position: relative; + box-sizing: border-box; + width: 100%; + height: 64px; +} +.mdc-top-app-bar__section { + display: inline-flex; + flex: 1 1 auto; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; +} +.mdc-top-app-bar__section--align-start { + justify-content: flex-start; + order: -1; +} +.mdc-top-app-bar__section--align-end { + justify-content: flex-end; + order: 1; +} +.mdc-top-app-bar__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; +} +[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 24px; + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 24px; +} + +.mdc-top-app-bar--short { + top: 0; + /* @noflip */ + right: auto; + /* @noflip */ + left: 0; + width: 100%; + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; +} +.mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; +} +.mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; +} +.mdc-top-app-bar--short .mdc-top-app-bar__title { + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; +} + +.mdc-top-app-bar--short-collapsed { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + width: 56px; + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; +} +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; +} +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; +} +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; +} +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; +} +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + align-self: flex-end; + padding-bottom: 2px; +} +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + align-self: flex-start; +} + +.mdc-top-app-bar--fixed { + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--fixed-scrolled { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; +} +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; +} +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; +} +[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; +} + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; +} + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; +} + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; +} + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; +} + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; + } + + .mdc-top-app-bar__section { + padding: 4px; + } + + .mdc-top-app-bar--short { + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed { + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + } + [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + } + + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; + } + + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; + } +} +.mdc-typography { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-font-family, Roboto, sans-serif); +} + +.mdc-typography--headline1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 6rem; + /* @alternate */ + font-size: var(--mdc-typography-headline1-font-size, 6rem); + line-height: 6rem; + /* @alternate */ + line-height: var(--mdc-typography-headline1-line-height, 6rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline1-font-weight, 300); + letter-spacing: -0.015625em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline1-text-transform, inherit); +} + +.mdc-typography--headline2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3.75rem; + /* @alternate */ + font-size: var(--mdc-typography-headline2-font-size, 3.75rem); + line-height: 3.75rem; + /* @alternate */ + line-height: var(--mdc-typography-headline2-line-height, 3.75rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline2-font-weight, 300); + letter-spacing: -0.0083333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline2-text-transform, inherit); +} + +.mdc-typography--headline3 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3rem; + /* @alternate */ + font-size: var(--mdc-typography-headline3-font-size, 3rem); + line-height: 3.125rem; + /* @alternate */ + line-height: var(--mdc-typography-headline3-line-height, 3.125rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline3-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline3-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline3-text-transform, inherit); +} + +.mdc-typography--headline4 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 2.125rem; + /* @alternate */ + font-size: var(--mdc-typography-headline4-font-size, 2.125rem); + line-height: 2.5rem; + /* @alternate */ + line-height: var(--mdc-typography-headline4-line-height, 2.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline4-font-weight, 400); + letter-spacing: 0.0073529412em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline4-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline4-text-transform, inherit); +} + +.mdc-typography--headline5 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.5rem; + /* @alternate */ + font-size: var(--mdc-typography-headline5-font-size, 1.5rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline5-line-height, 2rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline5-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline5-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline5-text-transform, inherit); +} + +.mdc-typography--headline6 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); +} + +.mdc-typography--subtitle1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); +} + +.mdc-typography--subtitle2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} + +.mdc-typography--body1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); +} + +.mdc-typography--body2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-typography--caption { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} + +.mdc-typography--button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); +} + +.mdc-typography--overline { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-overline-font-size, 0.75rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-overline-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-overline-font-weight, 500); + letter-spacing: 0.1666666667em; + /* @alternate */ + letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-overline-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-overline-text-transform, uppercase); +} + +.mdc-top-app-bar { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + color: white; + display: flex; + position: fixed; + flex-direction: column; + justify-content: space-between; + box-sizing: border-box; + width: 100%; + z-index: 4; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.08; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-top-app-bar__row { + display: flex; + position: relative; + box-sizing: border-box; + width: 100%; + height: 64px; +} + +.mdc-top-app-bar__section { + display: inline-flex; + flex: 1 1 auto; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; +} + +.mdc-top-app-bar__section--align-start { + justify-content: flex-start; + order: -1; +} + +.mdc-top-app-bar__section--align-end { + justify-content: flex-end; + order: 1; +} + +.mdc-top-app-bar__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; +} + +[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 24px; + /* @noflip */ + border-bottom-left-radius: 0; +} + +[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 24px; +} + +.mdc-top-app-bar--short { + top: 0; + /* @noflip */ + right: auto; + /* @noflip */ + left: 0; + width: 100%; + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__title { + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; +} + +.mdc-top-app-bar--short-collapsed { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + width: 56px; + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; +} + +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + align-self: flex-end; + padding-bottom: 2px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + align-self: flex-start; +} + +.mdc-top-app-bar--fixed { + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--fixed-scrolled { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; +} + +[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; +} + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; +} + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; +} + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; +} + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; +} + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; + } + + .mdc-top-app-bar__section { + padding: 4px; + } + + .mdc-top-app-bar--short { + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed { + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + } + + [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + } + + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; + } + + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; + } +} +.mdc-top-app-bar--fixed { + width: 100vw; + height: 10vh; + padding-left: -8px; + margin-left: -8px; + margin-top: -8px; + /*background-color:$primary-color;*/ + background-color: #1976D2; + color: white; + color: #FFFFFF; +} + +.mdc-top-app-bar--fixed-adjust { + width: 100vw; + height: 10vh; + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.mdc-button--raised:not(:disabled) { + background-color: #2196F3; +} +.mdc-button--raised:not(:disabled) { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); +} +.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after { + background-color: white; + /* @alternate */ + background-color: var(--mdc-theme-text-primary-on-dark, white); +} +.mdc-button--raised:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-button--raised:not(:disabled) { + color: #FFFFFF; +} + +p { + font-family: "Roboto", sans-serif; + font-size: 20px; + display: inline-block; +} + +a { + font-family: "Roboto", sans-serif; + font-size: 20px; + display: inline-block; +} + +h1 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h1 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h2 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h3 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h4 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h5 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h6 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +li { + font-family: "Roboto", sans-serif; + font-size: 22px; + display: inline-block; +} + +.summary-explain-p { + font-family: "Roboto", sans-serif; + font-size: 22px; + display: inline-block; + padding-left: 8px; +} + +.summary-picto-div { + display: flex; + align-items: center; +} + +.mdc-card { + display: flex; + flex-direction: coloumn; + margin-right: 4px; + margin-bottom: 4px; + margin-left: 4px; + padding: 8px 8px 8px 8px; +} + +.mdc-button { + margin: 8px 8px 8px 8px; + padding: 8px 8px 8px 8px; +} +.mdc-button .mdc-button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding: 0 8px 0 8px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + min-width: 64px; + border: none; + outline: none; + /* @alternate */ + line-height: inherit; + user-select: none; + -webkit-appearance: none; + overflow: visible; + vertical-align: middle; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); + height: 36px; +} +.mdc-button .mdc-button .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-button .mdc-button::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-button .mdc-button:active { + outline: none; +} +.mdc-button .mdc-button:hover { + cursor: pointer; +} +.mdc-button .mdc-button:disabled { + cursor: default; + pointer-events: none; +} +.mdc-button .mdc-button .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button .mdc-button:not(:disabled) { + background-color: transparent; +} +.mdc-button .mdc-button:disabled { + background-color: transparent; +} +.mdc-button .mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + width: 18px; + height: 18px; + font-size: 18px; + vertical-align: top; +} +[dir=rtl] .mdc-button .mdc-button .mdc-button__icon, .mdc-button .mdc-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-button .mdc-button .mdc-button__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-button .mdc-button:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button .mdc-button:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-button .mdc-button__label + .mdc-button__icon, .mdc-button .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-button svg.mdc-button__icon { + fill: currentColor; +} +.mdc-button .mdc-button--raised .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__icon { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-button .mdc-button--raised .mdc-button__icon, .mdc-button .mdc-button--raised .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--unelevated .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--outlined .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +.mdc-button .mdc-button--raised .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-button .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--outlined .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +.mdc-button .mdc-button--raised, +.mdc-button .mdc-button--unelevated { + padding: 0 16px 0 16px; +} +.mdc-button .mdc-button--raised:not(:disabled), +.mdc-button .mdc-button--unelevated:not(:disabled) { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button .mdc-button--raised:not(:disabled), +.mdc-button .mdc-button--unelevated:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button .mdc-button--raised:disabled, +.mdc-button .mdc-button--unelevated:disabled { + background-color: rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--raised:disabled, +.mdc-button .mdc-button--unelevated:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button .mdc-button--raised { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-button .mdc-button--raised:hover, .mdc-button .mdc-button--raised:focus { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--raised:active { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--raised:disabled { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--outlined { + padding: 0 15px 0 15px; + border-width: 1px; + border-style: solid; +} +.mdc-button .mdc-button--outlined .mdc-button__ripple { + top: -1px; + left: -1px; + border: 1px solid transparent; +} +.mdc-button .mdc-button--outlined .mdc-button__touch { + left: -1px; + width: calc(100% + 2 * 1px); +} +.mdc-button .mdc-button--outlined:not(:disabled) { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--outlined:disabled { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--touch { + margin-top: 6px; + margin-bottom: 6px; +} +.mdc-button .mdc-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-button .mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button .mdc-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-button .mdc-button .mdc-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-button .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-button .mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-button .mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-button .mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button .mdc-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-button .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-button .mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button .mdc-button__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button .mdc-button:hover .mdc-button__ripple::before { + opacity: 0.04; +} +.mdc-button .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button .mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-button .mdc-button .mdc-button__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-button .mdc-button:not(.mdc-button--outlined) .mdc-button__ripple { + top: 0; + left: 0; +} +.mdc-button .mdc-button--raised .mdc-button__ripple::before, .mdc-button .mdc-button--raised .mdc-button__ripple::after, +.mdc-button .mdc-button--unelevated .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated .mdc-button__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button .mdc-button--raised:hover .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button .mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button .mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after, +.mdc-button .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button .mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after, +.mdc-button .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button .mdc-button--raised.mdc-ripple-upgraded, +.mdc-button .mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +/*Farben */ +.cookie-card { + padding: 8px 8px 8px 8px; + display: flex; + flex-direction: row; + justify-content: space-between; +} +.cookie-card img { + margin-left: 8px; +} + +#content-area { + width: 400px; + height: 80vh; + overflow-x: hidden; + overflow-y: auto; + margin-top: 8px; + margin-bottom: 16px; + display: flex; + flex-direction: column; + scrollbar-width: thin; + scrollbar-color: #2196F3 #BBDEFB; +} + +#button-div { + display: flex; + flex-direction: row-reverse; +} + +#zsf-div { + display: flex; + flex-direction: column; +} + +.saved-div { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; +} + +.animation-container { + display: flex; + justify-content: center; + align-items: center; + position: relative; + margin-top: 50px; + margin-bottom: 50px; +} +.animation-container .animation { + position: relative; + height: 10rem; + width: 10rem; +} +.animation-container .animation .cycle-1 { + position: absolute; + border-radius: 50%; + border: solid 0.3rem #BBDEFB; + border-right: solid 0.3rem #2196F3; + border-left: solid 0.3rem #2196F3; + top: 0.5rem; + left: 0.5rem; + width: 10rem; + height: 10rem; + animation: spinner 1.5s 300ms infinite; +} +.animation-container .animation .cycle-2 { + position: absolute; + border-radius: 50%; + border: solid 0.3rem #BBDEFB; + border-right: solid 0.3rem #2196F3; + border-left: solid 0.3rem #2196F3; + top: 1.5rem; + left: 1.5rem; + width: 8rem; + height: 8rem; + animation: spinner 1.5s 400ms infinite; +} +.animation-container .animation .cycle-3 { + position: absolute; + border-radius: 50%; + border: solid 0.3rem #BBDEFB; + border-right: solid 0.3rem #2196F3; + border-left: solid 0.3rem #2196F3; + top: 2.5rem; + left: 2.5rem; + width: 6rem; + height: 6rem; + animation: spinner 1.5s 500ms infinite; +} +.animation-container .animation p { + text-align: center; + text-transform: uppercase; + letter-spacing: 0.4rem; + font-size: 0.8rem; +} + +#p_hint_for_press_privacy { + display: flex; + flex-direction: row; + flex-wrap: nowrap; +} +#p_hint_for_press_privacy img { + display: inline-block; + width: 72px; + height: 72px; +} + +#right-card { + display: flex; + flex-direction: row; + flex-wrap: nowrap; +} +#right-card img { + display: inline-block; + width: 72px; + height: 72px; +} + +.mdc-tab-bar { + display: flex; + width: 400px; + height: 50px; + background-color: #BBDEFB; +} + +.mdc-button--raised { + width: 10rem; +} + +#extension-div { + /*noch zu erledigen*/ +} + +.privacyfade { + animation: fadecheck 3s infinite; +} + +body { + width: 400px; + height: 550px; + display: grid; + overflow-x: hidden; + overflow-y: hidden; + background-color: #BBDEFB; +} \ No newline at end of file diff --git a/plugin-firefox/html/css/style_advanced.css b/plugin-firefox/html/css/style_advanced.css new file mode 100644 index 0000000..bc82cf0 --- /dev/null +++ b/plugin-firefox/html/css/style_advanced.css @@ -0,0 +1,13674 @@ +@charset "UTF-8"; +@keyframes loading { + 0% { + transform: translateX(-150%) scale(1); + } + 25% { + transform: translateX(0%) scale(0.5); + } + 50% { + transform: translateX(150%) scale(1); + } + 75% { + transform: translateX(0%) scale(0.5); + } + 100% { + transform: translateX(-150%) scale(1); + } +} +@keyframes spinner { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes fadecheck { + 0% { + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes longer-lightning { + 50% { + background-color: #2196F3; + color: #FFFFFF; + } + 100% { + background-color: white; + color: black; + } +} +.mdc-banner__text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-banner__graphic { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-surface, #fff); +} + +.mdc-banner__graphic { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-banner__graphic { + border-radius: 50%; +} + +.mdc-banner__content, +.mdc-banner__fixed { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-banner__content, +.mdc-banner__fixed { + min-width: 100%; + } +} + +.mdc-banner__content { + max-width: 720px; +} + +.mdc-banner { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-bottom-color: rgba(0, 0, 0, 0.12); + z-index: 1; + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + display: none; + flex-shrink: 0; + height: 0; + position: relative; + width: 100%; +} +.mdc-banner .mdc-banner__fixed { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-banner .mdc-banner__fixed { + border-bottom-color: rgba(0, 0, 0, 0.12); +} +@media (max-width: 480px) { + .mdc-banner .mdc-banner__fixed { + left: 0; + right: 0; + } + .mdc-banner .mdc-banner__content { + flex-wrap: wrap; + } + .mdc-banner .mdc-banner__graphic { + margin-bottom: 12px; + } + .mdc-banner .mdc-banner__text { + margin-left: 16px; + margin-right: 8px; + padding-bottom: 4px; + } + .mdc-banner .mdc-banner__actions { + margin-left: auto; + } +} + +.mdc-banner--opening, +.mdc-banner--open, +.mdc-banner--closing { + display: flex; +} + +.mdc-banner--open { + transition: height 300ms ease; +} +.mdc-banner--open .mdc-banner__content { + transition: transform 300ms ease; + transform: translateY(0); +} + +.mdc-banner--closing { + transition: height 250ms ease; +} +.mdc-banner--closing .mdc-banner__content { + transition: transform 250ms ease; +} + +.mdc-banner--centered .mdc-banner__content { + left: 0; + margin-left: auto; + margin-right: auto; + right: 0; +} + +.mdc-banner__fixed { + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + height: inherit; + position: fixed; + width: 100%; +} + +.mdc-banner__content { + display: flex; + min-height: 52px; + position: absolute; + transform: translateY(-100%); + width: 100%; +} + +.mdc-banner__graphic-text-wrapper { + display: flex; + width: 100%; +} + +.mdc-banner__graphic { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + flex-shrink: 0; + height: 40px; + margin-top: 16px; + margin-bottom: 16px; + text-align: center; + width: 40px; +} +[dir=rtl] .mdc-banner__graphic, .mdc-banner__graphic[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-banner__icon { + position: relative; + top: 50%; + transform: translateY(-50%); +} + +.mdc-banner__text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 90px; + align-self: center; + flex-grow: 1; + padding-top: 16px; + padding-bottom: 16px; +} +[dir=rtl] .mdc-banner__text, .mdc-banner__text[dir=rtl] { + /* @noflip */ + margin-left: 90px; + /* @noflip */ + margin-right: 24px; +} + +.mdc-banner__actions { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + align-self: flex-end; + display: flex; + flex-shrink: 0; + padding-bottom: 8px; + padding-top: 8px; +} +[dir=rtl] .mdc-banner__actions, .mdc-banner__actions[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-banner__primary-action:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__primary-action::before, .mdc-banner__primary-action::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__primary-action:hover::before { + opacity: 0.04; +} +.mdc-banner__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-banner__secondary-action { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-banner__secondary-action:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__secondary-action::before, .mdc-banner__secondary-action::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__secondary-action:hover::before { + opacity: 0.04; +} +.mdc-banner__secondary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__secondary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__secondary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +[dir=rtl] .mdc-banner__secondary-action, .mdc-banner__secondary-action[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} + +.mdc-touch-target-wrapper { + display: inline; +} + +.mdc-elevation-overlay { + position: absolute; + border-radius: inherit; + pointer-events: none; + opacity: 0; + /* @alternate */ + opacity: var(--mdc-elevation-overlay-opacity, 0); + transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-elevation-overlay-color, #fff); +} + +.mdc-button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding: 0 8px 0 8px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + min-width: 64px; + border: none; + outline: none; + /* @alternate */ + line-height: inherit; + user-select: none; + -webkit-appearance: none; + overflow: visible; + vertical-align: middle; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); + height: 36px; +} +.mdc-button .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-button::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-button:active { + outline: none; +} +.mdc-button:hover { + cursor: pointer; +} +.mdc-button:disabled { + cursor: default; + pointer-events: none; +} +.mdc-button .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button:not(:disabled) { + background-color: transparent; +} +.mdc-button:disabled { + background-color: transparent; +} +.mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + width: 18px; + height: 18px; + font-size: 18px; + vertical-align: top; +} +[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-button .mdc-button__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-button:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +svg.mdc-button__icon { + fill: currentColor; +} + +.mdc-button--raised .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--unelevated .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--outlined .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +.mdc-button--raised .mdc-button__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} + +.mdc-button--raised, +.mdc-button--unelevated { + padding: 0 16px 0 16px; +} +.mdc-button--raised:not(:disabled), +.mdc-button--unelevated:not(:disabled) { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button--raised:not(:disabled), +.mdc-button--unelevated:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--raised:disabled, +.mdc-button--unelevated:disabled { + background-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:disabled, +.mdc-button--unelevated:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.mdc-button--raised { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-button--raised:hover, .mdc-button--raised:focus { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:active { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:disabled { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-button--outlined { + padding: 0 15px 0 15px; + border-width: 1px; + border-style: solid; +} +.mdc-button--outlined .mdc-button__ripple { + top: -1px; + left: -1px; + border: 1px solid transparent; +} +.mdc-button--outlined .mdc-button__touch { + left: -1px; + width: calc(100% + 2 * 1px); +} +.mdc-button--outlined:not(:disabled) { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--outlined:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.mdc-button--touch { + margin-top: 6px; + margin-bottom: 6px; +} + +@keyframes mdc-ripple-fg-radius-in { + from { + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); + } + to { + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + } +} +@keyframes mdc-ripple-fg-opacity-in { + from { + animation-timing-function: linear; + opacity: 0; + } + to { + opacity: var(--mdc-ripple-fg-opacity, 0); + } +} +@keyframes mdc-ripple-fg-opacity-out { + from { + animation-timing-function: linear; + opacity: var(--mdc-ripple-fg-opacity, 0); + } + to { + opacity: 0; + } +} +.mdc-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-button .mdc-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button:hover .mdc-button__ripple::before { + opacity: 0.04; +} +.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-button .mdc-button__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple { + top: 0; + left: 0; +} + +.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after, +.mdc-button--unelevated .mdc-button__ripple::before, +.mdc-button--unelevated .mdc-button__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--raised:hover .mdc-button__ripple::before, +.mdc-button--unelevated:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before, +.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, +.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after, +.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after, +.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised.mdc-ripple-upgraded, +.mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-card { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + display: flex; + flex-direction: column; + box-sizing: border-box; +} +.mdc-card .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-card::after { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} + +.mdc-card--outlined { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); + border-width: 1px; + border-style: solid; + border-color: #e0e0e0; +} +.mdc-card--outlined::after { + border: none; +} + +.mdc-card__content { + border-radius: inherit; + height: 100%; +} + +.mdc-card__media { + position: relative; + box-sizing: border-box; + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} +.mdc-card__media::before { + display: block; + content: ""; +} + +.mdc-card__media:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.mdc-card__media:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; +} + +.mdc-card__media--square::before { + margin-top: 100%; +} + +.mdc-card__media--16-9::before { + margin-top: 56.25%; +} + +.mdc-card__media-content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-sizing: border-box; +} + +.mdc-card__primary-action { + display: flex; + flex-direction: column; + box-sizing: border-box; + position: relative; + outline: none; + color: inherit; + text-decoration: none; + cursor: pointer; + overflow: hidden; +} + +.mdc-card__primary-action:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.mdc-card__primary-action:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; +} + +.mdc-card__actions { + display: flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; + min-height: 52px; + padding: 8px; +} + +.mdc-card__actions--full-bleed { + padding: 0; +} + +.mdc-card__action-buttons, +.mdc-card__action-icons { + display: flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; +} + +.mdc-card__action-icons { + color: rgba(0, 0, 0, 0.6); + flex-grow: 1; + justify-content: flex-end; +} + +.mdc-card__action-buttons + .mdc-card__action-icons { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-card__action { + display: inline-flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; + justify-content: center; + cursor: pointer; + user-select: none; +} +.mdc-card__action:focus { + outline: none; +} + +.mdc-card__action--button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + padding: 0 8px; +} +[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-card__action--button:last-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} + +.mdc-card__actions--full-bleed .mdc-card__action--button { + justify-content: space-between; + width: 100%; + height: auto; + max-height: none; + margin: 0; + padding: 8px 16px; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-card__action--icon { + margin: -6px 0; + padding: 12px; +} + +.mdc-card__action--icon:not(:disabled) { + color: rgba(0, 0, 0, 0.6); +} + +.mdc-card__primary-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-card__primary-action::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-card__primary-action.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-card__primary-action.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-card__primary-action.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + background-color: #000; +} +.mdc-card__primary-action:hover::before { + opacity: 0.04; +} +.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-card__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-checkbox { + padding: 11px; + margin-top: 0px; + margin-bottom: 0px; + margin-right: 0px; + margin-left: 0px; +} +.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after { + background-color: #000; +} +.mdc-checkbox:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox .mdc-checkbox__background { + top: 11px; + left: 11px; +} +.mdc-checkbox .mdc-checkbox__background::before { + top: -13px; + left: -13px; + width: 40px; + height: 40px; +} +.mdc-checkbox .mdc-checkbox__native-control { + top: 0px; + right: 0px; + left: 0px; + width: 40px; + height: 40px; +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3 { + 0%, 80% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} + +@keyframes mdc-checkbox-unchecked-checked-checkmark-path { + 0%, 50% { + stroke-dashoffset: 29.7833385; + } + 50% { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + } + 100% { + stroke-dashoffset: 0; + } +} +@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { + 0%, 68.2% { + transform: scaleX(0); + } + 68.2% { + animation-timing-function: cubic-bezier(0, 0, 0, 1); + } + 100% { + transform: scaleX(1); + } +} +@keyframes mdc-checkbox-checked-unchecked-checkmark-path { + from { + animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + opacity: 1; + stroke-dashoffset: 0; + } + to { + opacity: 0; + stroke-dashoffset: -29.7833385; + } +} +@keyframes mdc-checkbox-checked-indeterminate-checkmark { + from { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + transform: rotate(0deg); + opacity: 1; + } + to { + transform: rotate(45deg); + opacity: 0; + } +} +@keyframes mdc-checkbox-indeterminate-checked-checkmark { + from { + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + transform: rotate(45deg); + opacity: 0; + } + to { + transform: rotate(360deg); + opacity: 1; + } +} +@keyframes mdc-checkbox-checked-indeterminate-mixedmark { + from { + animation-timing-function: mdc-animation-deceleration-curve-timing-function; + transform: rotate(-45deg); + opacity: 0; + } + to { + transform: rotate(0deg); + opacity: 1; + } +} +@keyframes mdc-checkbox-indeterminate-checked-mixedmark { + from { + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + transform: rotate(0deg); + opacity: 1; + } + to { + transform: rotate(315deg); + opacity: 0; + } +} +@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { + 0% { + animation-timing-function: linear; + transform: scaleX(1); + opacity: 1; + } + 32.8%, 100% { + transform: scaleX(0); + opacity: 0; + } +} +.mdc-checkbox { + display: inline-block; + position: relative; + flex: 0 0 18px; + box-sizing: content-box; + width: 18px; + height: 18px; + line-height: 0; + white-space: nowrap; + cursor: pointer; + vertical-align: bottom; +} + +@media screen and (-ms-high-contrast: active) { + .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, GrayText); + background-color: transparent; + } + + .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: GrayText; + background-color: transparent; + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, transparent); + } + + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: GrayText; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, GrayText); + } + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, GrayText); + } + + .mdc-checkbox__mixedmark { + margin: 0 1px; + } +} +.mdc-checkbox--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox__background { + display: inline-flex; + position: absolute; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 18px; + height: 18px; + border: 2px solid currentColor; + border-radius: 2px; + background-color: transparent; + pointer-events: none; + will-change: background-color, border-color; + transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox__background .mdc-checkbox__background::before { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} + +.mdc-checkbox__checkmark { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + opacity: 0; + transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox--upgraded .mdc-checkbox__checkmark { + opacity: 1; +} + +.mdc-checkbox__checkmark-path { + transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + stroke: currentColor; + stroke-width: 3.12px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-checkbox__mixedmark { + width: 100%; + height: 0; + transform: scaleX(0) rotate(0deg); + border-width: 1px; + border-style: solid; + opacity: 0; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { + animation-duration: 180ms; + animation-timing-function: linear; +} +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { + animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { + animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { + animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { + animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { + animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { + animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { + animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { + animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s; + transition: none; +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background { + transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-checkbox__background::before { + position: absolute; + transform: scale(0, 0); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + will-change: opacity, transform; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { + transform: scale(1); + opacity: 0.12; + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-checkbox__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; +} +.mdc-checkbox__native-control:disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-checkbox--touch .mdc-checkbox__native-control { + top: -4px; + right: -4px; + left: -4px; + width: 48px; + height: 48px; +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 1; +} +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + transform: scaleX(1) rotate(-45deg); +} + +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + transform: rotate(45deg); + opacity: 0; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + transform: scaleX(1) rotate(0deg); + opacity: 1; +} + +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark { + transition: none; +} + +.mdc-checkbox { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + z-index: 0; +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-checkbox .mdc-checkbox__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + z-index: -1; +} + +.mdc-checkbox__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before { + content: none; +} + +.mdc-chip-trailing-action__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + transform: translate(-50%, -50%); +} + +.mdc-chip-trailing-action { + border: none; + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + padding: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; + background: none; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__touch { + width: 26px; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__icon { + fill: currentColor; + color: inherit; +} + +.mdc-chip-trailing-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-chip-trailing-action__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-chip-trailing-action__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-chip-trailing-action__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip-trailing-action:hover .mdc-chip-trailing-action__ripple::before { + opacity: 0.04; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-chip-trailing-action__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-chip-trailing-action__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-chip-trailing-action__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} + +.mdc-chip__icon--leading { + color: rgba(0, 0, 0, 0.54); +} + +.mdc-chip-trailing-action { + color: #000; +} + +.mdc-chip__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-chip__icon--trailing:hover { + color: rgba(0, 0, 0, 0.62); +} +.mdc-chip__icon--trailing:focus { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + width: 20px; + height: 20px; + font-size: 20px; +} + +.mdc-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} + +.mdc-chip__icon.mdc-chip__icon--trailing { + width: 18px; + height: 18px; + font-size: 18px; +} + +.mdc-chip-trailing-action { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-chip-trailing-action, .mdc-chip-trailing-action[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip__icon--trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip { + border-radius: 16px; + background-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + height: 32px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + box-sizing: border-box; + padding: 0 12px; + border-width: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; +} +.mdc-chip .mdc-chip__ripple { + border-radius: 16px; +} +.mdc-chip:hover { + color: rgba(0, 0, 0, 0.87); +} +.mdc-chip.mdc-chip--selected .mdc-chip__checkmark, +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], +[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +.mdc-chip .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-chip::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-chip:hover { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip .mdc-chip__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} + +.mdc-chip--exit { + transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; + opacity: 0; +} + +.mdc-chip__overflow { + text-overflow: ellipsis; + overflow: hidden; +} + +.mdc-chip__text { + white-space: nowrap; +} + +.mdc-chip__icon { + border-radius: 50%; + outline: none; + vertical-align: middle; +} + +.mdc-chip__checkmark { + height: 20px; +} + +.mdc-chip__checkmark-path { + transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); + stroke-width: 2px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-chip__primary-action:focus { + outline: none; +} + +.mdc-chip--selected .mdc-chip__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-chip__icon--leading, +.mdc-chip__icon--trailing { + position: relative; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading { + color: rgba(33, 150, 243, 0.54); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path { + stroke: #2196F3; + /* @alternate */ + stroke: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip--selected { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-chip__checkmark-svg { + width: 0; + height: 20px; + transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-chip--selected .mdc-chip__checkmark-svg { + width: 20px; +} + +.mdc-chip-set--filter .mdc-chip__icon--leading { + transition: opacity 75ms linear; + transition-delay: -50ms; + opacity: 1; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark { + transition: opacity 75ms linear; + transition-delay: 80ms; + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg { + transition: width 0ms; +} +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading { + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 0; + opacity: 1; +} +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading { + width: 0; + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 20px; +} + +.mdc-chip { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-chip .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-chip .mdc-chip__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip .mdc-chip__ripple::before, .mdc-chip .mdc-chip__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-chip:hover .mdc-chip__ripple::before { + opacity: 0.04; +} +.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-chip .mdc-chip__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before { + opacity: 0.08; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before { + opacity: 0.12; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.2; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.2; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.2; +} + +@keyframes mdc-chip-entry { + from { + transform: scale(0.8); + opacity: 0.4; + } + to { + transform: scale(1); + opacity: 1; + } +} +.mdc-chip-set { + padding: 4px; + display: flex; + flex-wrap: wrap; + box-sizing: border-box; +} +.mdc-chip-set .mdc-chip { + margin: 4px; +} +.mdc-chip-set .mdc-chip--touch { + margin-top: 8px; + margin-bottom: 8px; +} + +.mdc-chip-set--input .mdc-chip { + animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-circular-progress__determinate-circle, +.mdc-circular-progress__indeterminate-circle-graphic { + stroke: #2196F3; + /* @alternate */ + stroke: var(--mdc-theme-primary, #2196F3); +} + +.mdc-circular-progress__determinate-track { + stroke: transparent; +} + +@keyframes mdc-circular-progress-container-rotate { + to { + transform: rotate(360deg); + } +} +@keyframes mdc-circular-progress-spinner-layer-rotate { + 12.5% { + transform: rotate(135deg); + } + 25% { + transform: rotate(270deg); + } + 37.5% { + transform: rotate(405deg); + } + 50% { + transform: rotate(540deg); + } + 62.5% { + transform: rotate(675deg); + } + 75% { + transform: rotate(810deg); + } + 87.5% { + transform: rotate(945deg); + } + 100% { + transform: rotate(1080deg); + } +} +@keyframes mdc-circular-progress-color-1-fade-in-out { + from { + opacity: 0.99; + } + 25% { + opacity: 0.99; + } + 26% { + opacity: 0; + } + 89% { + opacity: 0; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0.99; + } +} +@keyframes mdc-circular-progress-color-2-fade-in-out { + from { + opacity: 0; + } + 15% { + opacity: 0; + } + 25% { + opacity: 0.99; + } + 50% { + opacity: 0.99; + } + 51% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-3-fade-in-out { + from { + opacity: 0; + } + 40% { + opacity: 0; + } + 50% { + opacity: 0.99; + } + 75% { + opacity: 0.99; + } + 76% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-4-fade-in-out { + from { + opacity: 0; + } + 65% { + opacity: 0; + } + 75% { + opacity: 0.99; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-left-spin { + from { + transform: rotate(265deg); + } + 50% { + transform: rotate(130deg); + } + to { + transform: rotate(265deg); + } +} +@keyframes mdc-circular-progress-right-spin { + from { + transform: rotate(-265deg); + } + 50% { + transform: rotate(-130deg); + } + to { + transform: rotate(-265deg); + } +} +.mdc-circular-progress { + display: inline-flex; + position: relative; + /* @noflip */ + direction: ltr; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-circular-progress__determinate-container, +.mdc-circular-progress__indeterminate-circle-graphic, +.mdc-circular-progress__indeterminate-container, +.mdc-circular-progress__spinner-layer { + position: absolute; + width: 100%; + height: 100%; +} + +.mdc-circular-progress__determinate-container { + transform: rotate(-90deg); +} + +.mdc-circular-progress__indeterminate-container { + opacity: 0; +} + +.mdc-circular-progress__determinate-circle-graphic, +.mdc-circular-progress__indeterminate-circle-graphic { + fill: transparent; +} + +.mdc-circular-progress__determinate-circle { + transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-circular-progress__gap-patch { + position: absolute; + top: 0; + /* @noflip */ + left: 47.5%; + box-sizing: border-box; + width: 5%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -900%; + width: 2000%; + transform: rotate(180deg); +} + +.mdc-circular-progress__circle-clipper { + display: inline-flex; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic { + width: 200%; +} + +.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -100%; +} + +.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container { + opacity: 0; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + opacity: 1; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic { + animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.mdc-circular-progress--closed { + opacity: 0; +} + +.mdc-data-table__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-data-table { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + -webkit-overflow-scrolling: touch; + display: inline-flex; + flex-direction: column; + box-sizing: border-box; + position: relative; +} +.mdc-data-table .mdc-data-table__header-cell:first-child { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); + border-top-left-radius: 0; +} +.mdc-data-table .mdc-data-table__header-cell:last-child { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); + border-top-right-radius: 0; +} + +.mdc-data-table__row { + background-color: inherit; +} + +.mdc-data-table__header-cell { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-data-table__row--selected { + background-color: rgba(33, 150, 243, 0.04); +} + +.mdc-data-table__header-cell:after { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__header-cell:after { + border-bottom-style: solid; + border-bottom-width: 1px; +} + +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-width: 1px; + border-top-style: solid; +} + +.mdc-data-table__row:not(.mdc-data-table__row--selected):hover { + background-color: rgba(0, 0, 0, 0.04); +} + +.mdc-data-table__header-cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__pagination-total, +.mdc-data-table__pagination-rows-per-page-label, +.mdc-data-table__cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__cell { + height: 52px; +} + +.mdc-data-table__pagination { + min-height: 52px; +} + +.mdc-data-table__header-cell { + height: 56px; +} + +.mdc-data-table__cell, +.mdc-data-table__header-cell { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-data-table__header-cell--checkbox, +.mdc-data-table__cell--checkbox { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl], +[dir=rtl] .mdc-data-table__cell--checkbox, +.mdc-data-table__cell--checkbox[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.6); +} +.mdc-data-table__sort-icon-button::before, .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.6); +} +.mdc-data-table__sort-icon-button:hover::before { + opacity: 0.04; +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.87); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover::before { + opacity: 0.04; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-data-table__table-container { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + width: 100%; +} + +.mdc-data-table__table { + min-width: 100%; + border: 0; + white-space: nowrap; + border-collapse: collapse; + /** + * With table-layout:fixed, table and column widths are defined by the width + * of the first row of cells. Cells in subsequent rows do not affect column + * widths. This results in a predictable table layout and may also speed up + * rendering. + */ + table-layout: fixed; +} + +.mdc-data-table__cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + overflow: hidden; + text-align: left; + text-overflow: ellipsis; +} +[dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + box-sizing: border-box; + text-overflow: ellipsis; + overflow: hidden; + outline: none; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__header-cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__sort-icon-button { + width: 28px; + height: 28px; + padding: 2px; + transform: rotate(0.0001deg); + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; +} +[dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} +.mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button { + transform: rotate(-180deg); +} +.mdc-data-table__sort-icon-button:focus, .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + opacity: 1; +} + +.mdc-data-table__header-cell-wrapper { + align-items: center; + display: inline-flex; + vertical-align: middle; +} + +.mdc-data-table__header-cell--with-sort { + cursor: pointer; +} + +.mdc-data-table__sort-status-label { + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute; + white-space: nowrap; + /* added line */ + width: 1px; +} + +.mdc-data-table__progress-indicator { + display: none; + position: absolute; + width: 100%; +} +.mdc-data-table--in-progress .mdc-data-table__progress-indicator { + display: block; +} + +.mdc-data-table__scrim { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + height: 100%; + opacity: 0.32; + position: absolute; + top: 0; + width: 100%; +} + +.mdc-data-table--sticky-header .mdc-data-table__header-cell { + position: sticky; + top: 0; + z-index: 1; +} +.mdc-data-table--sticky-header .mdc-data-table__header-cell:after { + bottom: 0; + content: ""; + left: 0; + position: absolute; + width: 100%; +} +.mdc-data-table--sticky-header .mdc-data-table__row:first-child { + border-top: 0; +} + +.mdc-data-table__pagination { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + display: flex; + justify-content: flex-end; +} + +.mdc-data-table__pagination-trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; +} +[dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} + +.mdc-data-table__pagination-navigation { + align-items: center; + display: flex; +} + +.mdc-data-table__pagination-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + transform: rotate(180deg); +} +[dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-total { + /* @noflip */ + margin-left: 14px; + /* @noflip */ + margin-right: 36px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] { + /* @noflip */ + margin-left: 36px; + /* @noflip */ + margin-right: 14px; +} + +.mdc-data-table__pagination-rows-per-page { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 22px; + align-items: center; + display: inline-flex; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] { + /* @noflip */ + margin-left: 22px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-select { + width: 80px; + min-width: 80px; + margin: 8px 0; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor { + height: 36px; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-27.25px) scale(1); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-24.75px) scale(0.75); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-36px { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon { + width: 20px; + height: 20px; +} +.mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 56px); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-list-item { + height: 36px; +} + +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3 { + 0%, 80% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3; +} + +.mdc-dialog, +.mdc-dialog__scrim { + position: fixed; + top: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 100%; + height: 100%; +} + +.mdc-dialog { + display: none; + z-index: 7; +} +.mdc-dialog .mdc-dialog__surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-dialog .mdc-dialog__scrim { + background-color: rgba(0, 0, 0, 0.32); +} +.mdc-dialog .mdc-dialog__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-dialog .mdc-dialog__content { + color: rgba(0, 0, 0, 0.6); +} +.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-dialog .mdc-dialog__content { + padding: 20px 24px 20px 24px; +} +.mdc-dialog .mdc-dialog__surface { + min-width: 280px; +} +@media (max-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: calc(100vw - 32px); + } +} +@media (min-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: 560px; + } +} +.mdc-dialog .mdc-dialog__surface { + max-height: calc(100% - 32px); +} +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .mdc-dialog .mdc-dialog__container { + /* stylelint-disable */ + /* stylelint-enable*/ + } +} +.mdc-dialog .mdc-dialog__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); +} + +.mdc-dialog__scrim { + opacity: 0; + z-index: -1; +} + +.mdc-dialog__container { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + box-sizing: border-box; + height: 100%; + transform: scale(0.8); + opacity: 0; + pointer-events: none; +} + +.mdc-dialog__surface { + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; + box-sizing: border-box; + max-width: 100%; + max-height: 100%; + pointer-events: auto; + overflow-y: auto; +} +.mdc-dialog__surface .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface { + /* @noflip */ + text-align: right; +} + +.mdc-dialog__title { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + position: relative; + flex-shrink: 0; + box-sizing: border-box; + margin: 0; + padding: 0 24px 9px; + border-bottom: 1px solid transparent; +} +.mdc-dialog__title::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title { + /* @noflip */ + text-align: right; +} + +.mdc-dialog--scrollable .mdc-dialog__title { + padding-bottom: 15px; +} + +.mdc-dialog__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); + flex-grow: 1; + box-sizing: border-box; + margin: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.mdc-dialog__content > :first-child { + margin-top: 0; +} +.mdc-dialog__content > :last-child { + margin-bottom: 0; +} + +.mdc-dialog__title + .mdc-dialog__content { + padding-top: 0; +} + +.mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content { + padding-top: 8px; + padding-bottom: 8px; +} + +.mdc-dialog__content .mdc-list:first-child:last-child { + padding: 6px 0 0; +} + +.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child { + padding: 0; +} + +.mdc-dialog__actions { + display: flex; + position: relative; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + box-sizing: border-box; + min-height: 52px; + margin: 0; + padding: 8px; + border-top: 1px solid transparent; +} +.mdc-dialog--stacked .mdc-dialog__actions { + flex-direction: column; + align-items: flex-end; +} + +.mdc-dialog__button { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; + max-width: 100%; + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-dialog__button:first-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button { + /* @noflip */ + text-align: left; +} + +.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) { + margin-top: 12px; +} + +.mdc-dialog--open, +.mdc-dialog--opening, +.mdc-dialog--closing { + display: flex; +} + +.mdc-dialog--opening .mdc-dialog__scrim { + transition: opacity 150ms linear; +} +.mdc-dialog--opening .mdc-dialog__container { + transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-dialog--closing .mdc-dialog__scrim, +.mdc-dialog--closing .mdc-dialog__container { + transition: opacity 75ms linear; +} +.mdc-dialog--closing .mdc-dialog__container { + transform: none; +} + +.mdc-dialog--open .mdc-dialog__scrim { + opacity: 1; +} +.mdc-dialog--open .mdc-dialog__container { + transform: none; + opacity: 1; +} + +.mdc-dialog-scroll-lock { + overflow: hidden; +} + +.mdc-drawer { + border-color: rgba(0, 0, 0, 0.12); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-left-radius: 0; + z-index: 6; + width: 256px; + display: flex; + flex-direction: column; + flex-shrink: 0; + box-sizing: border-box; + height: 100%; + /* @noflip */ + border-right-width: 1px; + /* @noflip */ + border-right-style: solid; + overflow: hidden; + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer .mdc-drawer__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-drawer__subtitle { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-list-item { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic { + color: #2196f3; +} +.mdc-drawer .mdc-list-item--activated { + color: rgba(33, 150, 243, 0.87); +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-large, 0); +} +.mdc-drawer .mdc-list-item { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content { + /* @noflip */ + margin-left: 256px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 256px; +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-right-width: 0; + /* @noflip */ + border-left-width: 1px; + /* @noflip */ + border-right-style: none; + /* @noflip */ + border-left-style: solid; +} +.mdc-drawer .mdc-list-item { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + height: calc(48px - 2 * 4px); + margin: 8px 8px; + padding: 0 8px; +} +.mdc-drawer .mdc-list-item:nth-child(1) { + margin-top: 2px; +} +.mdc-drawer .mdc-list-item:nth-last-child(1) { + margin-bottom: 0; +} +.mdc-drawer .mdc-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + padding: 0 16px; +} +.mdc-drawer .mdc-list-group__subheader::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-drawer .mdc-list-divider { + margin: 3px 0 4px; +} +.mdc-drawer .mdc-list-item__text, +.mdc-drawer .mdc-list-item__graphic { + pointer-events: none; +} + +.mdc-drawer--animate { + transform: translateX(-100%); +} +[dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] { + transform: translateX(100%); +} + +.mdc-drawer--opening { + transform: translateX(0); + transition-duration: 250ms; +} +[dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] { + transform: translateX(0); +} + +.mdc-drawer--closing { + transform: translateX(-100%); + transition-duration: 200ms; +} +[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] { + transform: translateX(100%); +} + +.mdc-drawer__header { + flex-shrink: 0; + box-sizing: border-box; + min-height: 64px; + padding: 0 16px 4px; +} + +.mdc-drawer__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-drawer__title::before { + display: inline-block; + width: 0; + height: 36px; + content: ""; + vertical-align: 0; +} +.mdc-drawer__title::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-drawer__subtitle { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: 0; +} +.mdc-drawer__subtitle::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} + +.mdc-drawer__content { + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.mdc-drawer--dismissible { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: absolute; +} +[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} +.mdc-drawer--dismissible.mdc-drawer--open { + display: flex; +} + +.mdc-drawer-app-content { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; + position: relative; +} +[dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} + +.mdc-drawer--modal { + /* @alternate */ + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: fixed; +} +.mdc-drawer--modal + .mdc-drawer-scrim { + background-color: rgba(0, 0, 0, 0.32); +} +[dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} +.mdc-drawer--modal.mdc-drawer--open { + display: flex; +} + +.mdc-drawer-scrim { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 5; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer--open + .mdc-drawer-scrim { + display: block; +} +.mdc-drawer--animate + .mdc-drawer-scrim { + opacity: 0; +} +.mdc-drawer--opening + .mdc-drawer-scrim { + transition-duration: 250ms; + opacity: 1; +} +.mdc-drawer--closing + .mdc-drawer-scrim { + transition-duration: 200ms; + opacity: 0; +} + +.mdc-elevation--z0 { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z1 { + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z2 { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z3 { + /* @alternate */ + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z4 { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z5 { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z6 { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z7 { + /* @alternate */ + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z8 { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z9 { + /* @alternate */ + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z10 { + /* @alternate */ + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z11 { + /* @alternate */ + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z12 { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z13 { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z14 { + /* @alternate */ + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z15 { + /* @alternate */ + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z16 { + /* @alternate */ + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z17 { + /* @alternate */ + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z18 { + /* @alternate */ + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z19 { + /* @alternate */ + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z20 { + /* @alternate */ + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z21 { + /* @alternate */ + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z22 { + /* @alternate */ + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z23 { + /* @alternate */ + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z24 { + /* @alternate */ + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation-transition { + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow; +} + +.mdc-fab { + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 56px; + height: 56px; + padding: 0; + border: none; + fill: currentColor; + text-decoration: none; + cursor: pointer; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + overflow: visible; + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff); +} +.mdc-fab .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-fab:not(.mdc-fab--extended) { + border-radius: 50%; +} +.mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple { + border-radius: 50%; +} +.mdc-fab::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-fab:hover, .mdc-fab:focus { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-fab:active { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); +} +.mdc-fab:active, .mdc-fab:focus { + outline: none; +} +.mdc-fab:hover { + cursor: pointer; +} +.mdc-fab > svg { + width: 100%; +} +.mdc-fab .mdc-fab__icon { + width: 24px; + height: 24px; + font-size: 24px; +} + +.mdc-fab--mini { + width: 40px; + height: 40px; +} + +.mdc-fab--extended { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + border-radius: 24px; + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 20px; + width: auto; + max-width: 100%; + height: 48px; + /* @alternate */ + line-height: normal; +} +.mdc-fab--extended .mdc-fab__ripple { + border-radius: 24px; +} +.mdc-fab--extended .mdc-fab__icon { + /* @noflip */ + margin-left: calc(12px - 20px); + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: calc(12px - 20px); +} +.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: calc(12px - 20px); +} +[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] { + /* @noflip */ + margin-left: calc(12px - 20px); + /* @noflip */ + margin-right: 12px; +} + +.mdc-fab--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-fab--touch .mdc-fab__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + transform: translate(-50%, -50%); +} + +.mdc-fab::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} + +.mdc-fab__label { + justify-content: flex-start; + text-overflow: ellipsis; + white-space: nowrap; + overflow-x: hidden; + overflow-y: visible; +} + +.mdc-fab__icon { + transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + fill: currentColor; + will-change: transform; +} + +.mdc-fab .mdc-fab__icon { + display: inline-flex; + align-items: center; + justify-content: center; +} + +.mdc-fab--exited { + transform: scale(0); + opacity: 0; + transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); +} +.mdc-fab--exited .mdc-fab__icon { + transform: scale(0); + transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-fab { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-fab .mdc-fab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-secondary, #fff); +} +.mdc-fab:hover .mdc-fab__ripple::before { + opacity: 0.08; +} +.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before, .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after { + transition: opacity 150ms linear; +} +.mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-fab.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-fab .mdc-fab__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; + z-index: -1; +} + +.mdc-floating-label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + position: absolute; + /* @noflip */ + left: 0; + /* @noflip */ + transform-origin: left top; + line-height: 1.15rem; + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + cursor: text; + overflow: hidden; + /* @alternate */ + will-change: transform; + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; + /* @noflip */ + transform-origin: right top; + /* @noflip */ + text-align: right; +} + +.mdc-floating-label--float-above { + cursor: auto; +} + +.mdc-floating-label--required::after { + /* @noflip */ + margin-left: 1px; + /* @noflip */ + margin-right: 0px; + content: "*"; +} +[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 1px; +} + +.mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} + +.mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-standard 250ms 1; +} + +@keyframes mdc-floating-label-shake-float-above-standard { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } +} +.mdc-form-field { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: inline-flex; + align-items: center; + vertical-align: middle; +} +.mdc-form-field > label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; + order: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-form-field--nowrap > label { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.mdc-form-field--align-end > label { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; + order: -1; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} + +.mdc-form-field--space-between { + justify-content: space-between; +} +.mdc-form-field--space-between > label { + margin: 0; +} +[dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] { + margin: 0; +} + +.mdc-icon-button { + display: inline-block; + position: relative; + box-sizing: border-box; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + font-size: 24px; + text-decoration: none; + cursor: pointer; + user-select: none; + width: 48px; + height: 48px; + padding: 12px; +} +.mdc-icon-button svg, +.mdc-icon-button img { + width: 24px; + height: 24px; +} +.mdc-icon-button:disabled { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); +} +.mdc-icon-button:disabled { + cursor: default; + pointer-events: none; +} + +.mdc-icon-button__icon { + display: inline-block; +} +.mdc-icon-button__icon.mdc-icon-button__icon--on { + display: none; +} + +.mdc-icon-button--on .mdc-icon-button__icon { + display: none; +} +.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on { + display: inline-block; +} + +.mdc-icon-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-icon-button::before, .mdc-icon-button::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-icon-button::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-icon-button.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-icon-button.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-icon-button.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-icon-button::before, .mdc-icon-button::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-icon-button.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-icon-button::before, .mdc-icon-button::after { + background-color: #000; +} +.mdc-icon-button:hover::before { + opacity: 0.04; +} +.mdc-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-image-list { + display: flex; + flex-wrap: wrap; + margin: 0 auto; + padding: 0; +} + +.mdc-image-list__item, +.mdc-image-list__image-aspect-container { + position: relative; + box-sizing: border-box; +} + +.mdc-image-list__item { + list-style-type: none; +} + +.mdc-image-list__image { + width: 100%; +} + +.mdc-image-list__image-aspect-container .mdc-image-list__image { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +.mdc-image-list__image-aspect-container { + padding-bottom: calc(100% / 1); +} + +.mdc-image-list__image { + border-radius: 0; +} + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.mdc-image-list__supporting { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 8px 0; + line-height: 24px; +} + +.mdc-image-list__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + position: absolute; + bottom: 0; + width: 100%; + height: 48px; + padding: 0 16px; + background: rgba(0, 0, 0, 0.6); + color: #fff; +} + +.mdc-image-list--masonry { + display: block; +} +.mdc-image-list--masonry .mdc-image-list__item { + break-inside: avoid-column; +} +.mdc-image-list--masonry .mdc-image-list__image { + display: block; + height: auto; +} + +:root { + --mdc-layout-grid-margin-desktop: 24px; + --mdc-layout-grid-gutter-desktop: 24px; + --mdc-layout-grid-column-width-desktop: 72px; + --mdc-layout-grid-margin-tablet: 16px; + --mdc-layout-grid-gutter-tablet: 16px; + --mdc-layout-grid-column-width-tablet: 72px; + --mdc-layout-grid-margin-phone: 16px; + --mdc-layout-grid-gutter-phone: 16px; + --mdc-layout-grid-column-width-phone: 72px; +} + +@media (min-width: 840px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 24px; + padding: var(--mdc-layout-grid-margin-desktop, 24px); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-tablet, 16px); + } +} +@media (max-width: 599px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-phone, 16px); + } +} + +@media (min-width: 840px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 24px; + grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + } +} +@media (max-width: 599px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + } +} + +@media (min-width: 840px) { + .mdc-layout-grid__cell { + width: calc(33.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + box-sizing: border-box; + margin: 12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-desktop { + width: calc(8.3333333333% - 24px); + width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-desktop { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-desktop { + width: calc(16.6666666667% - 24px); + width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-desktop { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-desktop { + width: calc(25% - 24px); + width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-desktop { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-desktop { + width: calc(33.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-desktop { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-desktop { + width: calc(41.6666666667% - 24px); + width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-desktop { + width: auto; + grid-column-end: span 5; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-desktop { + width: calc(50% - 24px); + width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-desktop { + width: auto; + grid-column-end: span 6; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-desktop { + width: calc(58.3333333333% - 24px); + width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-desktop { + width: auto; + grid-column-end: span 7; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-desktop { + width: calc(66.6666666667% - 24px); + width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-desktop { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-desktop { + width: calc(75% - 24px); + width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-desktop { + width: auto; + grid-column-end: span 9; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-desktop { + width: calc(83.3333333333% - 24px); + width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-desktop { + width: auto; + grid-column-end: span 10; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-desktop { + width: calc(91.6666666667% - 24px); + width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-desktop { + width: auto; + grid-column-end: span 11; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-desktop { + width: calc(100% - 24px); + width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-desktop { + width: auto; + grid-column-end: span 12; + } + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid__cell { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-tablet { + width: calc(12.5% - 16px); + width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-tablet { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-tablet { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-tablet { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-tablet { + width: calc(37.5% - 16px); + width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-tablet { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-tablet { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-tablet { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-tablet { + width: calc(62.5% - 16px); + width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-tablet { + width: auto; + grid-column-end: span 5; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-tablet { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-tablet { + width: auto; + grid-column-end: span 6; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-tablet { + width: calc(87.5% - 16px); + width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-tablet { + width: auto; + grid-column-end: span 7; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-tablet { + width: auto; + grid-column-end: span 8; + } + } +} +@media (max-width: 599px) { + .mdc-layout-grid__cell { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-phone { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-phone { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-phone { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-phone { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-phone { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-phone { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-phone { + width: auto; + grid-column-end: span 4; + } + } +} +.mdc-layout-grid__cell--order-1 { + order: 1; +} +.mdc-layout-grid__cell--order-2 { + order: 2; +} +.mdc-layout-grid__cell--order-3 { + order: 3; +} +.mdc-layout-grid__cell--order-4 { + order: 4; +} +.mdc-layout-grid__cell--order-5 { + order: 5; +} +.mdc-layout-grid__cell--order-6 { + order: 6; +} +.mdc-layout-grid__cell--order-7 { + order: 7; +} +.mdc-layout-grid__cell--order-8 { + order: 8; +} +.mdc-layout-grid__cell--order-9 { + order: 9; +} +.mdc-layout-grid__cell--order-10 { + order: 10; +} +.mdc-layout-grid__cell--order-11 { + order: 11; +} +.mdc-layout-grid__cell--order-12 { + order: 12; +} +.mdc-layout-grid__cell--align-top { + align-self: flex-start; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-top { + align-self: start; + } +} +.mdc-layout-grid__cell--align-middle { + align-self: center; +} +.mdc-layout-grid__cell--align-bottom { + align-self: flex-end; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-bottom { + align-self: end; + } +} + +@media (min-width: 840px) { + .mdc-layout-grid--fixed-column-width { + width: 1176px; + width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 ); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid--fixed-column-width { + width: 720px; + width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 ); + } +} +@media (max-width: 599px) { + .mdc-layout-grid--fixed-column-width { + width: 368px; + width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 ); + } +} + +.mdc-layout-grid--align-left { + margin-right: auto; + margin-left: 0; +} + +.mdc-layout-grid--align-right { + margin-right: 0; + margin-left: auto; +} + +.mdc-line-ripple::before, .mdc-line-ripple::after { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + border-bottom-style: solid; + content: ""; +} +.mdc-line-ripple::before { + border-bottom-width: 1px; + z-index: 1; +} +.mdc-line-ripple::after { + transform: scaleX(0); + border-bottom-width: 2px; + opacity: 0; + z-index: 2; +} +.mdc-line-ripple::after { + transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-line-ripple--active::after { + transform: scaleX(1); + opacity: 1; +} + +.mdc-line-ripple--deactivating::after { + opacity: 0; +} + +@keyframes mdc-linear-progress-primary-indeterminate-translate { + 0% { + transform: translateX(0); + } + 20% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(0); + } + 59.15% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(83.67142%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%)); + } + 100% { + transform: translateX(200.611057%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%)); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-scale { + 0% { + transform: scaleX(0.08); + } + 36.65% { + animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1); + transform: scaleX(0.08); + } + 69.15% { + animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + transform: scaleX(0.661479); + } + 100% { + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate { + 0% { + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + transform: translateX(0); + } + 25% { + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + transform: translateX(37.651913%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%)); + } + 48.35% { + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + transform: translateX(84.386165%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%)); + } + 100% { + transform: translateX(160.277782%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-scale { + 0% { + animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); + transform: scaleX(0.08); + } + 19.15% { + animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); + transform: scaleX(0.457104); + } + 44.15% { + animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); + transform: scaleX(0.72796); + } + 100% { + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-buffering { + from { + transform: rotate(180deg) translateX(-10px); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse { + 0% { + transform: translateX(0); + } + 20% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(0); + } + 59.15% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(-83.67142%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%)); + } + 100% { + transform: translateX(-200.611057%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse { + 0% { + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + transform: translateX(0); + } + 25% { + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + transform: translateX(-37.651913%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%)); + } + 48.35% { + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + transform: translateX(-84.386165%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%)); + } + 100% { + transform: translateX(-160.277782%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%)); + } +} +@keyframes mdc-linear-progress-buffering-reverse { + from { + transform: translateX(-10px); + } +} +.mdc-linear-progress { + position: relative; + width: 100%; + height: 4px; + transform: translateZ(0); + outline: 1px solid transparent; + overflow: hidden; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__bar { + position: absolute; + width: 100%; + height: 100%; + animation: none; + transform-origin: top left; + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__bar-inner { + display: inline-block; + position: absolute; + width: 100%; + animation: none; + border-top: 4px solid; +} +.mdc-linear-progress__buffer { + display: flex; + position: absolute; + width: 100%; + height: 100%; +} +.mdc-linear-progress__buffer-dots { + background-repeat: repeat-x; + background-size: 10px 4px; + flex: auto; + transform: rotate(180deg); + animation: mdc-linear-progress-buffering 250ms infinite linear; +} +.mdc-linear-progress__buffer-bar { + flex: 0 1 100%; + transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__primary-bar { + transform: scaleX(0); +} +.mdc-linear-progress__secondary-bar { + visibility: hidden; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__bar { + transition: none; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { + left: -145.166611%; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { + left: -54.888891%; + visibility: visible; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { + animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { + animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear; +} +.mdc-linear-progress--reversed .mdc-linear-progress__bar { + right: 0; + transform-origin: center right; +} +.mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse; +} +.mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse; +} +.mdc-linear-progress--reversed .mdc-linear-progress__buffer-dots { + animation: mdc-linear-progress-buffering-reverse 250ms infinite linear; + order: 0; + transform: rotate(0); +} +.mdc-linear-progress--reversed .mdc-linear-progress__buffer-bar { + order: 1; +} +.mdc-linear-progress--closed { + opacity: 0; +} +.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots { + animation: none; +} +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar, +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner { + animation: none; +} + +.mdc-linear-progress__bar-inner { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-linear-progress__buffer-dots { + background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E"); +} + +.mdc-linear-progress__buffer-bar { + background-color: #e6e6e6; +} + +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { + right: -145.166611%; + left: auto; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { + right: -54.888891%; + left: auto; +} + +.mdc-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} +.mdc-list:focus { + outline: none; +} + +.mdc-list-item { + height: 48px; +} + +.mdc-list-item__secondary-text { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); +} + +.mdc-list-item__graphic { + background-color: transparent; +} + +.mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-item__meta { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-list-item--disabled .mdc-list-item__text { + opacity: 0.38; +} + +.mdc-list-item--disabled .mdc-list-item__text, +.mdc-list-item--disabled .mdc-list-item__primary-text, +.mdc-list-item--disabled .mdc-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-list-item--selected, +.mdc-list-item--activated { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-list-item--selected .mdc-list-item__graphic, +.mdc-list-item--activated .mdc-list-item__graphic { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-list--dense { + padding-top: 4px; + padding-bottom: 4px; + font-size: 0.812rem; +} + +.mdc-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 48px; +} +.mdc-list-item:focus { + outline: none; +} +.mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} +.mdc-list-item.mdc-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; +} +[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--icon-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--icon-list .mdc-list-item, .mdc-list--icon-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--avatar-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-item, .mdc-list--avatar-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--thumbnail-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item, .mdc-list--thumbnail-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--image-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-list--image-list .mdc-list-item, .mdc-list--image-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--video-list .mdc-list-item { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-list--video-list .mdc-list-item, .mdc-list--video-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0px; +} + +.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 20px; + height: 20px; +} +[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, .mdc-list--dense .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-list-item__graphic { + flex-shrink: 0; + align-items: center; + justify-content: center; + fill: currentColor; + object-fit: cover; + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-list-item__graphic, .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--icon-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic, .mdc-list--icon-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--avatar-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; + border-radius: 50%; +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, .mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--thumbnail-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic, .mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--image-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 56px; + height: 56px; +} +[dir=rtl] .mdc-list--image-list .mdc-list-item__graphic, .mdc-list--image-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--video-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 100px; + height: 56px; +} +[dir=rtl] .mdc-list--video-list .mdc-list-item__graphic, .mdc-list--video-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-list .mdc-list-item__graphic { + display: inline-flex; +} + +.mdc-list-item__meta { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +.mdc-list-item__meta:not(.material-icons) { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} +.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} + +.mdc-list-item__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mdc-list-item__text[for] { + pointer-events: none; +} + +.mdc-list-item__primary-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list--video-list .mdc-list-item__primary-text, .mdc-list--image-list .mdc-list-item__primary-text, .mdc-list--thumbnail-list .mdc-list-item__primary-text, .mdc-list--avatar-list .mdc-list-item__primary-text, .mdc-list--icon-list .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list--video-list .mdc-list-item__primary-text::before, .mdc-list--image-list .mdc-list-item__primary-text::before, .mdc-list--thumbnail-list .mdc-list-item__primary-text::before, .mdc-list--avatar-list .mdc-list-item__primary-text::before, .mdc-list--icon-list .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list--video-list .mdc-list-item__primary-text::after, .mdc-list--image-list .mdc-list-item__primary-text::after, .mdc-list--thumbnail-list .mdc-list-item__primary-text::after, .mdc-list--avatar-list .mdc-list-item__primary-text::after, .mdc-list--icon-list .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list--dense .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list--dense .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-list--dense .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} +.mdc-list--dense .mdc-list-item__secondary-text { + font-size: inherit; +} + +.mdc-list--dense .mdc-list-item { + height: 40px; +} + +.mdc-list--two-line .mdc-list-item__text { + align-self: flex-start; +} + +.mdc-list--two-line .mdc-list-item { + height: 64px; +} +.mdc-list--two-line.mdc-list--video-list .mdc-list-item, .mdc-list--two-line.mdc-list--image-list .mdc-list-item, .mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item, .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item, .mdc-list--two-line.mdc-list--icon-list .mdc-list-item { + height: 72px; +} +.mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic { + align-self: flex-start; + margin-top: 16px; +} + +.mdc-list--two-line.mdc-list--dense .mdc-list-item, +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item { + height: 60px; +} + +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 36px; + height: 36px; +} +[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +:not(.mdc-list-item--disabled).mdc-list-item { + cursor: pointer; +} + +a.mdc-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-list-divider { + height: 0; + margin: 0; + border: none; + border-bottom-width: 1px; + border-bottom-style: solid; +} + +.mdc-list-divider { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-list-divider--padded { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list-divider--padded, .mdc-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list-divider--inset { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list-divider--inset, .mdc-list-divider--inset[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-list-divider--inset.mdc-list-divider--padded { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded, .mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading, .mdc-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--icon-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading, .mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--icon-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--avatar-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading, .mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--image-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading, .mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-list--image-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 104px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--video-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 116px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading, .mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-list--video-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 132px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 0px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} + +.mdc-list-group .mdc-list { + padding: 0; +} + +.mdc-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-evolution-list-item__primary-text { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-evolution-list-item__secondary-text { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); +} + +.mdc-evolution-list-item__start { + background-color: transparent; +} + +.mdc-evolution-list-item__start { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-evolution-list-item__end { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content { + opacity: 0.38; +} + +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content, +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__primary-text, +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-evolution-list-item--selected .mdc-evolution-list-item__primary-text, +.mdc-list-item--activated .mdc-evolution-list-item__primary-text { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-evolution-list-item--selected .mdc-evolution-list-item__start, +.mdc-list-item--activated .mdc-evolution-list-item__start { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-evolution-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; +} +.mdc-evolution-list:focus { + outline: none; +} + +.mdc-evolution-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + align-items: stretch; +} +.mdc-evolution-list-item:focus { + outline: none; +} +[dir=rtl] .mdc-evolution-list-item, .mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line { + height: 48px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines { + height: 64px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines { + height: 88px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__start { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item:not(.mdc-evolution-list-item--selected):focus::before, .mdc-evolution-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} +.mdc-evolution-list-item.mdc-evolution-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; +} +.mdc-evolution-list-item:not(.mdc-evolution-list-item--disabled) { + cursor: pointer; +} + +a.mdc-evolution-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-evolution-list-item__start { + fill: currentColor; +} + +.mdc-evolution-list-item__content { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + align-self: center; + min-width: 50%; + flex: 1; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__content, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__content { + align-self: stretch; +} +.mdc-evolution-list-item__content[for] { + pointer-events: none; +} + +.mdc-evolution-list-item__primary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-evolution-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} + +.mdc-evolution-list-item__overline-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + border-radius: 50%; +} + +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start { + width: 24px; + height: 24px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 32px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-one-line { + height: 72px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start { + width: 56px; + height: 56px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-one-line { + height: 72px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 8px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start { + width: 100px; + height: 56px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start { + width: 36px; + height: 20px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end { + width: 24px; + height: 24px; +} + +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 28px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 28px; +} +.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end::before, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} + +.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end { + width: 36px; + height: 20px; +} + +.mdc-evolution-list-group .mdc-list { + padding: 0; +} + +.mdc-evolution-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-evolution-list-divider { + background-color: rgba(0, 0, 0, 0.12); +} + +.mdc-evolution-list-divider { + height: 1px; + padding: 0; + background-clip: content-box; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} + +.mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 88px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 88px; +} + +.mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0px; +} +.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 116px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 116px; +} + +.mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 84px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 84px; +} + +.mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +:not(.mdc-list-item--disabled).mdc-evolution-list-item, +:not(.mdc-list-item--disabled).mdc-list-item { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + background-color: #000; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before { + opacity: 0.04; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before { + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before { + opacity: 0.16; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before { + opacity: 0.08; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before { + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-list-item--disabled { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-list-item--disabled .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + background-color: #000; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-list-item--disabled .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-menu { + min-width: 112px; +} +.mdc-menu .mdc-list-item__meta { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-list { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + position: relative; +} +.mdc-menu .mdc-list .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-menu .mdc-list-divider { + margin: 8px 0; +} +.mdc-menu .mdc-list-item { + user-select: none; +} +.mdc-menu .mdc-list-item--disabled { + cursor: auto; +} +.mdc-menu a.mdc-list-item .mdc-list-item__text, +.mdc-menu a.mdc-list-item .mdc-list-item__graphic { + pointer-events: none; +} + +.mdc-menu__selection-group { + padding: 0; + fill: currentColor; +} +.mdc-menu__selection-group .mdc-list-item { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 56px; +} +.mdc-menu__selection-group .mdc-menu__selection-group-icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + display: none; + position: absolute; + top: 50%; + transform: translateY(-50%); +} +[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} + +.mdc-menu-item--selected .mdc-menu__selection-group-icon { + display: inline; +} + +.mdc-menu-surface { + display: none; + position: absolute; + box-sizing: border-box; + max-width: calc(100vw - 32px); + max-height: calc(100vh - 32px); + margin: 0; + padding: 0; + transform: scale(1); + transform-origin: top left; + opacity: 0; + overflow: auto; + will-change: transform, opacity; + z-index: 8; + transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1); + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + /* @noflip */ + transform-origin-left: top left; + /* @noflip */ + transform-origin-right: top right; +} +.mdc-menu-surface:focus { + outline: none; +} +.mdc-menu-surface--open { + display: inline-block; + transform: scale(1); + opacity: 1; +} +.mdc-menu-surface--animating-open { + display: inline-block; + transform: scale(0.8); + opacity: 0; +} +.mdc-menu-surface--animating-closed { + display: inline-block; + opacity: 0; + transition: opacity 0.075s linear; +} +[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] { + /* @noflip */ + transform-origin-left: top right; + /* @noflip */ + transform-origin-right: top left; +} + +.mdc-menu-surface--anchor { + position: relative; + overflow: visible; +} + +.mdc-menu-surface--fixed { + position: fixed; +} + +.mdc-menu-surface--fullwidth { + width: 100%; +} + +.mdc-notched-outline { + display: flex; + position: absolute; + top: 0; + right: 0; + left: 0; + box-sizing: border-box; + width: 100%; + max-width: 100%; + height: 100%; + /* @noflip */ + text-align: left; + pointer-events: none; +} +[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing { + box-sizing: border-box; + height: 100%; + border-top: 1px solid; + border-bottom: 1px solid; + pointer-events: none; +} +.mdc-notched-outline__leading { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; + width: 12px; +} +[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; +} +.mdc-notched-outline__trailing { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; + flex-grow: 1; +} +[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; +} +.mdc-notched-outline__notch { + flex: 0 0 auto; + width: auto; + max-width: calc(100% - 12px * 2); +} +.mdc-notched-outline .mdc-floating-label { + display: inline-block; + position: relative; + max-width: 100%; +} +.mdc-notched-outline .mdc-floating-label--float-above { + text-overflow: clip; +} +.mdc-notched-outline--upgraded .mdc-floating-label--float-above { + max-width: calc(100% / 0.75); +} + +.mdc-notched-outline--notched .mdc-notched-outline__notch { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + border-top: none; +} +[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-notched-outline--no-label .mdc-notched-outline__notch { + padding: 0; +} + +.mdc-radio { + padding: 10px; + display: inline-block; + position: relative; + flex: 0 0 auto; + box-sizing: content-box; + width: 20px; + height: 20px; + cursor: pointer; + /* @alternate */ + will-change: opacity, transform, border-color, color; +} +.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.54); +} +.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio .mdc-radio__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio .mdc-radio__background::before { + top: -10px; + left: -10px; + width: 40px; + height: 40px; +} +.mdc-radio .mdc-radio__native-control { + top: 0px; + right: 0px; + left: 0px; + width: 40px; + height: 40px; +} +@media screen and (-ms-high-contrast: active) { + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: GrayText; + } +} +.mdc-radio__background { + display: inline-block; + position: relative; + box-sizing: border-box; + width: 20px; + height: 20px; +} +.mdc-radio__background::before { + position: absolute; + transform: scale(0, 0); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__outer-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + border-width: 2px; + border-style: solid; + border-radius: 50%; + transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__inner-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + transform: scale(0, 0); + border-width: 10px; + border-style: solid; + border-radius: 50%; + transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; + z-index: 1; +} +.mdc-radio--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-radio--touch .mdc-radio__native-control { + top: -4px; + right: -4px; + left: -4px; + width: 48px; + height: 48px; +} + +.mdc-radio__native-control:checked + .mdc-radio__background, +.mdc-radio__native-control:disabled + .mdc-radio__background { + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle { + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { + transform: scale(0.5); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio__native-control:disabled + .mdc-radio__background, +[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background { + cursor: default; +} + +.mdc-radio__native-control:focus + .mdc-radio__background::before { + transform: scale(1); + opacity: 0.12; + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-radio .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-radio .mdc-radio__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-radio .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before, +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio:hover .mdc-radio__ripple::before { + opacity: 0.04; +} +.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after { + transition: opacity 150ms linear; +} +.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-radio.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { + content: none; +} + +.mdc-radio__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-ripple-surface { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: relative; + outline: none; + overflow: hidden; +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-ripple-surface::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-ripple-surface.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-ripple-surface.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + background-color: #000; +} +.mdc-ripple-surface:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-ripple-surface.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded] { + overflow: visible; +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-ripple-surface--primary:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--primary.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-ripple-surface--accent:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--accent.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-select { + display: inline-flex; + position: relative; +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: rgba(33, 150, 243, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.54); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #2196F3; + /* @alternate */ + fill: var(--mdc-theme-primary, #2196F3); +} +.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__icon { + color: rgba(0, 0, 0, 0.54); +} +.mdc-select.mdc-select--disabled .mdc-select__icon { + color: rgba(0, 0, 0, 0.38); +} +@media screen and (-ms-high-contrast: active) { + .mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: red; + } + .mdc-select.mdc-select--disabled .mdc-floating-label { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__icon { + color: GrayText; + } + .mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: GrayText; + } +} +.mdc-select .mdc-floating-label { + top: 50%; + transform: translateY(-50%); + pointer-events: none; +} +.mdc-select .mdc-select__anchor { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-select .mdc-select__icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.mdc-select .mdc-select__dropdown-icon { + width: 24px; + height: 24px; +} +.mdc-select .mdc-select__menu .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item, .mdc-select .mdc-select__menu .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-select .mdc-select__menu .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic, .mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} +.mdc-select__dropdown-icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; + display: inline-flex; + position: relative; + align-self: center; + align-items: center; + justify-content: center; + flex-shrink: 0; + pointer-events: none; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active, +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + position: absolute; + top: 0; + left: 0; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic { + width: 41.6666666667%; + height: 20.8333333333%; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 1; + transition: opacity 75ms linear 75ms; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 0; + transition: opacity 75ms linear; +} +[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 0; + transition: opacity 49.5ms linear; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 1; + transition: opacity 100.5ms linear 49.5ms; +} + +.mdc-select__anchor { + width: 200px; + min-width: 0; + flex: 1 1 auto; + position: relative; + box-sizing: border-box; + overflow: hidden; + outline: none; + cursor: pointer; +} +.mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} + +.mdc-select__selected-text-container { + display: flex; + appearance: none; + pointer-events: none; + box-sizing: border-box; + width: auto; + min-width: 0; + flex-grow: 1; + height: 28px; + border: none; + outline: none; + padding: 0; + background-color: transparent; + color: inherit; +} + +.mdc-select__selected-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + width: 100%; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} + +.mdc-select__menu .mdc-list .mdc-select__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected, +.mdc-select__menu .mdc-list .mdc-list-item--activated { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic, +.mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-select--filled .mdc-select__anchor { + height: 56px; + display: flex; + align-items: baseline; +} +.mdc-select--filled .mdc-select__anchor::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before { + display: none; +} +.mdc-select--filled .mdc-select__anchor { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: whitesmoke; +} +.mdc-select--filled.mdc-select--disabled .mdc-select__anchor { + background-color: #fafafa; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #2196F3; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-select--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-select--filled .mdc-menu-surface--is-open-below { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after { + transform: scale(1, 2); + opacity: 1; +} +.mdc-select--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined { + border: none; +} +.mdc-select--outlined .mdc-select__anchor { + height: 56px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-56px { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-select__anchor { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined + .mdc-select-helper-text { + /* @noflip */ + margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-select--outlined .mdc-select__anchor { + display: flex; + align-items: baseline; + overflow: visible; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--outlined .mdc-select__anchor::before { + display: none; +} +.mdc-select--outlined .mdc-select__selected-text-container { + display: flex; + border: none; + z-index: 1; + background-color: transparent; +} +.mdc-select--outlined .mdc-select__icon { + z-index: 2; +} +.mdc-select--outlined .mdc-floating-label { + line-height: 1.15rem; + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px { + 0% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl { + 0% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 96px); +} +.mdc-select--outlined .mdc-menu-surface { + margin-bottom: 8px; +} +.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface, +.mdc-select--outlined .mdc-menu-surface--is-open-below { + margin-bottom: 0; +} + +.mdc-select__anchor { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-select__anchor .mdc-select__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-select__anchor:hover .mdc-select__ripple::before { + opacity: 0.04; +} +.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__anchor .mdc-select__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple::before { + opacity: 0.04; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-select-helper-text { + margin: 0; + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +[dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-select-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-select-helper-text--validation-msg { + opacity: 0; + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-select--invalid + .mdc-select-helper-text--validation-msg, +.mdc-select-helper-text--validation-msg-persistent { + opacity: 1; +} + +.mdc-select--with-leading-icon .mdc-select__icon { + display: inline-block; + box-sizing: border-box; + border: none; + text-decoration: none; + cursor: pointer; + user-select: none; + flex-shrink: 0; + align-self: center; + background-color: transparent; + fill: currentColor; +} +.mdc-select--with-leading-icon .mdc-select__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} + +.mdc-select__icon:not([tabindex]), +.mdc-select__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} + +.mdc-segmented-button { + display: inline-block; + font-size: 0; +} + +.mdc-segmented-button__segment { + border-color: rgba(0, 0, 0, 0.12); + /* @alternate */ + border-color: var(--mdc-segmented-button-outline-color, rgba(0, 0, 0, 0.12)); +} + +.mdc-segmented-button__segment { + color: rgba(0, 0, 0, 0.6); + /* @alternate */ + color: var(--mdc-segmented-button-unselected-ink-color, rgba(0, 0, 0, 0.6)); +} + +.mdc-segmented-button__segment { + background-color: white; + /* @alternate */ + background-color: var(--mdc-segmented-button-unselected-container-fill-color, white); +} + +.mdc-segmented-button__segment--selected { + color: #2196f3; + /* @alternate */ + color: var(--mdc-segmented-button-selected-ink-color, #2196f3); +} + +.mdc-segmented-button__segment--selected { + background-color: rgba(33, 150, 243, 0.08); + /* @alternate */ + background-color: var(--mdc-segmented-button-selected-container-fill-color, rgba(33, 150, 243, 0.08)); +} + +.mdc-segmented-button__segment { + /* @alternate */ + position: relative; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + display: inline-flex; + vertical-align: top; + align-items: center; + height: 36px; + min-width: 48px; + padding: 0 12px; + border-width: 1px 0 1px 1px; +} +.mdc-segmented-button__segment .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-segmented-button__segment:hover { + cursor: pointer; +} +.mdc-segmented-button__segment:focus { + outline-width: 0; +} +.mdc-segmented-button__segment:first-child { + border-radius: 4px 0 0 4px; +} +.mdc-segmented-button__segment:last-child { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} +.mdc-segmented-button__segment .mdc-segmented-button__segment__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-segmented-button__segment .mdc-segmented-button__segment--touch { + margin-top: 0px; + margin-bottom: 0px; +} + +.mdc-touch-target-wrapper .mdc-segmented-button__segment { + border-radius: 0; + border-right-width: 0; +} +.mdc-touch-target-wrapper:first-child .mdc-segmented-button__segment { + border-radius: 4px 0 0 4px; +} +.mdc-touch-target-wrapper:last-child .mdc-segmented-button__segment { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} + +.mdc-segmented-button__icon { + width: 24px; + font-size: 18px; +} + +.mdc-segmented-button__icon + .mdc-segmented-button__label { + padding-left: 6px; +} + +.mdc-segmented-button__segment { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + overflow: hidden; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--unbounded .mdc-segmented-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-activation .mdc-segmented-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-deactivation .mdc-segmented-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + background-color: #2196f3; +} +.mdc-segmented-button__segment:hover .mdc-segmented-button__ripple::before { + opacity: 0.04; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--background-focused .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-upgraded:focus-within .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus-within .mdc-segmented-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded) .mdc-segmented-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded):active .mdc-segmented-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-slider__thumb { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-slider__thumb::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-slider__thumb.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-slider__thumb.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-slider__thumb.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider__thumb:hover::before { + opacity: 0.04; +} +.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-slider { + cursor: pointer; + height: 48px; + margin: 0 24px; + position: relative; + touch-action: none; +} +.mdc-slider .mdc-slider__track { + height: 4px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 100%; +} +.mdc-slider .mdc-slider__track--active, +.mdc-slider .mdc-slider__track--inactive { + display: flex; + height: 100%; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__track--active { + border-radius: 3px; + height: 6px; + overflow: hidden; + top: -1px; +} +.mdc-slider .mdc-slider__track--active_fill { + border: 6px solid; + box-sizing: border-box; + height: 100%; + width: 100%; + position: relative; + /* @noflip */ + transform-origin: left; +} +[dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] { + /* @noflip */ + transform-origin: right; +} +.mdc-slider .mdc-slider__track--inactive { + border-radius: 2px; + height: 4px; + left: 0; + outline: 1px solid transparent; + top: 0; +} +.mdc-slider .mdc-slider__track--active_fill { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill { + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__track--inactive { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + opacity: 0.24; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.24; +} +.mdc-slider .mdc-slider__value-indicator-container { + bottom: 44px; + left: 50%; + position: absolute; + transform: translateX(-50%); +} +.mdc-slider .mdc-slider__value-indicator { + transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1); + align-items: center; + border-radius: 4px; + display: flex; + height: 32px; + outline: 1px solid transparent; + padding: 0 12px; + transform: scale(0); + transform-origin: bottom; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid; + bottom: -5px; + content: ""; + height: 0; + left: 50%; + position: absolute; + transform: translateX(-50%); + width: 0; +} +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1); + transform: scale(1); +} +@media (prefers-reduced-motion) { + .mdc-slider .mdc-slider__value-indicator, +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: none; + } +} +.mdc-slider .mdc-slider__value-indicator-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} +.mdc-slider .mdc-slider__value-indicator { + background-color: #000; + opacity: 0.6; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-top-color: #000; +} +.mdc-slider .mdc-slider__value-indicator { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-slider .mdc-slider__thumb { + display: flex; + height: 48px; + left: -24px; + outline: none; + position: absolute; + user-select: none; + width: 48px; +} +.mdc-slider .mdc-slider__thumb--top { + z-index: 1; +} +.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob { + border: 1px solid; + box-sizing: content-box; + border-color: #fff; +} +.mdc-slider .mdc-slider__thumb-knob { + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + border: 10px solid; + border-radius: 50%; + box-sizing: border-box; + height: 20px; + /* @noflip */ + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + width: 20px; +} +.mdc-slider .mdc-slider__thumb-knob { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider .mdc-slider__thumb:hover::before { + opacity: 0.04; +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-slider .mdc-slider__tick-marks { + align-items: center; + box-sizing: border-box; + display: flex; + height: 100%; + justify-content: space-between; + padding: 0 1px; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__tick-mark--active, +.mdc-slider .mdc-slider__tick-mark--inactive { + border-radius: 50%; + height: 2px; + width: 2px; +} +.mdc-slider .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider .mdc-slider__tick-mark--inactive { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled { + opacity: 0.38; + cursor: auto; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb { + pointer-events: none; +} +.mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: transform 80ms ease; +} +@media (prefers-reduced-motion) { + .mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: none; + } +} + +.mdc-snackbar { + z-index: 8; + margin: 8px; + display: none; + position: fixed; + right: 0; + bottom: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + pointer-events: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.mdc-snackbar__surface { + background-color: #333333; +} + +.mdc-snackbar__label { + color: rgba(255, 255, 255, 0.87); +} + +.mdc-snackbar__surface { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-snackbar__surface { + min-width: 100%; + } +} + +.mdc-snackbar__surface { + max-width: 672px; +} + +.mdc-snackbar__surface { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-snackbar__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-snackbar--opening, +.mdc-snackbar--open, +.mdc-snackbar--closing { + display: flex; +} + +.mdc-snackbar--open .mdc-snackbar__label, +.mdc-snackbar--open .mdc-snackbar__actions { + visibility: visible; +} + +.mdc-snackbar--leading { + justify-content: flex-start; +} + +.mdc-snackbar--stacked .mdc-snackbar__label { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + padding-bottom: 12px; +} +[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} +.mdc-snackbar--stacked .mdc-snackbar__surface { + flex-direction: column; + align-items: flex-start; +} +.mdc-snackbar--stacked .mdc-snackbar__actions { + align-self: flex-end; + margin-bottom: 8px; +} + +.mdc-snackbar__surface { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + display: flex; + align-items: center; + justify-content: flex-start; + box-sizing: border-box; + transform: scale(0.8); + opacity: 0; +} +[dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} +.mdc-snackbar--open .mdc-snackbar__surface { + transform: scale(1); + opacity: 1; + pointer-events: auto; + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-snackbar--closing .mdc-snackbar__surface { + transform: scale(1); + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-snackbar__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + width: 100%; + flex-grow: 1; + box-sizing: border-box; + margin: 0; + visibility: hidden; + padding-top: 14px; + padding-bottom: 14px; +} +[dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} + +.mdc-snackbar__label::before { + display: inline; + content: attr(data-mdc-snackbar-label-text); +} + +.mdc-snackbar__actions { + display: flex; + flex-shrink: 0; + align-items: center; + box-sizing: border-box; + visibility: hidden; +} + +.mdc-snackbar__action:not(:disabled) { + color: #bb86fc; +} +.mdc-snackbar__action::before, .mdc-snackbar__action::after { + background-color: #bb86fc; +} +.mdc-snackbar__action:hover::before { + opacity: 0.08; +} +.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-snackbar__dismiss { + color: rgba(255, 255, 255, 0.87); +} +.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after { + background-color: rgba(255, 255, 255, 0.87); +} +.mdc-snackbar__dismiss:hover::before { + opacity: 0.08; +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-snackbar__dismiss.mdc-snackbar__dismiss { + width: 36px; + height: 36px; + padding: 9px; + font-size: 18px; +} +.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg, +.mdc-snackbar__dismiss.mdc-snackbar__dismiss img { + width: 18px; + height: 18px; +} + +.mdc-snackbar__action + .mdc-snackbar__dismiss { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +.mdc-switch__thumb-underlay { + /* @noflip */ + left: -14px; + /* @noflip */ + right: initial; + top: -17px; + width: 48px; + height: 48px; +} +[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: -14px; +} + +.mdc-switch__native-control { + width: 64px; + height: 48px; +} + +.mdc-switch { + display: inline-block; + position: relative; + outline: none; + user-select: none; +} +.mdc-switch.mdc-switch--checked .mdc-switch__track { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch.mdc-switch--checked .mdc-switch__thumb { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-theme-surface, #fff); +} + +.mdc-switch__native-control { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + position: absolute; + top: 0; + margin: 0; + opacity: 0; + cursor: pointer; + pointer-events: auto; + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} + +.mdc-switch__track { + box-sizing: border-box; + width: 36px; + height: 14px; + border: 1px solid transparent; + border-radius: 7px; + opacity: 0.38; + transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-switch__thumb-underlay { + display: flex; + position: absolute; + align-items: center; + justify-content: center; + transform: translateX(0); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-switch__thumb { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-sizing: border-box; + width: 20px; + height: 20px; + border: 10px solid; + border-radius: 50%; + pointer-events: none; + z-index: 1; +} + +.mdc-switch--checked .mdc-switch__track { + opacity: 0.54; +} +.mdc-switch--checked .mdc-switch__thumb-underlay { + transform: translateX(16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] { + transform: translateX(-16px); +} +.mdc-switch--checked .mdc-switch__native-control { + transform: translateX(-16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] { + transform: translateX(16px); +} + +.mdc-switch--disabled { + opacity: 0.38; + pointer-events: none; +} +.mdc-switch--disabled .mdc-switch__thumb { + border-width: 1px; +} +.mdc-switch--disabled .mdc-switch__native-control { + cursor: default; + pointer-events: none; +} + +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { + background-color: #9e9e9e; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { + opacity: 0.08; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-switch__thumb-underlay { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-switch__thumb-underlay::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch__thumb-underlay:hover::before { + opacity: 0.04; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-tab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding-right: 24px; + padding-left: 24px; + position: relative; + display: flex; + flex: 1 0 auto; + justify-content: center; + box-sizing: border-box; + margin: 0; + padding-top: 0; + padding-bottom: 0; + border: none; + outline: none; + background: none; + text-align: center; + white-space: nowrap; + cursor: pointer; + -webkit-appearance: none; + z-index: 1; +} +.mdc-tab .mdc-tab__text-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-tab .mdc-tab__icon { + color: rgba(0, 0, 0, 0.54); + fill: currentColor; +} +.mdc-tab::-moz-focus-inner { + padding: 0; + border: 0; +} + +.mdc-tab--min-width { + flex: 0 1 auto; +} + +.mdc-tab__content { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: inherit; + pointer-events: none; +} + +.mdc-tab__text-label { + transition: 150ms color linear; + display: inline-block; + line-height: 1; + z-index: 2; +} + +.mdc-tab__icon { + transition: 150ms color linear; + width: 24px; + height: 24px; + font-size: 24px; + z-index: 2; +} + +.mdc-tab--stacked .mdc-tab__content { + flex-direction: column; + align-items: center; + justify-content: center; +} +.mdc-tab--stacked .mdc-tab__text-label { + padding-top: 6px; + padding-bottom: 4px; +} + +.mdc-tab--active .mdc-tab__text-label { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab--active .mdc-tab__icon { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); + fill: currentColor; +} +.mdc-tab--active .mdc-tab__text-label, +.mdc-tab--active .mdc-tab__icon { + transition-delay: 100ms; +} + +.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; +} + +.mdc-tab__ripple { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-tab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-tab__ripple.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-tab__ripple.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-tab__ripple.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab__ripple:hover::before { + opacity: 0.04; +} +.mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before, .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-tab__ripple.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-bar { + width: 100%; +} + +.mdc-tab { + height: 48px; +} + +.mdc-tab--stacked { + height: 72px; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-indicator { + display: flex; + position: absolute; + top: 0; + left: 0; + justify-content: center; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1; +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab-indicator .mdc-tab-indicator__content--icon { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-top-width: 2px; +} +.mdc-tab-indicator .mdc-tab-indicator__content--icon { + height: 34px; + font-size: 34px; +} + +.mdc-tab-indicator__content { + transform-origin: left; + opacity: 0; +} + +.mdc-tab-indicator__content--underline { + align-self: flex-end; + box-sizing: border-box; + width: 100%; + border-top-style: solid; +} + +.mdc-tab-indicator__content--icon { + align-self: center; + margin: 0 auto; +} + +.mdc-tab-indicator--active .mdc-tab-indicator__content { + opacity: 1; +} + +.mdc-tab-indicator .mdc-tab-indicator__content { + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-tab-indicator--no-transition .mdc-tab-indicator__content { + transition: none; +} + +.mdc-tab-indicator--fade .mdc-tab-indicator__content { + transition: 150ms opacity linear; +} + +.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content { + transition-delay: 100ms; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-scroller { + overflow-y: hidden; +} +.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content { + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-tab-scroller__test { + position: absolute; + top: -9999px; + width: 100px; + height: 100px; + overflow-x: scroll; +} + +.mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: touch; + display: flex; + overflow-x: hidden; +} + +.mdc-tab-scroller__scroll-area::-webkit-scrollbar, +.mdc-tab-scroller__test::-webkit-scrollbar { + display: none; +} + +.mdc-tab-scroller__scroll-area--scroll { + overflow-x: scroll; +} + +.mdc-tab-scroller__scroll-content { + position: relative; + display: flex; + flex: 1 0 auto; + transform: none; + will-change: transform; +} + +.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content { + justify-content: flex-start; +} + +.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content { + justify-content: flex-end; +} + +.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content { + justify-content: center; +} + +.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: auto; +} + +.mdc-text-field--filled { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-text-field--filled .mdc-text-field__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} + +.mdc-text-field__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-text-field { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + display: inline-flex; + align-items: baseline; + padding: 0 16px; + position: relative; + box-sizing: border-box; + overflow: hidden; + /* @alternate */ + will-change: opacity, transform, color; +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { + color: rgba(0, 0, 0, 0.87); +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +.mdc-text-field .mdc-text-field__input { + caret-color: #2196F3; + /* @alternate */ + caret-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field .mdc-floating-label { + top: 50%; + transform: translateY(-50%); + pointer-events: none; +} + +.mdc-text-field__input { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + width: 100%; + min-width: 0; + border: none; + border-radius: 0; + background: none; + appearance: none; + padding: 0; +} +.mdc-text-field__input::-ms-clear { + display: none; +} +.mdc-text-field__input::-webkit-calendar-picker-indicator { + display: none; +} +.mdc-text-field__input:focus { + outline: none; +} +.mdc-text-field__input:invalid { + box-shadow: none; +} +@media all { + .mdc-text-field__input::placeholder { + transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field__input:-ms-input-placeholder { + transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} + +.mdc-text-field__affix { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + white-space: nowrap; +} +.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix { + opacity: 1; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--outlined .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} + +.mdc-text-field--filled { + height: 56px; +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--filled:hover .mdc-text-field__ripple::before { + opacity: 0.04; +} +.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-text-field--filled::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) { + background-color: whitesmoke; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--filled .mdc-line-ripple::after { + border-bottom-color: #2196F3; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-text-field--filled .mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label { + display: none; +} +.mdc-text-field--filled.mdc-text-field--no-label::before { + display: none; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field--outlined { + height: 56px; + overflow: visible; +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-text-field--outlined .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-text-field--outlined .mdc-text-field__ripple::before, +.mdc-text-field--outlined .mdc-text-field__ripple::after { + content: none; +} +.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-text-field--outlined .mdc-text-field__input { + display: flex; + border: none !important; + background-color: transparent; +} +.mdc-text-field--outlined .mdc-notched-outline { + z-index: 1; +} + +.mdc-text-field--textarea { + flex-direction: column; + align-items: center; + width: auto; + height: auto; + padding: 0; + transition: none; +} +.mdc-text-field--textarea .mdc-floating-label { + top: 19px; +} +.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) { + transform: none; +} +.mdc-text-field--textarea .mdc-text-field__input { + flex-grow: 1; + height: auto; + min-height: 1.5rem; + overflow-x: hidden; + overflow-y: auto; + box-sizing: border-box; + resize: none; + padding: 0 16px; + line-height: 1.5rem; +} +.mdc-text-field--textarea.mdc-text-field--filled::before { + display: none; +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above { + transform: translateY(-10.25px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-textarea-filled { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input { + margin-top: 23px; + margin-bottom: 9px; +} +.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-27.25px) scale(1); +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-24.75px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-textarea-outlined { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label { + top: 18px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input { + margin-bottom: 2px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter { + align-self: flex-end; + padding: 0 16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: -16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before { + display: none; +} + +.mdc-text-field__resizer { + align-self: stretch; + display: inline-flex; + flex-direction: column; + flex-grow: 1; + max-height: 100%; + max-width: 100%; + min-height: 56px; + min-width: fit-content; + /* @alternate */ + min-width: -moz-available; + /* @alternate */ + min-width: -webkit-fill-available; + overflow: hidden; + resize: both; +} +.mdc-text-field--filled .mdc-text-field__resizer { + transform: translateY(-1px); +} +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter { + transform: translateY(1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer { + transform: translateX(-1px) translateY(-1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] { + transform: translateX(1px) translateY(-1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter { + transform: translateX(1px) translateY(1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] { + transform: translateX(-1px) translateY(1px); +} + +.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 48px); + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} + +.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} + +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-text-field-helper-line { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.mdc-text-field + .mdc-text-field-helper-line { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-form-field > .mdc-text-field + label { + align-self: flex-start; +} + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(33, 150, 243, 0.87); +} +.mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--focused .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { + opacity: 1; +} +.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} + +.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid .mdc-text-field__input { + caret-color: #b00020; + /* @alternate */ + caret-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + opacity: 1; +} + +.mdc-text-field--disabled { + pointer-events: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + color: rgba(0, 0, 0, 0.38); +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +.mdc-text-field--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-floating-label { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--leading { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } +} +.mdc-text-field--disabled .mdc-floating-label { + cursor: default; +} +.mdc-text-field--disabled.mdc-text-field--filled { + background-color: #fafafa; +} +.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple { + display: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + pointer-events: auto; +} + +.mdc-text-field--end-aligned .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] { + /* @noflip */ + text-align: left; +} + +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input, +.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix { + /* @noflip */ + direction: ltr; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading { + order: 1; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + order: 2; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input { + order: 3; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + order: 4; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing { + order: 5; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; +} + +.mdc-text-field-helper-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + opacity: 0; + will-change: opacity; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-text-field-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-text-field-helper-text--persistent { + transition: none; + opacity: 1; + will-change: initial; +} + +.mdc-text-field-character-counter { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; + white-space: nowrap; +} +.mdc-text-field-character-counter::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} + +.mdc-text-field__icon { + align-self: center; + cursor: pointer; +} +.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} +.mdc-text-field__icon svg { + display: block; +} + +.mdc-text-field__icon--leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 16px; +} + +.mdc-text-field__icon--trailing { + padding: 12px; + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} +[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} + +:root { + --mdc-theme-primary: #2196F3; + --mdc-theme-secondary: #2196F3; + --mdc-theme-background: #BBDEFB; + --mdc-theme-surface: #fff; + --mdc-theme-error: #b00020; + --mdc-theme-on-primary: #fff; + --mdc-theme-on-secondary: #fff; + --mdc-theme-on-surface: #000; + --mdc-theme-on-error: #fff; + --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-dark: white; + --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7); + --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); +} + +.mdc-theme--primary { + color: #2196F3 !important; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3) !important; +} + +.mdc-theme--secondary { + color: #2196F3 !important; + /* @alternate */ + color: var(--mdc-theme-secondary, #2196F3) !important; +} + +.mdc-theme--background { + background-color: #BBDEFB; + /* @alternate */ + background-color: var(--mdc-theme-background, #BBDEFB); +} + +.mdc-theme--surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-theme--error { + color: #b00020 !important; + /* @alternate */ + color: var(--mdc-theme-error, #b00020) !important; +} + +.mdc-theme--on-primary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff) !important; +} + +.mdc-theme--on-secondary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff) !important; +} + +.mdc-theme--on-surface { + color: #000 !important; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000) !important; +} + +.mdc-theme--on-error { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-error, #fff) !important; +} + +.mdc-theme--text-primary-on-background { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important; +} + +.mdc-theme--text-secondary-on-background { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important; +} + +.mdc-theme--text-hint-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-disabled-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-icon-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-primary-on-light { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important; +} + +.mdc-theme--text-secondary-on-light { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important; +} + +.mdc-theme--text-hint-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-disabled-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-icon-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-primary-on-dark { + color: white !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white) !important; +} + +.mdc-theme--text-secondary-on-dark { + color: rgba(255, 255, 255, 0.7) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important; +} + +.mdc-theme--text-hint-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--text-disabled-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--text-icon-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--primary-bg { + background-color: #2196F3 !important; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3) !important; +} + +.mdc-theme--secondary-bg { + background-color: #2196F3 !important; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3) !important; +} + +.mdc-tooltip__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-tooltip__surface { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); +} + +.mdc-tooltip__surface { + background-color: rgba(0, 0, 0, 0.6); +} + +.mdc-tooltip__surface { + word-break: break-all; + /* @alternate */ + word-break: var(--mdc-tooltip-word-break, normal); + overflow-wrap: anywhere; +} + +.mdc-tooltip { + z-index: 2; +} + +.mdc-tooltip { + position: fixed; + display: none; +} + +.mdc-tooltip--shown, +.mdc-tooltip--showing, +.mdc-tooltip--hide { + display: inline-flex; +} + +.mdc-tooltip__surface { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + line-height: 16px; + padding: 4px 8px; + min-width: 40px; + max-width: 200px; + min-height: 24px; + max-height: 40vh; + box-sizing: border-box; + overflow: hidden; + transform: scale(0.8); + text-align: center; + opacity: 0; + outline: 1px solid transparent; +} +.mdc-tooltip--multiline .mdc-tooltip__surface { + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface, .mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-tooltip--shown .mdc-tooltip__surface { + transform: scale(1); + opacity: 1; +} +.mdc-tooltip--showing-transition .mdc-tooltip__surface { + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-tooltip--hide .mdc-tooltip__surface { + transform: scale(1); +} +.mdc-tooltip--hide-transition .mdc-tooltip__surface { + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-top-app-bar { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + color: white; + display: flex; + position: fixed; + flex-direction: column; + justify-content: space-between; + box-sizing: border-box; + width: 100%; + z-index: 4; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.08; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-top-app-bar__row { + display: flex; + position: relative; + box-sizing: border-box; + width: 100%; + height: 64px; +} +.mdc-top-app-bar__section { + display: inline-flex; + flex: 1 1 auto; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; +} +.mdc-top-app-bar__section--align-start { + justify-content: flex-start; + order: -1; +} +.mdc-top-app-bar__section--align-end { + justify-content: flex-end; + order: 1; +} +.mdc-top-app-bar__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; +} +[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 24px; + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 24px; +} + +.mdc-top-app-bar--short { + top: 0; + /* @noflip */ + right: auto; + /* @noflip */ + left: 0; + width: 100%; + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; +} +.mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; +} +.mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; +} +.mdc-top-app-bar--short .mdc-top-app-bar__title { + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; +} + +.mdc-top-app-bar--short-collapsed { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + width: 56px; + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; +} +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; +} +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; +} +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; +} +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; +} +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + align-self: flex-end; + padding-bottom: 2px; +} +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + align-self: flex-start; +} + +.mdc-top-app-bar--fixed { + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--fixed-scrolled { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; +} +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; +} +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; +} +[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; +} + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; +} + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; +} + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; +} + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; +} + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; + } + + .mdc-top-app-bar__section { + padding: 4px; + } + + .mdc-top-app-bar--short { + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed { + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + } + [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + } + + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; + } + + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; + } +} +.mdc-typography { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-font-family, Roboto, sans-serif); +} + +.mdc-typography--headline1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 6rem; + /* @alternate */ + font-size: var(--mdc-typography-headline1-font-size, 6rem); + line-height: 6rem; + /* @alternate */ + line-height: var(--mdc-typography-headline1-line-height, 6rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline1-font-weight, 300); + letter-spacing: -0.015625em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline1-text-transform, inherit); +} + +.mdc-typography--headline2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3.75rem; + /* @alternate */ + font-size: var(--mdc-typography-headline2-font-size, 3.75rem); + line-height: 3.75rem; + /* @alternate */ + line-height: var(--mdc-typography-headline2-line-height, 3.75rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline2-font-weight, 300); + letter-spacing: -0.0083333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline2-text-transform, inherit); +} + +.mdc-typography--headline3 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3rem; + /* @alternate */ + font-size: var(--mdc-typography-headline3-font-size, 3rem); + line-height: 3.125rem; + /* @alternate */ + line-height: var(--mdc-typography-headline3-line-height, 3.125rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline3-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline3-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline3-text-transform, inherit); +} + +.mdc-typography--headline4 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 2.125rem; + /* @alternate */ + font-size: var(--mdc-typography-headline4-font-size, 2.125rem); + line-height: 2.5rem; + /* @alternate */ + line-height: var(--mdc-typography-headline4-line-height, 2.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline4-font-weight, 400); + letter-spacing: 0.0073529412em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline4-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline4-text-transform, inherit); +} + +.mdc-typography--headline5 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.5rem; + /* @alternate */ + font-size: var(--mdc-typography-headline5-font-size, 1.5rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline5-line-height, 2rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline5-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline5-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline5-text-transform, inherit); +} + +.mdc-typography--headline6 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); +} + +.mdc-typography--subtitle1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); +} + +.mdc-typography--subtitle2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} + +.mdc-typography--body1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); +} + +.mdc-typography--body2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-typography--caption { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} + +.mdc-typography--button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); +} + +.mdc-typography--overline { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-overline-font-size, 0.75rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-overline-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-overline-font-weight, 500); + letter-spacing: 0.1666666667em; + /* @alternate */ + letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-overline-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-overline-text-transform, uppercase); +} + +.mdc-top-app-bar { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + color: white; + display: flex; + position: fixed; + flex-direction: column; + justify-content: space-between; + box-sizing: border-box; + width: 100%; + z-index: 4; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.08; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-top-app-bar__row { + display: flex; + position: relative; + box-sizing: border-box; + width: 100%; + height: 64px; +} + +.mdc-top-app-bar__section { + display: inline-flex; + flex: 1 1 auto; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; +} + +.mdc-top-app-bar__section--align-start { + justify-content: flex-start; + order: -1; +} + +.mdc-top-app-bar__section--align-end { + justify-content: flex-end; + order: 1; +} + +.mdc-top-app-bar__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; +} + +[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 24px; + /* @noflip */ + border-bottom-left-radius: 0; +} + +[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 24px; +} + +.mdc-top-app-bar--short { + top: 0; + /* @noflip */ + right: auto; + /* @noflip */ + left: 0; + width: 100%; + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__title { + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; +} + +.mdc-top-app-bar--short-collapsed { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + width: 56px; + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; +} + +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + align-self: flex-end; + padding-bottom: 2px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + align-self: flex-start; +} + +.mdc-top-app-bar--fixed { + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--fixed-scrolled { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; +} + +[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; +} + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; +} + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; +} + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; +} + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; +} + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; + } + + .mdc-top-app-bar__section { + padding: 4px; + } + + .mdc-top-app-bar--short { + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed { + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + } + + [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + } + + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; + } + + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; + } +} +.summary-explain-p { + font-family: "Arial", sans-serif !important; + font-size: 18px; + display: inline-block; + margin-left: 8px; + padding: 8px 8px 8px 8px; +} + +/* The class for the formation of the used values*/ +.view-saved-values { + display: flex; + flex-direction: column; + justify-content: flex-start; +} + +.summary-picto-div { + font-family: "Arial", sans-serif !important; + padding-left: 4px; + padding-right: 4px; + padding-bottom: 4px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: flex-start; + justify-content: flex-start; +} +.summary-picto-div img { + display: inline-block; + width: 32px; + height: 32px; +} +.summary-picto-div p { + font-family: "Arial", sans-serif !important; + font-size: 18px; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} + +.title-h-picto-div { + font-family: "Arial", sans-serif !important; + width: 80wv; + display: flex; + flex-direction: row; + flex-wrap: nowrap; +} +.title-h-picto-div img { + display: inline-block; + padding: 8px 8px 8px 8px; + width: 72px; + height: 72px; +} +.title-h-picto-div h1 { + padding: 8px 8px 8px 8px; + display: inline-block; + font-family: "Arial", sans-serif !important; + font-size: 24px; +} + +.mdc-card { + font-family: "Arial", sans-serif !important; + margin: 8px 8px 8px 8px; + padding-left: 16px; + padding-right: 16px; + padding-top: 8px; + padding-bottom: 8px; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; +} +.mdc-card h1 { + font-family: "Arial", sans-serif !important; + font-size: 24px; +} +.mdc-card h2 { + font-family: "Arial", sans-serif !important; + font-size: 22px; +} +.mdc-card p { + font-family: "Arial", sans-serif !important; + font-size: 18px; + padding: 8px 8px 8px 8px; +} +.mdc-card .mdc-button { + padding: 4px 4px 4px 4px; + margin-bottom: 8px; + text-transform: lowercase; +} +.mdc-card ul { + padding: 8px 8px 8px 8px; + font-family: "Arial", sans-serif !important; + font-size: 18px; +} +.mdc-card ol { + padding: 8px 8px 8px 8px; + font-family: "Arial", sans-serif !important; + font-size: 18px; +} +.mdc-card li { + padding: 8px 8px 8px 8px; + font-family: "Arial", sans-serif !important; + font-size: 18px; +} +.mdc-card dl { + padding: 8px 8px 8px 8px; + font-family: "Arial", sans-serif !important; + font-size: 18px; +} +.mdc-card dt { + padding: 8px 8px 8px 8px; + font-family: "Arial", sans-serif !important; + font-size: 18px; +} +.mdc-card dd { + padding: 8px 8px 8px 8px; + font-family: "Arial", sans-serif !important; + font-size: 18px; +} +.mdc-card hr { + width: 20vw; +} + +.cut { + width: 75vw; + height: 90vh; + overflow-x: auto; + overflow-y: auto; +} + +.custom-direction-cut { + display: flex; + flex-direction: row; +} + +/* This class used for the highlighting in the text of a policy*/ +.costum-css-select { + background-color: #BBDEFB !important; + color: #000 !important; +} + +.costum-app-bar { + font-family: "Arial", sans-serif !important; + text-align: center; + color: #FFF; + width: 100vw; + height: 10vh; + background-color: #2196F3; +} +.costum-app-bar h1 { + margin: auto; +} + +/* this class defines the attributes vor the div that contains the faq cards*/ +.costum-advanced-div { + all: unset; + width: 25vw; + height: 90vh; + display: flex; + flex-direction: column; + align-items: stretch; + padding: 8px 8px 8px 8px; + overflow-x: hidden; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: #2196F3 #BBDEFB; + background-color: #BBDEFB; +} +.costum-advanced-div p { + font-family: "Arial", sans-serif; + font-size: 18px !important; + padding: 8px 8px 8px 8px; +} +.costum-advanced-div h1 { + font-size: 20px; + font-family: "Arial", sans-serif !important; + padding: 8px 8px 8px 8px; +} +.costum-advanced-div .mdc-button { + padding: 4px 4px 4px 4px; + margin-bottom: 8px; + text-transform: lowercase; +} +.mdc-button { + font-family: "Arial", sans-serif !important; + padding: 4px 4px 4px 4px; + margin-bottom: 8px; + text-transform: lowercase; +} \ No newline at end of file diff --git a/plugin-firefox/html/css/style_longer.css b/plugin-firefox/html/css/style_longer.css new file mode 100644 index 0000000..26b8b04 --- /dev/null +++ b/plugin-firefox/html/css/style_longer.css @@ -0,0 +1,14000 @@ +@charset "UTF-8"; +@keyframes loading { + 0% { + transform: translateX(-150%) scale(1); + } + 25% { + transform: translateX(0%) scale(0.5); + } + 50% { + transform: translateX(150%) scale(1); + } + 75% { + transform: translateX(0%) scale(0.5); + } + 100% { + transform: translateX(-150%) scale(1); + } +} +@keyframes spinner { + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes fadecheck { + 0% { + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes longer-lightning { + 50% { + background-color: #2196F3; + color: #FFFFFF; + } + 100% { + background-color: white; + color: black; + } +} +.mdc-banner__text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-banner__graphic { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-surface, #fff); +} + +.mdc-banner__graphic { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-banner__graphic { + border-radius: 50%; +} + +.mdc-banner__content, +.mdc-banner__fixed { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-banner__content, +.mdc-banner__fixed { + min-width: 100%; + } +} + +.mdc-banner__content { + max-width: 720px; +} + +.mdc-banner { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-bottom-color: rgba(0, 0, 0, 0.12); + z-index: 1; + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + display: none; + flex-shrink: 0; + height: 0; + position: relative; + width: 100%; +} +.mdc-banner .mdc-banner__fixed { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-banner .mdc-banner__fixed { + border-bottom-color: rgba(0, 0, 0, 0.12); +} +@media (max-width: 480px) { + .mdc-banner .mdc-banner__fixed { + left: 0; + right: 0; + } + .mdc-banner .mdc-banner__content { + flex-wrap: wrap; + } + .mdc-banner .mdc-banner__graphic { + margin-bottom: 12px; + } + .mdc-banner .mdc-banner__text { + margin-left: 16px; + margin-right: 8px; + padding-bottom: 4px; + } + .mdc-banner .mdc-banner__actions { + margin-left: auto; + } +} + +.mdc-banner--opening, +.mdc-banner--open, +.mdc-banner--closing { + display: flex; +} + +.mdc-banner--open { + transition: height 300ms ease; +} +.mdc-banner--open .mdc-banner__content { + transition: transform 300ms ease; + transform: translateY(0); +} + +.mdc-banner--closing { + transition: height 250ms ease; +} +.mdc-banner--closing .mdc-banner__content { + transition: transform 250ms ease; +} + +.mdc-banner--centered .mdc-banner__content { + left: 0; + margin-left: auto; + margin-right: auto; + right: 0; +} + +.mdc-banner__fixed { + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + height: inherit; + position: fixed; + width: 100%; +} + +.mdc-banner__content { + display: flex; + min-height: 52px; + position: absolute; + transform: translateY(-100%); + width: 100%; +} + +.mdc-banner__graphic-text-wrapper { + display: flex; + width: 100%; +} + +.mdc-banner__graphic { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + flex-shrink: 0; + height: 40px; + margin-top: 16px; + margin-bottom: 16px; + text-align: center; + width: 40px; +} +[dir=rtl] .mdc-banner__graphic, .mdc-banner__graphic[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-banner__icon { + position: relative; + top: 50%; + transform: translateY(-50%); +} + +.mdc-banner__text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 90px; + align-self: center; + flex-grow: 1; + padding-top: 16px; + padding-bottom: 16px; +} +[dir=rtl] .mdc-banner__text, .mdc-banner__text[dir=rtl] { + /* @noflip */ + margin-left: 90px; + /* @noflip */ + margin-right: 24px; +} + +.mdc-banner__actions { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + align-self: flex-end; + display: flex; + flex-shrink: 0; + padding-bottom: 8px; + padding-top: 8px; +} +[dir=rtl] .mdc-banner__actions, .mdc-banner__actions[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-banner__primary-action:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__primary-action::before, .mdc-banner__primary-action::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__primary-action:hover::before { + opacity: 0.04; +} +.mdc-banner__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-banner__secondary-action { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-banner__secondary-action:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__secondary-action::before, .mdc-banner__secondary-action::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-banner__secondary-action:hover::before { + opacity: 0.04; +} +.mdc-banner__secondary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__secondary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-banner__secondary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +[dir=rtl] .mdc-banner__secondary-action, .mdc-banner__secondary-action[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} + +.mdc-touch-target-wrapper { + display: inline; +} + +.mdc-elevation-overlay { + position: absolute; + border-radius: inherit; + pointer-events: none; + opacity: 0; + /* @alternate */ + opacity: var(--mdc-elevation-overlay-opacity, 0); + transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-elevation-overlay-color, #fff); +} + +.mdc-button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding: 0 8px 0 8px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + min-width: 64px; + border: none; + outline: none; + /* @alternate */ + line-height: inherit; + user-select: none; + -webkit-appearance: none; + overflow: visible; + vertical-align: middle; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); + height: 36px; +} +.mdc-button .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-button::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-button:active { + outline: none; +} +.mdc-button:hover { + cursor: pointer; +} +.mdc-button:disabled { + cursor: default; + pointer-events: none; +} +.mdc-button .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button:not(:disabled) { + background-color: transparent; +} +.mdc-button:disabled { + background-color: transparent; +} +.mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + width: 18px; + height: 18px; + font-size: 18px; + vertical-align: top; +} +[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-button .mdc-button__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-button:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +svg.mdc-button__icon { + fill: currentColor; +} + +.mdc-button--raised .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--unelevated .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--outlined .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +.mdc-button--raised .mdc-button__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} + +.mdc-button--raised, +.mdc-button--unelevated { + padding: 0 16px 0 16px; +} +.mdc-button--raised:not(:disabled), +.mdc-button--unelevated:not(:disabled) { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button--raised:not(:disabled), +.mdc-button--unelevated:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--raised:disabled, +.mdc-button--unelevated:disabled { + background-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:disabled, +.mdc-button--unelevated:disabled { + color: rgba(0, 0, 0, 0.38); +} + +.mdc-button--raised { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-button--raised:hover, .mdc-button--raised:focus { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:active { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:disabled { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-button--outlined { + padding: 0 15px 0 15px; + border-width: 1px; + border-style: solid; +} +.mdc-button--outlined .mdc-button__ripple { + top: -1px; + left: -1px; + border: 1px solid transparent; +} +.mdc-button--outlined .mdc-button__touch { + left: -1px; + width: calc(100% + 2 * 1px); +} +.mdc-button--outlined:not(:disabled) { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--outlined:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.mdc-button--touch { + margin-top: 6px; + margin-bottom: 6px; +} + +@keyframes mdc-ripple-fg-radius-in { + from { + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); + } + to { + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + } +} +@keyframes mdc-ripple-fg-opacity-in { + from { + animation-timing-function: linear; + opacity: 0; + } + to { + opacity: var(--mdc-ripple-fg-opacity, 0); + } +} +@keyframes mdc-ripple-fg-opacity-out { + from { + animation-timing-function: linear; + opacity: var(--mdc-ripple-fg-opacity, 0); + } + to { + opacity: 0; + } +} +.mdc-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-button .mdc-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button:hover .mdc-button__ripple::before { + opacity: 0.04; +} +.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-button .mdc-button__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple { + top: 0; + left: 0; +} + +.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after, +.mdc-button--unelevated .mdc-button__ripple::before, +.mdc-button--unelevated .mdc-button__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--raised:hover .mdc-button__ripple::before, +.mdc-button--unelevated:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before, +.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, +.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after, +.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after, +.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised.mdc-ripple-upgraded, +.mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-card { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + display: flex; + flex-direction: column; + box-sizing: border-box; +} +.mdc-card .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-card::after { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} + +.mdc-card--outlined { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); + border-width: 1px; + border-style: solid; + border-color: #e0e0e0; +} +.mdc-card--outlined::after { + border: none; +} + +.mdc-card__content { + border-radius: inherit; + height: 100%; +} + +.mdc-card__media { + position: relative; + box-sizing: border-box; + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} +.mdc-card__media::before { + display: block; + content: ""; +} + +.mdc-card__media:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.mdc-card__media:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; +} + +.mdc-card__media--square::before { + margin-top: 100%; +} + +.mdc-card__media--16-9::before { + margin-top: 56.25%; +} + +.mdc-card__media-content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-sizing: border-box; +} + +.mdc-card__primary-action { + display: flex; + flex-direction: column; + box-sizing: border-box; + position: relative; + outline: none; + color: inherit; + text-decoration: none; + cursor: pointer; + overflow: hidden; +} + +.mdc-card__primary-action:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.mdc-card__primary-action:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; +} + +.mdc-card__actions { + display: flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; + min-height: 52px; + padding: 8px; +} + +.mdc-card__actions--full-bleed { + padding: 0; +} + +.mdc-card__action-buttons, +.mdc-card__action-icons { + display: flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; +} + +.mdc-card__action-icons { + color: rgba(0, 0, 0, 0.6); + flex-grow: 1; + justify-content: flex-end; +} + +.mdc-card__action-buttons + .mdc-card__action-icons { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-card__action { + display: inline-flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; + justify-content: center; + cursor: pointer; + user-select: none; +} +.mdc-card__action:focus { + outline: none; +} + +.mdc-card__action--button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + padding: 0 8px; +} +[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-card__action--button:last-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} + +.mdc-card__actions--full-bleed .mdc-card__action--button { + justify-content: space-between; + width: 100%; + height: auto; + max-height: none; + margin: 0; + padding: 8px 16px; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-card__action--icon { + margin: -6px 0; + padding: 12px; +} + +.mdc-card__action--icon:not(:disabled) { + color: rgba(0, 0, 0, 0.6); +} + +.mdc-card__primary-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-card__primary-action::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-card__primary-action.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-card__primary-action.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-card__primary-action.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-card__primary-action::before, .mdc-card__primary-action::after { + background-color: #000; +} +.mdc-card__primary-action:hover::before { + opacity: 0.04; +} +.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-card__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-checkbox { + padding: 11px; + margin-top: 0px; + margin-bottom: 0px; + margin-right: 0px; + margin-left: 0px; +} +.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after { + background-color: #000; +} +.mdc-checkbox:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-checkbox .mdc-checkbox__background { + top: 11px; + left: 11px; +} +.mdc-checkbox .mdc-checkbox__background::before { + top: -13px; + left: -13px; + width: 40px; + height: 40px; +} +.mdc-checkbox .mdc-checkbox__native-control { + top: 0px; + right: 0px; + left: 0px; + width: 40px; + height: 40px; +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3 { + 0%, 80% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} + +@keyframes mdc-checkbox-unchecked-checked-checkmark-path { + 0%, 50% { + stroke-dashoffset: 29.7833385; + } + 50% { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + } + 100% { + stroke-dashoffset: 0; + } +} +@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { + 0%, 68.2% { + transform: scaleX(0); + } + 68.2% { + animation-timing-function: cubic-bezier(0, 0, 0, 1); + } + 100% { + transform: scaleX(1); + } +} +@keyframes mdc-checkbox-checked-unchecked-checkmark-path { + from { + animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + opacity: 1; + stroke-dashoffset: 0; + } + to { + opacity: 0; + stroke-dashoffset: -29.7833385; + } +} +@keyframes mdc-checkbox-checked-indeterminate-checkmark { + from { + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + transform: rotate(0deg); + opacity: 1; + } + to { + transform: rotate(45deg); + opacity: 0; + } +} +@keyframes mdc-checkbox-indeterminate-checked-checkmark { + from { + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + transform: rotate(45deg); + opacity: 0; + } + to { + transform: rotate(360deg); + opacity: 1; + } +} +@keyframes mdc-checkbox-checked-indeterminate-mixedmark { + from { + animation-timing-function: mdc-animation-deceleration-curve-timing-function; + transform: rotate(-45deg); + opacity: 0; + } + to { + transform: rotate(0deg); + opacity: 1; + } +} +@keyframes mdc-checkbox-indeterminate-checked-mixedmark { + from { + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + transform: rotate(0deg); + opacity: 1; + } + to { + transform: rotate(315deg); + opacity: 0; + } +} +@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { + 0% { + animation-timing-function: linear; + transform: scaleX(1); + opacity: 1; + } + 32.8%, 100% { + transform: scaleX(0); + opacity: 0; + } +} +.mdc-checkbox { + display: inline-block; + position: relative; + flex: 0 0 18px; + box-sizing: content-box; + width: 18px; + height: 18px; + line-height: 0; + white-space: nowrap; + cursor: pointer; + vertical-align: bottom; +} + +@media screen and (-ms-high-contrast: active) { + .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, GrayText); + background-color: transparent; + } + + .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: GrayText; + background-color: transparent; + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, transparent); + } + + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: GrayText; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, GrayText); + } + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, GrayText); + } + + .mdc-checkbox__mixedmark { + margin: 0 1px; + } +} +.mdc-checkbox--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox__background { + display: inline-flex; + position: absolute; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 18px; + height: 18px; + border: 2px solid currentColor; + border-radius: 2px; + background-color: transparent; + pointer-events: none; + will-change: background-color, border-color; + transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox__background .mdc-checkbox__background::before { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} + +.mdc-checkbox__checkmark { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + opacity: 0; + transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox--upgraded .mdc-checkbox__checkmark { + opacity: 1; +} + +.mdc-checkbox__checkmark-path { + transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + stroke: currentColor; + stroke-width: 3.12px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-checkbox__mixedmark { + width: 100%; + height: 0; + transform: scaleX(0) rotate(0deg); + border-width: 1px; + border-style: solid; + opacity: 0; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { + animation-duration: 180ms; + animation-timing-function: linear; +} +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { + animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { + animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { + animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { + animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { + animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { + animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { + animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { + animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s; + transition: none; +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background { + transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-checkbox__background::before { + position: absolute; + transform: scale(0, 0); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + will-change: opacity, transform; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { + transform: scale(1); + opacity: 0.12; + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-checkbox__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; +} +.mdc-checkbox__native-control:disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-checkbox--touch .mdc-checkbox__native-control { + top: -4px; + right: -4px; + left: -4px; + width: 48px; + height: 48px; +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 1; +} +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + transform: scaleX(1) rotate(-45deg); +} + +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + transform: rotate(45deg); + opacity: 0; + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + transform: scaleX(1) rotate(0deg); + opacity: 1; +} + +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark { + transition: none; +} + +.mdc-checkbox { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + z-index: 0; +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-checkbox .mdc-checkbox__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + z-index: -1; +} + +.mdc-checkbox__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before { + content: none; +} + +.mdc-chip-trailing-action__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + transform: translate(-50%, -50%); +} + +.mdc-chip-trailing-action { + border: none; + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + padding: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; + background: none; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__touch { + width: 26px; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__icon { + fill: currentColor; + color: inherit; +} + +.mdc-chip-trailing-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-chip-trailing-action__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-chip-trailing-action__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-chip-trailing-action__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before, +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip-trailing-action:hover .mdc-chip-trailing-action__ripple::before { + opacity: 0.04; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-chip-trailing-action__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-chip-trailing-action__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-chip-trailing-action__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip-trailing-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} + +.mdc-chip__icon--leading { + color: rgba(0, 0, 0, 0.54); +} + +.mdc-chip-trailing-action { + color: #000; +} + +.mdc-chip__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-chip__icon--trailing:hover { + color: rgba(0, 0, 0, 0.62); +} +.mdc-chip__icon--trailing:focus { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + width: 20px; + height: 20px; + font-size: 20px; +} + +.mdc-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} + +.mdc-chip__icon.mdc-chip__icon--trailing { + width: 18px; + height: 18px; + font-size: 18px; +} + +.mdc-chip-trailing-action { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-chip-trailing-action, .mdc-chip-trailing-action[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip__icon--trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip { + border-radius: 16px; + background-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + height: 32px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + box-sizing: border-box; + padding: 0 12px; + border-width: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; +} +.mdc-chip .mdc-chip__ripple { + border-radius: 16px; +} +.mdc-chip:hover { + color: rgba(0, 0, 0, 0.87); +} +.mdc-chip.mdc-chip--selected .mdc-chip__checkmark, +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], +[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +.mdc-chip .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-chip::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-chip:hover { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip .mdc-chip__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} + +.mdc-chip--exit { + transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; + opacity: 0; +} + +.mdc-chip__overflow { + text-overflow: ellipsis; + overflow: hidden; +} + +.mdc-chip__text { + white-space: nowrap; +} + +.mdc-chip__icon { + border-radius: 50%; + outline: none; + vertical-align: middle; +} + +.mdc-chip__checkmark { + height: 20px; +} + +.mdc-chip__checkmark-path { + transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); + stroke-width: 2px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-chip__primary-action:focus { + outline: none; +} + +.mdc-chip--selected .mdc-chip__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-chip__icon--leading, +.mdc-chip__icon--trailing { + position: relative; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading { + color: rgba(33, 150, 243, 0.54); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path { + stroke: #2196F3; + /* @alternate */ + stroke: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip--selected { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-chip__checkmark-svg { + width: 0; + height: 20px; + transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-chip--selected .mdc-chip__checkmark-svg { + width: 20px; +} + +.mdc-chip-set--filter .mdc-chip__icon--leading { + transition: opacity 75ms linear; + transition-delay: -50ms; + opacity: 1; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark { + transition: opacity 75ms linear; + transition-delay: 80ms; + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg { + transition: width 0ms; +} +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading { + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 0; + opacity: 1; +} +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading { + width: 0; + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 20px; +} + +.mdc-chip { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-chip .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-chip .mdc-chip__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip .mdc-chip__ripple::before, .mdc-chip .mdc-chip__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-chip:hover .mdc-chip__ripple::before { + opacity: 0.04; +} +.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-chip.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-chip .mdc-chip__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before { + opacity: 0.08; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before { + opacity: 0.12; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.2; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.2; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.2; +} + +@keyframes mdc-chip-entry { + from { + transform: scale(0.8); + opacity: 0.4; + } + to { + transform: scale(1); + opacity: 1; + } +} +.mdc-chip-set { + padding: 4px; + display: flex; + flex-wrap: wrap; + box-sizing: border-box; +} +.mdc-chip-set .mdc-chip { + margin: 4px; +} +.mdc-chip-set .mdc-chip--touch { + margin-top: 8px; + margin-bottom: 8px; +} + +.mdc-chip-set--input .mdc-chip { + animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-circular-progress__determinate-circle, +.mdc-circular-progress__indeterminate-circle-graphic { + stroke: #2196F3; + /* @alternate */ + stroke: var(--mdc-theme-primary, #2196F3); +} + +.mdc-circular-progress__determinate-track { + stroke: transparent; +} + +@keyframes mdc-circular-progress-container-rotate { + to { + transform: rotate(360deg); + } +} +@keyframes mdc-circular-progress-spinner-layer-rotate { + 12.5% { + transform: rotate(135deg); + } + 25% { + transform: rotate(270deg); + } + 37.5% { + transform: rotate(405deg); + } + 50% { + transform: rotate(540deg); + } + 62.5% { + transform: rotate(675deg); + } + 75% { + transform: rotate(810deg); + } + 87.5% { + transform: rotate(945deg); + } + 100% { + transform: rotate(1080deg); + } +} +@keyframes mdc-circular-progress-color-1-fade-in-out { + from { + opacity: 0.99; + } + 25% { + opacity: 0.99; + } + 26% { + opacity: 0; + } + 89% { + opacity: 0; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0.99; + } +} +@keyframes mdc-circular-progress-color-2-fade-in-out { + from { + opacity: 0; + } + 15% { + opacity: 0; + } + 25% { + opacity: 0.99; + } + 50% { + opacity: 0.99; + } + 51% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-3-fade-in-out { + from { + opacity: 0; + } + 40% { + opacity: 0; + } + 50% { + opacity: 0.99; + } + 75% { + opacity: 0.99; + } + 76% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-4-fade-in-out { + from { + opacity: 0; + } + 65% { + opacity: 0; + } + 75% { + opacity: 0.99; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-left-spin { + from { + transform: rotate(265deg); + } + 50% { + transform: rotate(130deg); + } + to { + transform: rotate(265deg); + } +} +@keyframes mdc-circular-progress-right-spin { + from { + transform: rotate(-265deg); + } + 50% { + transform: rotate(-130deg); + } + to { + transform: rotate(-265deg); + } +} +.mdc-circular-progress { + display: inline-flex; + position: relative; + /* @noflip */ + direction: ltr; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-circular-progress__determinate-container, +.mdc-circular-progress__indeterminate-circle-graphic, +.mdc-circular-progress__indeterminate-container, +.mdc-circular-progress__spinner-layer { + position: absolute; + width: 100%; + height: 100%; +} + +.mdc-circular-progress__determinate-container { + transform: rotate(-90deg); +} + +.mdc-circular-progress__indeterminate-container { + opacity: 0; +} + +.mdc-circular-progress__determinate-circle-graphic, +.mdc-circular-progress__indeterminate-circle-graphic { + fill: transparent; +} + +.mdc-circular-progress__determinate-circle { + transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-circular-progress__gap-patch { + position: absolute; + top: 0; + /* @noflip */ + left: 47.5%; + box-sizing: border-box; + width: 5%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -900%; + width: 2000%; + transform: rotate(180deg); +} + +.mdc-circular-progress__circle-clipper { + display: inline-flex; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic { + width: 200%; +} + +.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -100%; +} + +.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container { + opacity: 0; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + opacity: 1; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 { + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic { + animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.mdc-circular-progress--closed { + opacity: 0; +} + +.mdc-data-table__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-data-table { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + -webkit-overflow-scrolling: touch; + display: inline-flex; + flex-direction: column; + box-sizing: border-box; + position: relative; +} +.mdc-data-table .mdc-data-table__header-cell:first-child { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); + border-top-left-radius: 0; +} +.mdc-data-table .mdc-data-table__header-cell:last-child { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); + border-top-right-radius: 0; +} + +.mdc-data-table__row { + background-color: inherit; +} + +.mdc-data-table__header-cell { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-data-table__row--selected { + background-color: rgba(33, 150, 243, 0.04); +} + +.mdc-data-table__header-cell:after { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__header-cell:after { + border-bottom-style: solid; + border-bottom-width: 1px; +} + +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-width: 1px; + border-top-style: solid; +} + +.mdc-data-table__row:not(.mdc-data-table__row--selected):hover { + background-color: rgba(0, 0, 0, 0.04); +} + +.mdc-data-table__header-cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__pagination-total, +.mdc-data-table__pagination-rows-per-page-label, +.mdc-data-table__cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__cell { + height: 52px; +} + +.mdc-data-table__pagination { + min-height: 52px; +} + +.mdc-data-table__header-cell { + height: 56px; +} + +.mdc-data-table__cell, +.mdc-data-table__header-cell { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-data-table__header-cell--checkbox, +.mdc-data-table__cell--checkbox { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl], +[dir=rtl] .mdc-data-table__cell--checkbox, +.mdc-data-table__cell--checkbox[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.6); +} +.mdc-data-table__sort-icon-button::before, .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.6); +} +.mdc-data-table__sort-icon-button:hover::before { + opacity: 0.04; +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.87); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover::before { + opacity: 0.04; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-data-table__table-container { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + width: 100%; +} + +.mdc-data-table__table { + min-width: 100%; + border: 0; + white-space: nowrap; + border-collapse: collapse; + /** + * With table-layout:fixed, table and column widths are defined by the width + * of the first row of cells. Cells in subsequent rows do not affect column + * widths. This results in a predictable table layout and may also speed up + * rendering. + */ + table-layout: fixed; +} + +.mdc-data-table__cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + overflow: hidden; + text-align: left; + text-overflow: ellipsis; +} +[dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + box-sizing: border-box; + text-overflow: ellipsis; + overflow: hidden; + outline: none; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__header-cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__sort-icon-button { + width: 28px; + height: 28px; + padding: 2px; + transform: rotate(0.0001deg); + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; +} +[dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} +.mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button { + transform: rotate(-180deg); +} +.mdc-data-table__sort-icon-button:focus, .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + opacity: 1; +} + +.mdc-data-table__header-cell-wrapper { + align-items: center; + display: inline-flex; + vertical-align: middle; +} + +.mdc-data-table__header-cell--with-sort { + cursor: pointer; +} + +.mdc-data-table__sort-status-label { + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute; + white-space: nowrap; + /* added line */ + width: 1px; +} + +.mdc-data-table__progress-indicator { + display: none; + position: absolute; + width: 100%; +} +.mdc-data-table--in-progress .mdc-data-table__progress-indicator { + display: block; +} + +.mdc-data-table__scrim { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + height: 100%; + opacity: 0.32; + position: absolute; + top: 0; + width: 100%; +} + +.mdc-data-table--sticky-header .mdc-data-table__header-cell { + position: sticky; + top: 0; + z-index: 1; +} +.mdc-data-table--sticky-header .mdc-data-table__header-cell:after { + bottom: 0; + content: ""; + left: 0; + position: absolute; + width: 100%; +} +.mdc-data-table--sticky-header .mdc-data-table__row:first-child { + border-top: 0; +} + +.mdc-data-table__pagination { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + display: flex; + justify-content: flex-end; +} + +.mdc-data-table__pagination-trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; +} +[dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} + +.mdc-data-table__pagination-navigation { + align-items: center; + display: flex; +} + +.mdc-data-table__pagination-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + transform: rotate(180deg); +} +[dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-total { + /* @noflip */ + margin-left: 14px; + /* @noflip */ + margin-right: 36px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] { + /* @noflip */ + margin-left: 36px; + /* @noflip */ + margin-right: 14px; +} + +.mdc-data-table__pagination-rows-per-page { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 22px; + align-items: center; + display: inline-flex; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] { + /* @noflip */ + margin-left: 22px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-select { + width: 80px; + min-width: 80px; + margin: 8px 0; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor { + height: 36px; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-27.25px) scale(1); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-24.75px) scale(0.75); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-36px { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon { + width: 20px; + height: 20px; +} +.mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 56px); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-list-item { + height: 36px; +} + +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before { + opacity: 0.04; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3 { + 0%, 80% { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #2196F3)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-in-background-8A000000FF2196F300000000FF2196F3; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + animation-name: mdc-checkbox-fade-out-background-8A000000FF2196F300000000FF2196F3; +} + +.mdc-dialog, +.mdc-dialog__scrim { + position: fixed; + top: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 100%; + height: 100%; +} + +.mdc-dialog { + display: none; + z-index: 7; +} +.mdc-dialog .mdc-dialog__surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-dialog .mdc-dialog__scrim { + background-color: rgba(0, 0, 0, 0.32); +} +.mdc-dialog .mdc-dialog__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-dialog .mdc-dialog__content { + color: rgba(0, 0, 0, 0.6); +} +.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-dialog .mdc-dialog__content { + padding: 20px 24px 20px 24px; +} +.mdc-dialog .mdc-dialog__surface { + min-width: 280px; +} +@media (max-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: calc(100vw - 32px); + } +} +@media (min-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: 560px; + } +} +.mdc-dialog .mdc-dialog__surface { + max-height: calc(100% - 32px); +} +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .mdc-dialog .mdc-dialog__container { + /* stylelint-disable */ + /* stylelint-enable*/ + } +} +.mdc-dialog .mdc-dialog__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); +} + +.mdc-dialog__scrim { + opacity: 0; + z-index: -1; +} + +.mdc-dialog__container { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + box-sizing: border-box; + height: 100%; + transform: scale(0.8); + opacity: 0; + pointer-events: none; +} + +.mdc-dialog__surface { + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; + box-sizing: border-box; + max-width: 100%; + max-height: 100%; + pointer-events: auto; + overflow-y: auto; +} +.mdc-dialog__surface .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface { + /* @noflip */ + text-align: right; +} + +.mdc-dialog__title { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + position: relative; + flex-shrink: 0; + box-sizing: border-box; + margin: 0; + padding: 0 24px 9px; + border-bottom: 1px solid transparent; +} +.mdc-dialog__title::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title { + /* @noflip */ + text-align: right; +} + +.mdc-dialog--scrollable .mdc-dialog__title { + padding-bottom: 15px; +} + +.mdc-dialog__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); + flex-grow: 1; + box-sizing: border-box; + margin: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.mdc-dialog__content > :first-child { + margin-top: 0; +} +.mdc-dialog__content > :last-child { + margin-bottom: 0; +} + +.mdc-dialog__title + .mdc-dialog__content { + padding-top: 0; +} + +.mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content { + padding-top: 8px; + padding-bottom: 8px; +} + +.mdc-dialog__content .mdc-list:first-child:last-child { + padding: 6px 0 0; +} + +.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child { + padding: 0; +} + +.mdc-dialog__actions { + display: flex; + position: relative; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + box-sizing: border-box; + min-height: 52px; + margin: 0; + padding: 8px; + border-top: 1px solid transparent; +} +.mdc-dialog--stacked .mdc-dialog__actions { + flex-direction: column; + align-items: flex-end; +} + +.mdc-dialog__button { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; + max-width: 100%; + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-dialog__button:first-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +.mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button { + /* @noflip */ + text-align: left; +} + +.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) { + margin-top: 12px; +} + +.mdc-dialog--open, +.mdc-dialog--opening, +.mdc-dialog--closing { + display: flex; +} + +.mdc-dialog--opening .mdc-dialog__scrim { + transition: opacity 150ms linear; +} +.mdc-dialog--opening .mdc-dialog__container { + transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-dialog--closing .mdc-dialog__scrim, +.mdc-dialog--closing .mdc-dialog__container { + transition: opacity 75ms linear; +} +.mdc-dialog--closing .mdc-dialog__container { + transform: none; +} + +.mdc-dialog--open .mdc-dialog__scrim { + opacity: 1; +} +.mdc-dialog--open .mdc-dialog__container { + transform: none; + opacity: 1; +} + +.mdc-dialog-scroll-lock { + overflow: hidden; +} + +.mdc-drawer { + border-color: rgba(0, 0, 0, 0.12); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-left-radius: 0; + z-index: 6; + width: 256px; + display: flex; + flex-direction: column; + flex-shrink: 0; + box-sizing: border-box; + height: 100%; + /* @noflip */ + border-right-width: 1px; + /* @noflip */ + border-right-style: solid; + overflow: hidden; + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer .mdc-drawer__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-drawer__subtitle { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-list-item { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic { + color: #2196f3; +} +.mdc-drawer .mdc-list-item--activated { + color: rgba(33, 150, 243, 0.87); +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-large, 0); +} +.mdc-drawer .mdc-list-item { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content { + /* @noflip */ + margin-left: 256px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 256px; +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-right-width: 0; + /* @noflip */ + border-left-width: 1px; + /* @noflip */ + border-right-style: none; + /* @noflip */ + border-left-style: solid; +} +.mdc-drawer .mdc-list-item { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + height: calc(48px - 2 * 4px); + margin: 8px 8px; + padding: 0 8px; +} +.mdc-drawer .mdc-list-item:nth-child(1) { + margin-top: 2px; +} +.mdc-drawer .mdc-list-item:nth-last-child(1) { + margin-bottom: 0; +} +.mdc-drawer .mdc-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + padding: 0 16px; +} +.mdc-drawer .mdc-list-group__subheader::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-drawer .mdc-list-divider { + margin: 3px 0 4px; +} +.mdc-drawer .mdc-list-item__text, +.mdc-drawer .mdc-list-item__graphic { + pointer-events: none; +} + +.mdc-drawer--animate { + transform: translateX(-100%); +} +[dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] { + transform: translateX(100%); +} + +.mdc-drawer--opening { + transform: translateX(0); + transition-duration: 250ms; +} +[dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] { + transform: translateX(0); +} + +.mdc-drawer--closing { + transform: translateX(-100%); + transition-duration: 200ms; +} +[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] { + transform: translateX(100%); +} + +.mdc-drawer__header { + flex-shrink: 0; + box-sizing: border-box; + min-height: 64px; + padding: 0 16px 4px; +} + +.mdc-drawer__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-drawer__title::before { + display: inline-block; + width: 0; + height: 36px; + content: ""; + vertical-align: 0; +} +.mdc-drawer__title::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-drawer__subtitle { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: 0; +} +.mdc-drawer__subtitle::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} + +.mdc-drawer__content { + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.mdc-drawer--dismissible { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: absolute; +} +[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} +.mdc-drawer--dismissible.mdc-drawer--open { + display: flex; +} + +.mdc-drawer-app-content { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; + position: relative; +} +[dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} + +.mdc-drawer--modal { + /* @alternate */ + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: fixed; +} +.mdc-drawer--modal + .mdc-drawer-scrim { + background-color: rgba(0, 0, 0, 0.32); +} +[dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} +.mdc-drawer--modal.mdc-drawer--open { + display: flex; +} + +.mdc-drawer-scrim { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 5; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer--open + .mdc-drawer-scrim { + display: block; +} +.mdc-drawer--animate + .mdc-drawer-scrim { + opacity: 0; +} +.mdc-drawer--opening + .mdc-drawer-scrim { + transition-duration: 250ms; + opacity: 1; +} +.mdc-drawer--closing + .mdc-drawer-scrim { + transition-duration: 200ms; + opacity: 0; +} + +.mdc-elevation--z0 { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z1 { + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z2 { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z3 { + /* @alternate */ + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z4 { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z5 { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z6 { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z7 { + /* @alternate */ + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z8 { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z9 { + /* @alternate */ + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z10 { + /* @alternate */ + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z11 { + /* @alternate */ + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z12 { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z13 { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z14 { + /* @alternate */ + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z15 { + /* @alternate */ + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z16 { + /* @alternate */ + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z17 { + /* @alternate */ + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z18 { + /* @alternate */ + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z19 { + /* @alternate */ + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z20 { + /* @alternate */ + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z21 { + /* @alternate */ + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z22 { + /* @alternate */ + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z23 { + /* @alternate */ + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation--z24 { + /* @alternate */ + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +.mdc-elevation-transition { + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow; +} + +.mdc-fab { + /* @alternate */ + position: relative; + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 56px; + height: 56px; + padding: 0; + border: none; + fill: currentColor; + text-decoration: none; + cursor: pointer; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + overflow: visible; + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff); +} +.mdc-fab .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-fab:not(.mdc-fab--extended) { + border-radius: 50%; +} +.mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple { + border-radius: 50%; +} +.mdc-fab::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-fab:hover, .mdc-fab:focus { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-fab:active { + /* @alternate */ + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); +} +.mdc-fab:active, .mdc-fab:focus { + outline: none; +} +.mdc-fab:hover { + cursor: pointer; +} +.mdc-fab > svg { + width: 100%; +} +.mdc-fab .mdc-fab__icon { + width: 24px; + height: 24px; + font-size: 24px; +} + +.mdc-fab--mini { + width: 40px; + height: 40px; +} + +.mdc-fab--extended { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + border-radius: 24px; + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 20px; + width: auto; + max-width: 100%; + height: 48px; + /* @alternate */ + line-height: normal; +} +.mdc-fab--extended .mdc-fab__ripple { + border-radius: 24px; +} +.mdc-fab--extended .mdc-fab__icon { + /* @noflip */ + margin-left: calc(12px - 20px); + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: calc(12px - 20px); +} +.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: calc(12px - 20px); +} +[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] { + /* @noflip */ + margin-left: calc(12px - 20px); + /* @noflip */ + margin-right: 12px; +} + +.mdc-fab--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-fab--touch .mdc-fab__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + transform: translate(-50%, -50%); +} + +.mdc-fab::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} + +.mdc-fab__label { + justify-content: flex-start; + text-overflow: ellipsis; + white-space: nowrap; + overflow-x: hidden; + overflow-y: visible; +} + +.mdc-fab__icon { + transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + fill: currentColor; + will-change: transform; +} + +.mdc-fab .mdc-fab__icon { + display: inline-flex; + align-items: center; + justify-content: center; +} + +.mdc-fab--exited { + transform: scale(0); + opacity: 0; + transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); +} +.mdc-fab--exited .mdc-fab__icon { + transform: scale(0); + transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-fab { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-fab .mdc-fab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-secondary, #fff); +} +.mdc-fab:hover .mdc-fab__ripple::before { + opacity: 0.08; +} +.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before, .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after { + transition: opacity 150ms linear; +} +.mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-fab.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-fab .mdc-fab__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; + z-index: -1; +} + +.mdc-floating-label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + position: absolute; + /* @noflip */ + left: 0; + /* @noflip */ + transform-origin: left top; + line-height: 1.15rem; + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + cursor: text; + overflow: hidden; + /* @alternate */ + will-change: transform; + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; + /* @noflip */ + transform-origin: right top; + /* @noflip */ + text-align: right; +} + +.mdc-floating-label--float-above { + cursor: auto; +} + +.mdc-floating-label--required::after { + /* @noflip */ + margin-left: 1px; + /* @noflip */ + margin-right: 0px; + content: "*"; +} +[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 1px; +} + +.mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} + +.mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-standard 250ms 1; +} + +@keyframes mdc-floating-label-shake-float-above-standard { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } +} +.mdc-form-field { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: inline-flex; + align-items: center; + vertical-align: middle; +} +.mdc-form-field > label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; + order: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-form-field--nowrap > label { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.mdc-form-field--align-end > label { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; + order: -1; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} + +.mdc-form-field--space-between { + justify-content: space-between; +} +.mdc-form-field--space-between > label { + margin: 0; +} +[dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] { + margin: 0; +} + +.mdc-icon-button { + display: inline-block; + position: relative; + box-sizing: border-box; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + font-size: 24px; + text-decoration: none; + cursor: pointer; + user-select: none; + width: 48px; + height: 48px; + padding: 12px; +} +.mdc-icon-button svg, +.mdc-icon-button img { + width: 24px; + height: 24px; +} +.mdc-icon-button:disabled { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); +} +.mdc-icon-button:disabled { + cursor: default; + pointer-events: none; +} + +.mdc-icon-button__icon { + display: inline-block; +} +.mdc-icon-button__icon.mdc-icon-button__icon--on { + display: none; +} + +.mdc-icon-button--on .mdc-icon-button__icon { + display: none; +} +.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on { + display: inline-block; +} + +.mdc-icon-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-icon-button::before, .mdc-icon-button::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-icon-button::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-icon-button.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-icon-button.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-icon-button.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-icon-button::before, .mdc-icon-button::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-icon-button.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-icon-button::before, .mdc-icon-button::after { + background-color: #000; +} +.mdc-icon-button:hover::before { + opacity: 0.04; +} +.mdc-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-image-list { + display: flex; + flex-wrap: wrap; + margin: 0 auto; + padding: 0; +} + +.mdc-image-list__item, +.mdc-image-list__image-aspect-container { + position: relative; + box-sizing: border-box; +} + +.mdc-image-list__item { + list-style-type: none; +} + +.mdc-image-list__image { + width: 100%; +} + +.mdc-image-list__image-aspect-container .mdc-image-list__image { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +.mdc-image-list__image-aspect-container { + padding-bottom: calc(100% / 1); +} + +.mdc-image-list__image { + border-radius: 0; +} + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.mdc-image-list__supporting { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 8px 0; + line-height: 24px; +} + +.mdc-image-list__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + position: absolute; + bottom: 0; + width: 100%; + height: 48px; + padding: 0 16px; + background: rgba(0, 0, 0, 0.6); + color: #fff; +} + +.mdc-image-list--masonry { + display: block; +} +.mdc-image-list--masonry .mdc-image-list__item { + break-inside: avoid-column; +} +.mdc-image-list--masonry .mdc-image-list__image { + display: block; + height: auto; +} + +:root { + --mdc-layout-grid-margin-desktop: 24px; + --mdc-layout-grid-gutter-desktop: 24px; + --mdc-layout-grid-column-width-desktop: 72px; + --mdc-layout-grid-margin-tablet: 16px; + --mdc-layout-grid-gutter-tablet: 16px; + --mdc-layout-grid-column-width-tablet: 72px; + --mdc-layout-grid-margin-phone: 16px; + --mdc-layout-grid-gutter-phone: 16px; + --mdc-layout-grid-column-width-phone: 72px; +} + +@media (min-width: 840px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 24px; + padding: var(--mdc-layout-grid-margin-desktop, 24px); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-tablet, 16px); + } +} +@media (max-width: 599px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-phone, 16px); + } +} + +@media (min-width: 840px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 24px; + grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + } +} +@media (max-width: 599px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + } +} + +@media (min-width: 840px) { + .mdc-layout-grid__cell { + width: calc(33.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + box-sizing: border-box; + margin: 12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-desktop { + width: calc(8.3333333333% - 24px); + width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-desktop { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-desktop { + width: calc(16.6666666667% - 24px); + width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-desktop { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-desktop { + width: calc(25% - 24px); + width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-desktop { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-desktop { + width: calc(33.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-desktop { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-desktop { + width: calc(41.6666666667% - 24px); + width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-desktop { + width: auto; + grid-column-end: span 5; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-desktop { + width: calc(50% - 24px); + width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-desktop { + width: auto; + grid-column-end: span 6; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-desktop { + width: calc(58.3333333333% - 24px); + width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-desktop { + width: auto; + grid-column-end: span 7; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-desktop { + width: calc(66.6666666667% - 24px); + width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-desktop { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-desktop { + width: calc(75% - 24px); + width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-desktop { + width: auto; + grid-column-end: span 9; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-desktop { + width: calc(83.3333333333% - 24px); + width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-desktop { + width: auto; + grid-column-end: span 10; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-desktop { + width: calc(91.6666666667% - 24px); + width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-desktop { + width: auto; + grid-column-end: span 11; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-desktop { + width: calc(100% - 24px); + width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-desktop { + width: auto; + grid-column-end: span 12; + } + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid__cell { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-tablet { + width: calc(12.5% - 16px); + width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-tablet { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-tablet { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-tablet { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-tablet { + width: calc(37.5% - 16px); + width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-tablet { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-tablet { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-tablet { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-tablet { + width: calc(62.5% - 16px); + width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-tablet { + width: auto; + grid-column-end: span 5; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-tablet { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-tablet { + width: auto; + grid-column-end: span 6; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-tablet { + width: calc(87.5% - 16px); + width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-tablet { + width: auto; + grid-column-end: span 7; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-tablet { + width: auto; + grid-column-end: span 8; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-tablet { + width: auto; + grid-column-end: span 8; + } + } +} +@media (max-width: 599px) { + .mdc-layout-grid__cell { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); + } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; + } + } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; + } + } + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-phone { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, +.mdc-layout-grid__cell--span-1-phone { + width: auto; + grid-column-end: span 1; + } + } + + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-phone { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, +.mdc-layout-grid__cell--span-2-phone { + width: auto; + grid-column-end: span 2; + } + } + + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-phone { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, +.mdc-layout-grid__cell--span-3-phone { + width: auto; + grid-column-end: span 3; + } + } + + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, +.mdc-layout-grid__cell--span-4-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, +.mdc-layout-grid__cell--span-5-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, +.mdc-layout-grid__cell--span-6-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, +.mdc-layout-grid__cell--span-7-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, +.mdc-layout-grid__cell--span-8-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, +.mdc-layout-grid__cell--span-9-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, +.mdc-layout-grid__cell--span-10-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, +.mdc-layout-grid__cell--span-11-phone { + width: auto; + grid-column-end: span 4; + } + } + + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, +.mdc-layout-grid__cell--span-12-phone { + width: auto; + grid-column-end: span 4; + } + } +} +.mdc-layout-grid__cell--order-1 { + order: 1; +} +.mdc-layout-grid__cell--order-2 { + order: 2; +} +.mdc-layout-grid__cell--order-3 { + order: 3; +} +.mdc-layout-grid__cell--order-4 { + order: 4; +} +.mdc-layout-grid__cell--order-5 { + order: 5; +} +.mdc-layout-grid__cell--order-6 { + order: 6; +} +.mdc-layout-grid__cell--order-7 { + order: 7; +} +.mdc-layout-grid__cell--order-8 { + order: 8; +} +.mdc-layout-grid__cell--order-9 { + order: 9; +} +.mdc-layout-grid__cell--order-10 { + order: 10; +} +.mdc-layout-grid__cell--order-11 { + order: 11; +} +.mdc-layout-grid__cell--order-12 { + order: 12; +} +.mdc-layout-grid__cell--align-top { + align-self: flex-start; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-top { + align-self: start; + } +} +.mdc-layout-grid__cell--align-middle { + align-self: center; +} +.mdc-layout-grid__cell--align-bottom { + align-self: flex-end; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-bottom { + align-self: end; + } +} + +@media (min-width: 840px) { + .mdc-layout-grid--fixed-column-width { + width: 1176px; + width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 ); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid--fixed-column-width { + width: 720px; + width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 ); + } +} +@media (max-width: 599px) { + .mdc-layout-grid--fixed-column-width { + width: 368px; + width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 ); + } +} + +.mdc-layout-grid--align-left { + margin-right: auto; + margin-left: 0; +} + +.mdc-layout-grid--align-right { + margin-right: 0; + margin-left: auto; +} + +.mdc-line-ripple::before, .mdc-line-ripple::after { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + border-bottom-style: solid; + content: ""; +} +.mdc-line-ripple::before { + border-bottom-width: 1px; + z-index: 1; +} +.mdc-line-ripple::after { + transform: scaleX(0); + border-bottom-width: 2px; + opacity: 0; + z-index: 2; +} +.mdc-line-ripple::after { + transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-line-ripple--active::after { + transform: scaleX(1); + opacity: 1; +} + +.mdc-line-ripple--deactivating::after { + opacity: 0; +} + +@keyframes mdc-linear-progress-primary-indeterminate-translate { + 0% { + transform: translateX(0); + } + 20% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(0); + } + 59.15% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(83.67142%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%)); + } + 100% { + transform: translateX(200.611057%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%)); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-scale { + 0% { + transform: scaleX(0.08); + } + 36.65% { + animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1); + transform: scaleX(0.08); + } + 69.15% { + animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + transform: scaleX(0.661479); + } + 100% { + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate { + 0% { + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + transform: translateX(0); + } + 25% { + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + transform: translateX(37.651913%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%)); + } + 48.35% { + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + transform: translateX(84.386165%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%)); + } + 100% { + transform: translateX(160.277782%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-scale { + 0% { + animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); + transform: scaleX(0.08); + } + 19.15% { + animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); + transform: scaleX(0.457104); + } + 44.15% { + animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); + transform: scaleX(0.72796); + } + 100% { + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-buffering { + from { + transform: rotate(180deg) translateX(-10px); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse { + 0% { + transform: translateX(0); + } + 20% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(0); + } + 59.15% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(-83.67142%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%)); + } + 100% { + transform: translateX(-200.611057%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse { + 0% { + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + transform: translateX(0); + } + 25% { + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + transform: translateX(-37.651913%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%)); + } + 48.35% { + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + transform: translateX(-84.386165%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%)); + } + 100% { + transform: translateX(-160.277782%); + /* @alternate */ + transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%)); + } +} +@keyframes mdc-linear-progress-buffering-reverse { + from { + transform: translateX(-10px); + } +} +.mdc-linear-progress { + position: relative; + width: 100%; + height: 4px; + transform: translateZ(0); + outline: 1px solid transparent; + overflow: hidden; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__bar { + position: absolute; + width: 100%; + height: 100%; + animation: none; + transform-origin: top left; + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__bar-inner { + display: inline-block; + position: absolute; + width: 100%; + animation: none; + border-top: 4px solid; +} +.mdc-linear-progress__buffer { + display: flex; + position: absolute; + width: 100%; + height: 100%; +} +.mdc-linear-progress__buffer-dots { + background-repeat: repeat-x; + background-size: 10px 4px; + flex: auto; + transform: rotate(180deg); + animation: mdc-linear-progress-buffering 250ms infinite linear; +} +.mdc-linear-progress__buffer-bar { + flex: 0 1 100%; + transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__primary-bar { + transform: scaleX(0); +} +.mdc-linear-progress__secondary-bar { + visibility: hidden; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__bar { + transition: none; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { + left: -145.166611%; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { + left: -54.888891%; + visibility: visible; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { + animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { + animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear; +} +.mdc-linear-progress--reversed .mdc-linear-progress__bar { + right: 0; + transform-origin: center right; +} +.mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse; +} +.mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse; +} +.mdc-linear-progress--reversed .mdc-linear-progress__buffer-dots { + animation: mdc-linear-progress-buffering-reverse 250ms infinite linear; + order: 0; + transform: rotate(0); +} +.mdc-linear-progress--reversed .mdc-linear-progress__buffer-bar { + order: 1; +} +.mdc-linear-progress--closed { + opacity: 0; +} +.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots { + animation: none; +} +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar, +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner { + animation: none; +} + +.mdc-linear-progress__bar-inner { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-linear-progress__buffer-dots { + background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E"); +} + +.mdc-linear-progress__buffer-bar { + background-color: #e6e6e6; +} + +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { + right: -145.166611%; + left: auto; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { + right: -54.888891%; + left: auto; +} + +.mdc-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} +.mdc-list:focus { + outline: none; +} + +.mdc-list-item { + height: 48px; +} + +.mdc-list-item__secondary-text { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); +} + +.mdc-list-item__graphic { + background-color: transparent; +} + +.mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-item__meta { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-list-item--disabled .mdc-list-item__text { + opacity: 0.38; +} + +.mdc-list-item--disabled .mdc-list-item__text, +.mdc-list-item--disabled .mdc-list-item__primary-text, +.mdc-list-item--disabled .mdc-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-list-item--selected, +.mdc-list-item--activated { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-list-item--selected .mdc-list-item__graphic, +.mdc-list-item--activated .mdc-list-item__graphic { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-list--dense { + padding-top: 4px; + padding-bottom: 4px; + font-size: 0.812rem; +} + +.mdc-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 48px; +} +.mdc-list-item:focus { + outline: none; +} +.mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} +.mdc-list-item.mdc-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; +} +[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--icon-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--icon-list .mdc-list-item, .mdc-list--icon-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--avatar-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-item, .mdc-list--avatar-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--thumbnail-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item, .mdc-list--thumbnail-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--image-list .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-list--image-list .mdc-list-item, .mdc-list--image-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list--video-list .mdc-list-item { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-list--video-list .mdc-list-item, .mdc-list--video-list .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0px; +} + +.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 20px; + height: 20px; +} +[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, .mdc-list--dense .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-list-item__graphic { + flex-shrink: 0; + align-items: center; + justify-content: center; + fill: currentColor; + object-fit: cover; + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-list-item__graphic, .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--icon-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic, .mdc-list--icon-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--avatar-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; + border-radius: 50%; +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, .mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--thumbnail-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic, .mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--image-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 56px; + height: 56px; +} +[dir=rtl] .mdc-list--image-list .mdc-list-item__graphic, .mdc-list--image-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list--video-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 100px; + height: 56px; +} +[dir=rtl] .mdc-list--video-list .mdc-list-item__graphic, .mdc-list--video-list .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-list .mdc-list-item__graphic { + display: inline-flex; +} + +.mdc-list-item__meta { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +.mdc-list-item__meta:not(.material-icons) { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} +.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} + +.mdc-list-item__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mdc-list-item__text[for] { + pointer-events: none; +} + +.mdc-list-item__primary-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list--video-list .mdc-list-item__primary-text, .mdc-list--image-list .mdc-list-item__primary-text, .mdc-list--thumbnail-list .mdc-list-item__primary-text, .mdc-list--avatar-list .mdc-list-item__primary-text, .mdc-list--icon-list .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list--video-list .mdc-list-item__primary-text::before, .mdc-list--image-list .mdc-list-item__primary-text::before, .mdc-list--thumbnail-list .mdc-list-item__primary-text::before, .mdc-list--avatar-list .mdc-list-item__primary-text::before, .mdc-list--icon-list .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list--video-list .mdc-list-item__primary-text::after, .mdc-list--image-list .mdc-list-item__primary-text::after, .mdc-list--thumbnail-list .mdc-list-item__primary-text::after, .mdc-list--avatar-list .mdc-list-item__primary-text::after, .mdc-list--icon-list .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list--dense .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list--dense .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-list--dense .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} +.mdc-list--dense .mdc-list-item__secondary-text { + font-size: inherit; +} + +.mdc-list--dense .mdc-list-item { + height: 40px; +} + +.mdc-list--two-line .mdc-list-item__text { + align-self: flex-start; +} + +.mdc-list--two-line .mdc-list-item { + height: 64px; +} +.mdc-list--two-line.mdc-list--video-list .mdc-list-item, .mdc-list--two-line.mdc-list--image-list .mdc-list-item, .mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item, .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item, .mdc-list--two-line.mdc-list--icon-list .mdc-list-item { + height: 72px; +} +.mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic { + align-self: flex-start; + margin-top: 16px; +} + +.mdc-list--two-line.mdc-list--dense .mdc-list-item, +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item { + height: 60px; +} + +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 36px; + height: 36px; +} +[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +:not(.mdc-list-item--disabled).mdc-list-item { + cursor: pointer; +} + +a.mdc-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-list-divider { + height: 0; + margin: 0; + border: none; + border-bottom-width: 1px; + border-bottom-style: solid; +} + +.mdc-list-divider { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-list-divider--padded { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list-divider--padded, .mdc-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list-divider--inset { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list-divider--inset, .mdc-list-divider--inset[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-list-divider--inset.mdc-list-divider--padded { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded, .mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading, .mdc-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--icon-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading, .mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--icon-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--avatar-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading, .mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--image-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading, .mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-list--image-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 104px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-list--video-list .mdc-list-divider--inset-leading { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 116px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading, .mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-list--video-list .mdc-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 132px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 0px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} +.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} + +.mdc-list-group .mdc-list { + padding: 0; +} + +.mdc-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-evolution-list-item__primary-text { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-evolution-list-item__secondary-text { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); +} + +.mdc-evolution-list-item__start { + background-color: transparent; +} + +.mdc-evolution-list-item__start { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-evolution-list-item__end { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content { + opacity: 0.38; +} + +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content, +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__primary-text, +.mdc-evolution-list-item--disabled .mdc-evolution-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-evolution-list-item--selected .mdc-evolution-list-item__primary-text, +.mdc-list-item--activated .mdc-evolution-list-item__primary-text { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-evolution-list-item--selected .mdc-evolution-list-item__start, +.mdc-list-item--activated .mdc-evolution-list-item__start { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} + +.mdc-evolution-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; +} +.mdc-evolution-list:focus { + outline: none; +} + +.mdc-evolution-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + align-items: stretch; +} +.mdc-evolution-list-item:focus { + outline: none; +} +[dir=rtl] .mdc-evolution-list-item, .mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line { + height: 48px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines { + height: 64px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines { + height: 88px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__start { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 16px; +} +.mdc-evolution-list-item:not(.mdc-evolution-list-item--selected):focus::before, .mdc-evolution-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; +} +.mdc-evolution-list-item.mdc-evolution-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; +} +.mdc-evolution-list-item:not(.mdc-evolution-list-item--disabled) { + cursor: pointer; +} + +a.mdc-evolution-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-evolution-list-item__start { + fill: currentColor; +} + +.mdc-evolution-list-item__content { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + align-self: center; + min-width: 50%; + flex: 1; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__content, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__content { + align-self: stretch; +} +.mdc-evolution-list-item__content[for] { + pointer-events: none; +} + +.mdc-evolution-list-item__primary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-evolution-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} + +.mdc-evolution-list-item__overline-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start { + border-radius: 50%; +} + +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start { + width: 24px; + height: 24px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 32px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-one-line { + height: 72px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start { + width: 56px; + height: 56px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-one-line { + height: 72px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start { + align-self: flex-start; + margin-top: 8px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start { + width: 100px; + height: 56px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-one-line { + height: 56px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines { + height: 72px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start { + width: 36px; + height: 20px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end { + width: 24px; + height: 24px; +} + +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 28px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 28px; +} +.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end::before, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} + +.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end { + width: 40px; + height: 40px; +} +.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end { + width: 36px; + height: 20px; +} + +.mdc-evolution-list-group .mdc-list { + padding: 0; +} + +.mdc-evolution-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-evolution-list-divider { + background-color: rgba(0, 0, 0, 0.12); +} + +.mdc-evolution-list-divider { + height: 1px; + padding: 0; + background-clip: content-box; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +.mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} + +.mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 88px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 88px; +} + +.mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0px; +} +.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 116px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 116px; +} + +.mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +.mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 84px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 84px; +} + +.mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 72px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 72px; +} + +:not(.mdc-list-item--disabled).mdc-evolution-list-item, +:not(.mdc-list-item--disabled).mdc-list-item { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + background-color: #000; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before { + opacity: 0.04; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before { + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--activated .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before { + opacity: 0.16; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before { + opacity: 0.08; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--selected .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:hover .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before { + opacity: 0.12; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after, +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded, +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.2; +} +:not(.mdc-list-item--disabled).mdc-evolution-list-item .mdc-list-item__ripple, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-list-item--disabled { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-list-item--disabled .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + background-color: #000; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-list-item--disabled .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-menu { + min-width: 112px; +} +.mdc-menu .mdc-list-item__meta { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-list { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + position: relative; +} +.mdc-menu .mdc-list .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-menu .mdc-list-divider { + margin: 8px 0; +} +.mdc-menu .mdc-list-item { + user-select: none; +} +.mdc-menu .mdc-list-item--disabled { + cursor: auto; +} +.mdc-menu a.mdc-list-item .mdc-list-item__text, +.mdc-menu a.mdc-list-item .mdc-list-item__graphic { + pointer-events: none; +} + +.mdc-menu__selection-group { + padding: 0; + fill: currentColor; +} +.mdc-menu__selection-group .mdc-list-item { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 56px; +} +.mdc-menu__selection-group .mdc-menu__selection-group-icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + display: none; + position: absolute; + top: 50%; + transform: translateY(-50%); +} +[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} + +.mdc-menu-item--selected .mdc-menu__selection-group-icon { + display: inline; +} + +.mdc-menu-surface { + display: none; + position: absolute; + box-sizing: border-box; + max-width: calc(100vw - 32px); + max-height: calc(100vh - 32px); + margin: 0; + padding: 0; + transform: scale(1); + transform-origin: top left; + opacity: 0; + overflow: auto; + will-change: transform, opacity; + z-index: 8; + transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1); + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + /* @noflip */ + transform-origin-left: top left; + /* @noflip */ + transform-origin-right: top right; +} +.mdc-menu-surface:focus { + outline: none; +} +.mdc-menu-surface--open { + display: inline-block; + transform: scale(1); + opacity: 1; +} +.mdc-menu-surface--animating-open { + display: inline-block; + transform: scale(0.8); + opacity: 0; +} +.mdc-menu-surface--animating-closed { + display: inline-block; + opacity: 0; + transition: opacity 0.075s linear; +} +[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] { + /* @noflip */ + transform-origin-left: top right; + /* @noflip */ + transform-origin-right: top left; +} + +.mdc-menu-surface--anchor { + position: relative; + overflow: visible; +} + +.mdc-menu-surface--fixed { + position: fixed; +} + +.mdc-menu-surface--fullwidth { + width: 100%; +} + +.mdc-notched-outline { + display: flex; + position: absolute; + top: 0; + right: 0; + left: 0; + box-sizing: border-box; + width: 100%; + max-width: 100%; + height: 100%; + /* @noflip */ + text-align: left; + pointer-events: none; +} +[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing { + box-sizing: border-box; + height: 100%; + border-top: 1px solid; + border-bottom: 1px solid; + pointer-events: none; +} +.mdc-notched-outline__leading { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; + width: 12px; +} +[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; +} +.mdc-notched-outline__trailing { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; + flex-grow: 1; +} +[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; +} +.mdc-notched-outline__notch { + flex: 0 0 auto; + width: auto; + max-width: calc(100% - 12px * 2); +} +.mdc-notched-outline .mdc-floating-label { + display: inline-block; + position: relative; + max-width: 100%; +} +.mdc-notched-outline .mdc-floating-label--float-above { + text-overflow: clip; +} +.mdc-notched-outline--upgraded .mdc-floating-label--float-above { + max-width: calc(100% / 0.75); +} + +.mdc-notched-outline--notched .mdc-notched-outline__notch { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + border-top: none; +} +[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-notched-outline--no-label .mdc-notched-outline__notch { + padding: 0; +} + +.mdc-radio { + padding: 10px; + display: inline-block; + position: relative; + flex: 0 0 auto; + box-sizing: content-box; + width: 20px; + height: 20px; + cursor: pointer; + /* @alternate */ + will-change: opacity, transform, border-color, color; +} +.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.54); +} +.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio .mdc-radio__background::before { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio .mdc-radio__background::before { + top: -10px; + left: -10px; + width: 40px; + height: 40px; +} +.mdc-radio .mdc-radio__native-control { + top: 0px; + right: 0px; + left: 0px; + width: 40px; + height: 40px; +} +@media screen and (-ms-high-contrast: active) { + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: GrayText; + } +} +.mdc-radio__background { + display: inline-block; + position: relative; + box-sizing: border-box; + width: 20px; + height: 20px; +} +.mdc-radio__background::before { + position: absolute; + transform: scale(0, 0); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__outer-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + border-width: 2px; + border-style: solid; + border-radius: 50%; + transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__inner-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + transform: scale(0, 0); + border-width: 10px; + border-style: solid; + border-radius: 50%; + transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; + z-index: 1; +} +.mdc-radio--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-radio--touch .mdc-radio__native-control { + top: -4px; + right: -4px; + left: -4px; + width: 48px; + height: 48px; +} + +.mdc-radio__native-control:checked + .mdc-radio__background, +.mdc-radio__native-control:disabled + .mdc-radio__background { + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle { + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { + transform: scale(0.5); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio__native-control:disabled + .mdc-radio__background, +[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background { + cursor: default; +} + +.mdc-radio__native-control:focus + .mdc-radio__background::before { + transform: scale(1); + opacity: 0.12; + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-radio { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-radio .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-radio .mdc-radio__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-radio .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before, +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-radio:hover .mdc-radio__ripple::before { + opacity: 0.04; +} +.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after { + transition: opacity 150ms linear; +} +.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-radio.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { + content: none; +} + +.mdc-radio__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-ripple-surface { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: relative; + outline: none; + overflow: hidden; +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-ripple-surface::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-ripple-surface.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-ripple-surface.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + background-color: #000; +} +.mdc-ripple-surface:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-ripple-surface::before, .mdc-ripple-surface::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-ripple-surface.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded] { + overflow: visible; +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-ripple-surface--primary:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--primary.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-ripple-surface--accent:hover::before { + opacity: 0.04; +} +.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-ripple-surface--accent.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-select { + display: inline-flex; + position: relative; +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: rgba(33, 150, 243, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.54); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #2196F3; + /* @alternate */ + fill: var(--mdc-theme-primary, #2196F3); +} +.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__icon { + color: rgba(0, 0, 0, 0.54); +} +.mdc-select.mdc-select--disabled .mdc-select__icon { + color: rgba(0, 0, 0, 0.38); +} +@media screen and (-ms-high-contrast: active) { + .mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: red; + } + .mdc-select.mdc-select--disabled .mdc-floating-label { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__icon { + color: GrayText; + } + .mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: GrayText; + } +} +.mdc-select .mdc-floating-label { + top: 50%; + transform: translateY(-50%); + pointer-events: none; +} +.mdc-select .mdc-select__anchor { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-select .mdc-select__icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.mdc-select .mdc-select__dropdown-icon { + width: 24px; + height: 24px; +} +.mdc-select .mdc-select__menu .mdc-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item, .mdc-select .mdc-select__menu .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-select .mdc-select__menu .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic, .mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} +.mdc-select__dropdown-icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; + display: inline-flex; + position: relative; + align-self: center; + align-items: center; + justify-content: center; + flex-shrink: 0; + pointer-events: none; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active, +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + position: absolute; + top: 0; + left: 0; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic { + width: 41.6666666667%; + height: 20.8333333333%; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 1; + transition: opacity 75ms linear 75ms; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 0; + transition: opacity 75ms linear; +} +[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 0; + transition: opacity 49.5ms linear; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 1; + transition: opacity 100.5ms linear 49.5ms; +} + +.mdc-select__anchor { + width: 200px; + min-width: 0; + flex: 1 1 auto; + position: relative; + box-sizing: border-box; + overflow: hidden; + outline: none; + cursor: pointer; +} +.mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} + +.mdc-select__selected-text-container { + display: flex; + appearance: none; + pointer-events: none; + box-sizing: border-box; + width: auto; + min-width: 0; + flex-grow: 1; + height: 28px; + border: none; + outline: none; + padding: 0; + background-color: transparent; + color: inherit; +} + +.mdc-select__selected-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + width: 100%; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} + +.mdc-select__menu .mdc-list .mdc-select__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected, +.mdc-select__menu .mdc-list .mdc-list-item--activated { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic, +.mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-select--filled .mdc-select__anchor { + height: 56px; + display: flex; + align-items: baseline; +} +.mdc-select--filled .mdc-select__anchor::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before { + display: none; +} +.mdc-select--filled .mdc-select__anchor { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: whitesmoke; +} +.mdc-select--filled.mdc-select--disabled .mdc-select__anchor { + background-color: #fafafa; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #2196F3; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-select--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-select--filled .mdc-menu-surface--is-open-below { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after { + transform: scale(1, 2); + opacity: 1; +} +.mdc-select--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined { + border: none; +} +.mdc-select--outlined .mdc-select__anchor { + height: 56px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-56px { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-select__anchor { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined + .mdc-select-helper-text { + /* @noflip */ + margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-select--outlined .mdc-select__anchor { + display: flex; + align-items: baseline; + overflow: visible; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--outlined .mdc-select__anchor::before { + display: none; +} +.mdc-select--outlined .mdc-select__selected-text-container { + display: flex; + border: none; + z-index: 1; + background-color: transparent; +} +.mdc-select--outlined .mdc-select__icon { + z-index: 2; +} +.mdc-select--outlined .mdc-floating-label { + line-height: 1.15rem; + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px { + 0% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl { + 0% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 96px); +} +.mdc-select--outlined .mdc-menu-surface { + margin-bottom: 8px; +} +.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface, +.mdc-select--outlined .mdc-menu-surface--is-open-below { + margin-bottom: 0; +} + +.mdc-select__anchor { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-select__anchor .mdc-select__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-select__anchor:hover .mdc-select__ripple::before { + opacity: 0.04; +} +.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__anchor .mdc-select__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple::before { + opacity: 0.04; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-select-helper-text { + margin: 0; + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +[dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-select-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-select-helper-text--validation-msg { + opacity: 0; + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-select--invalid + .mdc-select-helper-text--validation-msg, +.mdc-select-helper-text--validation-msg-persistent { + opacity: 1; +} + +.mdc-select--with-leading-icon .mdc-select__icon { + display: inline-block; + box-sizing: border-box; + border: none; + text-decoration: none; + cursor: pointer; + user-select: none; + flex-shrink: 0; + align-self: center; + background-color: transparent; + fill: currentColor; +} +.mdc-select--with-leading-icon .mdc-select__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} + +.mdc-select__icon:not([tabindex]), +.mdc-select__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} + +.mdc-segmented-button { + display: inline-block; + font-size: 0; +} + +.mdc-segmented-button__segment { + border-color: rgba(0, 0, 0, 0.12); + /* @alternate */ + border-color: var(--mdc-segmented-button-outline-color, rgba(0, 0, 0, 0.12)); +} + +.mdc-segmented-button__segment { + color: rgba(0, 0, 0, 0.6); + /* @alternate */ + color: var(--mdc-segmented-button-unselected-ink-color, rgba(0, 0, 0, 0.6)); +} + +.mdc-segmented-button__segment { + background-color: white; + /* @alternate */ + background-color: var(--mdc-segmented-button-unselected-container-fill-color, white); +} + +.mdc-segmented-button__segment--selected { + color: #2196f3; + /* @alternate */ + color: var(--mdc-segmented-button-selected-ink-color, #2196f3); +} + +.mdc-segmented-button__segment--selected { + background-color: rgba(33, 150, 243, 0.08); + /* @alternate */ + background-color: var(--mdc-segmented-button-selected-container-fill-color, rgba(33, 150, 243, 0.08)); +} + +.mdc-segmented-button__segment { + /* @alternate */ + position: relative; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + display: inline-flex; + vertical-align: top; + align-items: center; + height: 36px; + min-width: 48px; + padding: 0 12px; + border-width: 1px 0 1px 1px; +} +.mdc-segmented-button__segment .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-segmented-button__segment:hover { + cursor: pointer; +} +.mdc-segmented-button__segment:focus { + outline-width: 0; +} +.mdc-segmented-button__segment:first-child { + border-radius: 4px 0 0 4px; +} +.mdc-segmented-button__segment:last-child { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} +.mdc-segmented-button__segment .mdc-segmented-button__segment__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-segmented-button__segment .mdc-segmented-button__segment--touch { + margin-top: 0px; + margin-bottom: 0px; +} + +.mdc-touch-target-wrapper .mdc-segmented-button__segment { + border-radius: 0; + border-right-width: 0; +} +.mdc-touch-target-wrapper:first-child .mdc-segmented-button__segment { + border-radius: 4px 0 0 4px; +} +.mdc-touch-target-wrapper:last-child .mdc-segmented-button__segment { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} + +.mdc-segmented-button__icon { + width: 24px; + font-size: 18px; +} + +.mdc-segmented-button__icon + .mdc-segmented-button__label { + padding-left: 6px; +} + +.mdc-segmented-button__segment { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + overflow: hidden; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--unbounded .mdc-segmented-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-activation .mdc-segmented-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-deactivation .mdc-segmented-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + background-color: #2196f3; +} +.mdc-segmented-button__segment:hover .mdc-segmented-button__ripple::before { + opacity: 0.04; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--background-focused .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-upgraded:focus-within .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus-within .mdc-segmented-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded) .mdc-segmented-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded):active .mdc-segmented-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-slider__thumb { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-slider__thumb::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-slider__thumb.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-slider__thumb.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-slider__thumb.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider__thumb:hover::before { + opacity: 0.04; +} +.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-slider { + cursor: pointer; + height: 48px; + margin: 0 24px; + position: relative; + touch-action: none; +} +.mdc-slider .mdc-slider__track { + height: 4px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 100%; +} +.mdc-slider .mdc-slider__track--active, +.mdc-slider .mdc-slider__track--inactive { + display: flex; + height: 100%; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__track--active { + border-radius: 3px; + height: 6px; + overflow: hidden; + top: -1px; +} +.mdc-slider .mdc-slider__track--active_fill { + border: 6px solid; + box-sizing: border-box; + height: 100%; + width: 100%; + position: relative; + /* @noflip */ + transform-origin: left; +} +[dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] { + /* @noflip */ + transform-origin: right; +} +.mdc-slider .mdc-slider__track--inactive { + border-radius: 2px; + height: 4px; + left: 0; + outline: 1px solid transparent; + top: 0; +} +.mdc-slider .mdc-slider__track--active_fill { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill { + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__track--inactive { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + opacity: 0.24; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.24; +} +.mdc-slider .mdc-slider__value-indicator-container { + bottom: 44px; + left: 50%; + position: absolute; + transform: translateX(-50%); +} +.mdc-slider .mdc-slider__value-indicator { + transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1); + align-items: center; + border-radius: 4px; + display: flex; + height: 32px; + outline: 1px solid transparent; + padding: 0 12px; + transform: scale(0); + transform-origin: bottom; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid; + bottom: -5px; + content: ""; + height: 0; + left: 50%; + position: absolute; + transform: translateX(-50%); + width: 0; +} +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1); + transform: scale(1); +} +@media (prefers-reduced-motion) { + .mdc-slider .mdc-slider__value-indicator, +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: none; + } +} +.mdc-slider .mdc-slider__value-indicator-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} +.mdc-slider .mdc-slider__value-indicator { + background-color: #000; + opacity: 0.6; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-top-color: #000; +} +.mdc-slider .mdc-slider__value-indicator { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-slider .mdc-slider__thumb { + display: flex; + height: 48px; + left: -24px; + outline: none; + position: absolute; + user-select: none; + width: 48px; +} +.mdc-slider .mdc-slider__thumb--top { + z-index: 1; +} +.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob { + border: 1px solid; + box-sizing: content-box; + border-color: #fff; +} +.mdc-slider .mdc-slider__thumb-knob { + /* @alternate */ + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + border: 10px solid; + border-radius: 50%; + box-sizing: border-box; + height: 20px; + /* @noflip */ + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + width: 20px; +} +.mdc-slider .mdc-slider__thumb-knob { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-slider .mdc-slider__thumb:hover::before { + opacity: 0.04; +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-slider .mdc-slider__tick-marks { + align-items: center; + box-sizing: border-box; + display: flex; + height: 100%; + justify-content: space-between; + padding: 0 1px; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__tick-mark--active, +.mdc-slider .mdc-slider__tick-mark--inactive { + border-radius: 50%; + height: 2px; + width: 2px; +} +.mdc-slider .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider .mdc-slider__tick-mark--inactive { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled { + opacity: 0.38; + cursor: auto; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb { + pointer-events: none; +} +.mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: transform 80ms ease; +} +@media (prefers-reduced-motion) { + .mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: none; + } +} + +.mdc-snackbar { + z-index: 8; + margin: 8px; + display: none; + position: fixed; + right: 0; + bottom: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + pointer-events: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.mdc-snackbar__surface { + background-color: #333333; +} + +.mdc-snackbar__label { + color: rgba(255, 255, 255, 0.87); +} + +.mdc-snackbar__surface { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-snackbar__surface { + min-width: 100%; + } +} + +.mdc-snackbar__surface { + max-width: 672px; +} + +.mdc-snackbar__surface { + /* @alternate */ + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); +} + +.mdc-snackbar__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-snackbar--opening, +.mdc-snackbar--open, +.mdc-snackbar--closing { + display: flex; +} + +.mdc-snackbar--open .mdc-snackbar__label, +.mdc-snackbar--open .mdc-snackbar__actions { + visibility: visible; +} + +.mdc-snackbar--leading { + justify-content: flex-start; +} + +.mdc-snackbar--stacked .mdc-snackbar__label { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + padding-bottom: 12px; +} +[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} +.mdc-snackbar--stacked .mdc-snackbar__surface { + flex-direction: column; + align-items: flex-start; +} +.mdc-snackbar--stacked .mdc-snackbar__actions { + align-self: flex-end; + margin-bottom: 8px; +} + +.mdc-snackbar__surface { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + display: flex; + align-items: center; + justify-content: flex-start; + box-sizing: border-box; + transform: scale(0.8); + opacity: 0; +} +[dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} +.mdc-snackbar--open .mdc-snackbar__surface { + transform: scale(1); + opacity: 1; + pointer-events: auto; + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-snackbar--closing .mdc-snackbar__surface { + transform: scale(1); + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-snackbar__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + width: 100%; + flex-grow: 1; + box-sizing: border-box; + margin: 0; + visibility: hidden; + padding-top: 14px; + padding-bottom: 14px; +} +[dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} + +.mdc-snackbar__label::before { + display: inline; + content: attr(data-mdc-snackbar-label-text); +} + +.mdc-snackbar__actions { + display: flex; + flex-shrink: 0; + align-items: center; + box-sizing: border-box; + visibility: hidden; +} + +.mdc-snackbar__action:not(:disabled) { + color: #bb86fc; +} +.mdc-snackbar__action::before, .mdc-snackbar__action::after { + background-color: #bb86fc; +} +.mdc-snackbar__action:hover::before { + opacity: 0.08; +} +.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-snackbar__dismiss { + color: rgba(255, 255, 255, 0.87); +} +.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after { + background-color: rgba(255, 255, 255, 0.87); +} +.mdc-snackbar__dismiss:hover::before { + opacity: 0.08; +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-snackbar__dismiss.mdc-snackbar__dismiss { + width: 36px; + height: 36px; + padding: 9px; + font-size: 18px; +} +.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg, +.mdc-snackbar__dismiss.mdc-snackbar__dismiss img { + width: 18px; + height: 18px; +} + +.mdc-snackbar__action + .mdc-snackbar__dismiss { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +.mdc-switch__thumb-underlay { + /* @noflip */ + left: -14px; + /* @noflip */ + right: initial; + top: -17px; + width: 48px; + height: 48px; +} +[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: -14px; +} + +.mdc-switch__native-control { + width: 64px; + height: 48px; +} + +.mdc-switch { + display: inline-block; + position: relative; + outline: none; + user-select: none; +} +.mdc-switch.mdc-switch--checked .mdc-switch__track { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch.mdc-switch--checked .mdc-switch__thumb { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-theme-surface, #fff); +} + +.mdc-switch__native-control { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + position: absolute; + top: 0; + margin: 0; + opacity: 0; + cursor: pointer; + pointer-events: auto; + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} + +.mdc-switch__track { + box-sizing: border-box; + width: 36px; + height: 14px; + border: 1px solid transparent; + border-radius: 7px; + opacity: 0.38; + transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-switch__thumb-underlay { + display: flex; + position: absolute; + align-items: center; + justify-content: center; + transform: translateX(0); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-switch__thumb { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-sizing: border-box; + width: 20px; + height: 20px; + border: 10px solid; + border-radius: 50%; + pointer-events: none; + z-index: 1; +} + +.mdc-switch--checked .mdc-switch__track { + opacity: 0.54; +} +.mdc-switch--checked .mdc-switch__thumb-underlay { + transform: translateX(16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] { + transform: translateX(-16px); +} +.mdc-switch--checked .mdc-switch__native-control { + transform: translateX(-16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] { + transform: translateX(16px); +} + +.mdc-switch--disabled { + opacity: 0.38; + pointer-events: none; +} +.mdc-switch--disabled .mdc-switch__thumb { + border-width: 1px; +} +.mdc-switch--disabled .mdc-switch__native-control { + cursor: default; + pointer-events: none; +} + +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { + background-color: #9e9e9e; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { + opacity: 0.08; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-switch__thumb-underlay { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-switch__thumb-underlay::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-switch__thumb-underlay:hover::before { + opacity: 0.04; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +.mdc-tab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding-right: 24px; + padding-left: 24px; + position: relative; + display: flex; + flex: 1 0 auto; + justify-content: center; + box-sizing: border-box; + margin: 0; + padding-top: 0; + padding-bottom: 0; + border: none; + outline: none; + background: none; + text-align: center; + white-space: nowrap; + cursor: pointer; + -webkit-appearance: none; + z-index: 1; +} +.mdc-tab .mdc-tab__text-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-tab .mdc-tab__icon { + color: rgba(0, 0, 0, 0.54); + fill: currentColor; +} +.mdc-tab::-moz-focus-inner { + padding: 0; + border: 0; +} + +.mdc-tab--min-width { + flex: 0 1 auto; +} + +.mdc-tab__content { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: inherit; + pointer-events: none; +} + +.mdc-tab__text-label { + transition: 150ms color linear; + display: inline-block; + line-height: 1; + z-index: 2; +} + +.mdc-tab__icon { + transition: 150ms color linear; + width: 24px; + height: 24px; + font-size: 24px; + z-index: 2; +} + +.mdc-tab--stacked .mdc-tab__content { + flex-direction: column; + align-items: center; + justify-content: center; +} +.mdc-tab--stacked .mdc-tab__text-label { + padding-top: 6px; + padding-bottom: 4px; +} + +.mdc-tab--active .mdc-tab__text-label { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab--active .mdc-tab__icon { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); + fill: currentColor; +} +.mdc-tab--active .mdc-tab__text-label, +.mdc-tab--active .mdc-tab__icon { + transition-delay: 100ms; +} + +.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; +} + +.mdc-tab__ripple { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-tab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-tab__ripple.mdc-ripple-upgraded::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-tab__ripple.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-tab__ripple.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-tab__ripple::before, .mdc-tab__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab__ripple:hover::before { + opacity: 0.04; +} +.mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before, .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-tab__ripple.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-bar { + width: 100%; +} + +.mdc-tab { + height: 48px; +} + +.mdc-tab--stacked { + height: 72px; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-indicator { + display: flex; + position: absolute; + top: 0; + left: 0; + justify-content: center; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1; +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-tab-indicator .mdc-tab-indicator__content--icon { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-secondary, #2196F3); +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-top-width: 2px; +} +.mdc-tab-indicator .mdc-tab-indicator__content--icon { + height: 34px; + font-size: 34px; +} + +.mdc-tab-indicator__content { + transform-origin: left; + opacity: 0; +} + +.mdc-tab-indicator__content--underline { + align-self: flex-end; + box-sizing: border-box; + width: 100%; + border-top-style: solid; +} + +.mdc-tab-indicator__content--icon { + align-self: center; + margin: 0 auto; +} + +.mdc-tab-indicator--active .mdc-tab-indicator__content { + opacity: 1; +} + +.mdc-tab-indicator .mdc-tab-indicator__content { + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-tab-indicator--no-transition .mdc-tab-indicator__content { + transition: none; +} + +.mdc-tab-indicator--fade .mdc-tab-indicator__content { + transition: 150ms opacity linear; +} + +.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content { + transition-delay: 100ms; +} + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-scroller { + overflow-y: hidden; +} +.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content { + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-tab-scroller__test { + position: absolute; + top: -9999px; + width: 100px; + height: 100px; + overflow-x: scroll; +} + +.mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: touch; + display: flex; + overflow-x: hidden; +} + +.mdc-tab-scroller__scroll-area::-webkit-scrollbar, +.mdc-tab-scroller__test::-webkit-scrollbar { + display: none; +} + +.mdc-tab-scroller__scroll-area--scroll { + overflow-x: scroll; +} + +.mdc-tab-scroller__scroll-content { + position: relative; + display: flex; + flex: 1 0 auto; + transform: none; + will-change: transform; +} + +.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content { + justify-content: flex-start; +} + +.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content { + justify-content: flex-end; +} + +.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content { + justify-content: center; +} + +.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: auto; +} + +.mdc-text-field--filled { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-text-field--filled .mdc-text-field__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} + +.mdc-text-field__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-text-field { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + display: inline-flex; + align-items: baseline; + padding: 0 16px; + position: relative; + box-sizing: border-box; + overflow: hidden; + /* @alternate */ + will-change: opacity, transform, color; +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { + color: rgba(0, 0, 0, 0.87); +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +.mdc-text-field .mdc-text-field__input { + caret-color: #2196F3; + /* @alternate */ + caret-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field .mdc-floating-label { + top: 50%; + transform: translateY(-50%); + pointer-events: none; +} + +.mdc-text-field__input { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + width: 100%; + min-width: 0; + border: none; + border-radius: 0; + background: none; + appearance: none; + padding: 0; +} +.mdc-text-field__input::-ms-clear { + display: none; +} +.mdc-text-field__input::-webkit-calendar-picker-indicator { + display: none; +} +.mdc-text-field__input:focus { + outline: none; +} +.mdc-text-field__input:invalid { + box-shadow: none; +} +@media all { + .mdc-text-field__input::placeholder { + transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field__input:-ms-input-placeholder { + transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} + +.mdc-text-field__affix { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + white-space: nowrap; +} +.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix { + opacity: 1; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--outlined .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} + +.mdc-text-field--filled { + height: 56px; +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + background-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--filled:hover .mdc-text-field__ripple::before { + opacity: 0.04; +} +.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-text-field--filled::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) { + background-color: whitesmoke; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--filled .mdc-line-ripple::after { + border-bottom-color: #2196F3; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-text-field--filled .mdc-floating-label--float-above { + transform: translateY(-106%) scale(0.75); +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label { + display: none; +} +.mdc-text-field--filled.mdc-text-field--no-label::before { + display: none; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field--outlined { + height: 56px; + overflow: visible; +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-37.25px) scale(1); +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) scale(0.75); +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-text-field--outlined .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #2196F3; + /* @alternate */ + border-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-text-field--outlined .mdc-text-field__ripple::before, +.mdc-text-field--outlined .mdc-text-field__ripple::after { + content: none; +} +.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-text-field--outlined .mdc-text-field__input { + display: flex; + border: none !important; + background-color: transparent; +} +.mdc-text-field--outlined .mdc-notched-outline { + z-index: 1; +} + +.mdc-text-field--textarea { + flex-direction: column; + align-items: center; + width: auto; + height: auto; + padding: 0; + transition: none; +} +.mdc-text-field--textarea .mdc-floating-label { + top: 19px; +} +.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) { + transform: none; +} +.mdc-text-field--textarea .mdc-text-field__input { + flex-grow: 1; + height: auto; + min-height: 1.5rem; + overflow-x: hidden; + overflow-y: auto; + box-sizing: border-box; + resize: none; + padding: 0 16px; + line-height: 1.5rem; +} +.mdc-text-field--textarea.mdc-text-field--filled::before { + display: none; +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above { + transform: translateY(-10.25px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-textarea-filled { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input { + margin-top: 23px; + margin-bottom: 9px; +} +.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-27.25px) scale(1); +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-24.75px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-textarea-outlined { + 0% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label { + top: 18px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input { + margin-bottom: 2px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter { + align-self: flex-end; + padding: 0 16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: -16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before { + display: none; +} + +.mdc-text-field__resizer { + align-self: stretch; + display: inline-flex; + flex-direction: column; + flex-grow: 1; + max-height: 100%; + max-width: 100%; + min-height: 56px; + min-width: fit-content; + /* @alternate */ + min-width: -moz-available; + /* @alternate */ + min-width: -webkit-fill-available; + overflow: hidden; + resize: both; +} +.mdc-text-field--filled .mdc-text-field__resizer { + transform: translateY(-1px); +} +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter { + transform: translateY(1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer { + transform: translateX(-1px) translateY(-1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] { + transform: translateX(1px) translateY(-1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter { + transform: translateX(1px) translateY(1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] { + transform: translateX(-1px) translateY(1px); +} + +.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 48px); + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake { + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} + +.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} + +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-text-field-helper-line { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.mdc-text-field + .mdc-text-field-helper-line { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-form-field > .mdc-text-field + label { + align-self: flex-start; +} + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(33, 150, 243, 0.87); +} +.mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--focused .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { + opacity: 1; +} +.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} + +.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid .mdc-text-field__input { + caret-color: #b00020; + /* @alternate */ + caret-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + opacity: 1; +} + +.mdc-text-field--disabled { + pointer-events: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + color: rgba(0, 0, 0, 0.38); +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +.mdc-text-field--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-floating-label { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--leading { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } +} +.mdc-text-field--disabled .mdc-floating-label { + cursor: default; +} +.mdc-text-field--disabled.mdc-text-field--filled { + background-color: #fafafa; +} +.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple { + display: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + pointer-events: auto; +} + +.mdc-text-field--end-aligned .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] { + /* @noflip */ + text-align: left; +} + +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input, +.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix { + /* @noflip */ + direction: ltr; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading { + order: 1; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + order: 2; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input { + order: 3; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + order: 4; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing { + order: 5; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; +} + +.mdc-text-field-helper-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + opacity: 0; + will-change: opacity; + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-text-field-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-text-field-helper-text--persistent { + transition: none; + opacity: 1; + will-change: initial; +} + +.mdc-text-field-character-counter { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; + white-space: nowrap; +} +.mdc-text-field-character-counter::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} + +.mdc-text-field__icon { + align-self: center; + cursor: pointer; +} +.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} +.mdc-text-field__icon svg { + display: block; +} + +.mdc-text-field__icon--leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 16px; +} + +.mdc-text-field__icon--trailing { + padding: 12px; + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} +[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} + +:root { + --mdc-theme-primary: #2196F3; + --mdc-theme-secondary: #2196F3; + --mdc-theme-background: #BBDEFB; + --mdc-theme-surface: #fff; + --mdc-theme-error: #b00020; + --mdc-theme-on-primary: #fff; + --mdc-theme-on-secondary: #fff; + --mdc-theme-on-surface: #000; + --mdc-theme-on-error: #fff; + --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-dark: white; + --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7); + --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); +} + +.mdc-theme--primary { + color: #2196F3 !important; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3) !important; +} + +.mdc-theme--secondary { + color: #2196F3 !important; + /* @alternate */ + color: var(--mdc-theme-secondary, #2196F3) !important; +} + +.mdc-theme--background { + background-color: #BBDEFB; + /* @alternate */ + background-color: var(--mdc-theme-background, #BBDEFB); +} + +.mdc-theme--surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-theme--error { + color: #b00020 !important; + /* @alternate */ + color: var(--mdc-theme-error, #b00020) !important; +} + +.mdc-theme--on-primary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff) !important; +} + +.mdc-theme--on-secondary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff) !important; +} + +.mdc-theme--on-surface { + color: #000 !important; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000) !important; +} + +.mdc-theme--on-error { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-error, #fff) !important; +} + +.mdc-theme--text-primary-on-background { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important; +} + +.mdc-theme--text-secondary-on-background { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important; +} + +.mdc-theme--text-hint-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-disabled-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-icon-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-primary-on-light { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important; +} + +.mdc-theme--text-secondary-on-light { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important; +} + +.mdc-theme--text-hint-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-disabled-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-icon-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important; +} + +.mdc-theme--text-primary-on-dark { + color: white !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white) !important; +} + +.mdc-theme--text-secondary-on-dark { + color: rgba(255, 255, 255, 0.7) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important; +} + +.mdc-theme--text-hint-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--text-disabled-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--text-icon-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important; +} + +.mdc-theme--primary-bg { + background-color: #2196F3 !important; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3) !important; +} + +.mdc-theme--secondary-bg { + background-color: #2196F3 !important; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #2196F3) !important; +} + +.mdc-tooltip__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-tooltip__surface { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); +} + +.mdc-tooltip__surface { + background-color: rgba(0, 0, 0, 0.6); +} + +.mdc-tooltip__surface { + word-break: break-all; + /* @alternate */ + word-break: var(--mdc-tooltip-word-break, normal); + overflow-wrap: anywhere; +} + +.mdc-tooltip { + z-index: 2; +} + +.mdc-tooltip { + position: fixed; + display: none; +} + +.mdc-tooltip--shown, +.mdc-tooltip--showing, +.mdc-tooltip--hide { + display: inline-flex; +} + +.mdc-tooltip__surface { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + line-height: 16px; + padding: 4px 8px; + min-width: 40px; + max-width: 200px; + min-height: 24px; + max-height: 40vh; + box-sizing: border-box; + overflow: hidden; + transform: scale(0.8); + text-align: center; + opacity: 0; + outline: 1px solid transparent; +} +.mdc-tooltip--multiline .mdc-tooltip__surface { + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface, .mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-tooltip--shown .mdc-tooltip__surface { + transform: scale(1); + opacity: 1; +} +.mdc-tooltip--showing-transition .mdc-tooltip__surface { + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-tooltip--hide .mdc-tooltip__surface { + transform: scale(1); +} +.mdc-tooltip--hide-transition .mdc-tooltip__surface { + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-top-app-bar { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + color: white; + display: flex; + position: fixed; + flex-direction: column; + justify-content: space-between; + box-sizing: border-box; + width: 100%; + z-index: 4; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.08; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-top-app-bar__row { + display: flex; + position: relative; + box-sizing: border-box; + width: 100%; + height: 64px; +} +.mdc-top-app-bar__section { + display: inline-flex; + flex: 1 1 auto; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; +} +.mdc-top-app-bar__section--align-start { + justify-content: flex-start; + order: -1; +} +.mdc-top-app-bar__section--align-end { + justify-content: flex-end; + order: 1; +} +.mdc-top-app-bar__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; +} +[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 24px; + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 24px; +} + +.mdc-top-app-bar--short { + top: 0; + /* @noflip */ + right: auto; + /* @noflip */ + left: 0; + width: 100%; + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; +} +.mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; +} +.mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; +} +.mdc-top-app-bar--short .mdc-top-app-bar__title { + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; +} + +.mdc-top-app-bar--short-collapsed { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + width: 56px; + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; +} +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; +} +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; +} +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; +} +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; +} +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + align-self: flex-end; + padding-bottom: 2px; +} +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + align-self: flex-start; +} + +.mdc-top-app-bar--fixed { + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--fixed-scrolled { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; +} +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; +} +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; +} +[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; +} + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; +} + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; +} + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; +} + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; +} + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; + } + + .mdc-top-app-bar__section { + padding: 4px; + } + + .mdc-top-app-bar--short { + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed { + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + } + [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + } + + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; + } + + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; + } +} +.mdc-typography { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-font-family, Roboto, sans-serif); +} + +.mdc-typography--headline1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 6rem; + /* @alternate */ + font-size: var(--mdc-typography-headline1-font-size, 6rem); + line-height: 6rem; + /* @alternate */ + line-height: var(--mdc-typography-headline1-line-height, 6rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline1-font-weight, 300); + letter-spacing: -0.015625em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline1-text-transform, inherit); +} + +.mdc-typography--headline2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3.75rem; + /* @alternate */ + font-size: var(--mdc-typography-headline2-font-size, 3.75rem); + line-height: 3.75rem; + /* @alternate */ + line-height: var(--mdc-typography-headline2-line-height, 3.75rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline2-font-weight, 300); + letter-spacing: -0.0083333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline2-text-transform, inherit); +} + +.mdc-typography--headline3 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3rem; + /* @alternate */ + font-size: var(--mdc-typography-headline3-font-size, 3rem); + line-height: 3.125rem; + /* @alternate */ + line-height: var(--mdc-typography-headline3-line-height, 3.125rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline3-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline3-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline3-text-transform, inherit); +} + +.mdc-typography--headline4 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 2.125rem; + /* @alternate */ + font-size: var(--mdc-typography-headline4-font-size, 2.125rem); + line-height: 2.5rem; + /* @alternate */ + line-height: var(--mdc-typography-headline4-line-height, 2.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline4-font-weight, 400); + letter-spacing: 0.0073529412em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline4-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline4-text-transform, inherit); +} + +.mdc-typography--headline5 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.5rem; + /* @alternate */ + font-size: var(--mdc-typography-headline5-font-size, 1.5rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline5-line-height, 2rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline5-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline5-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline5-text-transform, inherit); +} + +.mdc-typography--headline6 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); +} + +.mdc-typography--subtitle1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); +} + +.mdc-typography--subtitle2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} + +.mdc-typography--body1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); +} + +.mdc-typography--body2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-typography--caption { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} + +.mdc-typography--button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); +} + +.mdc-typography--overline { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-overline-font-size, 0.75rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-overline-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-overline-font-weight, 500); + letter-spacing: 0.1666666667em; + /* @alternate */ + letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-overline-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-overline-text-transform, uppercase); +} + +.mdc-top-app-bar { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); + color: white; + display: flex; + position: fixed; + flex-direction: column; + justify-content: space-between; + box-sizing: border-box; + width: 100%; + z-index: 4; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.08; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; +} + +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.mdc-top-app-bar__row { + display: flex; + position: relative; + box-sizing: border-box; + width: 100%; + height: 64px; +} + +.mdc-top-app-bar__section { + display: inline-flex; + flex: 1 1 auto; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; +} + +.mdc-top-app-bar__section--align-start { + justify-content: flex-start; + order: -1; +} + +.mdc-top-app-bar__section--align-end { + justify-content: flex-end; + order: 1; +} + +.mdc-top-app-bar__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; +} + +[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 24px; + /* @noflip */ + border-bottom-left-radius: 0; +} + +[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 24px; +} + +.mdc-top-app-bar--short { + top: 0; + /* @noflip */ + right: auto; + /* @noflip */ + left: 0; + width: 100%; + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; +} + +.mdc-top-app-bar--short .mdc-top-app-bar__title { + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; +} + +.mdc-top-app-bar--short-collapsed { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + width: 56px; + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; +} + +.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; +} + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; +} + +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + align-self: flex-end; + padding-bottom: 2px; +} + +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + align-self: flex-start; +} + +.mdc-top-app-bar--fixed { + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--fixed-scrolled { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; +} + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; +} + +[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; +} + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; +} + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; +} + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; +} + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; +} + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; +} + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; + } + + .mdc-top-app-bar__section { + padding: 4px; + } + + .mdc-top-app-bar--short { + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed { + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + } + + [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + } + + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; + } + + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; + } +} +.mdc-top-app-bar--fixed { + width: 100vw; + height: 10vh; + padding-left: -8px; + margin-left: -8px; + margin-top: -8px; + /*background-color:$primary-color;*/ + background-color: #1976D2; + color: white; + color: #FFFFFF; +} + +.mdc-top-app-bar--fixed-adjust { + width: 100vw; + height: 10vh; + background-color: #FFFFFF; + color: rgba(0, 0, 0, 0.87); +} + +.mdc-button--raised:not(:disabled) { + background-color: #2196F3; +} +.mdc-button--raised:not(:disabled) { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); +} +.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after { + background-color: white; + /* @alternate */ + background-color: var(--mdc-theme-text-primary-on-dark, white); +} +.mdc-button--raised:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button--raised.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} +.mdc-button--raised:not(:disabled) { + color: #FFFFFF; +} + +p { + font-family: "Roboto", sans-serif; + font-size: 20px; + display: inline-block; +} + +a { + font-family: "Roboto", sans-serif; + font-size: 20px; + display: inline-block; +} + +h1 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h1 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h2 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h3 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h4 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h5 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +h6 { + font-family: "Roboto", sans-serif; + font-size: 24px; + display: inline-block; +} + +li { + font-family: "Roboto", sans-serif; + font-size: 22px; + display: inline-block; +} + +.summary-explain-p { + font-family: "Roboto", sans-serif; + font-size: 22px; + display: inline-block; + padding-left: 8px; +} + +.summary-picto-div { + display: flex; + align-items: center; +} + +.mdc-card { + display: flex; + flex-direction: coloumn; + margin-right: 4px; + margin-bottom: 4px; + margin-left: 4px; + padding: 8px 8px 8px 8px; +} + +.mdc-button { + margin: 8px 8px 8px 8px; + padding: 8px 8px 8px 8px; +} +.mdc-button .mdc-button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding: 0 8px 0 8px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + min-width: 64px; + border: none; + outline: none; + /* @alternate */ + line-height: inherit; + user-select: none; + -webkit-appearance: none; + overflow: visible; + vertical-align: middle; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); + height: 36px; +} +.mdc-button .mdc-button .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-button .mdc-button::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-button .mdc-button:active { + outline: none; +} +.mdc-button .mdc-button:hover { + cursor: pointer; +} +.mdc-button .mdc-button:disabled { + cursor: default; + pointer-events: none; +} +.mdc-button .mdc-button .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button .mdc-button:not(:disabled) { + background-color: transparent; +} +.mdc-button .mdc-button:disabled { + background-color: transparent; +} +.mdc-button .mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + width: 18px; + height: 18px; + font-size: 18px; + vertical-align: top; +} +[dir=rtl] .mdc-button .mdc-button .mdc-button__icon, .mdc-button .mdc-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-button .mdc-button .mdc-button__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + transform: translateY(-50%); +} +.mdc-button .mdc-button:not(:disabled) { + color: #2196F3; + /* @alternate */ + color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button .mdc-button:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-button .mdc-button__label + .mdc-button__icon, .mdc-button .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-button svg.mdc-button__icon { + fill: currentColor; +} +.mdc-button .mdc-button--raised .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__icon { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-button .mdc-button--raised .mdc-button__icon, .mdc-button .mdc-button--raised .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--unelevated .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--outlined .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +.mdc-button .mdc-button--raised .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-button .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button .mdc-button--outlined .mdc-button__label + .mdc-button__icon, +.mdc-button .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} +.mdc-button .mdc-button--raised, +.mdc-button .mdc-button--unelevated { + padding: 0 16px 0 16px; +} +.mdc-button .mdc-button--raised:not(:disabled), +.mdc-button .mdc-button--unelevated:not(:disabled) { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button .mdc-button--raised:not(:disabled), +.mdc-button .mdc-button--unelevated:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button .mdc-button--raised:disabled, +.mdc-button .mdc-button--unelevated:disabled { + background-color: rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--raised:disabled, +.mdc-button .mdc-button--unelevated:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button .mdc-button--raised { + /* @alternate */ + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-button .mdc-button--raised:hover, .mdc-button .mdc-button--raised:focus { + /* @alternate */ + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--raised:active { + /* @alternate */ + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--raised:disabled { + /* @alternate */ + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--outlined { + padding: 0 15px 0 15px; + border-width: 1px; + border-style: solid; +} +.mdc-button .mdc-button--outlined .mdc-button__ripple { + top: -1px; + left: -1px; + border: 1px solid transparent; +} +.mdc-button .mdc-button--outlined .mdc-button__touch { + left: -1px; + width: calc(100% + 2 * 1px); +} +.mdc-button .mdc-button--outlined:not(:disabled) { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--outlined:disabled { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button .mdc-button--touch { + margin-top: 6px; + margin-bottom: 6px; +} +.mdc-button .mdc-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; +} +.mdc-button .mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button .mdc-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-button .mdc-button .mdc-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; +} +.mdc-button .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before { + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + transform: scale(0); + transform-origin: center center; +} +.mdc-button .mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-button .mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after { + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-button .mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after { + animation: mdc-ripple-fg-opacity-out 150ms; + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button .mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button .mdc-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-button .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-button .mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button .mdc-button__ripple::after { + background-color: #2196F3; + /* @alternate */ + background-color: var(--mdc-theme-primary, #2196F3); +} +.mdc-button .mdc-button:hover .mdc-button__ripple::before { + opacity: 0.04; +} +.mdc-button .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; +} +.mdc-button .mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.12; +} +.mdc-button .mdc-button .mdc-button__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-button .mdc-button:not(.mdc-button--outlined) .mdc-button__ripple { + top: 0; + left: 0; +} +.mdc-button .mdc-button--raised .mdc-button__ripple::before, .mdc-button .mdc-button--raised .mdc-button__ripple::after, +.mdc-button .mdc-button--unelevated .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated .mdc-button__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button .mdc-button--raised:hover .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated:hover .mdc-button__ripple::before { + opacity: 0.08; +} +.mdc-button .mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, +.mdc-button .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button .mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after, +.mdc-button .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button .mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after, +.mdc-button .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; +} +.mdc-button .mdc-button--raised.mdc-ripple-upgraded, +.mdc-button .mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; +} + +.summary-picto-div { + padding: 8px 8px 8px 8px; + display: flex; + flex-direction: row; +} + +p { + font-family: "Roboto", sans-serif; + font-size: 20px; +} + +.container { + background-color: #BBDEFB; + display: flex; + flex-direction: column; + justify-content: center !important; + align-items: center; + padding: 16px 16px 16px 16px; + width: 100%; +} +.container hr { + width: 90vw; + height: 5px; + background-color: #BDBDBD; +} + +body { + width: 100%; + background-color: #BBDEFB; +} \ No newline at end of file diff --git a/plugin-firefox/html/js/connection.js b/plugin-firefox/html/js/connection.js new file mode 100644 index 0000000..464902e --- /dev/null +++ b/plugin-firefox/html/js/connection.js @@ -0,0 +1,83 @@ +/** + * These Scripts are the "connectors" to the server + */ + + + +/* * + * This function checks if the nlp-server is running + */ + +function checkServerStatus(){ + $.getJSON('http://jt-info.de:5000/info', { + }, function(data){ + return true; + }).fail(function() { + return false; + }); +} + + + +/* * + * This function sends the policy to the nlp-server and returns the nlp-strukture + * + * @param contexts json + * @return result from the server + * */ +function getSummaryFromServer(contexts){ + let result = "failed"; + let err = "error"; + + + + // + console.log(contexts); + /*$.ajax({ + type: "GET", + url: 'http://jt-info.de:5000/tryspacy', + dataType: "json", + data: "a="+contexts, + async: false, + success: function(json){ + //console.log(json); + result = json.answer; + } , + error: function(a){ + return err; + } + });*/ + $.ajax({ + type: "GET", + url: 'http://touch.se.uni-hannover.de:443/tryspacy', + dataType: "json", + data: "a="+contexts, + async: false, + success: function(json){ + //console.log(json); + result = json.answer; + } , + error: function(a){ + return err; + } + }); + + /*$.ajax({ + type: "GET", + url: 'https://touch.se.uni-hannover.de:443/tryspacy', + dataType: "json", + data: "a="+contexts, + async: false, + success: function(json){ + //console.log(json); + result = json.answer; + } , + error: function(a){ + return err; + } + });*/ + + + + return result; +} diff --git a/plugin-firefox/html/js/cookies.js b/plugin-firefox/html/js/cookies.js new file mode 100644 index 0000000..5643771 --- /dev/null +++ b/plugin-firefox/html/js/cookies.js @@ -0,0 +1,143 @@ +/* * + * This function creates the cookie and ads context in the popup + * returns a string containg a html. + * */ +async function handleCookies(){ + result = ""; + $("#cookie-cards").empty(); + var allcookies = []; + await browser.cookies.getAll({}).then(response => { + allcookies = response; + }); + + let tabs = browser.tabs.query({currentWindow: true, active: true}).then(tabs => { + var activeTab = tabs.pop(); + console.log(activeTab.url); + browser.cookies.getAll({url: activeTab.url}).then(cookies => { + + let regex = new RegExp("https?:\/\/(www\.)?[^\/]+\/"); + console.log(thirdpartylinks); + let result_thirdpartyscripts = []; + let result_thirdlinks = ""; + for(let i = 0; i < thirdpartylinks.length; i++){ + let tmp = thirdpartylinks[i]; + let tmp_arr = tmp.split("/"); + //console.log(tmp.split("/")); + console.log(tmp_arr); + let tmp_perfect = tmp_arr[2].split("."); + if(tmp_perfect.length < 3){ + if(!result_thirdlinks.includes(tmp_arr[2]) && tmp_arr[2].includes(".")){ + result_thirdlinks += ""+ tmp_arr[2] +""; + result_thirdpartyscripts.push(tmp_arr[2]); + } + } else { + let result_domain = tmp_perfect[tmp_perfect.length-2]+"."+tmp_perfect[tmp_perfect.length-1]; + if(!result_thirdlinks.includes(result_domain) && tmp_arr[2].includes(".")){ + result_thirdpartyscripts.push(result_domain); + result_thirdlinks += ""+ result_domain +""; + } + } + + + + } + //let url = activeTab.url.match(regex); + let url = activeTab.url.split("/"); + cookies_third_list = []; + + console.log(result_thirdpartyscripts); + + console.log(allcookies.length); + + + for(let i = 0; i < allcookies.length; i++){ + let tmp = allcookies[i]; + for(let j = 0; j < result_thirdpartyscripts.length; j++){ + if(allcookies.domain === result_thirdpartyscripts){ + cookies_third_list.push(tmp); + } + + if(allcookies.domain === "."+result_thirdpartyscripts){ + cookies_third_list.push(tmp); + } + } + } + console.log(cookies_third_list); + console.log(url[2]); + if(url[2].length == 0){ + url[2] = ""; + } + + let active_cookies = ""; + if (cookies.length === 0){ + active_cookies= "0 Cookies active."; + } else if(cookies.length === 1){ + active_cookies= "1 Cookie active."; + } else { + active_cookies = cookies.length+" Cookies active."; + } + + var domain = url[2]; + + + + $("#cookie-cards").append("" + ); + + if (cookies.length > 1){ + for(let cookie of cookies){ + let cookiename = cookie.name; + if (cookie.name.length > 10){ + cookiename = cookie.value.substring(0,10) + "..."; + } + + + + let tmp = "
" + + "

Cookie Name: "+ cookiename+"
" + + "Domain: " + cookie.domain + + "

"; + + + let img = "ok"; + let src = "'"+browser.runtime.getURL("pic_data_base/"+img+".png'"); + + $("#cookie-cards").append(tmp + ""+ "
"); + } + } + + if (cookies_third_list.length > 1){ + for(let cookie of cookies_third_list){ + let cookiename = cookie.name; + if (cookie.name.length > 10){ + cookiename = cookie.value.substring(0,10) + "..."; + } + + + + let tmp = "
" + + "

Cookie Name: "+ cookiename+"
" + + "Domain: " + cookie.domain + + "

"; + + + let img = "warning"; + let src = "'"+browser.runtime.getURL("pic_data_base/"+img+".png'"); + + $("#cookie-cards").append(tmp + ""+ "
"); + } + } + + + + }); + }); + return result; +} \ No newline at end of file diff --git a/plugin-firefox/html/js/language.js b/plugin-firefox/html/js/language.js new file mode 100644 index 0000000..42af13f --- /dev/null +++ b/plugin-firefox/html/js/language.js @@ -0,0 +1,31 @@ +/** + * This script is designed to switch language in the pop up window. + * outated but can be used in the future. + * + */ + + +var ger = null; +var eng = null; + + + +/** + * This function loads english and german for the plugin + * */ +function loadLang(lang) { + + let tmp_lang = JSON.prase(); + +} + + +function changeLang(lang){ + let tmp_lang = JSON.prase(data_eng); + $("#tab_cookie").text(tmp_lang.tab_cookie); + $("#tab_dsgvo").text(tmp_lang.tab_dsgvo); + $("#tab_more").text(tmp_lang.tab_more); + + + + diff --git a/plugin-firefox/html/js/mainmenuscripts.js b/plugin-firefox/html/js/mainmenuscripts.js new file mode 100644 index 0000000..3db17e1 --- /dev/null +++ b/plugin-firefox/html/js/mainmenuscripts.js @@ -0,0 +1,187 @@ +var site; +var is_dsgvo = false; +var thirdpartylinks = []; +var os = "win"; + + +/** + * Typical start of a jquery script. + * when the pop up pops up this function fires + * + * */ +$(document).ready(async function(){ + + await browser.runtime.sendMessage({auswertung: "check_if_dsgvo"}).then( response => { + try{ + is_dsgvo = response.is_dsgvo; + console.log("Super hat geklappt: "+ is_dsgvo); + thirdpartylinks = JSON.parse(response.third); + } catch(e){ + state_cookies(); + } + + }); + + os = await browser.runtime.getPlatformInfo(); + console.log(os); + + /** inits the start of the pop up context**/ + first_init(is_dsgvo); + $("#zsf-div").hide(); + + $("#cookie-tab-button").click(async function(){ + state_cookies(); + await handleCookies(); + }); + + handleCookies(); + + $("#privacy-tab-button").click(function(){ + state_privacycheck(is_dsgvo); + }); + + $("#about-tab-button").click(function(){ + state_more(); + }); + + + $("#auswertenv2").click(function(){ + $(".animation-container").show(); + $("#auswertenv2").hide(); + $("#auswerten-longer").hide(); + $("#auswertenv2").removeClass("privacyfade"); + $("#p_hint_for_press_privacy").hide(); + $("#auswerten-longer").hide(); + console.log("Dieser Promise main"); + browser.runtime.sendMessage({get: "summary_with_id"}).then(response => { + console.log("try to summarize"); + console.log(response.back); + + + contexts = response.back; + console.log(JSON.parse(contexts)); + + //let result_list = getSummaryFromServer(JSON.parse(contexts)); + let result_list = getSummaryFromServer(contexts); + console.log(result_list); + browser.runtime.sendMessage({auswertung: "summary", set: JSON.stringify(result_list)}); + + let html_saved = "
"+create_short_summary_saved(result_list[0])+"
"; + let html_third = "
"+create_short_summary_third(result_list[1])+"
"; + + + let html_cards = html_saved+html_third; + + + $("#zsf-div").empty(); + //$("#zsf-div").append(create_example_summary()); + $("#zsf-div").append(html_cards); + $("#zsf-div").show(); + $("#auswerten-longer").show(); + $("#auswerten-longer").show(); + $(".animation-container").hide(); + + }); + }); + + + $("#weiteres").click(function(){ + browser.tabs.create({ + url:"aboutprivacycheck.html" + }); + window.close(); + }); + + $("#auswerten-longer").click(function(){ + console.log("creating advanced context"); + + browser.runtime.sendMessage({createadvanced: "context", set: JSON.stringify(contexts)}); + window.close(); + }); + + $("#settings").click(function(){ + $("#settings-div").show(); + $("#settings-back").show(); + state_settings(); + }); + + + $("#settings-back").click(function(){ + state_more(); + }); + + + $("#switch-eng").click(function(){ + del_switch_classes(); + $(this).addClass("mdc-switch--checked"); + }); + + $("#switch-ger").click(function(){ + del_switch_classes(); + $(this).addClass("mdc-switch--checked"); + }); +}); + + +/** + * This function creates a html tag + **/ +function createHTMLTag(tagName, value) { + if (tagName === undefined){ + return "

FEHLER

" + } else { + return "<"+tagName.toLowerCase()+">"+value+""; + } +} + + +/** + * This function is getting the url of the active tab + * its not used but can be used in the futere + */ +function getUrl(){ + + site = "" + + Browser.tabs.query({ + currentWindow: true, + active: true}) + .then((tabs) => { + let tab = tabs[0]; + site = tabs.url; + }); +} + + + +/* * + * Mandatory + * */ +function create_example_summary(){ + console.log("Creating Example"); + //let example = getExampleSummary(); + let example = ""; + + browser.runtime.sendMessage({auswertung: "summary", set: example}); + return example; +} + +/** + * Mandatory + **/ +function example(){ + setTimeout(function() { + browser.runtime.sendMessage({get: "summary"}).then(response => { + console.log("try to summarize"); + console.log(response.back); + //console.log(getContextList(response.back)); + + $("#zsf-div").empty(); + $("#zsf-div").append(create_example_summary()); + $("#zsf-div").show(); + + $(".animation-container").hide(); + + }); + }, 3000); +} diff --git a/plugin-firefox/html/js/pic_data_base/Microsoft.png b/plugin-firefox/html/js/pic_data_base/Microsoft.png new file mode 100644 index 0000000..2c7d8c9 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/Microsoft.png differ diff --git a/plugin-firefox/html/js/pic_data_base/anonymisiert.png b/plugin-firefox/html/js/pic_data_base/anonymisiert.png new file mode 100644 index 0000000..bb2bb42 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/anonymisiert.png differ diff --git a/plugin-firefox/html/js/pic_data_base/apple.png b/plugin-firefox/html/js/pic_data_base/apple.png new file mode 100644 index 0000000..02fca50 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/apple.png differ diff --git a/plugin-firefox/html/js/pic_data_base/cookie.png b/plugin-firefox/html/js/pic_data_base/cookie.png new file mode 100644 index 0000000..2387839 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/cookie.png differ diff --git a/plugin-firefox/html/js/pic_data_base/datum.png b/plugin-firefox/html/js/pic_data_base/datum.png new file mode 100644 index 0000000..577a77d Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/datum.png differ diff --git a/plugin-firefox/html/js/pic_data_base/dflt.png b/plugin-firefox/html/js/pic_data_base/dflt.png new file mode 100644 index 0000000..ab402a4 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/dflt.png differ diff --git a/plugin-firefox/html/js/pic_data_base/facebook.png b/plugin-firefox/html/js/pic_data_base/facebook.png new file mode 100644 index 0000000..1987125 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/facebook.png differ diff --git a/plugin-firefox/html/js/pic_data_base/firefox.png b/plugin-firefox/html/js/pic_data_base/firefox.png new file mode 100644 index 0000000..cfb41fb Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/firefox.png differ diff --git a/plugin-firefox/html/js/pic_data_base/google.png b/plugin-firefox/html/js/pic_data_base/google.png new file mode 100644 index 0000000..cc0fd14 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/google.png differ diff --git a/plugin-firefox/html/js/pic_data_base/instagram.png b/plugin-firefox/html/js/pic_data_base/instagram.png new file mode 100644 index 0000000..e85879d Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/instagram.png differ diff --git a/plugin-firefox/html/js/pic_data_base/ipadresse.png b/plugin-firefox/html/js/pic_data_base/ipadresse.png new file mode 100644 index 0000000..4590060 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/ipadresse.png differ diff --git a/plugin-firefox/html/js/pic_data_base/isp.png b/plugin-firefox/html/js/pic_data_base/isp.png new file mode 100644 index 0000000..1649b6b Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/isp.png differ diff --git a/plugin-firefox/html/js/pic_data_base/law_hammer.png b/plugin-firefox/html/js/pic_data_base/law_hammer.png new file mode 100644 index 0000000..66c73ae Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/law_hammer.png differ diff --git a/plugin-firefox/html/js/pic_data_base/lawyer.png b/plugin-firefox/html/js/pic_data_base/lawyer.png new file mode 100644 index 0000000..cd8002e Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/lawyer.png differ diff --git a/plugin-firefox/html/js/pic_data_base/linux.png b/plugin-firefox/html/js/pic_data_base/linux.png new file mode 100644 index 0000000..7e3cf36 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/linux.png differ diff --git a/plugin-firefox/html/js/pic_data_base/location.png b/plugin-firefox/html/js/pic_data_base/location.png new file mode 100644 index 0000000..059f373 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/location.png differ diff --git a/plugin-firefox/html/js/pic_data_base/magnifyingglass.png b/plugin-firefox/html/js/pic_data_base/magnifyingglass.png new file mode 100644 index 0000000..b2d5afb Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/magnifyingglass.png differ diff --git a/plugin-firefox/html/js/pic_data_base/missing.png b/plugin-firefox/html/js/pic_data_base/missing.png new file mode 100644 index 0000000..ab402a4 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/missing.png differ diff --git a/plugin-firefox/html/js/pic_data_base/pics.json b/plugin-firefox/html/js/pic_data_base/pics.json new file mode 100644 index 0000000..e55b451 --- /dev/null +++ b/plugin-firefox/html/js/pic_data_base/pics.json @@ -0,0 +1,7 @@ +{ + + + + + +} diff --git a/plugin-firefox/html/js/pic_data_base/privacy.png b/plugin-firefox/html/js/pic_data_base/privacy.png new file mode 100644 index 0000000..0f05e9c Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/privacy.png differ diff --git a/plugin-firefox/html/js/pic_data_base/screensize.png b/plugin-firefox/html/js/pic_data_base/screensize.png new file mode 100644 index 0000000..204e792 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/screensize.png differ diff --git a/plugin-firefox/html/js/pic_data_base/thirdparty.png b/plugin-firefox/html/js/pic_data_base/thirdparty.png new file mode 100644 index 0000000..861cdcc Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/thirdparty.png differ diff --git a/plugin-firefox/html/js/pic_data_base/toforward.png b/plugin-firefox/html/js/pic_data_base/toforward.png new file mode 100644 index 0000000..242e788 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/toforward.png differ diff --git a/plugin-firefox/html/js/pic_data_base/twitter.png b/plugin-firefox/html/js/pic_data_base/twitter.png new file mode 100644 index 0000000..4c54e4a Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/twitter.png differ diff --git a/plugin-firefox/html/js/pic_data_base/warn1.png b/plugin-firefox/html/js/pic_data_base/warn1.png new file mode 100644 index 0000000..b09a6ab Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/warn1.png differ diff --git a/plugin-firefox/html/js/pic_data_base/warn2.png b/plugin-firefox/html/js/pic_data_base/warn2.png new file mode 100644 index 0000000..f230a8c Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/warn2.png differ diff --git a/plugin-firefox/html/js/pic_data_base/whatsapp.png b/plugin-firefox/html/js/pic_data_base/whatsapp.png new file mode 100644 index 0000000..cb592f2 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/whatsapp.png differ diff --git a/plugin-firefox/html/js/pic_data_base/wrench.png b/plugin-firefox/html/js/pic_data_base/wrench.png new file mode 100644 index 0000000..7ff88a9 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/wrench.png differ diff --git a/plugin-firefox/html/js/pic_data_base/youtube.png b/plugin-firefox/html/js/pic_data_base/youtube.png new file mode 100644 index 0000000..759e268 Binary files /dev/null and b/plugin-firefox/html/js/pic_data_base/youtube.png differ diff --git a/plugin-firefox/html/js/picto.js b/plugin-firefox/html/js/picto.js new file mode 100644 index 0000000..9ccf0ba --- /dev/null +++ b/plugin-firefox/html/js/picto.js @@ -0,0 +1,61 @@ +/** + * This function search for a matching pictogram for the thirdparty + * + */ +function getpictogramthird(explaination){ + let deflt = "thirdparty"; + let src = ""; + let tmp = explaination; + + let potential_keys = tmp.toLowerCase().split(" "); + for(let i = 0; i < potential_keys.length;i++){ + console.log(potential_keys[i]); + if(potential_keys[i] in keys_en){ + src = "'"+browser.runtime.getURL("pic_data_base/"+keys_en[potential_keys[i]]+".png'"); + break; + } else { + src = "'"+browser.runtime.getURL("pic_data_base/"+deflt+".png'"); + } + } + + console.log(src); + return "
"+""+"

"+explaination+"

"+"
"; +} + +/** + * This function search for a matching pictogram for the collected data + * + */ +function getpictogramdata(explaination){ + let dflt = "dflt"; + let src = ""; + let tmp = explaination.toLowerCase(); + + + let potential_keys = tmp.split(" "); + for(let i = 0; i < potential_keys.length;i++){ + if(potential_keys[i] in keys_en){ + src = "'"+browser.runtime.getURL("pic_data_base/"+keys_en[potential_keys[i]]+".png'"); + break; + } else { + src = "'"+browser.runtime.getURL("pic_data_base/"+dflt+".png'"); + } + } + + if(explaination.includes("operation syst")){ + console.log("TREFFER"); + console.log(os); + switch(os.os){ + case "win": src = "'"+browser.runtime.getURL("pic_data_base/"+"Microsoft"+".png'"); + break; + case "mac": src = "'"+browser.runtime.getURL("pic_data_base/"+"mac"+".png'"); + break; + case "linux": src = "'"+browser.runtime.getURL("pic_data_base/"+"linux"+".png'"); + default: dflt = "dflt"; + } + } + + + return "
"+""+"

"+explaination+"

"+"
"; +} + diff --git a/plugin-firefox/html/js/pictoen.js b/plugin-firefox/html/js/pictoen.js new file mode 100644 index 0000000..71ca7f6 --- /dev/null +++ b/plugin-firefox/html/js/pictoen.js @@ -0,0 +1,33 @@ + /** + * The list of pictograms. + * Every key is a pictogram assigned. + */ +keys_en = { +"apple": "apple", +"date": "datum", +"facebook": "facebook", +"browser": "firefox", +"google": "google", +"instagram": "instagram", +"ip": "location", +"address": "location", +"website": "webpage", +"webpage": "webpage", +"websites": "webpage", +"webpages": "webpage", +"microsoft": "Microsoft", +"screensize": "screensize", +"computer":"screensize", +"screen": "screensize", +"thirdparty": "thirdparty", +"twitter": "twitter", +"whatsapp": "whatsapp", +"youtube": "youtube", +"missing": "missing", +"email": "email", +"Email": "email", +"mac": "apple", +"linux":"linux", +"win":"Microsoft" + +} diff --git a/plugin-firefox/html/js/rightoftheday.js b/plugin-firefox/html/js/rightoftheday.js new file mode 100644 index 0000000..ff53f6e --- /dev/null +++ b/plugin-firefox/html/js/rightoftheday.js @@ -0,0 +1,23 @@ +// This variables defines a html-string which containg a law. +var art_15 = "

According to article 15 GDPR:

You have the right to be informed about your data

" +var art_16 = "

According to article 16 GDPR:

You have the right to rectification

" +var art_17 = "

According to article 17 GDPR:

You have the right of obligation to delete.

" +var art_18 = "

According to article 18 GDPR:

You have the right to restrict the processing of your data.

" +var art_19 = "

According to article 19 GDPR:

You have the right to be informed.

" +var art_20 = "

According to article 20 GDPR:

You have the right to data portability.

" +var art_21 = "

According to article 21 GDPR:

You have the right to reject the processing of your data.

" +var art_22 = "

According to article 22 GDPR:

You have the right to be free from the automatic decision-making of a computer.

" +var art_77 = "

According to article 77 GDPR:

You have the right to lodge a complaint with a supervisory authority.

" + + + + + +function get_a_right(){ + let arr = [art_15,art_16,art_17,art_18,art_19,art_20,art_21,art_22,art_77]; + + let right_card = "
"; + let random_number = Math.floor(Math.random() * Math.floor(9)); + console.log(random_number); + return "

"+arr[random_number]+"

"; +} \ No newline at end of file diff --git a/plugin-firefox/html/js/states_mainmenu.js b/plugin-firefox/html/js/states_mainmenu.js new file mode 100644 index 0000000..31d069c --- /dev/null +++ b/plugin-firefox/html/js/states_mainmenu.js @@ -0,0 +1,164 @@ + +/** + * This function fires when the active tabs changes + * */ +function delactiveclasses(){ + $("#cookie-tab-button").removeClass("mdc-tab--active"); + $("#privacy-tab-button").removeClass("mdc-tab--active"); + $("#about-tab-button").removeClass("mdc-tab--active"); + $("#span-cookie").removeClass("mdc-tab-indicator--active"); + $("#span-privacy").removeClass("mdc-tab-indicator--active"); + $("#span-about").removeClass("mdc-tab-indicator--active"); + $("#auswertenv2").removeClass("privacyfade"); +} + + + +/** + * This function hides all defined div inside a popup + * */ +function hide_all(){ + $("#privacy-div").hide(); + $("#zsf-div").hide(); + $("#about-div").hide(); + $("#privacy-div").hide(); + $("#settings-back").hide(); + $("#settings-div").hide(); + $("#cookie-cards").hide(); + + +} + +/** + * This function hides buttons + * */ +function hide_all_button(){ + $("#auswertenv2").hide(); + $("#auswerten-longer").hide(); + $("#more").hide(); + $("#settings").hide(); + $("#back").hide(); + +} + +/** + * This function initilize the pop-up window. + */ +function first_init(is_dsgvo){ + $("#auswerten-longer").hide(); + $("#privacy-card").hide(); + $("#about-card").hide(); + $(".animation-container").hide(); + $("#auswerten-longer").hide(); + $("#auswertenv2").hide(); + $("#auswerten").hide(); + $("#p_hint_for_press_privacy").hide(); + $("#settings").hide(); + $("#settings-back").hide(); + $("#settings-div").hide(); + $("#settings-back").hide(); + + + delactiveclasses(); + if(is_dsgvo){ + state_privacycheck(is_dsgvo); + } else { + state_cookies(); + } +} + +/** + * This function load the cookie part of the popup + */ +function state_cookies(){ + delactiveclasses(); + hide_all(); + hide_all_button(); + $("#cookie-tab-button").addClass("mdc-tab--active"); + $("#span-cookie").addClass("mdc-tab-indicator--active"); + + + $("#cookie-cards").show(); + + +} + +/** + * This function load the priavy check tab inside the popup window + * dependig if the user has a privacy statment open, + * it shows a massege for summarization or random law. + */ +function state_privacycheck(dsgvo){ + delactiveclasses(); + hide_all(); + hide_all_button(); + if (dsgvo){ + $("#privacy-tab-button").addClass("mdc-tab--active"); + $("#privacy-tab-button").attr("aria-selected", "true") + $("#span-privacy").addClass("mdc-tab-indicator--active"); + $("#privacy-div").show(); + $("#privacy-card").show(); + $("#p_hint_for_press_privacy").show(); + $("#auswertenv2").addClass("privacyfade"); + $("#auswertenv2").show(); + $("#more").hide(); + + } else { + + $("#privacy-tab-button").addClass("mdc-tab--active"); + $("#privacy-tab-button").attr("aria-selected", "true") + $("#span-privacy").addClass("mdc-tab-indicator--active"); + $("#privacy-div").empty(); + console.log(get_a_right()); + $("#privacy-div").append(get_a_right()); + $("#privacy-div").show(); + } +} + + +/** + * This function creates the more tab inside the popup window + */ +function state_more(){ + delactiveclasses(); + hide_all(); + hide_all_button(); + $("#about-tab-button").addClass("mdc-tab--active"); + $("#span-about").addClass("mdc-tab-indicator--active"); + $("#about-div").show(); + $("#about-card").show(); + $("#weiteres").show(); + + +} + +/** + * This function defines a settings state_change_switch + * it is not used but can be used in the future + */ +function state_settings(){ + $("#about-card").hide(); + $("#settings").hide(); + $("#weiteres").hide(); + + +} + +/** + * This function defines the states of the switches inside the settings + * it is not used but can be used in the future + */ +function del_switch_classes(){ + $("#switch-eng").removeClass("mdc-switch--checked"); + $("#switch-ger").removeClass("mdc-switch--checked"); +} + +/** + * This function fires if a state of a switch is changed. + * it is not used but can be used in the future + */ +function state_change_switch(){ + +} + + diff --git a/plugin-firefox/html/js/summary.js b/plugin-firefox/html/js/summary.js new file mode 100644 index 0000000..f24273e --- /dev/null +++ b/plugin-firefox/html/js/summary.js @@ -0,0 +1,37 @@ +/** + * These functions are designed to create the summary context + * */ +var privacy_icon = "privacy_tip"; + + + +function create_short_summary_saved(list){ + let card = "

These data will be saved:

"; + console.log(list) + + for(let i = 0; i < list.length; i++){ + card += getpictogramdata(list[i].text); + } + return card ; +} + +function create_short_summary_may(list){ + let card = "

data maybe collected

"; + for(let i = 0; i < list.length; i++){ + card += getpictogramdata(list[i].text); + } + + return card; +} + +function create_short_summary_third(list){ + let card = "

These third parties are associated with this service

"; + for(let i = 0; i < list.length; i++){ + card += getpictogramthird(list[i].text); + } + return card; +} + +function getIcon(){ + return privacy_icon; +} diff --git a/plugin-firefox/html/longer.html b/plugin-firefox/html/longer.html new file mode 100644 index 0000000..a0a3930 --- /dev/null +++ b/plugin-firefox/html/longer.html @@ -0,0 +1,35 @@ + + + + + + About Privacy Check + + + + + + + + + + + + +
+
+
+ Privacy Check! +
+
+
+
+
+ + +
+
+
+
+ + diff --git a/plugin-firefox/html/mainmenu.html b/plugin-firefox/html/mainmenu.html new file mode 100644 index 0000000..fd89e0c --- /dev/null +++ b/plugin-firefox/html/mainmenu.html @@ -0,0 +1,144 @@ + + + + + DGSVO Summery + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ Privacy Check! +
+ +
+
+ +
+ + + + + +
+ +
+
+
+

I see here is a privacy policy. If you want, I can look at which data the provider collects or which third party also collect data!

+ +
+
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+

Here can you learn more about your rights, cookies and etc.

+
+
+
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+ +
+
+ + + + + +
+
+
+ + diff --git a/plugin-firefox/jquery.js b/plugin-firefox/jquery.js new file mode 100644 index 0000000..5093733 --- /dev/null +++ b/plugin-firefox/jquery.js @@ -0,0 +1,10872 @@ +/*! + * jQuery JavaScript Library v3.5.1 + * https://jquery.com/ + * + * Includes Sizzle.js + * https://sizzlejs.com/ + * + * Copyright JS Foundation and other contributors + * Released under the MIT license + * https://jquery.org/license + * + * Date: 2020-05-04T22:49Z + */ +( function( global, factory ) { + + "use strict"; + + if ( typeof module === "object" && typeof module.exports === "object" ) { + + // For CommonJS and CommonJS-like environments where a proper `window` + // is present, execute the factory and get jQuery. + // For environments that do not have a `window` with a `document` + // (such as Node.js), expose a factory as module.exports. + // This accentuates the need for the creation of a real `window`. + // e.g. var jQuery = require("jquery")(window); + // See ticket #14549 for more info. + module.exports = global.document ? + factory( global, true ) : + function( w ) { + if ( !w.document ) { + throw new Error( "jQuery requires a window with a document" ); + } + return factory( w ); + }; + } else { + factory( global ); + } + +// Pass this if window is not defined yet +} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) { + +// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1 +// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode +// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common +// enough that all such attempts are guarded in a try block. +"use strict"; + +var arr = []; + +var getProto = Object.getPrototypeOf; + +var slice = arr.slice; + +var flat = arr.flat ? function( array ) { + return arr.flat.call( array ); +} : function( array ) { + return arr.concat.apply( [], array ); +}; + + +var push = arr.push; + +var indexOf = arr.indexOf; + +var class2type = {}; + +var toString = class2type.toString; + +var hasOwn = class2type.hasOwnProperty; + +var fnToString = hasOwn.toString; + +var ObjectFunctionString = fnToString.call( Object ); + +var support = {}; + +var isFunction = function isFunction( obj ) { + + // Support: Chrome <=57, Firefox <=52 + // In some browsers, typeof returns "function" for HTML elements + // (i.e., `typeof document.createElement( "object" ) === "function"`). + // We don't want to classify *any* DOM node as a function. + return typeof obj === "function" && typeof obj.nodeType !== "number"; + }; + + +var isWindow = function isWindow( obj ) { + return obj != null && obj === obj.window; + }; + + +var document = window.document; + + + + var preservedScriptAttributes = { + type: true, + src: true, + nonce: true, + noModule: true + }; + + function DOMEval( code, node, doc ) { + doc = doc || document; + + var i, val, + script = doc.createElement( "script" ); + + script.text = code; + if ( node ) { + for ( i in preservedScriptAttributes ) { + + // Support: Firefox 64+, Edge 18+ + // Some browsers don't support the "nonce" property on scripts. + // On the other hand, just using `getAttribute` is not enough as + // the `nonce` attribute is reset to an empty string whenever it + // becomes browsing-context connected. + // See https://github.com/whatwg/html/issues/2369 + // See https://html.spec.whatwg.org/#nonce-attributes + // The `node.getAttribute` check was added for the sake of + // `jQuery.globalEval` so that it can fake a nonce-containing node + // via an object. + val = node[ i ] || node.getAttribute && node.getAttribute( i ); + if ( val ) { + script.setAttribute( i, val ); + } + } + } + doc.head.appendChild( script ).parentNode.removeChild( script ); + } + + +function toType( obj ) { + if ( obj == null ) { + return obj + ""; + } + + // Support: Android <=2.3 only (functionish RegExp) + return typeof obj === "object" || typeof obj === "function" ? + class2type[ toString.call( obj ) ] || "object" : + typeof obj; +} +/* global Symbol */ +// Defining this global in .eslintrc.json would create a danger of using the global +// unguarded in another place, it seems safer to define global only for this module + + + +var + version = "3.5.1", + + // Define a local copy of jQuery + jQuery = function( selector, context ) { + + // The jQuery object is actually just the init constructor 'enhanced' + // Need init if jQuery is called (just allow error to be thrown if not included) + return new jQuery.fn.init( selector, context ); + }; + +jQuery.fn = jQuery.prototype = { + + // The current version of jQuery being used + jquery: version, + + constructor: jQuery, + + // The default length of a jQuery object is 0 + length: 0, + + toArray: function() { + return slice.call( this ); + }, + + // Get the Nth element in the matched element set OR + // Get the whole matched element set as a clean array + get: function( num ) { + + // Return all the elements in a clean array + if ( num == null ) { + return slice.call( this ); + } + + // Return just the one element from the set + return num < 0 ? this[ num + this.length ] : this[ num ]; + }, + + // Take an array of elements and push it onto the stack + // (returning the new matched element set) + pushStack: function( elems ) { + + // Build a new jQuery matched element set + var ret = jQuery.merge( this.constructor(), elems ); + + // Add the old object onto the stack (as a reference) + ret.prevObject = this; + + // Return the newly-formed element set + return ret; + }, + + // Execute a callback for every element in the matched set. + each: function( callback ) { + return jQuery.each( this, callback ); + }, + + map: function( callback ) { + return this.pushStack( jQuery.map( this, function( elem, i ) { + return callback.call( elem, i, elem ); + } ) ); + }, + + slice: function() { + return this.pushStack( slice.apply( this, arguments ) ); + }, + + first: function() { + return this.eq( 0 ); + }, + + last: function() { + return this.eq( -1 ); + }, + + even: function() { + return this.pushStack( jQuery.grep( this, function( _elem, i ) { + return ( i + 1 ) % 2; + } ) ); + }, + + odd: function() { + return this.pushStack( jQuery.grep( this, function( _elem, i ) { + return i % 2; + } ) ); + }, + + eq: function( i ) { + var len = this.length, + j = +i + ( i < 0 ? len : 0 ); + return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] ); + }, + + end: function() { + return this.prevObject || this.constructor(); + }, + + // For internal use only. + // Behaves like an Array's method, not like a jQuery method. + push: push, + sort: arr.sort, + splice: arr.splice +}; + +jQuery.extend = jQuery.fn.extend = function() { + var options, name, src, copy, copyIsArray, clone, + target = arguments[ 0 ] || {}, + i = 1, + length = arguments.length, + deep = false; + + // Handle a deep copy situation + if ( typeof target === "boolean" ) { + deep = target; + + // Skip the boolean and the target + target = arguments[ i ] || {}; + i++; + } + + // Handle case when target is a string or something (possible in deep copy) + if ( typeof target !== "object" && !isFunction( target ) ) { + target = {}; + } + + // Extend jQuery itself if only one argument is passed + if ( i === length ) { + target = this; + i--; + } + + for ( ; i < length; i++ ) { + + // Only deal with non-null/undefined values + if ( ( options = arguments[ i ] ) != null ) { + + // Extend the base object + for ( name in options ) { + copy = options[ name ]; + + // Prevent Object.prototype pollution + // Prevent never-ending loop + if ( name === "__proto__" || target === copy ) { + continue; + } + + // Recurse if we're merging plain objects or arrays + if ( deep && copy && ( jQuery.isPlainObject( copy ) || + ( copyIsArray = Array.isArray( copy ) ) ) ) { + src = target[ name ]; + + // Ensure proper type for the source value + if ( copyIsArray && !Array.isArray( src ) ) { + clone = []; + } else if ( !copyIsArray && !jQuery.isPlainObject( src ) ) { + clone = {}; + } else { + clone = src; + } + copyIsArray = false; + + // Never move original objects, clone them + target[ name ] = jQuery.extend( deep, clone, copy ); + + // Don't bring in undefined values + } else if ( copy !== undefined ) { + target[ name ] = copy; + } + } + } + } + + // Return the modified object + return target; +}; + +jQuery.extend( { + + // Unique for each copy of jQuery on the page + expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), + + // Assume jQuery is ready without the ready module + isReady: true, + + error: function( msg ) { + throw new Error( msg ); + }, + + noop: function() {}, + + isPlainObject: function( obj ) { + var proto, Ctor; + + // Detect obvious negatives + // Use toString instead of jQuery.type to catch host objects + if ( !obj || toString.call( obj ) !== "[object Object]" ) { + return false; + } + + proto = getProto( obj ); + + // Objects with no prototype (e.g., `Object.create( null )`) are plain + if ( !proto ) { + return true; + } + + // Objects with prototype are plain iff they were constructed by a global Object function + Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor; + return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString; + }, + + isEmptyObject: function( obj ) { + var name; + + for ( name in obj ) { + return false; + } + return true; + }, + + // Evaluates a script in a provided context; falls back to the global one + // if not specified. + globalEval: function( code, options, doc ) { + DOMEval( code, { nonce: options && options.nonce }, doc ); + }, + + each: function( obj, callback ) { + var length, i = 0; + + if ( isArrayLike( obj ) ) { + length = obj.length; + for ( ; i < length; i++ ) { + if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { + break; + } + } + } else { + for ( i in obj ) { + if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { + break; + } + } + } + + return obj; + }, + + // results is for internal usage only + makeArray: function( arr, results ) { + var ret = results || []; + + if ( arr != null ) { + if ( isArrayLike( Object( arr ) ) ) { + jQuery.merge( ret, + typeof arr === "string" ? + [ arr ] : arr + ); + } else { + push.call( ret, arr ); + } + } + + return ret; + }, + + inArray: function( elem, arr, i ) { + return arr == null ? -1 : indexOf.call( arr, elem, i ); + }, + + // Support: Android <=4.0 only, PhantomJS 1 only + // push.apply(_, arraylike) throws on ancient WebKit + merge: function( first, second ) { + var len = +second.length, + j = 0, + i = first.length; + + for ( ; j < len; j++ ) { + first[ i++ ] = second[ j ]; + } + + first.length = i; + + return first; + }, + + grep: function( elems, callback, invert ) { + var callbackInverse, + matches = [], + i = 0, + length = elems.length, + callbackExpect = !invert; + + // Go through the array, only saving the items + // that pass the validator function + for ( ; i < length; i++ ) { + callbackInverse = !callback( elems[ i ], i ); + if ( callbackInverse !== callbackExpect ) { + matches.push( elems[ i ] ); + } + } + + return matches; + }, + + // arg is for internal usage only + map: function( elems, callback, arg ) { + var length, value, + i = 0, + ret = []; + + // Go through the array, translating each of the items to their new values + if ( isArrayLike( elems ) ) { + length = elems.length; + for ( ; i < length; i++ ) { + value = callback( elems[ i ], i, arg ); + + if ( value != null ) { + ret.push( value ); + } + } + + // Go through every key on the object, + } else { + for ( i in elems ) { + value = callback( elems[ i ], i, arg ); + + if ( value != null ) { + ret.push( value ); + } + } + } + + // Flatten any nested arrays + return flat( ret ); + }, + + // A global GUID counter for objects + guid: 1, + + // jQuery.support is not used in Core but other projects attach their + // properties to it so it needs to exist. + support: support +} ); + +if ( typeof Symbol === "function" ) { + jQuery.fn[ Symbol.iterator ] = arr[ Symbol.iterator ]; +} + +// Populate the class2type map +jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ), +function( _i, name ) { + class2type[ "[object " + name + "]" ] = name.toLowerCase(); +} ); + +function isArrayLike( obj ) { + + // Support: real iOS 8.2 only (not reproducible in simulator) + // `in` check used to prevent JIT error (gh-2145) + // hasOwn isn't used here due to false negatives + // regarding Nodelist length in IE + var length = !!obj && "length" in obj && obj.length, + type = toType( obj ); + + if ( isFunction( obj ) || isWindow( obj ) ) { + return false; + } + + return type === "array" || length === 0 || + typeof length === "number" && length > 0 && ( length - 1 ) in obj; +} +var Sizzle = +/*! + * Sizzle CSS Selector Engine v2.3.5 + * https://sizzlejs.com/ + * + * Copyright JS Foundation and other contributors + * Released under the MIT license + * https://js.foundation/ + * + * Date: 2020-03-14 + */ +( function( window ) { +var i, + support, + Expr, + getText, + isXML, + tokenize, + compile, + select, + outermostContext, + sortInput, + hasDuplicate, + + // Local document vars + setDocument, + document, + docElem, + documentIsHTML, + rbuggyQSA, + rbuggyMatches, + matches, + contains, + + // Instance-specific data + expando = "sizzle" + 1 * new Date(), + preferredDoc = window.document, + dirruns = 0, + done = 0, + classCache = createCache(), + tokenCache = createCache(), + compilerCache = createCache(), + nonnativeSelectorCache = createCache(), + sortOrder = function( a, b ) { + if ( a === b ) { + hasDuplicate = true; + } + return 0; + }, + + // Instance methods + hasOwn = ( {} ).hasOwnProperty, + arr = [], + pop = arr.pop, + pushNative = arr.push, + push = arr.push, + slice = arr.slice, + + // Use a stripped-down indexOf as it's faster than native + // https://jsperf.com/thor-indexof-vs-for/5 + indexOf = function( list, elem ) { + var i = 0, + len = list.length; + for ( ; i < len; i++ ) { + if ( list[ i ] === elem ) { + return i; + } + } + return -1; + }, + + booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|" + + "ismap|loop|multiple|open|readonly|required|scoped", + + // Regular expressions + + // http://www.w3.org/TR/css3-selectors/#whitespace + whitespace = "[\\x20\\t\\r\\n\\f]", + + // https://www.w3.org/TR/css-syntax-3/#ident-token-diagram + identifier = "(?:\\\\[\\da-fA-F]{1,6}" + whitespace + + "?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+", + + // Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors + attributes = "\\[" + whitespace + "*(" + identifier + ")(?:" + whitespace + + + // Operator (capture 2) + "*([*^$|!~]?=)" + whitespace + + + // "Attribute values must be CSS identifiers [capture 5] + // or strings [capture 3 or capture 4]" + "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + + whitespace + "*\\]", + + pseudos = ":(" + identifier + ")(?:\\((" + + + // To reduce the number of selectors needing tokenize in the preFilter, prefer arguments: + // 1. quoted (capture 3; capture 4 or capture 5) + "('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" + + + // 2. simple (capture 6) + "((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" + + + // 3. anything else (capture 2) + ".*" + + ")\\)|)", + + // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter + rwhitespace = new RegExp( whitespace + "+", "g" ), + rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + + whitespace + "+$", "g" ), + + rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), + rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + + "*" ), + rdescend = new RegExp( whitespace + "|>" ), + + rpseudo = new RegExp( pseudos ), + ridentifier = new RegExp( "^" + identifier + "$" ), + + matchExpr = { + "ID": new RegExp( "^#(" + identifier + ")" ), + "CLASS": new RegExp( "^\\.(" + identifier + ")" ), + "TAG": new RegExp( "^(" + identifier + "|[*])" ), + "ATTR": new RegExp( "^" + attributes ), + "PSEUDO": new RegExp( "^" + pseudos ), + "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + + whitespace + "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + + whitespace + "*(\\d+)|))" + whitespace + "*\\)|)", "i" ), + "bool": new RegExp( "^(?:" + booleans + ")$", "i" ), + + // For use in libraries implementing .is() + // We use this for POS matching in `select` + "needsContext": new RegExp( "^" + whitespace + + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + whitespace + + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" ) + }, + + rhtml = /HTML$/i, + rinputs = /^(?:input|select|textarea|button)$/i, + rheader = /^h\d$/i, + + rnative = /^[^{]+\{\s*\[native \w/, + + // Easily-parseable/retrievable ID or TAG or CLASS selectors + rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, + + rsibling = /[+~]/, + + // CSS escapes + // http://www.w3.org/TR/CSS21/syndata.html#escaped-characters + runescape = new RegExp( "\\\\[\\da-fA-F]{1,6}" + whitespace + "?|\\\\([^\\r\\n\\f])", "g" ), + funescape = function( escape, nonHex ) { + var high = "0x" + escape.slice( 1 ) - 0x10000; + + return nonHex ? + + // Strip the backslash prefix from a non-hex escape sequence + nonHex : + + // Replace a hexadecimal escape sequence with the encoded Unicode code point + // Support: IE <=11+ + // For values outside the Basic Multilingual Plane (BMP), manually construct a + // surrogate pair + high < 0 ? + String.fromCharCode( high + 0x10000 ) : + String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 ); + }, + + // CSS string/identifier serialization + // https://drafts.csswg.org/cssom/#common-serializing-idioms + rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g, + fcssescape = function( ch, asCodePoint ) { + if ( asCodePoint ) { + + // U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER + if ( ch === "\0" ) { + return "\uFFFD"; + } + + // Control characters and (dependent upon position) numbers get escaped as code points + return ch.slice( 0, -1 ) + "\\" + + ch.charCodeAt( ch.length - 1 ).toString( 16 ) + " "; + } + + // Other potentially-special ASCII characters get backslash-escaped + return "\\" + ch; + }, + + // Used for iframes + // See setDocument() + // Removing the function wrapper causes a "Permission Denied" + // error in IE + unloadHandler = function() { + setDocument(); + }, + + inDisabledFieldset = addCombinator( + function( elem ) { + return elem.disabled === true && elem.nodeName.toLowerCase() === "fieldset"; + }, + { dir: "parentNode", next: "legend" } + ); + +// Optimize for push.apply( _, NodeList ) +try { + push.apply( + ( arr = slice.call( preferredDoc.childNodes ) ), + preferredDoc.childNodes + ); + + // Support: Android<4.0 + // Detect silently failing push.apply + // eslint-disable-next-line no-unused-expressions + arr[ preferredDoc.childNodes.length ].nodeType; +} catch ( e ) { + push = { apply: arr.length ? + + // Leverage slice if possible + function( target, els ) { + pushNative.apply( target, slice.call( els ) ); + } : + + // Support: IE<9 + // Otherwise append directly + function( target, els ) { + var j = target.length, + i = 0; + + // Can't trust NodeList.length + while ( ( target[ j++ ] = els[ i++ ] ) ) {} + target.length = j - 1; + } + }; +} + +function Sizzle( selector, context, results, seed ) { + var m, i, elem, nid, match, groups, newSelector, + newContext = context && context.ownerDocument, + + // nodeType defaults to 9, since context defaults to document + nodeType = context ? context.nodeType : 9; + + results = results || []; + + // Return early from calls with invalid selector or context + if ( typeof selector !== "string" || !selector || + nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) { + + return results; + } + + // Try to shortcut find operations (as opposed to filters) in HTML documents + if ( !seed ) { + setDocument( context ); + context = context || document; + + if ( documentIsHTML ) { + + // If the selector is sufficiently simple, try using a "get*By*" DOM method + // (excepting DocumentFragment context, where the methods don't exist) + if ( nodeType !== 11 && ( match = rquickExpr.exec( selector ) ) ) { + + // ID selector + if ( ( m = match[ 1 ] ) ) { + + // Document context + if ( nodeType === 9 ) { + if ( ( elem = context.getElementById( m ) ) ) { + + // Support: IE, Opera, Webkit + // TODO: identify versions + // getElementById can match elements by name instead of ID + if ( elem.id === m ) { + results.push( elem ); + return results; + } + } else { + return results; + } + + // Element context + } else { + + // Support: IE, Opera, Webkit + // TODO: identify versions + // getElementById can match elements by name instead of ID + if ( newContext && ( elem = newContext.getElementById( m ) ) && + contains( context, elem ) && + elem.id === m ) { + + results.push( elem ); + return results; + } + } + + // Type selector + } else if ( match[ 2 ] ) { + push.apply( results, context.getElementsByTagName( selector ) ); + return results; + + // Class selector + } else if ( ( m = match[ 3 ] ) && support.getElementsByClassName && + context.getElementsByClassName ) { + + push.apply( results, context.getElementsByClassName( m ) ); + return results; + } + } + + // Take advantage of querySelectorAll + if ( support.qsa && + !nonnativeSelectorCache[ selector + " " ] && + ( !rbuggyQSA || !rbuggyQSA.test( selector ) ) && + + // Support: IE 8 only + // Exclude object elements + ( nodeType !== 1 || context.nodeName.toLowerCase() !== "object" ) ) { + + newSelector = selector; + newContext = context; + + // qSA considers elements outside a scoping root when evaluating child or + // descendant combinators, which is not what we want. + // In such cases, we work around the behavior by prefixing every selector in the + // list with an ID selector referencing the scope context. + // The technique has to be used as well when a leading combinator is used + // as such selectors are not recognized by querySelectorAll. + // Thanks to Andrew Dupont for this technique. + if ( nodeType === 1 && + ( rdescend.test( selector ) || rcombinators.test( selector ) ) ) { + + // Expand context for sibling selectors + newContext = rsibling.test( selector ) && testContext( context.parentNode ) || + context; + + // We can use :scope instead of the ID hack if the browser + // supports it & if we're not changing the context. + if ( newContext !== context || !support.scope ) { + + // Capture the context ID, setting it first if necessary + if ( ( nid = context.getAttribute( "id" ) ) ) { + nid = nid.replace( rcssescape, fcssescape ); + } else { + context.setAttribute( "id", ( nid = expando ) ); + } + } + + // Prefix every selector in the list + groups = tokenize( selector ); + i = groups.length; + while ( i-- ) { + groups[ i ] = ( nid ? "#" + nid : ":scope" ) + " " + + toSelector( groups[ i ] ); + } + newSelector = groups.join( "," ); + } + + try { + push.apply( results, + newContext.querySelectorAll( newSelector ) + ); + return results; + } catch ( qsaError ) { + nonnativeSelectorCache( selector, true ); + } finally { + if ( nid === expando ) { + context.removeAttribute( "id" ); + } + } + } + } + } + + // All others + return select( selector.replace( rtrim, "$1" ), context, results, seed ); +} + +/** + * Create key-value caches of limited size + * @returns {function(string, object)} Returns the Object data after storing it on itself with + * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength) + * deleting the oldest entry + */ +function createCache() { + var keys = []; + + function cache( key, value ) { + + // Use (key + " ") to avoid collision with native prototype properties (see Issue #157) + if ( keys.push( key + " " ) > Expr.cacheLength ) { + + // Only keep the most recent entries + delete cache[ keys.shift() ]; + } + return ( cache[ key + " " ] = value ); + } + return cache; +} + +/** + * Mark a function for special use by Sizzle + * @param {Function} fn The function to mark + */ +function markFunction( fn ) { + fn[ expando ] = true; + return fn; +} + +/** + * Support testing using an element + * @param {Function} fn Passed the created element and returns a boolean result + */ +function assert( fn ) { + var el = document.createElement( "fieldset" ); + + try { + return !!fn( el ); + } catch ( e ) { + return false; + } finally { + + // Remove from its parent by default + if ( el.parentNode ) { + el.parentNode.removeChild( el ); + } + + // release memory in IE + el = null; + } +} + +/** + * Adds the same handler for all of the specified attrs + * @param {String} attrs Pipe-separated list of attributes + * @param {Function} handler The method that will be applied + */ +function addHandle( attrs, handler ) { + var arr = attrs.split( "|" ), + i = arr.length; + + while ( i-- ) { + Expr.attrHandle[ arr[ i ] ] = handler; + } +} + +/** + * Checks document order of two siblings + * @param {Element} a + * @param {Element} b + * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b + */ +function siblingCheck( a, b ) { + var cur = b && a, + diff = cur && a.nodeType === 1 && b.nodeType === 1 && + a.sourceIndex - b.sourceIndex; + + // Use IE sourceIndex if available on both nodes + if ( diff ) { + return diff; + } + + // Check if b follows a + if ( cur ) { + while ( ( cur = cur.nextSibling ) ) { + if ( cur === b ) { + return -1; + } + } + } + + return a ? 1 : -1; +} + +/** + * Returns a function to use in pseudos for input types + * @param {String} type + */ +function createInputPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === type; + }; +} + +/** + * Returns a function to use in pseudos for buttons + * @param {String} type + */ +function createButtonPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return ( name === "input" || name === "button" ) && elem.type === type; + }; +} + +/** + * Returns a function to use in pseudos for :enabled/:disabled + * @param {Boolean} disabled true for :disabled; false for :enabled + */ +function createDisabledPseudo( disabled ) { + + // Known :disabled false positives: fieldset[disabled] > legend:nth-of-type(n+2) :can-disable + return function( elem ) { + + // Only certain elements can match :enabled or :disabled + // https://html.spec.whatwg.org/multipage/scripting.html#selector-enabled + // https://html.spec.whatwg.org/multipage/scripting.html#selector-disabled + if ( "form" in elem ) { + + // Check for inherited disabledness on relevant non-disabled elements: + // * listed form-associated elements in a disabled fieldset + // https://html.spec.whatwg.org/multipage/forms.html#category-listed + // https://html.spec.whatwg.org/multipage/forms.html#concept-fe-disabled + // * option elements in a disabled optgroup + // https://html.spec.whatwg.org/multipage/forms.html#concept-option-disabled + // All such elements have a "form" property. + if ( elem.parentNode && elem.disabled === false ) { + + // Option elements defer to a parent optgroup if present + if ( "label" in elem ) { + if ( "label" in elem.parentNode ) { + return elem.parentNode.disabled === disabled; + } else { + return elem.disabled === disabled; + } + } + + // Support: IE 6 - 11 + // Use the isDisabled shortcut property to check for disabled fieldset ancestors + return elem.isDisabled === disabled || + + // Where there is no isDisabled, check manually + /* jshint -W018 */ + elem.isDisabled !== !disabled && + inDisabledFieldset( elem ) === disabled; + } + + return elem.disabled === disabled; + + // Try to winnow out elements that can't be disabled before trusting the disabled property. + // Some victims get caught in our net (label, legend, menu, track), but it shouldn't + // even exist on them, let alone have a boolean value. + } else if ( "label" in elem ) { + return elem.disabled === disabled; + } + + // Remaining elements are neither :enabled nor :disabled + return false; + }; +} + +/** + * Returns a function to use in pseudos for positionals + * @param {Function} fn + */ +function createPositionalPseudo( fn ) { + return markFunction( function( argument ) { + argument = +argument; + return markFunction( function( seed, matches ) { + var j, + matchIndexes = fn( [], seed.length, argument ), + i = matchIndexes.length; + + // Match elements found at the specified indexes + while ( i-- ) { + if ( seed[ ( j = matchIndexes[ i ] ) ] ) { + seed[ j ] = !( matches[ j ] = seed[ j ] ); + } + } + } ); + } ); +} + +/** + * Checks a node for validity as a Sizzle context + * @param {Element|Object=} context + * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value + */ +function testContext( context ) { + return context && typeof context.getElementsByTagName !== "undefined" && context; +} + +// Expose support vars for convenience +support = Sizzle.support = {}; + +/** + * Detects XML nodes + * @param {Element|Object} elem An element or a document + * @returns {Boolean} True iff elem is a non-HTML XML node + */ +isXML = Sizzle.isXML = function( elem ) { + var namespace = elem.namespaceURI, + docElem = ( elem.ownerDocument || elem ).documentElement; + + // Support: IE <=8 + // Assume HTML when documentElement doesn't yet exist, such as inside loading iframes + // https://bugs.jquery.com/ticket/4833 + return !rhtml.test( namespace || docElem && docElem.nodeName || "HTML" ); +}; + +/** + * Sets document-related variables once based on the current document + * @param {Element|Object} [doc] An element or document object to use to set the document + * @returns {Object} Returns the current document + */ +setDocument = Sizzle.setDocument = function( node ) { + var hasCompare, subWindow, + doc = node ? node.ownerDocument || node : preferredDoc; + + // Return early if doc is invalid or already selected + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + // eslint-disable-next-line eqeqeq + if ( doc == document || doc.nodeType !== 9 || !doc.documentElement ) { + return document; + } + + // Update global variables + document = doc; + docElem = document.documentElement; + documentIsHTML = !isXML( document ); + + // Support: IE 9 - 11+, Edge 12 - 18+ + // Accessing iframe documents after unload throws "permission denied" errors (jQuery #13936) + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + // eslint-disable-next-line eqeqeq + if ( preferredDoc != document && + ( subWindow = document.defaultView ) && subWindow.top !== subWindow ) { + + // Support: IE 11, Edge + if ( subWindow.addEventListener ) { + subWindow.addEventListener( "unload", unloadHandler, false ); + + // Support: IE 9 - 10 only + } else if ( subWindow.attachEvent ) { + subWindow.attachEvent( "onunload", unloadHandler ); + } + } + + // Support: IE 8 - 11+, Edge 12 - 18+, Chrome <=16 - 25 only, Firefox <=3.6 - 31 only, + // Safari 4 - 5 only, Opera <=11.6 - 12.x only + // IE/Edge & older browsers don't support the :scope pseudo-class. + // Support: Safari 6.0 only + // Safari 6.0 supports :scope but it's an alias of :root there. + support.scope = assert( function( el ) { + docElem.appendChild( el ).appendChild( document.createElement( "div" ) ); + return typeof el.querySelectorAll !== "undefined" && + !el.querySelectorAll( ":scope fieldset div" ).length; + } ); + + /* Attributes + ---------------------------------------------------------------------- */ + + // Support: IE<8 + // Verify that getAttribute really returns attributes and not properties + // (excepting IE8 booleans) + support.attributes = assert( function( el ) { + el.className = "i"; + return !el.getAttribute( "className" ); + } ); + + /* getElement(s)By* + ---------------------------------------------------------------------- */ + + // Check if getElementsByTagName("*") returns only elements + support.getElementsByTagName = assert( function( el ) { + el.appendChild( document.createComment( "" ) ); + return !el.getElementsByTagName( "*" ).length; + } ); + + // Support: IE<9 + support.getElementsByClassName = rnative.test( document.getElementsByClassName ); + + // Support: IE<10 + // Check if getElementById returns elements by name + // The broken getElementById methods don't pick up programmatically-set names, + // so use a roundabout getElementsByName test + support.getById = assert( function( el ) { + docElem.appendChild( el ).id = expando; + return !document.getElementsByName || !document.getElementsByName( expando ).length; + } ); + + // ID filter and find + if ( support.getById ) { + Expr.filter[ "ID" ] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + return elem.getAttribute( "id" ) === attrId; + }; + }; + Expr.find[ "ID" ] = function( id, context ) { + if ( typeof context.getElementById !== "undefined" && documentIsHTML ) { + var elem = context.getElementById( id ); + return elem ? [ elem ] : []; + } + }; + } else { + Expr.filter[ "ID" ] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + var node = typeof elem.getAttributeNode !== "undefined" && + elem.getAttributeNode( "id" ); + return node && node.value === attrId; + }; + }; + + // Support: IE 6 - 7 only + // getElementById is not reliable as a find shortcut + Expr.find[ "ID" ] = function( id, context ) { + if ( typeof context.getElementById !== "undefined" && documentIsHTML ) { + var node, i, elems, + elem = context.getElementById( id ); + + if ( elem ) { + + // Verify the id attribute + node = elem.getAttributeNode( "id" ); + if ( node && node.value === id ) { + return [ elem ]; + } + + // Fall back on getElementsByName + elems = context.getElementsByName( id ); + i = 0; + while ( ( elem = elems[ i++ ] ) ) { + node = elem.getAttributeNode( "id" ); + if ( node && node.value === id ) { + return [ elem ]; + } + } + } + + return []; + } + }; + } + + // Tag + Expr.find[ "TAG" ] = support.getElementsByTagName ? + function( tag, context ) { + if ( typeof context.getElementsByTagName !== "undefined" ) { + return context.getElementsByTagName( tag ); + + // DocumentFragment nodes don't have gEBTN + } else if ( support.qsa ) { + return context.querySelectorAll( tag ); + } + } : + + function( tag, context ) { + var elem, + tmp = [], + i = 0, + + // By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too + results = context.getElementsByTagName( tag ); + + // Filter out possible comments + if ( tag === "*" ) { + while ( ( elem = results[ i++ ] ) ) { + if ( elem.nodeType === 1 ) { + tmp.push( elem ); + } + } + + return tmp; + } + return results; + }; + + // Class + Expr.find[ "CLASS" ] = support.getElementsByClassName && function( className, context ) { + if ( typeof context.getElementsByClassName !== "undefined" && documentIsHTML ) { + return context.getElementsByClassName( className ); + } + }; + + /* QSA/matchesSelector + ---------------------------------------------------------------------- */ + + // QSA and matchesSelector support + + // matchesSelector(:active) reports false when true (IE9/Opera 11.5) + rbuggyMatches = []; + + // qSa(:focus) reports false when true (Chrome 21) + // We allow this because of a bug in IE8/9 that throws an error + // whenever `document.activeElement` is accessed on an iframe + // So, we allow :focus to pass through QSA all the time to avoid the IE error + // See https://bugs.jquery.com/ticket/13378 + rbuggyQSA = []; + + if ( ( support.qsa = rnative.test( document.querySelectorAll ) ) ) { + + // Build QSA regex + // Regex strategy adopted from Diego Perini + assert( function( el ) { + + var input; + + // Select is set to empty string on purpose + // This is to test IE's treatment of not explicitly + // setting a boolean content attribute, + // since its presence should be enough + // https://bugs.jquery.com/ticket/12359 + docElem.appendChild( el ).innerHTML = "" + + ""; + + // Support: IE8, Opera 11-12.16 + // Nothing should be selected when empty strings follow ^= or $= or *= + // The test attribute must be unknown in Opera but "safe" for WinRT + // https://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section + if ( el.querySelectorAll( "[msallowcapture^='']" ).length ) { + rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" ); + } + + // Support: IE8 + // Boolean attributes and "value" are not treated correctly + if ( !el.querySelectorAll( "[selected]" ).length ) { + rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" ); + } + + // Support: Chrome<29, Android<4.4, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.8+ + if ( !el.querySelectorAll( "[id~=" + expando + "-]" ).length ) { + rbuggyQSA.push( "~=" ); + } + + // Support: IE 11+, Edge 15 - 18+ + // IE 11/Edge don't find elements on a `[name='']` query in some cases. + // Adding a temporary attribute to the document before the selection works + // around the issue. + // Interestingly, IE 10 & older don't seem to have the issue. + input = document.createElement( "input" ); + input.setAttribute( "name", "" ); + el.appendChild( input ); + if ( !el.querySelectorAll( "[name='']" ).length ) { + rbuggyQSA.push( "\\[" + whitespace + "*name" + whitespace + "*=" + + whitespace + "*(?:''|\"\")" ); + } + + // Webkit/Opera - :checked should return selected option elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + // IE8 throws error here and will not see later tests + if ( !el.querySelectorAll( ":checked" ).length ) { + rbuggyQSA.push( ":checked" ); + } + + // Support: Safari 8+, iOS 8+ + // https://bugs.webkit.org/show_bug.cgi?id=136851 + // In-page `selector#id sibling-combinator selector` fails + if ( !el.querySelectorAll( "a#" + expando + "+*" ).length ) { + rbuggyQSA.push( ".#.+[+~]" ); + } + + // Support: Firefox <=3.6 - 5 only + // Old Firefox doesn't throw on a badly-escaped identifier. + el.querySelectorAll( "\\\f" ); + rbuggyQSA.push( "[\\r\\n\\f]" ); + } ); + + assert( function( el ) { + el.innerHTML = "" + + ""; + + // Support: Windows 8 Native Apps + // The type and name attributes are restricted during .innerHTML assignment + var input = document.createElement( "input" ); + input.setAttribute( "type", "hidden" ); + el.appendChild( input ).setAttribute( "name", "D" ); + + // Support: IE8 + // Enforce case-sensitivity of name attribute + if ( el.querySelectorAll( "[name=d]" ).length ) { + rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" ); + } + + // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) + // IE8 throws error here and will not see later tests + if ( el.querySelectorAll( ":enabled" ).length !== 2 ) { + rbuggyQSA.push( ":enabled", ":disabled" ); + } + + // Support: IE9-11+ + // IE's :disabled selector does not pick up the children of disabled fieldsets + docElem.appendChild( el ).disabled = true; + if ( el.querySelectorAll( ":disabled" ).length !== 2 ) { + rbuggyQSA.push( ":enabled", ":disabled" ); + } + + // Support: Opera 10 - 11 only + // Opera 10-11 does not throw on post-comma invalid pseudos + el.querySelectorAll( "*,:x" ); + rbuggyQSA.push( ",.*:" ); + } ); + } + + if ( ( support.matchesSelector = rnative.test( ( matches = docElem.matches || + docElem.webkitMatchesSelector || + docElem.mozMatchesSelector || + docElem.oMatchesSelector || + docElem.msMatchesSelector ) ) ) ) { + + assert( function( el ) { + + // Check to see if it's possible to do matchesSelector + // on a disconnected node (IE 9) + support.disconnectedMatch = matches.call( el, "*" ); + + // This should fail with an exception + // Gecko does not error, returns false instead + matches.call( el, "[s!='']:x" ); + rbuggyMatches.push( "!=", pseudos ); + } ); + } + + rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join( "|" ) ); + rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join( "|" ) ); + + /* Contains + ---------------------------------------------------------------------- */ + hasCompare = rnative.test( docElem.compareDocumentPosition ); + + // Element contains another + // Purposefully self-exclusive + // As in, an element does not contain itself + contains = hasCompare || rnative.test( docElem.contains ) ? + function( a, b ) { + var adown = a.nodeType === 9 ? a.documentElement : a, + bup = b && b.parentNode; + return a === bup || !!( bup && bup.nodeType === 1 && ( + adown.contains ? + adown.contains( bup ) : + a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16 + ) ); + } : + function( a, b ) { + if ( b ) { + while ( ( b = b.parentNode ) ) { + if ( b === a ) { + return true; + } + } + } + return false; + }; + + /* Sorting + ---------------------------------------------------------------------- */ + + // Document order sorting + sortOrder = hasCompare ? + function( a, b ) { + + // Flag for duplicate removal + if ( a === b ) { + hasDuplicate = true; + return 0; + } + + // Sort on method existence if only one input has compareDocumentPosition + var compare = !a.compareDocumentPosition - !b.compareDocumentPosition; + if ( compare ) { + return compare; + } + + // Calculate position if both inputs belong to the same document + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + // eslint-disable-next-line eqeqeq + compare = ( a.ownerDocument || a ) == ( b.ownerDocument || b ) ? + a.compareDocumentPosition( b ) : + + // Otherwise we know they are disconnected + 1; + + // Disconnected nodes + if ( compare & 1 || + ( !support.sortDetached && b.compareDocumentPosition( a ) === compare ) ) { + + // Choose the first element that is related to our preferred document + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + // eslint-disable-next-line eqeqeq + if ( a == document || a.ownerDocument == preferredDoc && + contains( preferredDoc, a ) ) { + return -1; + } + + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + // eslint-disable-next-line eqeqeq + if ( b == document || b.ownerDocument == preferredDoc && + contains( preferredDoc, b ) ) { + return 1; + } + + // Maintain original order + return sortInput ? + ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : + 0; + } + + return compare & 4 ? -1 : 1; + } : + function( a, b ) { + + // Exit early if the nodes are identical + if ( a === b ) { + hasDuplicate = true; + return 0; + } + + var cur, + i = 0, + aup = a.parentNode, + bup = b.parentNode, + ap = [ a ], + bp = [ b ]; + + // Parentless nodes are either documents or disconnected + if ( !aup || !bup ) { + + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + /* eslint-disable eqeqeq */ + return a == document ? -1 : + b == document ? 1 : + /* eslint-enable eqeqeq */ + aup ? -1 : + bup ? 1 : + sortInput ? + ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : + 0; + + // If the nodes are siblings, we can do a quick check + } else if ( aup === bup ) { + return siblingCheck( a, b ); + } + + // Otherwise we need full lists of their ancestors for comparison + cur = a; + while ( ( cur = cur.parentNode ) ) { + ap.unshift( cur ); + } + cur = b; + while ( ( cur = cur.parentNode ) ) { + bp.unshift( cur ); + } + + // Walk down the tree looking for a discrepancy + while ( ap[ i ] === bp[ i ] ) { + i++; + } + + return i ? + + // Do a sibling check if the nodes have a common ancestor + siblingCheck( ap[ i ], bp[ i ] ) : + + // Otherwise nodes in our document sort first + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + /* eslint-disable eqeqeq */ + ap[ i ] == preferredDoc ? -1 : + bp[ i ] == preferredDoc ? 1 : + /* eslint-enable eqeqeq */ + 0; + }; + + return document; +}; + +Sizzle.matches = function( expr, elements ) { + return Sizzle( expr, null, null, elements ); +}; + +Sizzle.matchesSelector = function( elem, expr ) { + setDocument( elem ); + + if ( support.matchesSelector && documentIsHTML && + !nonnativeSelectorCache[ expr + " " ] && + ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) && + ( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) { + + try { + var ret = matches.call( elem, expr ); + + // IE 9's matchesSelector returns false on disconnected nodes + if ( ret || support.disconnectedMatch || + + // As well, disconnected nodes are said to be in a document + // fragment in IE 9 + elem.document && elem.document.nodeType !== 11 ) { + return ret; + } + } catch ( e ) { + nonnativeSelectorCache( expr, true ); + } + } + + return Sizzle( expr, document, null, [ elem ] ).length > 0; +}; + +Sizzle.contains = function( context, elem ) { + + // Set document vars if needed + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + // eslint-disable-next-line eqeqeq + if ( ( context.ownerDocument || context ) != document ) { + setDocument( context ); + } + return contains( context, elem ); +}; + +Sizzle.attr = function( elem, name ) { + + // Set document vars if needed + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + // eslint-disable-next-line eqeqeq + if ( ( elem.ownerDocument || elem ) != document ) { + setDocument( elem ); + } + + var fn = Expr.attrHandle[ name.toLowerCase() ], + + // Don't get fooled by Object.prototype properties (jQuery #13807) + val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ? + fn( elem, name, !documentIsHTML ) : + undefined; + + return val !== undefined ? + val : + support.attributes || !documentIsHTML ? + elem.getAttribute( name ) : + ( val = elem.getAttributeNode( name ) ) && val.specified ? + val.value : + null; +}; + +Sizzle.escape = function( sel ) { + return ( sel + "" ).replace( rcssescape, fcssescape ); +}; + +Sizzle.error = function( msg ) { + throw new Error( "Syntax error, unrecognized expression: " + msg ); +}; + +/** + * Document sorting and removing duplicates + * @param {ArrayLike} results + */ +Sizzle.uniqueSort = function( results ) { + var elem, + duplicates = [], + j = 0, + i = 0; + + // Unless we *know* we can detect duplicates, assume their presence + hasDuplicate = !support.detectDuplicates; + sortInput = !support.sortStable && results.slice( 0 ); + results.sort( sortOrder ); + + if ( hasDuplicate ) { + while ( ( elem = results[ i++ ] ) ) { + if ( elem === results[ i ] ) { + j = duplicates.push( i ); + } + } + while ( j-- ) { + results.splice( duplicates[ j ], 1 ); + } + } + + // Clear input after sorting to release objects + // See https://github.com/jquery/sizzle/pull/225 + sortInput = null; + + return results; +}; + +/** + * Utility function for retrieving the text value of an array of DOM nodes + * @param {Array|Element} elem + */ +getText = Sizzle.getText = function( elem ) { + var node, + ret = "", + i = 0, + nodeType = elem.nodeType; + + if ( !nodeType ) { + + // If no nodeType, this is expected to be an array + while ( ( node = elem[ i++ ] ) ) { + + // Do not traverse comment nodes + ret += getText( node ); + } + } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { + + // Use textContent for elements + // innerText usage removed for consistency of new lines (jQuery #11153) + if ( typeof elem.textContent === "string" ) { + return elem.textContent; + } else { + + // Traverse its children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + ret += getText( elem ); + } + } + } else if ( nodeType === 3 || nodeType === 4 ) { + return elem.nodeValue; + } + + // Do not include comment or processing instruction nodes + + return ret; +}; + +Expr = Sizzle.selectors = { + + // Can be adjusted by the user + cacheLength: 50, + + createPseudo: markFunction, + + match: matchExpr, + + attrHandle: {}, + + find: {}, + + relative: { + ">": { dir: "parentNode", first: true }, + " ": { dir: "parentNode" }, + "+": { dir: "previousSibling", first: true }, + "~": { dir: "previousSibling" } + }, + + preFilter: { + "ATTR": function( match ) { + match[ 1 ] = match[ 1 ].replace( runescape, funescape ); + + // Move the given value to match[3] whether quoted or unquoted + match[ 3 ] = ( match[ 3 ] || match[ 4 ] || + match[ 5 ] || "" ).replace( runescape, funescape ); + + if ( match[ 2 ] === "~=" ) { + match[ 3 ] = " " + match[ 3 ] + " "; + } + + return match.slice( 0, 4 ); + }, + + "CHILD": function( match ) { + + /* matches from matchExpr["CHILD"] + 1 type (only|nth|...) + 2 what (child|of-type) + 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...) + 4 xn-component of xn+y argument ([+-]?\d*n|) + 5 sign of xn-component + 6 x of xn-component + 7 sign of y-component + 8 y of y-component + */ + match[ 1 ] = match[ 1 ].toLowerCase(); + + if ( match[ 1 ].slice( 0, 3 ) === "nth" ) { + + // nth-* requires argument + if ( !match[ 3 ] ) { + Sizzle.error( match[ 0 ] ); + } + + // numeric x and y parameters for Expr.filter.CHILD + // remember that false/true cast respectively to 0/1 + match[ 4 ] = +( match[ 4 ] ? + match[ 5 ] + ( match[ 6 ] || 1 ) : + 2 * ( match[ 3 ] === "even" || match[ 3 ] === "odd" ) ); + match[ 5 ] = +( ( match[ 7 ] + match[ 8 ] ) || match[ 3 ] === "odd" ); + + // other types prohibit arguments + } else if ( match[ 3 ] ) { + Sizzle.error( match[ 0 ] ); + } + + return match; + }, + + "PSEUDO": function( match ) { + var excess, + unquoted = !match[ 6 ] && match[ 2 ]; + + if ( matchExpr[ "CHILD" ].test( match[ 0 ] ) ) { + return null; + } + + // Accept quoted arguments as-is + if ( match[ 3 ] ) { + match[ 2 ] = match[ 4 ] || match[ 5 ] || ""; + + // Strip excess characters from unquoted arguments + } else if ( unquoted && rpseudo.test( unquoted ) && + + // Get excess from tokenize (recursively) + ( excess = tokenize( unquoted, true ) ) && + + // advance to the next closing parenthesis + ( excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length ) ) { + + // excess is a negative index + match[ 0 ] = match[ 0 ].slice( 0, excess ); + match[ 2 ] = unquoted.slice( 0, excess ); + } + + // Return only captures needed by the pseudo filter method (type and argument) + return match.slice( 0, 3 ); + } + }, + + filter: { + + "TAG": function( nodeNameSelector ) { + var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase(); + return nodeNameSelector === "*" ? + function() { + return true; + } : + function( elem ) { + return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; + }; + }, + + "CLASS": function( className ) { + var pattern = classCache[ className + " " ]; + + return pattern || + ( pattern = new RegExp( "(^|" + whitespace + + ")" + className + "(" + whitespace + "|$)" ) ) && classCache( + className, function( elem ) { + return pattern.test( + typeof elem.className === "string" && elem.className || + typeof elem.getAttribute !== "undefined" && + elem.getAttribute( "class" ) || + "" + ); + } ); + }, + + "ATTR": function( name, operator, check ) { + return function( elem ) { + var result = Sizzle.attr( elem, name ); + + if ( result == null ) { + return operator === "!="; + } + if ( !operator ) { + return true; + } + + result += ""; + + /* eslint-disable max-len */ + + return operator === "=" ? result === check : + operator === "!=" ? result !== check : + operator === "^=" ? check && result.indexOf( check ) === 0 : + operator === "*=" ? check && result.indexOf( check ) > -1 : + operator === "$=" ? check && result.slice( -check.length ) === check : + operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 : + operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" : + false; + /* eslint-enable max-len */ + + }; + }, + + "CHILD": function( type, what, _argument, first, last ) { + var simple = type.slice( 0, 3 ) !== "nth", + forward = type.slice( -4 ) !== "last", + ofType = what === "of-type"; + + return first === 1 && last === 0 ? + + // Shortcut for :nth-*(n) + function( elem ) { + return !!elem.parentNode; + } : + + function( elem, _context, xml ) { + var cache, uniqueCache, outerCache, node, nodeIndex, start, + dir = simple !== forward ? "nextSibling" : "previousSibling", + parent = elem.parentNode, + name = ofType && elem.nodeName.toLowerCase(), + useCache = !xml && !ofType, + diff = false; + + if ( parent ) { + + // :(first|last|only)-(child|of-type) + if ( simple ) { + while ( dir ) { + node = elem; + while ( ( node = node[ dir ] ) ) { + if ( ofType ? + node.nodeName.toLowerCase() === name : + node.nodeType === 1 ) { + + return false; + } + } + + // Reverse direction for :only-* (if we haven't yet done so) + start = dir = type === "only" && !start && "nextSibling"; + } + return true; + } + + start = [ forward ? parent.firstChild : parent.lastChild ]; + + // non-xml :nth-child(...) stores cache data on `parent` + if ( forward && useCache ) { + + // Seek `elem` from a previously-cached index + + // ...in a gzip-friendly way + node = parent; + outerCache = node[ expando ] || ( node[ expando ] = {} ); + + // Support: IE <9 only + // Defend against cloned attroperties (jQuery gh-1709) + uniqueCache = outerCache[ node.uniqueID ] || + ( outerCache[ node.uniqueID ] = {} ); + + cache = uniqueCache[ type ] || []; + nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ]; + diff = nodeIndex && cache[ 2 ]; + node = nodeIndex && parent.childNodes[ nodeIndex ]; + + while ( ( node = ++nodeIndex && node && node[ dir ] || + + // Fallback to seeking `elem` from the start + ( diff = nodeIndex = 0 ) || start.pop() ) ) { + + // When found, cache indexes on `parent` and break + if ( node.nodeType === 1 && ++diff && node === elem ) { + uniqueCache[ type ] = [ dirruns, nodeIndex, diff ]; + break; + } + } + + } else { + + // Use previously-cached element index if available + if ( useCache ) { + + // ...in a gzip-friendly way + node = elem; + outerCache = node[ expando ] || ( node[ expando ] = {} ); + + // Support: IE <9 only + // Defend against cloned attroperties (jQuery gh-1709) + uniqueCache = outerCache[ node.uniqueID ] || + ( outerCache[ node.uniqueID ] = {} ); + + cache = uniqueCache[ type ] || []; + nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ]; + diff = nodeIndex; + } + + // xml :nth-child(...) + // or :nth-last-child(...) or :nth(-last)?-of-type(...) + if ( diff === false ) { + + // Use the same loop as above to seek `elem` from the start + while ( ( node = ++nodeIndex && node && node[ dir ] || + ( diff = nodeIndex = 0 ) || start.pop() ) ) { + + if ( ( ofType ? + node.nodeName.toLowerCase() === name : + node.nodeType === 1 ) && + ++diff ) { + + // Cache the index of each encountered element + if ( useCache ) { + outerCache = node[ expando ] || + ( node[ expando ] = {} ); + + // Support: IE <9 only + // Defend against cloned attroperties (jQuery gh-1709) + uniqueCache = outerCache[ node.uniqueID ] || + ( outerCache[ node.uniqueID ] = {} ); + + uniqueCache[ type ] = [ dirruns, diff ]; + } + + if ( node === elem ) { + break; + } + } + } + } + } + + // Incorporate the offset, then check against cycle size + diff -= last; + return diff === first || ( diff % first === 0 && diff / first >= 0 ); + } + }; + }, + + "PSEUDO": function( pseudo, argument ) { + + // pseudo-class names are case-insensitive + // http://www.w3.org/TR/selectors/#pseudo-classes + // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters + // Remember that setFilters inherits from pseudos + var args, + fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] || + Sizzle.error( "unsupported pseudo: " + pseudo ); + + // The user may use createPseudo to indicate that + // arguments are needed to create the filter function + // just as Sizzle does + if ( fn[ expando ] ) { + return fn( argument ); + } + + // But maintain support for old signatures + if ( fn.length > 1 ) { + args = [ pseudo, pseudo, "", argument ]; + return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ? + markFunction( function( seed, matches ) { + var idx, + matched = fn( seed, argument ), + i = matched.length; + while ( i-- ) { + idx = indexOf( seed, matched[ i ] ); + seed[ idx ] = !( matches[ idx ] = matched[ i ] ); + } + } ) : + function( elem ) { + return fn( elem, 0, args ); + }; + } + + return fn; + } + }, + + pseudos: { + + // Potentially complex pseudos + "not": markFunction( function( selector ) { + + // Trim the selector passed to compile + // to avoid treating leading and trailing + // spaces as combinators + var input = [], + results = [], + matcher = compile( selector.replace( rtrim, "$1" ) ); + + return matcher[ expando ] ? + markFunction( function( seed, matches, _context, xml ) { + var elem, + unmatched = matcher( seed, null, xml, [] ), + i = seed.length; + + // Match elements unmatched by `matcher` + while ( i-- ) { + if ( ( elem = unmatched[ i ] ) ) { + seed[ i ] = !( matches[ i ] = elem ); + } + } + } ) : + function( elem, _context, xml ) { + input[ 0 ] = elem; + matcher( input, null, xml, results ); + + // Don't keep the element (issue #299) + input[ 0 ] = null; + return !results.pop(); + }; + } ), + + "has": markFunction( function( selector ) { + return function( elem ) { + return Sizzle( selector, elem ).length > 0; + }; + } ), + + "contains": markFunction( function( text ) { + text = text.replace( runescape, funescape ); + return function( elem ) { + return ( elem.textContent || getText( elem ) ).indexOf( text ) > -1; + }; + } ), + + // "Whether an element is represented by a :lang() selector + // is based solely on the element's language value + // being equal to the identifier C, + // or beginning with the identifier C immediately followed by "-". + // The matching of C against the element's language value is performed case-insensitively. + // The identifier C does not have to be a valid language name." + // http://www.w3.org/TR/selectors/#lang-pseudo + "lang": markFunction( function( lang ) { + + // lang value must be a valid identifier + if ( !ridentifier.test( lang || "" ) ) { + Sizzle.error( "unsupported lang: " + lang ); + } + lang = lang.replace( runescape, funescape ).toLowerCase(); + return function( elem ) { + var elemLang; + do { + if ( ( elemLang = documentIsHTML ? + elem.lang : + elem.getAttribute( "xml:lang" ) || elem.getAttribute( "lang" ) ) ) { + + elemLang = elemLang.toLowerCase(); + return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0; + } + } while ( ( elem = elem.parentNode ) && elem.nodeType === 1 ); + return false; + }; + } ), + + // Miscellaneous + "target": function( elem ) { + var hash = window.location && window.location.hash; + return hash && hash.slice( 1 ) === elem.id; + }, + + "root": function( elem ) { + return elem === docElem; + }, + + "focus": function( elem ) { + return elem === document.activeElement && + ( !document.hasFocus || document.hasFocus() ) && + !!( elem.type || elem.href || ~elem.tabIndex ); + }, + + // Boolean properties + "enabled": createDisabledPseudo( false ), + "disabled": createDisabledPseudo( true ), + + "checked": function( elem ) { + + // In CSS3, :checked should return both checked and selected elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + var nodeName = elem.nodeName.toLowerCase(); + return ( nodeName === "input" && !!elem.checked ) || + ( nodeName === "option" && !!elem.selected ); + }, + + "selected": function( elem ) { + + // Accessing this property makes selected-by-default + // options in Safari work properly + if ( elem.parentNode ) { + // eslint-disable-next-line no-unused-expressions + elem.parentNode.selectedIndex; + } + + return elem.selected === true; + }, + + // Contents + "empty": function( elem ) { + + // http://www.w3.org/TR/selectors/#empty-pseudo + // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5), + // but not by others (comment: 8; processing instruction: 7; etc.) + // nodeType < 6 works because attributes (2) do not appear as children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + if ( elem.nodeType < 6 ) { + return false; + } + } + return true; + }, + + "parent": function( elem ) { + return !Expr.pseudos[ "empty" ]( elem ); + }, + + // Element/input types + "header": function( elem ) { + return rheader.test( elem.nodeName ); + }, + + "input": function( elem ) { + return rinputs.test( elem.nodeName ); + }, + + "button": function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === "button" || name === "button"; + }, + + "text": function( elem ) { + var attr; + return elem.nodeName.toLowerCase() === "input" && + elem.type === "text" && + + // Support: IE<8 + // New HTML5 attribute values (e.g., "search") appear with elem.type === "text" + ( ( attr = elem.getAttribute( "type" ) ) == null || + attr.toLowerCase() === "text" ); + }, + + // Position-in-collection + "first": createPositionalPseudo( function() { + return [ 0 ]; + } ), + + "last": createPositionalPseudo( function( _matchIndexes, length ) { + return [ length - 1 ]; + } ), + + "eq": createPositionalPseudo( function( _matchIndexes, length, argument ) { + return [ argument < 0 ? argument + length : argument ]; + } ), + + "even": createPositionalPseudo( function( matchIndexes, length ) { + var i = 0; + for ( ; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + } ), + + "odd": createPositionalPseudo( function( matchIndexes, length ) { + var i = 1; + for ( ; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + } ), + + "lt": createPositionalPseudo( function( matchIndexes, length, argument ) { + var i = argument < 0 ? + argument + length : + argument > length ? + length : + argument; + for ( ; --i >= 0; ) { + matchIndexes.push( i ); + } + return matchIndexes; + } ), + + "gt": createPositionalPseudo( function( matchIndexes, length, argument ) { + var i = argument < 0 ? argument + length : argument; + for ( ; ++i < length; ) { + matchIndexes.push( i ); + } + return matchIndexes; + } ) + } +}; + +Expr.pseudos[ "nth" ] = Expr.pseudos[ "eq" ]; + +// Add button/input type pseudos +for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) { + Expr.pseudos[ i ] = createInputPseudo( i ); +} +for ( i in { submit: true, reset: true } ) { + Expr.pseudos[ i ] = createButtonPseudo( i ); +} + +// Easy API for creating new setFilters +function setFilters() {} +setFilters.prototype = Expr.filters = Expr.pseudos; +Expr.setFilters = new setFilters(); + +tokenize = Sizzle.tokenize = function( selector, parseOnly ) { + var matched, match, tokens, type, + soFar, groups, preFilters, + cached = tokenCache[ selector + " " ]; + + if ( cached ) { + return parseOnly ? 0 : cached.slice( 0 ); + } + + soFar = selector; + groups = []; + preFilters = Expr.preFilter; + + while ( soFar ) { + + // Comma and first run + if ( !matched || ( match = rcomma.exec( soFar ) ) ) { + if ( match ) { + + // Don't consume trailing commas as valid + soFar = soFar.slice( match[ 0 ].length ) || soFar; + } + groups.push( ( tokens = [] ) ); + } + + matched = false; + + // Combinators + if ( ( match = rcombinators.exec( soFar ) ) ) { + matched = match.shift(); + tokens.push( { + value: matched, + + // Cast descendant combinators to space + type: match[ 0 ].replace( rtrim, " " ) + } ); + soFar = soFar.slice( matched.length ); + } + + // Filters + for ( type in Expr.filter ) { + if ( ( match = matchExpr[ type ].exec( soFar ) ) && ( !preFilters[ type ] || + ( match = preFilters[ type ]( match ) ) ) ) { + matched = match.shift(); + tokens.push( { + value: matched, + type: type, + matches: match + } ); + soFar = soFar.slice( matched.length ); + } + } + + if ( !matched ) { + break; + } + } + + // Return the length of the invalid excess + // if we're just parsing + // Otherwise, throw an error or return tokens + return parseOnly ? + soFar.length : + soFar ? + Sizzle.error( selector ) : + + // Cache the tokens + tokenCache( selector, groups ).slice( 0 ); +}; + +function toSelector( tokens ) { + var i = 0, + len = tokens.length, + selector = ""; + for ( ; i < len; i++ ) { + selector += tokens[ i ].value; + } + return selector; +} + +function addCombinator( matcher, combinator, base ) { + var dir = combinator.dir, + skip = combinator.next, + key = skip || dir, + checkNonElements = base && key === "parentNode", + doneName = done++; + + return combinator.first ? + + // Check against closest ancestor/preceding element + function( elem, context, xml ) { + while ( ( elem = elem[ dir ] ) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + return matcher( elem, context, xml ); + } + } + return false; + } : + + // Check against all ancestor/preceding elements + function( elem, context, xml ) { + var oldCache, uniqueCache, outerCache, + newCache = [ dirruns, doneName ]; + + // We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching + if ( xml ) { + while ( ( elem = elem[ dir ] ) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + if ( matcher( elem, context, xml ) ) { + return true; + } + } + } + } else { + while ( ( elem = elem[ dir ] ) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + outerCache = elem[ expando ] || ( elem[ expando ] = {} ); + + // Support: IE <9 only + // Defend against cloned attroperties (jQuery gh-1709) + uniqueCache = outerCache[ elem.uniqueID ] || + ( outerCache[ elem.uniqueID ] = {} ); + + if ( skip && skip === elem.nodeName.toLowerCase() ) { + elem = elem[ dir ] || elem; + } else if ( ( oldCache = uniqueCache[ key ] ) && + oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) { + + // Assign to newCache so results back-propagate to previous elements + return ( newCache[ 2 ] = oldCache[ 2 ] ); + } else { + + // Reuse newcache so results back-propagate to previous elements + uniqueCache[ key ] = newCache; + + // A match means we're done; a fail means we have to keep checking + if ( ( newCache[ 2 ] = matcher( elem, context, xml ) ) ) { + return true; + } + } + } + } + } + return false; + }; +} + +function elementMatcher( matchers ) { + return matchers.length > 1 ? + function( elem, context, xml ) { + var i = matchers.length; + while ( i-- ) { + if ( !matchers[ i ]( elem, context, xml ) ) { + return false; + } + } + return true; + } : + matchers[ 0 ]; +} + +function multipleContexts( selector, contexts, results ) { + var i = 0, + len = contexts.length; + for ( ; i < len; i++ ) { + Sizzle( selector, contexts[ i ], results ); + } + return results; +} + +function condense( unmatched, map, filter, context, xml ) { + var elem, + newUnmatched = [], + i = 0, + len = unmatched.length, + mapped = map != null; + + for ( ; i < len; i++ ) { + if ( ( elem = unmatched[ i ] ) ) { + if ( !filter || filter( elem, context, xml ) ) { + newUnmatched.push( elem ); + if ( mapped ) { + map.push( i ); + } + } + } + } + + return newUnmatched; +} + +function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) { + if ( postFilter && !postFilter[ expando ] ) { + postFilter = setMatcher( postFilter ); + } + if ( postFinder && !postFinder[ expando ] ) { + postFinder = setMatcher( postFinder, postSelector ); + } + return markFunction( function( seed, results, context, xml ) { + var temp, i, elem, + preMap = [], + postMap = [], + preexisting = results.length, + + // Get initial elements from seed or context + elems = seed || multipleContexts( + selector || "*", + context.nodeType ? [ context ] : context, + [] + ), + + // Prefilter to get matcher input, preserving a map for seed-results synchronization + matcherIn = preFilter && ( seed || !selector ) ? + condense( elems, preMap, preFilter, context, xml ) : + elems, + + matcherOut = matcher ? + + // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, + postFinder || ( seed ? preFilter : preexisting || postFilter ) ? + + // ...intermediate processing is necessary + [] : + + // ...otherwise use results directly + results : + matcherIn; + + // Find primary matches + if ( matcher ) { + matcher( matcherIn, matcherOut, context, xml ); + } + + // Apply postFilter + if ( postFilter ) { + temp = condense( matcherOut, postMap ); + postFilter( temp, [], context, xml ); + + // Un-match failing elements by moving them back to matcherIn + i = temp.length; + while ( i-- ) { + if ( ( elem = temp[ i ] ) ) { + matcherOut[ postMap[ i ] ] = !( matcherIn[ postMap[ i ] ] = elem ); + } + } + } + + if ( seed ) { + if ( postFinder || preFilter ) { + if ( postFinder ) { + + // Get the final matcherOut by condensing this intermediate into postFinder contexts + temp = []; + i = matcherOut.length; + while ( i-- ) { + if ( ( elem = matcherOut[ i ] ) ) { + + // Restore matcherIn since elem is not yet a final match + temp.push( ( matcherIn[ i ] = elem ) ); + } + } + postFinder( null, ( matcherOut = [] ), temp, xml ); + } + + // Move matched elements from seed to results to keep them synchronized + i = matcherOut.length; + while ( i-- ) { + if ( ( elem = matcherOut[ i ] ) && + ( temp = postFinder ? indexOf( seed, elem ) : preMap[ i ] ) > -1 ) { + + seed[ temp ] = !( results[ temp ] = elem ); + } + } + } + + // Add elements to results, through postFinder if defined + } else { + matcherOut = condense( + matcherOut === results ? + matcherOut.splice( preexisting, matcherOut.length ) : + matcherOut + ); + if ( postFinder ) { + postFinder( null, results, matcherOut, xml ); + } else { + push.apply( results, matcherOut ); + } + } + } ); +} + +function matcherFromTokens( tokens ) { + var checkContext, matcher, j, + len = tokens.length, + leadingRelative = Expr.relative[ tokens[ 0 ].type ], + implicitRelative = leadingRelative || Expr.relative[ " " ], + i = leadingRelative ? 1 : 0, + + // The foundational matcher ensures that elements are reachable from top-level context(s) + matchContext = addCombinator( function( elem ) { + return elem === checkContext; + }, implicitRelative, true ), + matchAnyContext = addCombinator( function( elem ) { + return indexOf( checkContext, elem ) > -1; + }, implicitRelative, true ), + matchers = [ function( elem, context, xml ) { + var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || ( + ( checkContext = context ).nodeType ? + matchContext( elem, context, xml ) : + matchAnyContext( elem, context, xml ) ); + + // Avoid hanging onto element (issue #299) + checkContext = null; + return ret; + } ]; + + for ( ; i < len; i++ ) { + if ( ( matcher = Expr.relative[ tokens[ i ].type ] ) ) { + matchers = [ addCombinator( elementMatcher( matchers ), matcher ) ]; + } else { + matcher = Expr.filter[ tokens[ i ].type ].apply( null, tokens[ i ].matches ); + + // Return special upon seeing a positional matcher + if ( matcher[ expando ] ) { + + // Find the next relative operator (if any) for proper handling + j = ++i; + for ( ; j < len; j++ ) { + if ( Expr.relative[ tokens[ j ].type ] ) { + break; + } + } + return setMatcher( + i > 1 && elementMatcher( matchers ), + i > 1 && toSelector( + + // If the preceding token was a descendant combinator, insert an implicit any-element `*` + tokens + .slice( 0, i - 1 ) + .concat( { value: tokens[ i - 2 ].type === " " ? "*" : "" } ) + ).replace( rtrim, "$1" ), + matcher, + i < j && matcherFromTokens( tokens.slice( i, j ) ), + j < len && matcherFromTokens( ( tokens = tokens.slice( j ) ) ), + j < len && toSelector( tokens ) + ); + } + matchers.push( matcher ); + } + } + + return elementMatcher( matchers ); +} + +function matcherFromGroupMatchers( elementMatchers, setMatchers ) { + var bySet = setMatchers.length > 0, + byElement = elementMatchers.length > 0, + superMatcher = function( seed, context, xml, results, outermost ) { + var elem, j, matcher, + matchedCount = 0, + i = "0", + unmatched = seed && [], + setMatched = [], + contextBackup = outermostContext, + + // We must always have either seed elements or outermost context + elems = seed || byElement && Expr.find[ "TAG" ]( "*", outermost ), + + // Use integer dirruns iff this is the outermost matcher + dirrunsUnique = ( dirruns += contextBackup == null ? 1 : Math.random() || 0.1 ), + len = elems.length; + + if ( outermost ) { + + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + // eslint-disable-next-line eqeqeq + outermostContext = context == document || context || outermost; + } + + // Add elements passing elementMatchers directly to results + // Support: IE<9, Safari + // Tolerate NodeList properties (IE: "length"; Safari: ) matching elements by id + for ( ; i !== len && ( elem = elems[ i ] ) != null; i++ ) { + if ( byElement && elem ) { + j = 0; + + // Support: IE 11+, Edge 17 - 18+ + // IE/Edge sometimes throw a "Permission denied" error when strict-comparing + // two documents; shallow comparisons work. + // eslint-disable-next-line eqeqeq + if ( !context && elem.ownerDocument != document ) { + setDocument( elem ); + xml = !documentIsHTML; + } + while ( ( matcher = elementMatchers[ j++ ] ) ) { + if ( matcher( elem, context || document, xml ) ) { + results.push( elem ); + break; + } + } + if ( outermost ) { + dirruns = dirrunsUnique; + } + } + + // Track unmatched elements for set filters + if ( bySet ) { + + // They will have gone through all possible matchers + if ( ( elem = !matcher && elem ) ) { + matchedCount--; + } + + // Lengthen the array for every element, matched or not + if ( seed ) { + unmatched.push( elem ); + } + } + } + + // `i` is now the count of elements visited above, and adding it to `matchedCount` + // makes the latter nonnegative. + matchedCount += i; + + // Apply set filters to unmatched elements + // NOTE: This can be skipped if there are no unmatched elements (i.e., `matchedCount` + // equals `i`), unless we didn't visit _any_ elements in the above loop because we have + // no element matchers and no seed. + // Incrementing an initially-string "0" `i` allows `i` to remain a string only in that + // case, which will result in a "00" `matchedCount` that differs from `i` but is also + // numerically zero. + if ( bySet && i !== matchedCount ) { + j = 0; + while ( ( matcher = setMatchers[ j++ ] ) ) { + matcher( unmatched, setMatched, context, xml ); + } + + if ( seed ) { + + // Reintegrate element matches to eliminate the need for sorting + if ( matchedCount > 0 ) { + while ( i-- ) { + if ( !( unmatched[ i ] || setMatched[ i ] ) ) { + setMatched[ i ] = pop.call( results ); + } + } + } + + // Discard index placeholder values to get only actual matches + setMatched = condense( setMatched ); + } + + // Add matches to results + push.apply( results, setMatched ); + + // Seedless set matches succeeding multiple successful matchers stipulate sorting + if ( outermost && !seed && setMatched.length > 0 && + ( matchedCount + setMatchers.length ) > 1 ) { + + Sizzle.uniqueSort( results ); + } + } + + // Override manipulation of globals by nested matchers + if ( outermost ) { + dirruns = dirrunsUnique; + outermostContext = contextBackup; + } + + return unmatched; + }; + + return bySet ? + markFunction( superMatcher ) : + superMatcher; +} + +compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) { + var i, + setMatchers = [], + elementMatchers = [], + cached = compilerCache[ selector + " " ]; + + if ( !cached ) { + + // Generate a function of recursive functions that can be used to check each element + if ( !match ) { + match = tokenize( selector ); + } + i = match.length; + while ( i-- ) { + cached = matcherFromTokens( match[ i ] ); + if ( cached[ expando ] ) { + setMatchers.push( cached ); + } else { + elementMatchers.push( cached ); + } + } + + // Cache the compiled function + cached = compilerCache( + selector, + matcherFromGroupMatchers( elementMatchers, setMatchers ) + ); + + // Save selector and tokenization + cached.selector = selector; + } + return cached; +}; + +/** + * A low-level selection function that works with Sizzle's compiled + * selector functions + * @param {String|Function} selector A selector or a pre-compiled + * selector function built with Sizzle.compile + * @param {Element} context + * @param {Array} [results] + * @param {Array} [seed] A set of elements to match against + */ +select = Sizzle.select = function( selector, context, results, seed ) { + var i, tokens, token, type, find, + compiled = typeof selector === "function" && selector, + match = !seed && tokenize( ( selector = compiled.selector || selector ) ); + + results = results || []; + + // Try to minimize operations if there is only one selector in the list and no seed + // (the latter of which guarantees us context) + if ( match.length === 1 ) { + + // Reduce context if the leading compound selector is an ID + tokens = match[ 0 ] = match[ 0 ].slice( 0 ); + if ( tokens.length > 2 && ( token = tokens[ 0 ] ).type === "ID" && + context.nodeType === 9 && documentIsHTML && Expr.relative[ tokens[ 1 ].type ] ) { + + context = ( Expr.find[ "ID" ]( token.matches[ 0 ] + .replace( runescape, funescape ), context ) || [] )[ 0 ]; + if ( !context ) { + return results; + + // Precompiled matchers will still verify ancestry, so step up a level + } else if ( compiled ) { + context = context.parentNode; + } + + selector = selector.slice( tokens.shift().value.length ); + } + + // Fetch a seed set for right-to-left matching + i = matchExpr[ "needsContext" ].test( selector ) ? 0 : tokens.length; + while ( i-- ) { + token = tokens[ i ]; + + // Abort if we hit a combinator + if ( Expr.relative[ ( type = token.type ) ] ) { + break; + } + if ( ( find = Expr.find[ type ] ) ) { + + // Search, expanding context for leading sibling combinators + if ( ( seed = find( + token.matches[ 0 ].replace( runescape, funescape ), + rsibling.test( tokens[ 0 ].type ) && testContext( context.parentNode ) || + context + ) ) ) { + + // If seed is empty or no tokens remain, we can return early + tokens.splice( i, 1 ); + selector = seed.length && toSelector( tokens ); + if ( !selector ) { + push.apply( results, seed ); + return results; + } + + break; + } + } + } + } + + // Compile and execute a filtering function if one is not provided + // Provide `match` to avoid retokenization if we modified the selector above + ( compiled || compile( selector, match ) )( + seed, + context, + !documentIsHTML, + results, + !context || rsibling.test( selector ) && testContext( context.parentNode ) || context + ); + return results; +}; + +// One-time assignments + +// Sort stability +support.sortStable = expando.split( "" ).sort( sortOrder ).join( "" ) === expando; + +// Support: Chrome 14-35+ +// Always assume duplicates if they aren't passed to the comparison function +support.detectDuplicates = !!hasDuplicate; + +// Initialize against the default document +setDocument(); + +// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27) +// Detached nodes confoundingly follow *each other* +support.sortDetached = assert( function( el ) { + + // Should return 1, but returns 4 (following) + return el.compareDocumentPosition( document.createElement( "fieldset" ) ) & 1; +} ); + +// Support: IE<8 +// Prevent attribute/property "interpolation" +// https://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx +if ( !assert( function( el ) { + el.innerHTML = ""; + return el.firstChild.getAttribute( "href" ) === "#"; +} ) ) { + addHandle( "type|href|height|width", function( elem, name, isXML ) { + if ( !isXML ) { + return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 ); + } + } ); +} + +// Support: IE<9 +// Use defaultValue in place of getAttribute("value") +if ( !support.attributes || !assert( function( el ) { + el.innerHTML = ""; + el.firstChild.setAttribute( "value", "" ); + return el.firstChild.getAttribute( "value" ) === ""; +} ) ) { + addHandle( "value", function( elem, _name, isXML ) { + if ( !isXML && elem.nodeName.toLowerCase() === "input" ) { + return elem.defaultValue; + } + } ); +} + +// Support: IE<9 +// Use getAttributeNode to fetch booleans when getAttribute lies +if ( !assert( function( el ) { + return el.getAttribute( "disabled" ) == null; +} ) ) { + addHandle( booleans, function( elem, name, isXML ) { + var val; + if ( !isXML ) { + return elem[ name ] === true ? name.toLowerCase() : + ( val = elem.getAttributeNode( name ) ) && val.specified ? + val.value : + null; + } + } ); +} + +return Sizzle; + +} )( window ); + + + +jQuery.find = Sizzle; +jQuery.expr = Sizzle.selectors; + +// Deprecated +jQuery.expr[ ":" ] = jQuery.expr.pseudos; +jQuery.uniqueSort = jQuery.unique = Sizzle.uniqueSort; +jQuery.text = Sizzle.getText; +jQuery.isXMLDoc = Sizzle.isXML; +jQuery.contains = Sizzle.contains; +jQuery.escapeSelector = Sizzle.escape; + + + + +var dir = function( elem, dir, until ) { + var matched = [], + truncate = until !== undefined; + + while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) { + if ( elem.nodeType === 1 ) { + if ( truncate && jQuery( elem ).is( until ) ) { + break; + } + matched.push( elem ); + } + } + return matched; +}; + + +var siblings = function( n, elem ) { + var matched = []; + + for ( ; n; n = n.nextSibling ) { + if ( n.nodeType === 1 && n !== elem ) { + matched.push( n ); + } + } + + return matched; +}; + + +var rneedsContext = jQuery.expr.match.needsContext; + + + +function nodeName( elem, name ) { + + return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); + +}; +var rsingleTag = ( /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i ); + + + +// Implement the identical functionality for filter and not +function winnow( elements, qualifier, not ) { + if ( isFunction( qualifier ) ) { + return jQuery.grep( elements, function( elem, i ) { + return !!qualifier.call( elem, i, elem ) !== not; + } ); + } + + // Single element + if ( qualifier.nodeType ) { + return jQuery.grep( elements, function( elem ) { + return ( elem === qualifier ) !== not; + } ); + } + + // Arraylike of elements (jQuery, arguments, Array) + if ( typeof qualifier !== "string" ) { + return jQuery.grep( elements, function( elem ) { + return ( indexOf.call( qualifier, elem ) > -1 ) !== not; + } ); + } + + // Filtered directly for both simple and complex selectors + return jQuery.filter( qualifier, elements, not ); +} + +jQuery.filter = function( expr, elems, not ) { + var elem = elems[ 0 ]; + + if ( not ) { + expr = ":not(" + expr + ")"; + } + + if ( elems.length === 1 && elem.nodeType === 1 ) { + return jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : []; + } + + return jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) { + return elem.nodeType === 1; + } ) ); +}; + +jQuery.fn.extend( { + find: function( selector ) { + var i, ret, + len = this.length, + self = this; + + if ( typeof selector !== "string" ) { + return this.pushStack( jQuery( selector ).filter( function() { + for ( i = 0; i < len; i++ ) { + if ( jQuery.contains( self[ i ], this ) ) { + return true; + } + } + } ) ); + } + + ret = this.pushStack( [] ); + + for ( i = 0; i < len; i++ ) { + jQuery.find( selector, self[ i ], ret ); + } + + return len > 1 ? jQuery.uniqueSort( ret ) : ret; + }, + filter: function( selector ) { + return this.pushStack( winnow( this, selector || [], false ) ); + }, + not: function( selector ) { + return this.pushStack( winnow( this, selector || [], true ) ); + }, + is: function( selector ) { + return !!winnow( + this, + + // If this is a positional/relative selector, check membership in the returned set + // so $("p:first").is("p:last") won't return true for a doc with two "p". + typeof selector === "string" && rneedsContext.test( selector ) ? + jQuery( selector ) : + selector || [], + false + ).length; + } +} ); + + +// Initialize a jQuery object + + +// A central reference to the root jQuery(document) +var rootjQuery, + + // A simple way to check for HTML strings + // Prioritize #id over to avoid XSS via location.hash (#9521) + // Strict HTML recognition (#11290: must start with <) + // Shortcut simple #id case for speed + rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/, + + init = jQuery.fn.init = function( selector, context, root ) { + var match, elem; + + // HANDLE: $(""), $(null), $(undefined), $(false) + if ( !selector ) { + return this; + } + + // Method init() accepts an alternate rootjQuery + // so migrate can support jQuery.sub (gh-2101) + root = root || rootjQuery; + + // Handle HTML strings + if ( typeof selector === "string" ) { + if ( selector[ 0 ] === "<" && + selector[ selector.length - 1 ] === ">" && + selector.length >= 3 ) { + + // Assume that strings that start and end with <> are HTML and skip the regex check + match = [ null, selector, null ]; + + } else { + match = rquickExpr.exec( selector ); + } + + // Match html or make sure no context is specified for #id + if ( match && ( match[ 1 ] || !context ) ) { + + // HANDLE: $(html) -> $(array) + if ( match[ 1 ] ) { + context = context instanceof jQuery ? context[ 0 ] : context; + + // Option to run scripts is true for back-compat + // Intentionally let the error be thrown if parseHTML is not present + jQuery.merge( this, jQuery.parseHTML( + match[ 1 ], + context && context.nodeType ? context.ownerDocument || context : document, + true + ) ); + + // HANDLE: $(html, props) + if ( rsingleTag.test( match[ 1 ] ) && jQuery.isPlainObject( context ) ) { + for ( match in context ) { + + // Properties of context are called as methods if possible + if ( isFunction( this[ match ] ) ) { + this[ match ]( context[ match ] ); + + // ...and otherwise set as attributes + } else { + this.attr( match, context[ match ] ); + } + } + } + + return this; + + // HANDLE: $(#id) + } else { + elem = document.getElementById( match[ 2 ] ); + + if ( elem ) { + + // Inject the element directly into the jQuery object + this[ 0 ] = elem; + this.length = 1; + } + return this; + } + + // HANDLE: $(expr, $(...)) + } else if ( !context || context.jquery ) { + return ( context || root ).find( selector ); + + // HANDLE: $(expr, context) + // (which is just equivalent to: $(context).find(expr) + } else { + return this.constructor( context ).find( selector ); + } + + // HANDLE: $(DOMElement) + } else if ( selector.nodeType ) { + this[ 0 ] = selector; + this.length = 1; + return this; + + // HANDLE: $(function) + // Shortcut for document ready + } else if ( isFunction( selector ) ) { + return root.ready !== undefined ? + root.ready( selector ) : + + // Execute immediately if ready is not present + selector( jQuery ); + } + + return jQuery.makeArray( selector, this ); + }; + +// Give the init function the jQuery prototype for later instantiation +init.prototype = jQuery.fn; + +// Initialize central reference +rootjQuery = jQuery( document ); + + +var rparentsprev = /^(?:parents|prev(?:Until|All))/, + + // Methods guaranteed to produce a unique set when starting from a unique set + guaranteedUnique = { + children: true, + contents: true, + next: true, + prev: true + }; + +jQuery.fn.extend( { + has: function( target ) { + var targets = jQuery( target, this ), + l = targets.length; + + return this.filter( function() { + var i = 0; + for ( ; i < l; i++ ) { + if ( jQuery.contains( this, targets[ i ] ) ) { + return true; + } + } + } ); + }, + + closest: function( selectors, context ) { + var cur, + i = 0, + l = this.length, + matched = [], + targets = typeof selectors !== "string" && jQuery( selectors ); + + // Positional selectors never match, since there's no _selection_ context + if ( !rneedsContext.test( selectors ) ) { + for ( ; i < l; i++ ) { + for ( cur = this[ i ]; cur && cur !== context; cur = cur.parentNode ) { + + // Always skip document fragments + if ( cur.nodeType < 11 && ( targets ? + targets.index( cur ) > -1 : + + // Don't pass non-elements to Sizzle + cur.nodeType === 1 && + jQuery.find.matchesSelector( cur, selectors ) ) ) { + + matched.push( cur ); + break; + } + } + } + } + + return this.pushStack( matched.length > 1 ? jQuery.uniqueSort( matched ) : matched ); + }, + + // Determine the position of an element within the set + index: function( elem ) { + + // No argument, return index in parent + if ( !elem ) { + return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1; + } + + // Index in selector + if ( typeof elem === "string" ) { + return indexOf.call( jQuery( elem ), this[ 0 ] ); + } + + // Locate the position of the desired element + return indexOf.call( this, + + // If it receives a jQuery object, the first element is used + elem.jquery ? elem[ 0 ] : elem + ); + }, + + add: function( selector, context ) { + return this.pushStack( + jQuery.uniqueSort( + jQuery.merge( this.get(), jQuery( selector, context ) ) + ) + ); + }, + + addBack: function( selector ) { + return this.add( selector == null ? + this.prevObject : this.prevObject.filter( selector ) + ); + } +} ); + +function sibling( cur, dir ) { + while ( ( cur = cur[ dir ] ) && cur.nodeType !== 1 ) {} + return cur; +} + +jQuery.each( { + parent: function( elem ) { + var parent = elem.parentNode; + return parent && parent.nodeType !== 11 ? parent : null; + }, + parents: function( elem ) { + return dir( elem, "parentNode" ); + }, + parentsUntil: function( elem, _i, until ) { + return dir( elem, "parentNode", until ); + }, + next: function( elem ) { + return sibling( elem, "nextSibling" ); + }, + prev: function( elem ) { + return sibling( elem, "previousSibling" ); + }, + nextAll: function( elem ) { + return dir( elem, "nextSibling" ); + }, + prevAll: function( elem ) { + return dir( elem, "previousSibling" ); + }, + nextUntil: function( elem, _i, until ) { + return dir( elem, "nextSibling", until ); + }, + prevUntil: function( elem, _i, until ) { + return dir( elem, "previousSibling", until ); + }, + siblings: function( elem ) { + return siblings( ( elem.parentNode || {} ).firstChild, elem ); + }, + children: function( elem ) { + return siblings( elem.firstChild ); + }, + contents: function( elem ) { + if ( elem.contentDocument != null && + + // Support: IE 11+ + // elements with no `data` attribute has an object + // `contentDocument` with a `null` prototype. + getProto( elem.contentDocument ) ) { + + return elem.contentDocument; + } + + // Support: IE 9 - 11 only, iOS 7 only, Android Browser <=4.3 only + // Treat the template element as a regular one in browsers that + // don't support it. + if ( nodeName( elem, "template" ) ) { + elem = elem.content || elem; + } + + return jQuery.merge( [], elem.childNodes ); + } +}, function( name, fn ) { + jQuery.fn[ name ] = function( until, selector ) { + var matched = jQuery.map( this, fn, until ); + + if ( name.slice( -5 ) !== "Until" ) { + selector = until; + } + + if ( selector && typeof selector === "string" ) { + matched = jQuery.filter( selector, matched ); + } + + if ( this.length > 1 ) { + + // Remove duplicates + if ( !guaranteedUnique[ name ] ) { + jQuery.uniqueSort( matched ); + } + + // Reverse order for parents* and prev-derivatives + if ( rparentsprev.test( name ) ) { + matched.reverse(); + } + } + + return this.pushStack( matched ); + }; +} ); +var rnothtmlwhite = ( /[^\x20\t\r\n\f]+/g ); + + + +// Convert String-formatted options into Object-formatted ones +function createOptions( options ) { + var object = {}; + jQuery.each( options.match( rnothtmlwhite ) || [], function( _, flag ) { + object[ flag ] = true; + } ); + return object; +} + +/* + * Create a callback list using the following parameters: + * + * options: an optional list of space-separated options that will change how + * the callback list behaves or a more traditional option object + * + * By default a callback list will act like an event callback list and can be + * "fired" multiple times. + * + * Possible options: + * + * once: will ensure the callback list can only be fired once (like a Deferred) + * + * memory: will keep track of previous values and will call any callback added + * after the list has been fired right away with the latest "memorized" + * values (like a Deferred) + * + * unique: will ensure a callback can only be added once (no duplicate in the list) + * + * stopOnFalse: interrupt callings when a callback returns false + * + */ +jQuery.Callbacks = function( options ) { + + // Convert options from String-formatted to Object-formatted if needed + // (we check in cache first) + options = typeof options === "string" ? + createOptions( options ) : + jQuery.extend( {}, options ); + + var // Flag to know if list is currently firing + firing, + + // Last fire value for non-forgettable lists + memory, + + // Flag to know if list was already fired + fired, + + // Flag to prevent firing + locked, + + // Actual callback list + list = [], + + // Queue of execution data for repeatable lists + queue = [], + + // Index of currently firing callback (modified by add/remove as needed) + firingIndex = -1, + + // Fire callbacks + fire = function() { + + // Enforce single-firing + locked = locked || options.once; + + // Execute callbacks for all pending executions, + // respecting firingIndex overrides and runtime changes + fired = firing = true; + for ( ; queue.length; firingIndex = -1 ) { + memory = queue.shift(); + while ( ++firingIndex < list.length ) { + + // Run callback and check for early termination + if ( list[ firingIndex ].apply( memory[ 0 ], memory[ 1 ] ) === false && + options.stopOnFalse ) { + + // Jump to end and forget the data so .add doesn't re-fire + firingIndex = list.length; + memory = false; + } + } + } + + // Forget the data if we're done with it + if ( !options.memory ) { + memory = false; + } + + firing = false; + + // Clean up if we're done firing for good + if ( locked ) { + + // Keep an empty list if we have data for future add calls + if ( memory ) { + list = []; + + // Otherwise, this object is spent + } else { + list = ""; + } + } + }, + + // Actual Callbacks object + self = { + + // Add a callback or a collection of callbacks to the list + add: function() { + if ( list ) { + + // If we have memory from a past run, we should fire after adding + if ( memory && !firing ) { + firingIndex = list.length - 1; + queue.push( memory ); + } + + ( function add( args ) { + jQuery.each( args, function( _, arg ) { + if ( isFunction( arg ) ) { + if ( !options.unique || !self.has( arg ) ) { + list.push( arg ); + } + } else if ( arg && arg.length && toType( arg ) !== "string" ) { + + // Inspect recursively + add( arg ); + } + } ); + } )( arguments ); + + if ( memory && !firing ) { + fire(); + } + } + return this; + }, + + // Remove a callback from the list + remove: function() { + jQuery.each( arguments, function( _, arg ) { + var index; + while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) { + list.splice( index, 1 ); + + // Handle firing indexes + if ( index <= firingIndex ) { + firingIndex--; + } + } + } ); + return this; + }, + + // Check if a given callback is in the list. + // If no argument is given, return whether or not list has callbacks attached. + has: function( fn ) { + return fn ? + jQuery.inArray( fn, list ) > -1 : + list.length > 0; + }, + + // Remove all callbacks from the list + empty: function() { + if ( list ) { + list = []; + } + return this; + }, + + // Disable .fire and .add + // Abort any current/pending executions + // Clear all callbacks and values + disable: function() { + locked = queue = []; + list = memory = ""; + return this; + }, + disabled: function() { + return !list; + }, + + // Disable .fire + // Also disable .add unless we have memory (since it would have no effect) + // Abort any pending executions + lock: function() { + locked = queue = []; + if ( !memory && !firing ) { + list = memory = ""; + } + return this; + }, + locked: function() { + return !!locked; + }, + + // Call all callbacks with the given context and arguments + fireWith: function( context, args ) { + if ( !locked ) { + args = args || []; + args = [ context, args.slice ? args.slice() : args ]; + queue.push( args ); + if ( !firing ) { + fire(); + } + } + return this; + }, + + // Call all the callbacks with the given arguments + fire: function() { + self.fireWith( this, arguments ); + return this; + }, + + // To know if the callbacks have already been called at least once + fired: function() { + return !!fired; + } + }; + + return self; +}; + + +function Identity( v ) { + return v; +} +function Thrower( ex ) { + throw ex; +} + +function adoptValue( value, resolve, reject, noValue ) { + var method; + + try { + + // Check for promise aspect first to privilege synchronous behavior + if ( value && isFunction( ( method = value.promise ) ) ) { + method.call( value ).done( resolve ).fail( reject ); + + // Other thenables + } else if ( value && isFunction( ( method = value.then ) ) ) { + method.call( value, resolve, reject ); + + // Other non-thenables + } else { + + // Control `resolve` arguments by letting Array#slice cast boolean `noValue` to integer: + // * false: [ value ].slice( 0 ) => resolve( value ) + // * true: [ value ].slice( 1 ) => resolve() + resolve.apply( undefined, [ value ].slice( noValue ) ); + } + + // For Promises/A+, convert exceptions into rejections + // Since jQuery.when doesn't unwrap thenables, we can skip the extra checks appearing in + // Deferred#then to conditionally suppress rejection. + } catch ( value ) { + + // Support: Android 4.0 only + // Strict mode functions invoked without .call/.apply get global-object context + reject.apply( undefined, [ value ] ); + } +} + +jQuery.extend( { + + Deferred: function( func ) { + var tuples = [ + + // action, add listener, callbacks, + // ... .then handlers, argument index, [final state] + [ "notify", "progress", jQuery.Callbacks( "memory" ), + jQuery.Callbacks( "memory" ), 2 ], + [ "resolve", "done", jQuery.Callbacks( "once memory" ), + jQuery.Callbacks( "once memory" ), 0, "resolved" ], + [ "reject", "fail", jQuery.Callbacks( "once memory" ), + jQuery.Callbacks( "once memory" ), 1, "rejected" ] + ], + state = "pending", + promise = { + state: function() { + return state; + }, + always: function() { + deferred.done( arguments ).fail( arguments ); + return this; + }, + "catch": function( fn ) { + return promise.then( null, fn ); + }, + + // Keep pipe for back-compat + pipe: function( /* fnDone, fnFail, fnProgress */ ) { + var fns = arguments; + + return jQuery.Deferred( function( newDefer ) { + jQuery.each( tuples, function( _i, tuple ) { + + // Map tuples (progress, done, fail) to arguments (done, fail, progress) + var fn = isFunction( fns[ tuple[ 4 ] ] ) && fns[ tuple[ 4 ] ]; + + // deferred.progress(function() { bind to newDefer or newDefer.notify }) + // deferred.done(function() { bind to newDefer or newDefer.resolve }) + // deferred.fail(function() { bind to newDefer or newDefer.reject }) + deferred[ tuple[ 1 ] ]( function() { + var returned = fn && fn.apply( this, arguments ); + if ( returned && isFunction( returned.promise ) ) { + returned.promise() + .progress( newDefer.notify ) + .done( newDefer.resolve ) + .fail( newDefer.reject ); + } else { + newDefer[ tuple[ 0 ] + "With" ]( + this, + fn ? [ returned ] : arguments + ); + } + } ); + } ); + fns = null; + } ).promise(); + }, + then: function( onFulfilled, onRejected, onProgress ) { + var maxDepth = 0; + function resolve( depth, deferred, handler, special ) { + return function() { + var that = this, + args = arguments, + mightThrow = function() { + var returned, then; + + // Support: Promises/A+ section 2.3.3.3.3 + // https://promisesaplus.com/#point-59 + // Ignore double-resolution attempts + if ( depth < maxDepth ) { + return; + } + + returned = handler.apply( that, args ); + + // Support: Promises/A+ section 2.3.1 + // https://promisesaplus.com/#point-48 + if ( returned === deferred.promise() ) { + throw new TypeError( "Thenable self-resolution" ); + } + + // Support: Promises/A+ sections 2.3.3.1, 3.5 + // https://promisesaplus.com/#point-54 + // https://promisesaplus.com/#point-75 + // Retrieve `then` only once + then = returned && + + // Support: Promises/A+ section 2.3.4 + // https://promisesaplus.com/#point-64 + // Only check objects and functions for thenability + ( typeof returned === "object" || + typeof returned === "function" ) && + returned.then; + + // Handle a returned thenable + if ( isFunction( then ) ) { + + // Special processors (notify) just wait for resolution + if ( special ) { + then.call( + returned, + resolve( maxDepth, deferred, Identity, special ), + resolve( maxDepth, deferred, Thrower, special ) + ); + + // Normal processors (resolve) also hook into progress + } else { + + // ...and disregard older resolution values + maxDepth++; + + then.call( + returned, + resolve( maxDepth, deferred, Identity, special ), + resolve( maxDepth, deferred, Thrower, special ), + resolve( maxDepth, deferred, Identity, + deferred.notifyWith ) + ); + } + + // Handle all other returned values + } else { + + // Only substitute handlers pass on context + // and multiple values (non-spec behavior) + if ( handler !== Identity ) { + that = undefined; + args = [ returned ]; + } + + // Process the value(s) + // Default process is resolve + ( special || deferred.resolveWith )( that, args ); + } + }, + + // Only normal processors (resolve) catch and reject exceptions + process = special ? + mightThrow : + function() { + try { + mightThrow(); + } catch ( e ) { + + if ( jQuery.Deferred.exceptionHook ) { + jQuery.Deferred.exceptionHook( e, + process.stackTrace ); + } + + // Support: Promises/A+ section 2.3.3.3.4.1 + // https://promisesaplus.com/#point-61 + // Ignore post-resolution exceptions + if ( depth + 1 >= maxDepth ) { + + // Only substitute handlers pass on context + // and multiple values (non-spec behavior) + if ( handler !== Thrower ) { + that = undefined; + args = [ e ]; + } + + deferred.rejectWith( that, args ); + } + } + }; + + // Support: Promises/A+ section 2.3.3.3.1 + // https://promisesaplus.com/#point-57 + // Re-resolve promises immediately to dodge false rejection from + // subsequent errors + if ( depth ) { + process(); + } else { + + // Call an optional hook to record the stack, in case of exception + // since it's otherwise lost when execution goes async + if ( jQuery.Deferred.getStackHook ) { + process.stackTrace = jQuery.Deferred.getStackHook(); + } + window.setTimeout( process ); + } + }; + } + + return jQuery.Deferred( function( newDefer ) { + + // progress_handlers.add( ... ) + tuples[ 0 ][ 3 ].add( + resolve( + 0, + newDefer, + isFunction( onProgress ) ? + onProgress : + Identity, + newDefer.notifyWith + ) + ); + + // fulfilled_handlers.add( ... ) + tuples[ 1 ][ 3 ].add( + resolve( + 0, + newDefer, + isFunction( onFulfilled ) ? + onFulfilled : + Identity + ) + ); + + // rejected_handlers.add( ... ) + tuples[ 2 ][ 3 ].add( + resolve( + 0, + newDefer, + isFunction( onRejected ) ? + onRejected : + Thrower + ) + ); + } ).promise(); + }, + + // Get a promise for this deferred + // If obj is provided, the promise aspect is added to the object + promise: function( obj ) { + return obj != null ? jQuery.extend( obj, promise ) : promise; + } + }, + deferred = {}; + + // Add list-specific methods + jQuery.each( tuples, function( i, tuple ) { + var list = tuple[ 2 ], + stateString = tuple[ 5 ]; + + // promise.progress = list.add + // promise.done = list.add + // promise.fail = list.add + promise[ tuple[ 1 ] ] = list.add; + + // Handle state + if ( stateString ) { + list.add( + function() { + + // state = "resolved" (i.e., fulfilled) + // state = "rejected" + state = stateString; + }, + + // rejected_callbacks.disable + // fulfilled_callbacks.disable + tuples[ 3 - i ][ 2 ].disable, + + // rejected_handlers.disable + // fulfilled_handlers.disable + tuples[ 3 - i ][ 3 ].disable, + + // progress_callbacks.lock + tuples[ 0 ][ 2 ].lock, + + // progress_handlers.lock + tuples[ 0 ][ 3 ].lock + ); + } + + // progress_handlers.fire + // fulfilled_handlers.fire + // rejected_handlers.fire + list.add( tuple[ 3 ].fire ); + + // deferred.notify = function() { deferred.notifyWith(...) } + // deferred.resolve = function() { deferred.resolveWith(...) } + // deferred.reject = function() { deferred.rejectWith(...) } + deferred[ tuple[ 0 ] ] = function() { + deferred[ tuple[ 0 ] + "With" ]( this === deferred ? undefined : this, arguments ); + return this; + }; + + // deferred.notifyWith = list.fireWith + // deferred.resolveWith = list.fireWith + // deferred.rejectWith = list.fireWith + deferred[ tuple[ 0 ] + "With" ] = list.fireWith; + } ); + + // Make the deferred a promise + promise.promise( deferred ); + + // Call given func if any + if ( func ) { + func.call( deferred, deferred ); + } + + // All done! + return deferred; + }, + + // Deferred helper + when: function( singleValue ) { + var + + // count of uncompleted subordinates + remaining = arguments.length, + + // count of unprocessed arguments + i = remaining, + + // subordinate fulfillment data + resolveContexts = Array( i ), + resolveValues = slice.call( arguments ), + + // the master Deferred + master = jQuery.Deferred(), + + // subordinate callback factory + updateFunc = function( i ) { + return function( value ) { + resolveContexts[ i ] = this; + resolveValues[ i ] = arguments.length > 1 ? slice.call( arguments ) : value; + if ( !( --remaining ) ) { + master.resolveWith( resolveContexts, resolveValues ); + } + }; + }; + + // Single- and empty arguments are adopted like Promise.resolve + if ( remaining <= 1 ) { + adoptValue( singleValue, master.done( updateFunc( i ) ).resolve, master.reject, + !remaining ); + + // Use .then() to unwrap secondary thenables (cf. gh-3000) + if ( master.state() === "pending" || + isFunction( resolveValues[ i ] && resolveValues[ i ].then ) ) { + + return master.then(); + } + } + + // Multiple arguments are aggregated like Promise.all array elements + while ( i-- ) { + adoptValue( resolveValues[ i ], updateFunc( i ), master.reject ); + } + + return master.promise(); + } +} ); + + +// These usually indicate a programmer mistake during development, +// warn about them ASAP rather than swallowing them by default. +var rerrorNames = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/; + +jQuery.Deferred.exceptionHook = function( error, stack ) { + + // Support: IE 8 - 9 only + // Console exists when dev tools are open, which can happen at any time + if ( window.console && window.console.warn && error && rerrorNames.test( error.name ) ) { + window.console.warn( "jQuery.Deferred exception: " + error.message, error.stack, stack ); + } +}; + + + + +jQuery.readyException = function( error ) { + window.setTimeout( function() { + throw error; + } ); +}; + + + + +// The deferred used on DOM ready +var readyList = jQuery.Deferred(); + +jQuery.fn.ready = function( fn ) { + + readyList + .then( fn ) + + // Wrap jQuery.readyException in a function so that the lookup + // happens at the time of error handling instead of callback + // registration. + .catch( function( error ) { + jQuery.readyException( error ); + } ); + + return this; +}; + +jQuery.extend( { + + // Is the DOM ready to be used? Set to true once it occurs. + isReady: false, + + // A counter to track how many items to wait for before + // the ready event fires. See #6781 + readyWait: 1, + + // Handle when the DOM is ready + ready: function( wait ) { + + // Abort if there are pending holds or we're already ready + if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { + return; + } + + // Remember that the DOM is ready + jQuery.isReady = true; + + // If a normal DOM Ready event fired, decrement, and wait if need be + if ( wait !== true && --jQuery.readyWait > 0 ) { + return; + } + + // If there are functions bound, to execute + readyList.resolveWith( document, [ jQuery ] ); + } +} ); + +jQuery.ready.then = readyList.then; + +// The ready event handler and self cleanup method +function completed() { + document.removeEventListener( "DOMContentLoaded", completed ); + window.removeEventListener( "load", completed ); + jQuery.ready(); +} + +// Catch cases where $(document).ready() is called +// after the browser event has already occurred. +// Support: IE <=9 - 10 only +// Older IE sometimes signals "interactive" too soon +if ( document.readyState === "complete" || + ( document.readyState !== "loading" && !document.documentElement.doScroll ) ) { + + // Handle it asynchronously to allow scripts the opportunity to delay ready + window.setTimeout( jQuery.ready ); + +} else { + + // Use the handy event callback + document.addEventListener( "DOMContentLoaded", completed ); + + // A fallback to window.onload, that will always work + window.addEventListener( "load", completed ); +} + + + + +// Multifunctional method to get and set values of a collection +// The value/s can optionally be executed if it's a function +var access = function( elems, fn, key, value, chainable, emptyGet, raw ) { + var i = 0, + len = elems.length, + bulk = key == null; + + // Sets many values + if ( toType( key ) === "object" ) { + chainable = true; + for ( i in key ) { + access( elems, fn, i, key[ i ], true, emptyGet, raw ); + } + + // Sets one value + } else if ( value !== undefined ) { + chainable = true; + + if ( !isFunction( value ) ) { + raw = true; + } + + if ( bulk ) { + + // Bulk operations run against the entire set + if ( raw ) { + fn.call( elems, value ); + fn = null; + + // ...except when executing function values + } else { + bulk = fn; + fn = function( elem, _key, value ) { + return bulk.call( jQuery( elem ), value ); + }; + } + } + + if ( fn ) { + for ( ; i < len; i++ ) { + fn( + elems[ i ], key, raw ? + value : + value.call( elems[ i ], i, fn( elems[ i ], key ) ) + ); + } + } + } + + if ( chainable ) { + return elems; + } + + // Gets + if ( bulk ) { + return fn.call( elems ); + } + + return len ? fn( elems[ 0 ], key ) : emptyGet; +}; + + +// Matches dashed string for camelizing +var rmsPrefix = /^-ms-/, + rdashAlpha = /-([a-z])/g; + +// Used by camelCase as callback to replace() +function fcamelCase( _all, letter ) { + return letter.toUpperCase(); +} + +// Convert dashed to camelCase; used by the css and data modules +// Support: IE <=9 - 11, Edge 12 - 15 +// Microsoft forgot to hump their vendor prefix (#9572) +function camelCase( string ) { + return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); +} +var acceptData = function( owner ) { + + // Accepts only: + // - Node + // - Node.ELEMENT_NODE + // - Node.DOCUMENT_NODE + // - Object + // - Any + return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType ); +}; + + + + +function Data() { + this.expando = jQuery.expando + Data.uid++; +} + +Data.uid = 1; + +Data.prototype = { + + cache: function( owner ) { + + // Check if the owner object already has a cache + var value = owner[ this.expando ]; + + // If not, create one + if ( !value ) { + value = {}; + + // We can accept data for non-element nodes in modern browsers, + // but we should not, see #8335. + // Always return an empty object. + if ( acceptData( owner ) ) { + + // If it is a node unlikely to be stringify-ed or looped over + // use plain assignment + if ( owner.nodeType ) { + owner[ this.expando ] = value; + + // Otherwise secure it in a non-enumerable property + // configurable must be true to allow the property to be + // deleted when data is removed + } else { + Object.defineProperty( owner, this.expando, { + value: value, + configurable: true + } ); + } + } + } + + return value; + }, + set: function( owner, data, value ) { + var prop, + cache = this.cache( owner ); + + // Handle: [ owner, key, value ] args + // Always use camelCase key (gh-2257) + if ( typeof data === "string" ) { + cache[ camelCase( data ) ] = value; + + // Handle: [ owner, { properties } ] args + } else { + + // Copy the properties one-by-one to the cache object + for ( prop in data ) { + cache[ camelCase( prop ) ] = data[ prop ]; + } + } + return cache; + }, + get: function( owner, key ) { + return key === undefined ? + this.cache( owner ) : + + // Always use camelCase key (gh-2257) + owner[ this.expando ] && owner[ this.expando ][ camelCase( key ) ]; + }, + access: function( owner, key, value ) { + + // In cases where either: + // + // 1. No key was specified + // 2. A string key was specified, but no value provided + // + // Take the "read" path and allow the get method to determine + // which value to return, respectively either: + // + // 1. The entire cache object + // 2. The data stored at the key + // + if ( key === undefined || + ( ( key && typeof key === "string" ) && value === undefined ) ) { + + return this.get( owner, key ); + } + + // When the key is not a string, or both a key and value + // are specified, set or extend (existing objects) with either: + // + // 1. An object of properties + // 2. A key and value + // + this.set( owner, key, value ); + + // Since the "set" path can have two possible entry points + // return the expected data based on which path was taken[*] + return value !== undefined ? value : key; + }, + remove: function( owner, key ) { + var i, + cache = owner[ this.expando ]; + + if ( cache === undefined ) { + return; + } + + if ( key !== undefined ) { + + // Support array or space separated string of keys + if ( Array.isArray( key ) ) { + + // If key is an array of keys... + // We always set camelCase keys, so remove that. + key = key.map( camelCase ); + } else { + key = camelCase( key ); + + // If a key with the spaces exists, use it. + // Otherwise, create an array by matching non-whitespace + key = key in cache ? + [ key ] : + ( key.match( rnothtmlwhite ) || [] ); + } + + i = key.length; + + while ( i-- ) { + delete cache[ key[ i ] ]; + } + } + + // Remove the expando if there's no more data + if ( key === undefined || jQuery.isEmptyObject( cache ) ) { + + // Support: Chrome <=35 - 45 + // Webkit & Blink performance suffers when deleting properties + // from DOM nodes, so set to undefined instead + // https://bugs.chromium.org/p/chromium/issues/detail?id=378607 (bug restricted) + if ( owner.nodeType ) { + owner[ this.expando ] = undefined; + } else { + delete owner[ this.expando ]; + } + } + }, + hasData: function( owner ) { + var cache = owner[ this.expando ]; + return cache !== undefined && !jQuery.isEmptyObject( cache ); + } +}; +var dataPriv = new Data(); + +var dataUser = new Data(); + + + +// Implementation Summary +// +// 1. Enforce API surface and semantic compatibility with 1.9.x branch +// 2. Improve the module's maintainability by reducing the storage +// paths to a single mechanism. +// 3. Use the same single mechanism to support "private" and "user" data. +// 4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData) +// 5. Avoid exposing implementation details on user objects (eg. expando properties) +// 6. Provide a clear path for implementation upgrade to WeakMap in 2014 + +var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/, + rmultiDash = /[A-Z]/g; + +function getData( data ) { + if ( data === "true" ) { + return true; + } + + if ( data === "false" ) { + return false; + } + + if ( data === "null" ) { + return null; + } + + // Only convert to a number if it doesn't change the string + if ( data === +data + "" ) { + return +data; + } + + if ( rbrace.test( data ) ) { + return JSON.parse( data ); + } + + return data; +} + +function dataAttr( elem, key, data ) { + var name; + + // If nothing was found internally, try to fetch any + // data from the HTML5 data-* attribute + if ( data === undefined && elem.nodeType === 1 ) { + name = "data-" + key.replace( rmultiDash, "-$&" ).toLowerCase(); + data = elem.getAttribute( name ); + + if ( typeof data === "string" ) { + try { + data = getData( data ); + } catch ( e ) {} + + // Make sure we set the data so it isn't changed later + dataUser.set( elem, key, data ); + } else { + data = undefined; + } + } + return data; +} + +jQuery.extend( { + hasData: function( elem ) { + return dataUser.hasData( elem ) || dataPriv.hasData( elem ); + }, + + data: function( elem, name, data ) { + return dataUser.access( elem, name, data ); + }, + + removeData: function( elem, name ) { + dataUser.remove( elem, name ); + }, + + // TODO: Now that all calls to _data and _removeData have been replaced + // with direct calls to dataPriv methods, these can be deprecated. + _data: function( elem, name, data ) { + return dataPriv.access( elem, name, data ); + }, + + _removeData: function( elem, name ) { + dataPriv.remove( elem, name ); + } +} ); + +jQuery.fn.extend( { + data: function( key, value ) { + var i, name, data, + elem = this[ 0 ], + attrs = elem && elem.attributes; + + // Gets all values + if ( key === undefined ) { + if ( this.length ) { + data = dataUser.get( elem ); + + if ( elem.nodeType === 1 && !dataPriv.get( elem, "hasDataAttrs" ) ) { + i = attrs.length; + while ( i-- ) { + + // Support: IE 11 only + // The attrs elements can be null (#14894) + if ( attrs[ i ] ) { + name = attrs[ i ].name; + if ( name.indexOf( "data-" ) === 0 ) { + name = camelCase( name.slice( 5 ) ); + dataAttr( elem, name, data[ name ] ); + } + } + } + dataPriv.set( elem, "hasDataAttrs", true ); + } + } + + return data; + } + + // Sets multiple values + if ( typeof key === "object" ) { + return this.each( function() { + dataUser.set( this, key ); + } ); + } + + return access( this, function( value ) { + var data; + + // The calling jQuery object (element matches) is not empty + // (and therefore has an element appears at this[ 0 ]) and the + // `value` parameter was not undefined. An empty jQuery object + // will result in `undefined` for elem = this[ 0 ] which will + // throw an exception if an attempt to read a data cache is made. + if ( elem && value === undefined ) { + + // Attempt to get data from the cache + // The key will always be camelCased in Data + data = dataUser.get( elem, key ); + if ( data !== undefined ) { + return data; + } + + // Attempt to "discover" the data in + // HTML5 custom data-* attrs + data = dataAttr( elem, key ); + if ( data !== undefined ) { + return data; + } + + // We tried really hard, but the data doesn't exist. + return; + } + + // Set the data... + this.each( function() { + + // We always store the camelCased key + dataUser.set( this, key, value ); + } ); + }, null, value, arguments.length > 1, null, true ); + }, + + removeData: function( key ) { + return this.each( function() { + dataUser.remove( this, key ); + } ); + } +} ); + + +jQuery.extend( { + queue: function( elem, type, data ) { + var queue; + + if ( elem ) { + type = ( type || "fx" ) + "queue"; + queue = dataPriv.get( elem, type ); + + // Speed up dequeue by getting out quickly if this is just a lookup + if ( data ) { + if ( !queue || Array.isArray( data ) ) { + queue = dataPriv.access( elem, type, jQuery.makeArray( data ) ); + } else { + queue.push( data ); + } + } + return queue || []; + } + }, + + dequeue: function( elem, type ) { + type = type || "fx"; + + var queue = jQuery.queue( elem, type ), + startLength = queue.length, + fn = queue.shift(), + hooks = jQuery._queueHooks( elem, type ), + next = function() { + jQuery.dequeue( elem, type ); + }; + + // If the fx queue is dequeued, always remove the progress sentinel + if ( fn === "inprogress" ) { + fn = queue.shift(); + startLength--; + } + + if ( fn ) { + + // Add a progress sentinel to prevent the fx queue from being + // automatically dequeued + if ( type === "fx" ) { + queue.unshift( "inprogress" ); + } + + // Clear up the last queue stop function + delete hooks.stop; + fn.call( elem, next, hooks ); + } + + if ( !startLength && hooks ) { + hooks.empty.fire(); + } + }, + + // Not public - generate a queueHooks object, or return the current one + _queueHooks: function( elem, type ) { + var key = type + "queueHooks"; + return dataPriv.get( elem, key ) || dataPriv.access( elem, key, { + empty: jQuery.Callbacks( "once memory" ).add( function() { + dataPriv.remove( elem, [ type + "queue", key ] ); + } ) + } ); + } +} ); + +jQuery.fn.extend( { + queue: function( type, data ) { + var setter = 2; + + if ( typeof type !== "string" ) { + data = type; + type = "fx"; + setter--; + } + + if ( arguments.length < setter ) { + return jQuery.queue( this[ 0 ], type ); + } + + return data === undefined ? + this : + this.each( function() { + var queue = jQuery.queue( this, type, data ); + + // Ensure a hooks for this queue + jQuery._queueHooks( this, type ); + + if ( type === "fx" && queue[ 0 ] !== "inprogress" ) { + jQuery.dequeue( this, type ); + } + } ); + }, + dequeue: function( type ) { + return this.each( function() { + jQuery.dequeue( this, type ); + } ); + }, + clearQueue: function( type ) { + return this.queue( type || "fx", [] ); + }, + + // Get a promise resolved when queues of a certain type + // are emptied (fx is the type by default) + promise: function( type, obj ) { + var tmp, + count = 1, + defer = jQuery.Deferred(), + elements = this, + i = this.length, + resolve = function() { + if ( !( --count ) ) { + defer.resolveWith( elements, [ elements ] ); + } + }; + + if ( typeof type !== "string" ) { + obj = type; + type = undefined; + } + type = type || "fx"; + + while ( i-- ) { + tmp = dataPriv.get( elements[ i ], type + "queueHooks" ); + if ( tmp && tmp.empty ) { + count++; + tmp.empty.add( resolve ); + } + } + resolve(); + return defer.promise( obj ); + } +} ); +var pnum = ( /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ ).source; + +var rcssNum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" ); + + +var cssExpand = [ "Top", "Right", "Bottom", "Left" ]; + +var documentElement = document.documentElement; + + + + var isAttached = function( elem ) { + return jQuery.contains( elem.ownerDocument, elem ); + }, + composed = { composed: true }; + + // Support: IE 9 - 11+, Edge 12 - 18+, iOS 10.0 - 10.2 only + // Check attachment across shadow DOM boundaries when possible (gh-3504) + // Support: iOS 10.0-10.2 only + // Early iOS 10 versions support `attachShadow` but not `getRootNode`, + // leading to errors. We need to check for `getRootNode`. + if ( documentElement.getRootNode ) { + isAttached = function( elem ) { + return jQuery.contains( elem.ownerDocument, elem ) || + elem.getRootNode( composed ) === elem.ownerDocument; + }; + } +var isHiddenWithinTree = function( elem, el ) { + + // isHiddenWithinTree might be called from jQuery#filter function; + // in that case, element will be second argument + elem = el || elem; + + // Inline style trumps all + return elem.style.display === "none" || + elem.style.display === "" && + + // Otherwise, check computed style + // Support: Firefox <=43 - 45 + // Disconnected elements can have computed display: none, so first confirm that elem is + // in the document. + isAttached( elem ) && + + jQuery.css( elem, "display" ) === "none"; + }; + + + +function adjustCSS( elem, prop, valueParts, tween ) { + var adjusted, scale, + maxIterations = 20, + currentValue = tween ? + function() { + return tween.cur(); + } : + function() { + return jQuery.css( elem, prop, "" ); + }, + initial = currentValue(), + unit = valueParts && valueParts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ), + + // Starting value computation is required for potential unit mismatches + initialInUnit = elem.nodeType && + ( jQuery.cssNumber[ prop ] || unit !== "px" && +initial ) && + rcssNum.exec( jQuery.css( elem, prop ) ); + + if ( initialInUnit && initialInUnit[ 3 ] !== unit ) { + + // Support: Firefox <=54 + // Halve the iteration target value to prevent interference from CSS upper bounds (gh-2144) + initial = initial / 2; + + // Trust units reported by jQuery.css + unit = unit || initialInUnit[ 3 ]; + + // Iteratively approximate from a nonzero starting point + initialInUnit = +initial || 1; + + while ( maxIterations-- ) { + + // Evaluate and update our best guess (doubling guesses that zero out). + // Finish if the scale equals or crosses 1 (making the old*new product non-positive). + jQuery.style( elem, prop, initialInUnit + unit ); + if ( ( 1 - scale ) * ( 1 - ( scale = currentValue() / initial || 0.5 ) ) <= 0 ) { + maxIterations = 0; + } + initialInUnit = initialInUnit / scale; + + } + + initialInUnit = initialInUnit * 2; + jQuery.style( elem, prop, initialInUnit + unit ); + + // Make sure we update the tween properties later on + valueParts = valueParts || []; + } + + if ( valueParts ) { + initialInUnit = +initialInUnit || +initial || 0; + + // Apply relative offset (+=/-=) if specified + adjusted = valueParts[ 1 ] ? + initialInUnit + ( valueParts[ 1 ] + 1 ) * valueParts[ 2 ] : + +valueParts[ 2 ]; + if ( tween ) { + tween.unit = unit; + tween.start = initialInUnit; + tween.end = adjusted; + } + } + return adjusted; +} + + +var defaultDisplayMap = {}; + +function getDefaultDisplay( elem ) { + var temp, + doc = elem.ownerDocument, + nodeName = elem.nodeName, + display = defaultDisplayMap[ nodeName ]; + + if ( display ) { + return display; + } + + temp = doc.body.appendChild( doc.createElement( nodeName ) ); + display = jQuery.css( temp, "display" ); + + temp.parentNode.removeChild( temp ); + + if ( display === "none" ) { + display = "block"; + } + defaultDisplayMap[ nodeName ] = display; + + return display; +} + +function showHide( elements, show ) { + var display, elem, + values = [], + index = 0, + length = elements.length; + + // Determine new display value for elements that need to change + for ( ; index < length; index++ ) { + elem = elements[ index ]; + if ( !elem.style ) { + continue; + } + + display = elem.style.display; + if ( show ) { + + // Since we force visibility upon cascade-hidden elements, an immediate (and slow) + // check is required in this first loop unless we have a nonempty display value (either + // inline or about-to-be-restored) + if ( display === "none" ) { + values[ index ] = dataPriv.get( elem, "display" ) || null; + if ( !values[ index ] ) { + elem.style.display = ""; + } + } + if ( elem.style.display === "" && isHiddenWithinTree( elem ) ) { + values[ index ] = getDefaultDisplay( elem ); + } + } else { + if ( display !== "none" ) { + values[ index ] = "none"; + + // Remember what we're overwriting + dataPriv.set( elem, "display", display ); + } + } + } + + // Set the display of the elements in a second loop to avoid constant reflow + for ( index = 0; index < length; index++ ) { + if ( values[ index ] != null ) { + elements[ index ].style.display = values[ index ]; + } + } + + return elements; +} + +jQuery.fn.extend( { + show: function() { + return showHide( this, true ); + }, + hide: function() { + return showHide( this ); + }, + toggle: function( state ) { + if ( typeof state === "boolean" ) { + return state ? this.show() : this.hide(); + } + + return this.each( function() { + if ( isHiddenWithinTree( this ) ) { + jQuery( this ).show(); + } else { + jQuery( this ).hide(); + } + } ); + } +} ); +var rcheckableType = ( /^(?:checkbox|radio)$/i ); + +var rtagName = ( /<([a-z][^\/\0>\x20\t\r\n\f]*)/i ); + +var rscriptType = ( /^$|^module$|\/(?:java|ecma)script/i ); + + + +( function() { + var fragment = document.createDocumentFragment(), + div = fragment.appendChild( document.createElement( "div" ) ), + input = document.createElement( "input" ); + + // Support: Android 4.0 - 4.3 only + // Check state lost if the name is set (#11217) + // Support: Windows Web Apps (WWA) + // `name` and `type` must use .setAttribute for WWA (#14901) + input.setAttribute( "type", "radio" ); + input.setAttribute( "checked", "checked" ); + input.setAttribute( "name", "t" ); + + div.appendChild( input ); + + // Support: Android <=4.1 only + // Older WebKit doesn't clone checked state correctly in fragments + support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked; + + // Support: IE <=11 only + // Make sure textarea (and checkbox) defaultValue is properly cloned + div.innerHTML = ""; + support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue; + + // Support: IE <=9 only + // IE <=9 replaces "; + support.option = !!div.lastChild; +} )(); + + +// We have to close these tags to support XHTML (#13200) +var wrapMap = { + + // XHTML parsers do not magically insert elements in the + // same way that tag soup parsers do. So we cannot shorten + // this by omitting or other required elements. + thead: [ 1, "", "
" ], + col: [ 2, "", "
" ], + tr: [ 2, "", "
" ], + td: [ 3, "", "
" ], + + _default: [ 0, "", "" ] +}; + +wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; +wrapMap.th = wrapMap.td; + +// Support: IE <=9 only +if ( !support.option ) { + wrapMap.optgroup = wrapMap.option = [ 1, "" ]; +} + + +function getAll( context, tag ) { + + // Support: IE <=9 - 11 only + // Use typeof to avoid zero-argument method invocation on host objects (#15151) + var ret; + + if ( typeof context.getElementsByTagName !== "undefined" ) { + ret = context.getElementsByTagName( tag || "*" ); + + } else if ( typeof context.querySelectorAll !== "undefined" ) { + ret = context.querySelectorAll( tag || "*" ); + + } else { + ret = []; + } + + if ( tag === undefined || tag && nodeName( context, tag ) ) { + return jQuery.merge( [ context ], ret ); + } + + return ret; +} + + +// Mark scripts as having already been evaluated +function setGlobalEval( elems, refElements ) { + var i = 0, + l = elems.length; + + for ( ; i < l; i++ ) { + dataPriv.set( + elems[ i ], + "globalEval", + !refElements || dataPriv.get( refElements[ i ], "globalEval" ) + ); + } +} + + +var rhtml = /<|&#?\w+;/; + +function buildFragment( elems, context, scripts, selection, ignored ) { + var elem, tmp, tag, wrap, attached, j, + fragment = context.createDocumentFragment(), + nodes = [], + i = 0, + l = elems.length; + + for ( ; i < l; i++ ) { + elem = elems[ i ]; + + if ( elem || elem === 0 ) { + + // Add nodes directly + if ( toType( elem ) === "object" ) { + + // Support: Android <=4.0 only, PhantomJS 1 only + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem ); + + // Convert non-html into a text node + } else if ( !rhtml.test( elem ) ) { + nodes.push( context.createTextNode( elem ) ); + + // Convert html into DOM nodes + } else { + tmp = tmp || fragment.appendChild( context.createElement( "div" ) ); + + // Deserialize a standard representation + tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase(); + wrap = wrapMap[ tag ] || wrapMap._default; + tmp.innerHTML = wrap[ 1 ] + jQuery.htmlPrefilter( elem ) + wrap[ 2 ]; + + // Descend through wrappers to the right content + j = wrap[ 0 ]; + while ( j-- ) { + tmp = tmp.lastChild; + } + + // Support: Android <=4.0 only, PhantomJS 1 only + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( nodes, tmp.childNodes ); + + // Remember the top-level container + tmp = fragment.firstChild; + + // Ensure the created nodes are orphaned (#12392) + tmp.textContent = ""; + } + } + } + + // Remove wrapper from fragment + fragment.textContent = ""; + + i = 0; + while ( ( elem = nodes[ i++ ] ) ) { + + // Skip elements already in the context collection (trac-4087) + if ( selection && jQuery.inArray( elem, selection ) > -1 ) { + if ( ignored ) { + ignored.push( elem ); + } + continue; + } + + attached = isAttached( elem ); + + // Append to fragment + tmp = getAll( fragment.appendChild( elem ), "script" ); + + // Preserve script evaluation history + if ( attached ) { + setGlobalEval( tmp ); + } + + // Capture executables + if ( scripts ) { + j = 0; + while ( ( elem = tmp[ j++ ] ) ) { + if ( rscriptType.test( elem.type || "" ) ) { + scripts.push( elem ); + } + } + } + } + + return fragment; +} + + +var + rkeyEvent = /^key/, + rmouseEvent = /^(?:mouse|pointer|contextmenu|drag|drop)|click/, + rtypenamespace = /^([^.]*)(?:\.(.+)|)/; + +function returnTrue() { + return true; +} + +function returnFalse() { + return false; +} + +// Support: IE <=9 - 11+ +// focus() and blur() are asynchronous, except when they are no-op. +// So expect focus to be synchronous when the element is already active, +// and blur to be synchronous when the element is not already active. +// (focus and blur are always synchronous in other supported browsers, +// this just defines when we can count on it). +function expectSync( elem, type ) { + return ( elem === safeActiveElement() ) === ( type === "focus" ); +} + +// Support: IE <=9 only +// Accessing document.activeElement can throw unexpectedly +// https://bugs.jquery.com/ticket/13393 +function safeActiveElement() { + try { + return document.activeElement; + } catch ( err ) { } +} + +function on( elem, types, selector, data, fn, one ) { + var origFn, type; + + // Types can be a map of types/handlers + if ( typeof types === "object" ) { + + // ( types-Object, selector, data ) + if ( typeof selector !== "string" ) { + + // ( types-Object, data ) + data = data || selector; + selector = undefined; + } + for ( type in types ) { + on( elem, type, selector, data, types[ type ], one ); + } + return elem; + } + + if ( data == null && fn == null ) { + + // ( types, fn ) + fn = selector; + data = selector = undefined; + } else if ( fn == null ) { + if ( typeof selector === "string" ) { + + // ( types, selector, fn ) + fn = data; + data = undefined; + } else { + + // ( types, data, fn ) + fn = data; + data = selector; + selector = undefined; + } + } + if ( fn === false ) { + fn = returnFalse; + } else if ( !fn ) { + return elem; + } + + if ( one === 1 ) { + origFn = fn; + fn = function( event ) { + + // Can use an empty set, since event contains the info + jQuery().off( event ); + return origFn.apply( this, arguments ); + }; + + // Use same guid so caller can remove using origFn + fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); + } + return elem.each( function() { + jQuery.event.add( this, types, fn, data, selector ); + } ); +} + +/* + * Helper functions for managing events -- not part of the public interface. + * Props to Dean Edwards' addEvent library for many of the ideas. + */ +jQuery.event = { + + global: {}, + + add: function( elem, types, handler, data, selector ) { + + var handleObjIn, eventHandle, tmp, + events, t, handleObj, + special, handlers, type, namespaces, origType, + elemData = dataPriv.get( elem ); + + // Only attach events to objects that accept data + if ( !acceptData( elem ) ) { + return; + } + + // Caller can pass in an object of custom data in lieu of the handler + if ( handler.handler ) { + handleObjIn = handler; + handler = handleObjIn.handler; + selector = handleObjIn.selector; + } + + // Ensure that invalid selectors throw exceptions at attach time + // Evaluate against documentElement in case elem is a non-element node (e.g., document) + if ( selector ) { + jQuery.find.matchesSelector( documentElement, selector ); + } + + // Make sure that the handler has a unique ID, used to find/remove it later + if ( !handler.guid ) { + handler.guid = jQuery.guid++; + } + + // Init the element's event structure and main handler, if this is the first + if ( !( events = elemData.events ) ) { + events = elemData.events = Object.create( null ); + } + if ( !( eventHandle = elemData.handle ) ) { + eventHandle = elemData.handle = function( e ) { + + // Discard the second event of a jQuery.event.trigger() and + // when an event is called after a page has unloaded + return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ? + jQuery.event.dispatch.apply( elem, arguments ) : undefined; + }; + } + + // Handle multiple events separated by a space + types = ( types || "" ).match( rnothtmlwhite ) || [ "" ]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[ t ] ) || []; + type = origType = tmp[ 1 ]; + namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); + + // There *must* be a type, no attaching namespace-only handlers + if ( !type ) { + continue; + } + + // If event changes its type, use the special event handlers for the changed type + special = jQuery.event.special[ type ] || {}; + + // If selector defined, determine special event api type, otherwise given type + type = ( selector ? special.delegateType : special.bindType ) || type; + + // Update special based on newly reset type + special = jQuery.event.special[ type ] || {}; + + // handleObj is passed to all event handlers + handleObj = jQuery.extend( { + type: type, + origType: origType, + data: data, + handler: handler, + guid: handler.guid, + selector: selector, + needsContext: selector && jQuery.expr.match.needsContext.test( selector ), + namespace: namespaces.join( "." ) + }, handleObjIn ); + + // Init the event handler queue if we're the first + if ( !( handlers = events[ type ] ) ) { + handlers = events[ type ] = []; + handlers.delegateCount = 0; + + // Only use addEventListener if the special events handler returns false + if ( !special.setup || + special.setup.call( elem, data, namespaces, eventHandle ) === false ) { + + if ( elem.addEventListener ) { + elem.addEventListener( type, eventHandle ); + } + } + } + + if ( special.add ) { + special.add.call( elem, handleObj ); + + if ( !handleObj.handler.guid ) { + handleObj.handler.guid = handler.guid; + } + } + + // Add to the element's handler list, delegates in front + if ( selector ) { + handlers.splice( handlers.delegateCount++, 0, handleObj ); + } else { + handlers.push( handleObj ); + } + + // Keep track of which events have ever been used, for event optimization + jQuery.event.global[ type ] = true; + } + + }, + + // Detach an event or set of events from an element + remove: function( elem, types, handler, selector, mappedTypes ) { + + var j, origCount, tmp, + events, t, handleObj, + special, handlers, type, namespaces, origType, + elemData = dataPriv.hasData( elem ) && dataPriv.get( elem ); + + if ( !elemData || !( events = elemData.events ) ) { + return; + } + + // Once for each type.namespace in types; type may be omitted + types = ( types || "" ).match( rnothtmlwhite ) || [ "" ]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[ t ] ) || []; + type = origType = tmp[ 1 ]; + namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); + + // Unbind all events (on this namespace, if provided) for the element + if ( !type ) { + for ( type in events ) { + jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); + } + continue; + } + + special = jQuery.event.special[ type ] || {}; + type = ( selector ? special.delegateType : special.bindType ) || type; + handlers = events[ type ] || []; + tmp = tmp[ 2 ] && + new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ); + + // Remove matching events + origCount = j = handlers.length; + while ( j-- ) { + handleObj = handlers[ j ]; + + if ( ( mappedTypes || origType === handleObj.origType ) && + ( !handler || handler.guid === handleObj.guid ) && + ( !tmp || tmp.test( handleObj.namespace ) ) && + ( !selector || selector === handleObj.selector || + selector === "**" && handleObj.selector ) ) { + handlers.splice( j, 1 ); + + if ( handleObj.selector ) { + handlers.delegateCount--; + } + if ( special.remove ) { + special.remove.call( elem, handleObj ); + } + } + } + + // Remove generic event handler if we removed something and no more handlers exist + // (avoids potential for endless recursion during removal of special event handlers) + if ( origCount && !handlers.length ) { + if ( !special.teardown || + special.teardown.call( elem, namespaces, elemData.handle ) === false ) { + + jQuery.removeEvent( elem, type, elemData.handle ); + } + + delete events[ type ]; + } + } + + // Remove data and the expando if it's no longer used + if ( jQuery.isEmptyObject( events ) ) { + dataPriv.remove( elem, "handle events" ); + } + }, + + dispatch: function( nativeEvent ) { + + var i, j, ret, matched, handleObj, handlerQueue, + args = new Array( arguments.length ), + + // Make a writable jQuery.Event from the native event object + event = jQuery.event.fix( nativeEvent ), + + handlers = ( + dataPriv.get( this, "events" ) || Object.create( null ) + )[ event.type ] || [], + special = jQuery.event.special[ event.type ] || {}; + + // Use the fix-ed jQuery.Event rather than the (read-only) native event + args[ 0 ] = event; + + for ( i = 1; i < arguments.length; i++ ) { + args[ i ] = arguments[ i ]; + } + + event.delegateTarget = this; + + // Call the preDispatch hook for the mapped type, and let it bail if desired + if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { + return; + } + + // Determine handlers + handlerQueue = jQuery.event.handlers.call( this, event, handlers ); + + // Run delegates first; they may want to stop propagation beneath us + i = 0; + while ( ( matched = handlerQueue[ i++ ] ) && !event.isPropagationStopped() ) { + event.currentTarget = matched.elem; + + j = 0; + while ( ( handleObj = matched.handlers[ j++ ] ) && + !event.isImmediatePropagationStopped() ) { + + // If the event is namespaced, then each handler is only invoked if it is + // specially universal or its namespaces are a superset of the event's. + if ( !event.rnamespace || handleObj.namespace === false || + event.rnamespace.test( handleObj.namespace ) ) { + + event.handleObj = handleObj; + event.data = handleObj.data; + + ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle || + handleObj.handler ).apply( matched.elem, args ); + + if ( ret !== undefined ) { + if ( ( event.result = ret ) === false ) { + event.preventDefault(); + event.stopPropagation(); + } + } + } + } + } + + // Call the postDispatch hook for the mapped type + if ( special.postDispatch ) { + special.postDispatch.call( this, event ); + } + + return event.result; + }, + + handlers: function( event, handlers ) { + var i, handleObj, sel, matchedHandlers, matchedSelectors, + handlerQueue = [], + delegateCount = handlers.delegateCount, + cur = event.target; + + // Find delegate handlers + if ( delegateCount && + + // Support: IE <=9 + // Black-hole SVG instance trees (trac-13180) + cur.nodeType && + + // Support: Firefox <=42 + // Suppress spec-violating clicks indicating a non-primary pointer button (trac-3861) + // https://www.w3.org/TR/DOM-Level-3-Events/#event-type-click + // Support: IE 11 only + // ...but not arrow key "clicks" of radio inputs, which can have `button` -1 (gh-2343) + !( event.type === "click" && event.button >= 1 ) ) { + + for ( ; cur !== this; cur = cur.parentNode || this ) { + + // Don't check non-elements (#13208) + // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) + if ( cur.nodeType === 1 && !( event.type === "click" && cur.disabled === true ) ) { + matchedHandlers = []; + matchedSelectors = {}; + for ( i = 0; i < delegateCount; i++ ) { + handleObj = handlers[ i ]; + + // Don't conflict with Object.prototype properties (#13203) + sel = handleObj.selector + " "; + + if ( matchedSelectors[ sel ] === undefined ) { + matchedSelectors[ sel ] = handleObj.needsContext ? + jQuery( sel, this ).index( cur ) > -1 : + jQuery.find( sel, this, null, [ cur ] ).length; + } + if ( matchedSelectors[ sel ] ) { + matchedHandlers.push( handleObj ); + } + } + if ( matchedHandlers.length ) { + handlerQueue.push( { elem: cur, handlers: matchedHandlers } ); + } + } + } + } + + // Add the remaining (directly-bound) handlers + cur = this; + if ( delegateCount < handlers.length ) { + handlerQueue.push( { elem: cur, handlers: handlers.slice( delegateCount ) } ); + } + + return handlerQueue; + }, + + addProp: function( name, hook ) { + Object.defineProperty( jQuery.Event.prototype, name, { + enumerable: true, + configurable: true, + + get: isFunction( hook ) ? + function() { + if ( this.originalEvent ) { + return hook( this.originalEvent ); + } + } : + function() { + if ( this.originalEvent ) { + return this.originalEvent[ name ]; + } + }, + + set: function( value ) { + Object.defineProperty( this, name, { + enumerable: true, + configurable: true, + writable: true, + value: value + } ); + } + } ); + }, + + fix: function( originalEvent ) { + return originalEvent[ jQuery.expando ] ? + originalEvent : + new jQuery.Event( originalEvent ); + }, + + special: { + load: { + + // Prevent triggered image.load events from bubbling to window.load + noBubble: true + }, + click: { + + // Utilize native event to ensure correct state for checkable inputs + setup: function( data ) { + + // For mutual compressibility with _default, replace `this` access with a local var. + // `|| data` is dead code meant only to preserve the variable through minification. + var el = this || data; + + // Claim the first handler + if ( rcheckableType.test( el.type ) && + el.click && nodeName( el, "input" ) ) { + + // dataPriv.set( el, "click", ... ) + leverageNative( el, "click", returnTrue ); + } + + // Return false to allow normal processing in the caller + return false; + }, + trigger: function( data ) { + + // For mutual compressibility with _default, replace `this` access with a local var. + // `|| data` is dead code meant only to preserve the variable through minification. + var el = this || data; + + // Force setup before triggering a click + if ( rcheckableType.test( el.type ) && + el.click && nodeName( el, "input" ) ) { + + leverageNative( el, "click" ); + } + + // Return non-false to allow normal event-path propagation + return true; + }, + + // For cross-browser consistency, suppress native .click() on links + // Also prevent it if we're currently inside a leveraged native-event stack + _default: function( event ) { + var target = event.target; + return rcheckableType.test( target.type ) && + target.click && nodeName( target, "input" ) && + dataPriv.get( target, "click" ) || + nodeName( target, "a" ); + } + }, + + beforeunload: { + postDispatch: function( event ) { + + // Support: Firefox 20+ + // Firefox doesn't alert if the returnValue field is not set. + if ( event.result !== undefined && event.originalEvent ) { + event.originalEvent.returnValue = event.result; + } + } + } + } +}; + +// Ensure the presence of an event listener that handles manually-triggered +// synthetic events by interrupting progress until reinvoked in response to +// *native* events that it fires directly, ensuring that state changes have +// already occurred before other listeners are invoked. +function leverageNative( el, type, expectSync ) { + + // Missing expectSync indicates a trigger call, which must force setup through jQuery.event.add + if ( !expectSync ) { + if ( dataPriv.get( el, type ) === undefined ) { + jQuery.event.add( el, type, returnTrue ); + } + return; + } + + // Register the controller as a special universal handler for all event namespaces + dataPriv.set( el, type, false ); + jQuery.event.add( el, type, { + namespace: false, + handler: function( event ) { + var notAsync, result, + saved = dataPriv.get( this, type ); + + if ( ( event.isTrigger & 1 ) && this[ type ] ) { + + // Interrupt processing of the outer synthetic .trigger()ed event + // Saved data should be false in such cases, but might be a leftover capture object + // from an async native handler (gh-4350) + if ( !saved.length ) { + + // Store arguments for use when handling the inner native event + // There will always be at least one argument (an event object), so this array + // will not be confused with a leftover capture object. + saved = slice.call( arguments ); + dataPriv.set( this, type, saved ); + + // Trigger the native event and capture its result + // Support: IE <=9 - 11+ + // focus() and blur() are asynchronous + notAsync = expectSync( this, type ); + this[ type ](); + result = dataPriv.get( this, type ); + if ( saved !== result || notAsync ) { + dataPriv.set( this, type, false ); + } else { + result = {}; + } + if ( saved !== result ) { + + // Cancel the outer synthetic event + event.stopImmediatePropagation(); + event.preventDefault(); + return result.value; + } + + // If this is an inner synthetic event for an event with a bubbling surrogate + // (focus or blur), assume that the surrogate already propagated from triggering the + // native event and prevent that from happening again here. + // This technically gets the ordering wrong w.r.t. to `.trigger()` (in which the + // bubbling surrogate propagates *after* the non-bubbling base), but that seems + // less bad than duplication. + } else if ( ( jQuery.event.special[ type ] || {} ).delegateType ) { + event.stopPropagation(); + } + + // If this is a native event triggered above, everything is now in order + // Fire an inner synthetic event with the original arguments + } else if ( saved.length ) { + + // ...and capture the result + dataPriv.set( this, type, { + value: jQuery.event.trigger( + + // Support: IE <=9 - 11+ + // Extend with the prototype to reset the above stopImmediatePropagation() + jQuery.extend( saved[ 0 ], jQuery.Event.prototype ), + saved.slice( 1 ), + this + ) + } ); + + // Abort handling of the native event + event.stopImmediatePropagation(); + } + } + } ); +} + +jQuery.removeEvent = function( elem, type, handle ) { + + // This "if" is needed for plain objects + if ( elem.removeEventListener ) { + elem.removeEventListener( type, handle ); + } +}; + +jQuery.Event = function( src, props ) { + + // Allow instantiation without the 'new' keyword + if ( !( this instanceof jQuery.Event ) ) { + return new jQuery.Event( src, props ); + } + + // Event object + if ( src && src.type ) { + this.originalEvent = src; + this.type = src.type; + + // Events bubbling up the document may have been marked as prevented + // by a handler lower down the tree; reflect the correct value. + this.isDefaultPrevented = src.defaultPrevented || + src.defaultPrevented === undefined && + + // Support: Android <=2.3 only + src.returnValue === false ? + returnTrue : + returnFalse; + + // Create target properties + // Support: Safari <=6 - 7 only + // Target should not be a text node (#504, #13143) + this.target = ( src.target && src.target.nodeType === 3 ) ? + src.target.parentNode : + src.target; + + this.currentTarget = src.currentTarget; + this.relatedTarget = src.relatedTarget; + + // Event type + } else { + this.type = src; + } + + // Put explicitly provided properties onto the event object + if ( props ) { + jQuery.extend( this, props ); + } + + // Create a timestamp if incoming event doesn't have one + this.timeStamp = src && src.timeStamp || Date.now(); + + // Mark it as fixed + this[ jQuery.expando ] = true; +}; + +// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding +// https://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html +jQuery.Event.prototype = { + constructor: jQuery.Event, + isDefaultPrevented: returnFalse, + isPropagationStopped: returnFalse, + isImmediatePropagationStopped: returnFalse, + isSimulated: false, + + preventDefault: function() { + var e = this.originalEvent; + + this.isDefaultPrevented = returnTrue; + + if ( e && !this.isSimulated ) { + e.preventDefault(); + } + }, + stopPropagation: function() { + var e = this.originalEvent; + + this.isPropagationStopped = returnTrue; + + if ( e && !this.isSimulated ) { + e.stopPropagation(); + } + }, + stopImmediatePropagation: function() { + var e = this.originalEvent; + + this.isImmediatePropagationStopped = returnTrue; + + if ( e && !this.isSimulated ) { + e.stopImmediatePropagation(); + } + + this.stopPropagation(); + } +}; + +// Includes all common event props including KeyEvent and MouseEvent specific props +jQuery.each( { + altKey: true, + bubbles: true, + cancelable: true, + changedTouches: true, + ctrlKey: true, + detail: true, + eventPhase: true, + metaKey: true, + pageX: true, + pageY: true, + shiftKey: true, + view: true, + "char": true, + code: true, + charCode: true, + key: true, + keyCode: true, + button: true, + buttons: true, + clientX: true, + clientY: true, + offsetX: true, + offsetY: true, + pointerId: true, + pointerType: true, + screenX: true, + screenY: true, + targetTouches: true, + toElement: true, + touches: true, + + which: function( event ) { + var button = event.button; + + // Add which for key events + if ( event.which == null && rkeyEvent.test( event.type ) ) { + return event.charCode != null ? event.charCode : event.keyCode; + } + + // Add which for click: 1 === left; 2 === middle; 3 === right + if ( !event.which && button !== undefined && rmouseEvent.test( event.type ) ) { + if ( button & 1 ) { + return 1; + } + + if ( button & 2 ) { + return 3; + } + + if ( button & 4 ) { + return 2; + } + + return 0; + } + + return event.which; + } +}, jQuery.event.addProp ); + +jQuery.each( { focus: "focusin", blur: "focusout" }, function( type, delegateType ) { + jQuery.event.special[ type ] = { + + // Utilize native event if possible so blur/focus sequence is correct + setup: function() { + + // Claim the first handler + // dataPriv.set( this, "focus", ... ) + // dataPriv.set( this, "blur", ... ) + leverageNative( this, type, expectSync ); + + // Return false to allow normal processing in the caller + return false; + }, + trigger: function() { + + // Force setup before trigger + leverageNative( this, type ); + + // Return non-false to allow normal event-path propagation + return true; + }, + + delegateType: delegateType + }; +} ); + +// Create mouseenter/leave events using mouseover/out and event-time checks +// so that event delegation works in jQuery. +// Do the same for pointerenter/pointerleave and pointerover/pointerout +// +// Support: Safari 7 only +// Safari sends mouseenter too often; see: +// https://bugs.chromium.org/p/chromium/issues/detail?id=470258 +// for the description of the bug (it existed in older Chrome versions as well). +jQuery.each( { + mouseenter: "mouseover", + mouseleave: "mouseout", + pointerenter: "pointerover", + pointerleave: "pointerout" +}, function( orig, fix ) { + jQuery.event.special[ orig ] = { + delegateType: fix, + bindType: fix, + + handle: function( event ) { + var ret, + target = this, + related = event.relatedTarget, + handleObj = event.handleObj; + + // For mouseenter/leave call the handler if related is outside the target. + // NB: No relatedTarget if the mouse left/entered the browser window + if ( !related || ( related !== target && !jQuery.contains( target, related ) ) ) { + event.type = handleObj.origType; + ret = handleObj.handler.apply( this, arguments ); + event.type = fix; + } + return ret; + } + }; +} ); + +jQuery.fn.extend( { + + on: function( types, selector, data, fn ) { + return on( this, types, selector, data, fn ); + }, + one: function( types, selector, data, fn ) { + return on( this, types, selector, data, fn, 1 ); + }, + off: function( types, selector, fn ) { + var handleObj, type; + if ( types && types.preventDefault && types.handleObj ) { + + // ( event ) dispatched jQuery.Event + handleObj = types.handleObj; + jQuery( types.delegateTarget ).off( + handleObj.namespace ? + handleObj.origType + "." + handleObj.namespace : + handleObj.origType, + handleObj.selector, + handleObj.handler + ); + return this; + } + if ( typeof types === "object" ) { + + // ( types-object [, selector] ) + for ( type in types ) { + this.off( type, selector, types[ type ] ); + } + return this; + } + if ( selector === false || typeof selector === "function" ) { + + // ( types [, fn] ) + fn = selector; + selector = undefined; + } + if ( fn === false ) { + fn = returnFalse; + } + return this.each( function() { + jQuery.event.remove( this, types, fn, selector ); + } ); + } +} ); + + +var + + // Support: IE <=10 - 11, Edge 12 - 13 only + // In IE/Edge using regex groups here causes severe slowdowns. + // See https://connect.microsoft.com/IE/feedback/details/1736512/ + rnoInnerhtml = /\s*$/g; + +// Prefer a tbody over its parent table for containing new rows +function manipulationTarget( elem, content ) { + if ( nodeName( elem, "table" ) && + nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ) { + + return jQuery( elem ).children( "tbody" )[ 0 ] || elem; + } + + return elem; +} + +// Replace/restore the type attribute of script elements for safe DOM manipulation +function disableScript( elem ) { + elem.type = ( elem.getAttribute( "type" ) !== null ) + "/" + elem.type; + return elem; +} +function restoreScript( elem ) { + if ( ( elem.type || "" ).slice( 0, 5 ) === "true/" ) { + elem.type = elem.type.slice( 5 ); + } else { + elem.removeAttribute( "type" ); + } + + return elem; +} + +function cloneCopyEvent( src, dest ) { + var i, l, type, pdataOld, udataOld, udataCur, events; + + if ( dest.nodeType !== 1 ) { + return; + } + + // 1. Copy private data: events, handlers, etc. + if ( dataPriv.hasData( src ) ) { + pdataOld = dataPriv.get( src ); + events = pdataOld.events; + + if ( events ) { + dataPriv.remove( dest, "handle events" ); + + for ( type in events ) { + for ( i = 0, l = events[ type ].length; i < l; i++ ) { + jQuery.event.add( dest, type, events[ type ][ i ] ); + } + } + } + } + + // 2. Copy user data + if ( dataUser.hasData( src ) ) { + udataOld = dataUser.access( src ); + udataCur = jQuery.extend( {}, udataOld ); + + dataUser.set( dest, udataCur ); + } +} + +// Fix IE bugs, see support tests +function fixInput( src, dest ) { + var nodeName = dest.nodeName.toLowerCase(); + + // Fails to persist the checked state of a cloned checkbox or radio button. + if ( nodeName === "input" && rcheckableType.test( src.type ) ) { + dest.checked = src.checked; + + // Fails to return the selected option to the default selected state when cloning options + } else if ( nodeName === "input" || nodeName === "textarea" ) { + dest.defaultValue = src.defaultValue; + } +} + +function domManip( collection, args, callback, ignored ) { + + // Flatten any nested arrays + args = flat( args ); + + var fragment, first, scripts, hasScripts, node, doc, + i = 0, + l = collection.length, + iNoClone = l - 1, + value = args[ 0 ], + valueIsFunction = isFunction( value ); + + // We can't cloneNode fragments that contain checked, in WebKit + if ( valueIsFunction || + ( l > 1 && typeof value === "string" && + !support.checkClone && rchecked.test( value ) ) ) { + return collection.each( function( index ) { + var self = collection.eq( index ); + if ( valueIsFunction ) { + args[ 0 ] = value.call( this, index, self.html() ); + } + domManip( self, args, callback, ignored ); + } ); + } + + if ( l ) { + fragment = buildFragment( args, collection[ 0 ].ownerDocument, false, collection, ignored ); + first = fragment.firstChild; + + if ( fragment.childNodes.length === 1 ) { + fragment = first; + } + + // Require either new content or an interest in ignored elements to invoke the callback + if ( first || ignored ) { + scripts = jQuery.map( getAll( fragment, "script" ), disableScript ); + hasScripts = scripts.length; + + // Use the original fragment for the last item + // instead of the first because it can end up + // being emptied incorrectly in certain situations (#8070). + for ( ; i < l; i++ ) { + node = fragment; + + if ( i !== iNoClone ) { + node = jQuery.clone( node, true, true ); + + // Keep references to cloned scripts for later restoration + if ( hasScripts ) { + + // Support: Android <=4.0 only, PhantomJS 1 only + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( scripts, getAll( node, "script" ) ); + } + } + + callback.call( collection[ i ], node, i ); + } + + if ( hasScripts ) { + doc = scripts[ scripts.length - 1 ].ownerDocument; + + // Reenable scripts + jQuery.map( scripts, restoreScript ); + + // Evaluate executable scripts on first document insertion + for ( i = 0; i < hasScripts; i++ ) { + node = scripts[ i ]; + if ( rscriptType.test( node.type || "" ) && + !dataPriv.access( node, "globalEval" ) && + jQuery.contains( doc, node ) ) { + + if ( node.src && ( node.type || "" ).toLowerCase() !== "module" ) { + + // Optional AJAX dependency, but won't run scripts if not present + if ( jQuery._evalUrl && !node.noModule ) { + jQuery._evalUrl( node.src, { + nonce: node.nonce || node.getAttribute( "nonce" ) + }, doc ); + } + } else { + DOMEval( node.textContent.replace( rcleanScript, "" ), node, doc ); + } + } + } + } + } + } + + return collection; +} + +function remove( elem, selector, keepData ) { + var node, + nodes = selector ? jQuery.filter( selector, elem ) : elem, + i = 0; + + for ( ; ( node = nodes[ i ] ) != null; i++ ) { + if ( !keepData && node.nodeType === 1 ) { + jQuery.cleanData( getAll( node ) ); + } + + if ( node.parentNode ) { + if ( keepData && isAttached( node ) ) { + setGlobalEval( getAll( node, "script" ) ); + } + node.parentNode.removeChild( node ); + } + } + + return elem; +} + +jQuery.extend( { + htmlPrefilter: function( html ) { + return html; + }, + + clone: function( elem, dataAndEvents, deepDataAndEvents ) { + var i, l, srcElements, destElements, + clone = elem.cloneNode( true ), + inPage = isAttached( elem ); + + // Fix IE cloning issues + if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) && + !jQuery.isXMLDoc( elem ) ) { + + // We eschew Sizzle here for performance reasons: https://jsperf.com/getall-vs-sizzle/2 + destElements = getAll( clone ); + srcElements = getAll( elem ); + + for ( i = 0, l = srcElements.length; i < l; i++ ) { + fixInput( srcElements[ i ], destElements[ i ] ); + } + } + + // Copy the events from the original to the clone + if ( dataAndEvents ) { + if ( deepDataAndEvents ) { + srcElements = srcElements || getAll( elem ); + destElements = destElements || getAll( clone ); + + for ( i = 0, l = srcElements.length; i < l; i++ ) { + cloneCopyEvent( srcElements[ i ], destElements[ i ] ); + } + } else { + cloneCopyEvent( elem, clone ); + } + } + + // Preserve script evaluation history + destElements = getAll( clone, "script" ); + if ( destElements.length > 0 ) { + setGlobalEval( destElements, !inPage && getAll( elem, "script" ) ); + } + + // Return the cloned set + return clone; + }, + + cleanData: function( elems ) { + var data, elem, type, + special = jQuery.event.special, + i = 0; + + for ( ; ( elem = elems[ i ] ) !== undefined; i++ ) { + if ( acceptData( elem ) ) { + if ( ( data = elem[ dataPriv.expando ] ) ) { + if ( data.events ) { + for ( type in data.events ) { + if ( special[ type ] ) { + jQuery.event.remove( elem, type ); + + // This is a shortcut to avoid jQuery.event.remove's overhead + } else { + jQuery.removeEvent( elem, type, data.handle ); + } + } + } + + // Support: Chrome <=35 - 45+ + // Assign undefined instead of using delete, see Data#remove + elem[ dataPriv.expando ] = undefined; + } + if ( elem[ dataUser.expando ] ) { + + // Support: Chrome <=35 - 45+ + // Assign undefined instead of using delete, see Data#remove + elem[ dataUser.expando ] = undefined; + } + } + } + } +} ); + +jQuery.fn.extend( { + detach: function( selector ) { + return remove( this, selector, true ); + }, + + remove: function( selector ) { + return remove( this, selector ); + }, + + text: function( value ) { + return access( this, function( value ) { + return value === undefined ? + jQuery.text( this ) : + this.empty().each( function() { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + this.textContent = value; + } + } ); + }, null, value, arguments.length ); + }, + + append: function() { + return domManip( this, arguments, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + var target = manipulationTarget( this, elem ); + target.appendChild( elem ); + } + } ); + }, + + prepend: function() { + return domManip( this, arguments, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + var target = manipulationTarget( this, elem ); + target.insertBefore( elem, target.firstChild ); + } + } ); + }, + + before: function() { + return domManip( this, arguments, function( elem ) { + if ( this.parentNode ) { + this.parentNode.insertBefore( elem, this ); + } + } ); + }, + + after: function() { + return domManip( this, arguments, function( elem ) { + if ( this.parentNode ) { + this.parentNode.insertBefore( elem, this.nextSibling ); + } + } ); + }, + + empty: function() { + var elem, + i = 0; + + for ( ; ( elem = this[ i ] ) != null; i++ ) { + if ( elem.nodeType === 1 ) { + + // Prevent memory leaks + jQuery.cleanData( getAll( elem, false ) ); + + // Remove any remaining nodes + elem.textContent = ""; + } + } + + return this; + }, + + clone: function( dataAndEvents, deepDataAndEvents ) { + dataAndEvents = dataAndEvents == null ? false : dataAndEvents; + deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; + + return this.map( function() { + return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); + } ); + }, + + html: function( value ) { + return access( this, function( value ) { + var elem = this[ 0 ] || {}, + i = 0, + l = this.length; + + if ( value === undefined && elem.nodeType === 1 ) { + return elem.innerHTML; + } + + // See if we can take a shortcut and just use innerHTML + if ( typeof value === "string" && !rnoInnerhtml.test( value ) && + !wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) { + + value = jQuery.htmlPrefilter( value ); + + try { + for ( ; i < l; i++ ) { + elem = this[ i ] || {}; + + // Remove element nodes and prevent memory leaks + if ( elem.nodeType === 1 ) { + jQuery.cleanData( getAll( elem, false ) ); + elem.innerHTML = value; + } + } + + elem = 0; + + // If using innerHTML throws an exception, use the fallback method + } catch ( e ) {} + } + + if ( elem ) { + this.empty().append( value ); + } + }, null, value, arguments.length ); + }, + + replaceWith: function() { + var ignored = []; + + // Make the changes, replacing each non-ignored context element with the new content + return domManip( this, arguments, function( elem ) { + var parent = this.parentNode; + + if ( jQuery.inArray( this, ignored ) < 0 ) { + jQuery.cleanData( getAll( this ) ); + if ( parent ) { + parent.replaceChild( elem, this ); + } + } + + // Force callback invocation + }, ignored ); + } +} ); + +jQuery.each( { + appendTo: "append", + prependTo: "prepend", + insertBefore: "before", + insertAfter: "after", + replaceAll: "replaceWith" +}, function( name, original ) { + jQuery.fn[ name ] = function( selector ) { + var elems, + ret = [], + insert = jQuery( selector ), + last = insert.length - 1, + i = 0; + + for ( ; i <= last; i++ ) { + elems = i === last ? this : this.clone( true ); + jQuery( insert[ i ] )[ original ]( elems ); + + // Support: Android <=4.0 only, PhantomJS 1 only + // .get() because push.apply(_, arraylike) throws on ancient WebKit + push.apply( ret, elems.get() ); + } + + return this.pushStack( ret ); + }; +} ); +var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" ); + +var getStyles = function( elem ) { + + // Support: IE <=11 only, Firefox <=30 (#15098, #14150) + // IE throws on elements created in popups + // FF meanwhile throws on frame elements through "defaultView.getComputedStyle" + var view = elem.ownerDocument.defaultView; + + if ( !view || !view.opener ) { + view = window; + } + + return view.getComputedStyle( elem ); + }; + +var swap = function( elem, options, callback ) { + var ret, name, + old = {}; + + // Remember the old values, and insert the new ones + for ( name in options ) { + old[ name ] = elem.style[ name ]; + elem.style[ name ] = options[ name ]; + } + + ret = callback.call( elem ); + + // Revert the old values + for ( name in options ) { + elem.style[ name ] = old[ name ]; + } + + return ret; +}; + + +var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" ); + + + +( function() { + + // Executing both pixelPosition & boxSizingReliable tests require only one layout + // so they're executed at the same time to save the second computation. + function computeStyleTests() { + + // This is a singleton, we need to execute it only once + if ( !div ) { + return; + } + + container.style.cssText = "position:absolute;left:-11111px;width:60px;" + + "margin-top:1px;padding:0;border:0"; + div.style.cssText = + "position:relative;display:block;box-sizing:border-box;overflow:scroll;" + + "margin:auto;border:1px;padding:1px;" + + "width:60%;top:1%"; + documentElement.appendChild( container ).appendChild( div ); + + var divStyle = window.getComputedStyle( div ); + pixelPositionVal = divStyle.top !== "1%"; + + // Support: Android 4.0 - 4.3 only, Firefox <=3 - 44 + reliableMarginLeftVal = roundPixelMeasures( divStyle.marginLeft ) === 12; + + // Support: Android 4.0 - 4.3 only, Safari <=9.1 - 10.1, iOS <=7.0 - 9.3 + // Some styles come back with percentage values, even though they shouldn't + div.style.right = "60%"; + pixelBoxStylesVal = roundPixelMeasures( divStyle.right ) === 36; + + // Support: IE 9 - 11 only + // Detect misreporting of content dimensions for box-sizing:border-box elements + boxSizingReliableVal = roundPixelMeasures( divStyle.width ) === 36; + + // Support: IE 9 only + // Detect overflow:scroll screwiness (gh-3699) + // Support: Chrome <=64 + // Don't get tricked when zoom affects offsetWidth (gh-4029) + div.style.position = "absolute"; + scrollboxSizeVal = roundPixelMeasures( div.offsetWidth / 3 ) === 12; + + documentElement.removeChild( container ); + + // Nullify the div so it wouldn't be stored in the memory and + // it will also be a sign that checks already performed + div = null; + } + + function roundPixelMeasures( measure ) { + return Math.round( parseFloat( measure ) ); + } + + var pixelPositionVal, boxSizingReliableVal, scrollboxSizeVal, pixelBoxStylesVal, + reliableTrDimensionsVal, reliableMarginLeftVal, + container = document.createElement( "div" ), + div = document.createElement( "div" ); + + // Finish early in limited (non-browser) environments + if ( !div.style ) { + return; + } + + // Support: IE <=9 - 11 only + // Style of cloned element affects source element cloned (#8908) + div.style.backgroundClip = "content-box"; + div.cloneNode( true ).style.backgroundClip = ""; + support.clearCloneStyle = div.style.backgroundClip === "content-box"; + + jQuery.extend( support, { + boxSizingReliable: function() { + computeStyleTests(); + return boxSizingReliableVal; + }, + pixelBoxStyles: function() { + computeStyleTests(); + return pixelBoxStylesVal; + }, + pixelPosition: function() { + computeStyleTests(); + return pixelPositionVal; + }, + reliableMarginLeft: function() { + computeStyleTests(); + return reliableMarginLeftVal; + }, + scrollboxSize: function() { + computeStyleTests(); + return scrollboxSizeVal; + }, + + // Support: IE 9 - 11+, Edge 15 - 18+ + // IE/Edge misreport `getComputedStyle` of table rows with width/height + // set in CSS while `offset*` properties report correct values. + // Behavior in IE 9 is more subtle than in newer versions & it passes + // some versions of this test; make sure not to make it pass there! + reliableTrDimensions: function() { + var table, tr, trChild, trStyle; + if ( reliableTrDimensionsVal == null ) { + table = document.createElement( "table" ); + tr = document.createElement( "tr" ); + trChild = document.createElement( "div" ); + + table.style.cssText = "position:absolute;left:-11111px"; + tr.style.height = "1px"; + trChild.style.height = "9px"; + + documentElement + .appendChild( table ) + .appendChild( tr ) + .appendChild( trChild ); + + trStyle = window.getComputedStyle( tr ); + reliableTrDimensionsVal = parseInt( trStyle.height ) > 3; + + documentElement.removeChild( table ); + } + return reliableTrDimensionsVal; + } + } ); +} )(); + + +function curCSS( elem, name, computed ) { + var width, minWidth, maxWidth, ret, + + // Support: Firefox 51+ + // Retrieving style before computed somehow + // fixes an issue with getting wrong values + // on detached elements + style = elem.style; + + computed = computed || getStyles( elem ); + + // getPropertyValue is needed for: + // .css('filter') (IE 9 only, #12537) + // .css('--customProperty) (#3144) + if ( computed ) { + ret = computed.getPropertyValue( name ) || computed[ name ]; + + if ( ret === "" && !isAttached( elem ) ) { + ret = jQuery.style( elem, name ); + } + + // A tribute to the "awesome hack by Dean Edwards" + // Android Browser returns percentage for some values, + // but width seems to be reliably pixels. + // This is against the CSSOM draft spec: + // https://drafts.csswg.org/cssom/#resolved-values + if ( !support.pixelBoxStyles() && rnumnonpx.test( ret ) && rboxStyle.test( name ) ) { + + // Remember the original values + width = style.width; + minWidth = style.minWidth; + maxWidth = style.maxWidth; + + // Put in the new values to get a computed value out + style.minWidth = style.maxWidth = style.width = ret; + ret = computed.width; + + // Revert the changed values + style.width = width; + style.minWidth = minWidth; + style.maxWidth = maxWidth; + } + } + + return ret !== undefined ? + + // Support: IE <=9 - 11 only + // IE returns zIndex value as an integer. + ret + "" : + ret; +} + + +function addGetHookIf( conditionFn, hookFn ) { + + // Define the hook, we'll check on the first run if it's really needed. + return { + get: function() { + if ( conditionFn() ) { + + // Hook not needed (or it's not possible to use it due + // to missing dependency), remove it. + delete this.get; + return; + } + + // Hook needed; redefine it so that the support test is not executed again. + return ( this.get = hookFn ).apply( this, arguments ); + } + }; +} + + +var cssPrefixes = [ "Webkit", "Moz", "ms" ], + emptyStyle = document.createElement( "div" ).style, + vendorProps = {}; + +// Return a vendor-prefixed property or undefined +function vendorPropName( name ) { + + // Check for vendor prefixed names + var capName = name[ 0 ].toUpperCase() + name.slice( 1 ), + i = cssPrefixes.length; + + while ( i-- ) { + name = cssPrefixes[ i ] + capName; + if ( name in emptyStyle ) { + return name; + } + } +} + +// Return a potentially-mapped jQuery.cssProps or vendor prefixed property +function finalPropName( name ) { + var final = jQuery.cssProps[ name ] || vendorProps[ name ]; + + if ( final ) { + return final; + } + if ( name in emptyStyle ) { + return name; + } + return vendorProps[ name ] = vendorPropName( name ) || name; +} + + +var + + // Swappable if display is none or starts with table + // except "table", "table-cell", or "table-caption" + // See here for display values: https://developer.mozilla.org/en-US/docs/CSS/display + rdisplayswap = /^(none|table(?!-c[ea]).+)/, + rcustomProp = /^--/, + cssShow = { position: "absolute", visibility: "hidden", display: "block" }, + cssNormalTransform = { + letterSpacing: "0", + fontWeight: "400" + }; + +function setPositiveNumber( _elem, value, subtract ) { + + // Any relative (+/-) values have already been + // normalized at this point + var matches = rcssNum.exec( value ); + return matches ? + + // Guard against undefined "subtract", e.g., when used as in cssHooks + Math.max( 0, matches[ 2 ] - ( subtract || 0 ) ) + ( matches[ 3 ] || "px" ) : + value; +} + +function boxModelAdjustment( elem, dimension, box, isBorderBox, styles, computedVal ) { + var i = dimension === "width" ? 1 : 0, + extra = 0, + delta = 0; + + // Adjustment may not be necessary + if ( box === ( isBorderBox ? "border" : "content" ) ) { + return 0; + } + + for ( ; i < 4; i += 2 ) { + + // Both box models exclude margin + if ( box === "margin" ) { + delta += jQuery.css( elem, box + cssExpand[ i ], true, styles ); + } + + // If we get here with a content-box, we're seeking "padding" or "border" or "margin" + if ( !isBorderBox ) { + + // Add padding + delta += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); + + // For "border" or "margin", add border + if ( box !== "padding" ) { + delta += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); + + // But still keep track of it otherwise + } else { + extra += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); + } + + // If we get here with a border-box (content + padding + border), we're seeking "content" or + // "padding" or "margin" + } else { + + // For "content", subtract padding + if ( box === "content" ) { + delta -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); + } + + // For "content" or "padding", subtract border + if ( box !== "margin" ) { + delta -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); + } + } + } + + // Account for positive content-box scroll gutter when requested by providing computedVal + if ( !isBorderBox && computedVal >= 0 ) { + + // offsetWidth/offsetHeight is a rounded sum of content, padding, scroll gutter, and border + // Assuming integer scroll gutter, subtract the rest and round down + delta += Math.max( 0, Math.ceil( + elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] - + computedVal - + delta - + extra - + 0.5 + + // If offsetWidth/offsetHeight is unknown, then we can't determine content-box scroll gutter + // Use an explicit zero to avoid NaN (gh-3964) + ) ) || 0; + } + + return delta; +} + +function getWidthOrHeight( elem, dimension, extra ) { + + // Start with computed style + var styles = getStyles( elem ), + + // To avoid forcing a reflow, only fetch boxSizing if we need it (gh-4322). + // Fake content-box until we know it's needed to know the true value. + boxSizingNeeded = !support.boxSizingReliable() || extra, + isBorderBox = boxSizingNeeded && + jQuery.css( elem, "boxSizing", false, styles ) === "border-box", + valueIsBorderBox = isBorderBox, + + val = curCSS( elem, dimension, styles ), + offsetProp = "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ); + + // Support: Firefox <=54 + // Return a confounding non-pixel value or feign ignorance, as appropriate. + if ( rnumnonpx.test( val ) ) { + if ( !extra ) { + return val; + } + val = "auto"; + } + + + // Support: IE 9 - 11 only + // Use offsetWidth/offsetHeight for when box sizing is unreliable. + // In those cases, the computed value can be trusted to be border-box. + if ( ( !support.boxSizingReliable() && isBorderBox || + + // Support: IE 10 - 11+, Edge 15 - 18+ + // IE/Edge misreport `getComputedStyle` of table rows with width/height + // set in CSS while `offset*` properties report correct values. + // Interestingly, in some cases IE 9 doesn't suffer from this issue. + !support.reliableTrDimensions() && nodeName( elem, "tr" ) || + + // Fall back to offsetWidth/offsetHeight when value is "auto" + // This happens for inline elements with no explicit setting (gh-3571) + val === "auto" || + + // Support: Android <=4.1 - 4.3 only + // Also use offsetWidth/offsetHeight for misreported inline dimensions (gh-3602) + !parseFloat( val ) && jQuery.css( elem, "display", false, styles ) === "inline" ) && + + // Make sure the element is visible & connected + elem.getClientRects().length ) { + + isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box"; + + // Where available, offsetWidth/offsetHeight approximate border box dimensions. + // Where not available (e.g., SVG), assume unreliable box-sizing and interpret the + // retrieved value as a content box dimension. + valueIsBorderBox = offsetProp in elem; + if ( valueIsBorderBox ) { + val = elem[ offsetProp ]; + } + } + + // Normalize "" and auto + val = parseFloat( val ) || 0; + + // Adjust for the element's box model + return ( val + + boxModelAdjustment( + elem, + dimension, + extra || ( isBorderBox ? "border" : "content" ), + valueIsBorderBox, + styles, + + // Provide the current computed size to request scroll gutter calculation (gh-3589) + val + ) + ) + "px"; +} + +jQuery.extend( { + + // Add in style property hooks for overriding the default + // behavior of getting and setting a style property + cssHooks: { + opacity: { + get: function( elem, computed ) { + if ( computed ) { + + // We should always get a number back from opacity + var ret = curCSS( elem, "opacity" ); + return ret === "" ? "1" : ret; + } + } + } + }, + + // Don't automatically add "px" to these possibly-unitless properties + cssNumber: { + "animationIterationCount": true, + "columnCount": true, + "fillOpacity": true, + "flexGrow": true, + "flexShrink": true, + "fontWeight": true, + "gridArea": true, + "gridColumn": true, + "gridColumnEnd": true, + "gridColumnStart": true, + "gridRow": true, + "gridRowEnd": true, + "gridRowStart": true, + "lineHeight": true, + "opacity": true, + "order": true, + "orphans": true, + "widows": true, + "zIndex": true, + "zoom": true + }, + + // Add in properties whose names you wish to fix before + // setting or getting the value + cssProps: {}, + + // Get and set the style property on a DOM Node + style: function( elem, name, value, extra ) { + + // Don't set styles on text and comment nodes + if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) { + return; + } + + // Make sure that we're working with the right name + var ret, type, hooks, + origName = camelCase( name ), + isCustomProp = rcustomProp.test( name ), + style = elem.style; + + // Make sure that we're working with the right name. We don't + // want to query the value if it is a CSS custom property + // since they are user-defined. + if ( !isCustomProp ) { + name = finalPropName( origName ); + } + + // Gets hook for the prefixed version, then unprefixed version + hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; + + // Check if we're setting a value + if ( value !== undefined ) { + type = typeof value; + + // Convert "+=" or "-=" to relative numbers (#7345) + if ( type === "string" && ( ret = rcssNum.exec( value ) ) && ret[ 1 ] ) { + value = adjustCSS( elem, name, ret ); + + // Fixes bug #9237 + type = "number"; + } + + // Make sure that null and NaN values aren't set (#7116) + if ( value == null || value !== value ) { + return; + } + + // If a number was passed in, add the unit (except for certain CSS properties) + // The isCustomProp check can be removed in jQuery 4.0 when we only auto-append + // "px" to a few hardcoded values. + if ( type === "number" && !isCustomProp ) { + value += ret && ret[ 3 ] || ( jQuery.cssNumber[ origName ] ? "" : "px" ); + } + + // background-* props affect original clone's values + if ( !support.clearCloneStyle && value === "" && name.indexOf( "background" ) === 0 ) { + style[ name ] = "inherit"; + } + + // If a hook was provided, use that value, otherwise just set the specified value + if ( !hooks || !( "set" in hooks ) || + ( value = hooks.set( elem, value, extra ) ) !== undefined ) { + + if ( isCustomProp ) { + style.setProperty( name, value ); + } else { + style[ name ] = value; + } + } + + } else { + + // If a hook was provided get the non-computed value from there + if ( hooks && "get" in hooks && + ( ret = hooks.get( elem, false, extra ) ) !== undefined ) { + + return ret; + } + + // Otherwise just get the value from the style object + return style[ name ]; + } + }, + + css: function( elem, name, extra, styles ) { + var val, num, hooks, + origName = camelCase( name ), + isCustomProp = rcustomProp.test( name ); + + // Make sure that we're working with the right name. We don't + // want to modify the value if it is a CSS custom property + // since they are user-defined. + if ( !isCustomProp ) { + name = finalPropName( origName ); + } + + // Try prefixed name followed by the unprefixed name + hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; + + // If a hook was provided get the computed value from there + if ( hooks && "get" in hooks ) { + val = hooks.get( elem, true, extra ); + } + + // Otherwise, if a way to get the computed value exists, use that + if ( val === undefined ) { + val = curCSS( elem, name, styles ); + } + + // Convert "normal" to computed value + if ( val === "normal" && name in cssNormalTransform ) { + val = cssNormalTransform[ name ]; + } + + // Make numeric if forced or a qualifier was provided and val looks numeric + if ( extra === "" || extra ) { + num = parseFloat( val ); + return extra === true || isFinite( num ) ? num || 0 : val; + } + + return val; + } +} ); + +jQuery.each( [ "height", "width" ], function( _i, dimension ) { + jQuery.cssHooks[ dimension ] = { + get: function( elem, computed, extra ) { + if ( computed ) { + + // Certain elements can have dimension info if we invisibly show them + // but it must have a current display style that would benefit + return rdisplayswap.test( jQuery.css( elem, "display" ) ) && + + // Support: Safari 8+ + // Table columns in Safari have non-zero offsetWidth & zero + // getBoundingClientRect().width unless display is changed. + // Support: IE <=11 only + // Running getBoundingClientRect on a disconnected node + // in IE throws an error. + ( !elem.getClientRects().length || !elem.getBoundingClientRect().width ) ? + swap( elem, cssShow, function() { + return getWidthOrHeight( elem, dimension, extra ); + } ) : + getWidthOrHeight( elem, dimension, extra ); + } + }, + + set: function( elem, value, extra ) { + var matches, + styles = getStyles( elem ), + + // Only read styles.position if the test has a chance to fail + // to avoid forcing a reflow. + scrollboxSizeBuggy = !support.scrollboxSize() && + styles.position === "absolute", + + // To avoid forcing a reflow, only fetch boxSizing if we need it (gh-3991) + boxSizingNeeded = scrollboxSizeBuggy || extra, + isBorderBox = boxSizingNeeded && + jQuery.css( elem, "boxSizing", false, styles ) === "border-box", + subtract = extra ? + boxModelAdjustment( + elem, + dimension, + extra, + isBorderBox, + styles + ) : + 0; + + // Account for unreliable border-box dimensions by comparing offset* to computed and + // faking a content-box to get border and padding (gh-3699) + if ( isBorderBox && scrollboxSizeBuggy ) { + subtract -= Math.ceil( + elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] - + parseFloat( styles[ dimension ] ) - + boxModelAdjustment( elem, dimension, "border", false, styles ) - + 0.5 + ); + } + + // Convert to pixels if value adjustment is needed + if ( subtract && ( matches = rcssNum.exec( value ) ) && + ( matches[ 3 ] || "px" ) !== "px" ) { + + elem.style[ dimension ] = value; + value = jQuery.css( elem, dimension ); + } + + return setPositiveNumber( elem, value, subtract ); + } + }; +} ); + +jQuery.cssHooks.marginLeft = addGetHookIf( support.reliableMarginLeft, + function( elem, computed ) { + if ( computed ) { + return ( parseFloat( curCSS( elem, "marginLeft" ) ) || + elem.getBoundingClientRect().left - + swap( elem, { marginLeft: 0 }, function() { + return elem.getBoundingClientRect().left; + } ) + ) + "px"; + } + } +); + +// These hooks are used by animate to expand properties +jQuery.each( { + margin: "", + padding: "", + border: "Width" +}, function( prefix, suffix ) { + jQuery.cssHooks[ prefix + suffix ] = { + expand: function( value ) { + var i = 0, + expanded = {}, + + // Assumes a single number if not a string + parts = typeof value === "string" ? value.split( " " ) : [ value ]; + + for ( ; i < 4; i++ ) { + expanded[ prefix + cssExpand[ i ] + suffix ] = + parts[ i ] || parts[ i - 2 ] || parts[ 0 ]; + } + + return expanded; + } + }; + + if ( prefix !== "margin" ) { + jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber; + } +} ); + +jQuery.fn.extend( { + css: function( name, value ) { + return access( this, function( elem, name, value ) { + var styles, len, + map = {}, + i = 0; + + if ( Array.isArray( name ) ) { + styles = getStyles( elem ); + len = name.length; + + for ( ; i < len; i++ ) { + map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles ); + } + + return map; + } + + return value !== undefined ? + jQuery.style( elem, name, value ) : + jQuery.css( elem, name ); + }, name, value, arguments.length > 1 ); + } +} ); + + +function Tween( elem, options, prop, end, easing ) { + return new Tween.prototype.init( elem, options, prop, end, easing ); +} +jQuery.Tween = Tween; + +Tween.prototype = { + constructor: Tween, + init: function( elem, options, prop, end, easing, unit ) { + this.elem = elem; + this.prop = prop; + this.easing = easing || jQuery.easing._default; + this.options = options; + this.start = this.now = this.cur(); + this.end = end; + this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" ); + }, + cur: function() { + var hooks = Tween.propHooks[ this.prop ]; + + return hooks && hooks.get ? + hooks.get( this ) : + Tween.propHooks._default.get( this ); + }, + run: function( percent ) { + var eased, + hooks = Tween.propHooks[ this.prop ]; + + if ( this.options.duration ) { + this.pos = eased = jQuery.easing[ this.easing ]( + percent, this.options.duration * percent, 0, 1, this.options.duration + ); + } else { + this.pos = eased = percent; + } + this.now = ( this.end - this.start ) * eased + this.start; + + if ( this.options.step ) { + this.options.step.call( this.elem, this.now, this ); + } + + if ( hooks && hooks.set ) { + hooks.set( this ); + } else { + Tween.propHooks._default.set( this ); + } + return this; + } +}; + +Tween.prototype.init.prototype = Tween.prototype; + +Tween.propHooks = { + _default: { + get: function( tween ) { + var result; + + // Use a property on the element directly when it is not a DOM element, + // or when there is no matching style property that exists. + if ( tween.elem.nodeType !== 1 || + tween.elem[ tween.prop ] != null && tween.elem.style[ tween.prop ] == null ) { + return tween.elem[ tween.prop ]; + } + + // Passing an empty string as a 3rd parameter to .css will automatically + // attempt a parseFloat and fallback to a string if the parse fails. + // Simple values such as "10px" are parsed to Float; + // complex values such as "rotate(1rad)" are returned as-is. + result = jQuery.css( tween.elem, tween.prop, "" ); + + // Empty strings, null, undefined and "auto" are converted to 0. + return !result || result === "auto" ? 0 : result; + }, + set: function( tween ) { + + // Use step hook for back compat. + // Use cssHook if its there. + // Use .style if available and use plain properties where available. + if ( jQuery.fx.step[ tween.prop ] ) { + jQuery.fx.step[ tween.prop ]( tween ); + } else if ( tween.elem.nodeType === 1 && ( + jQuery.cssHooks[ tween.prop ] || + tween.elem.style[ finalPropName( tween.prop ) ] != null ) ) { + jQuery.style( tween.elem, tween.prop, tween.now + tween.unit ); + } else { + tween.elem[ tween.prop ] = tween.now; + } + } + } +}; + +// Support: IE <=9 only +// Panic based approach to setting things on disconnected nodes +Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = { + set: function( tween ) { + if ( tween.elem.nodeType && tween.elem.parentNode ) { + tween.elem[ tween.prop ] = tween.now; + } + } +}; + +jQuery.easing = { + linear: function( p ) { + return p; + }, + swing: function( p ) { + return 0.5 - Math.cos( p * Math.PI ) / 2; + }, + _default: "swing" +}; + +jQuery.fx = Tween.prototype.init; + +// Back compat <1.8 extension point +jQuery.fx.step = {}; + + + + +var + fxNow, inProgress, + rfxtypes = /^(?:toggle|show|hide)$/, + rrun = /queueHooks$/; + +function schedule() { + if ( inProgress ) { + if ( document.hidden === false && window.requestAnimationFrame ) { + window.requestAnimationFrame( schedule ); + } else { + window.setTimeout( schedule, jQuery.fx.interval ); + } + + jQuery.fx.tick(); + } +} + +// Animations created synchronously will run synchronously +function createFxNow() { + window.setTimeout( function() { + fxNow = undefined; + } ); + return ( fxNow = Date.now() ); +} + +// Generate parameters to create a standard animation +function genFx( type, includeWidth ) { + var which, + i = 0, + attrs = { height: type }; + + // If we include width, step value is 1 to do all cssExpand values, + // otherwise step value is 2 to skip over Left and Right + includeWidth = includeWidth ? 1 : 0; + for ( ; i < 4; i += 2 - includeWidth ) { + which = cssExpand[ i ]; + attrs[ "margin" + which ] = attrs[ "padding" + which ] = type; + } + + if ( includeWidth ) { + attrs.opacity = attrs.width = type; + } + + return attrs; +} + +function createTween( value, prop, animation ) { + var tween, + collection = ( Animation.tweeners[ prop ] || [] ).concat( Animation.tweeners[ "*" ] ), + index = 0, + length = collection.length; + for ( ; index < length; index++ ) { + if ( ( tween = collection[ index ].call( animation, prop, value ) ) ) { + + // We're done with this property + return tween; + } + } +} + +function defaultPrefilter( elem, props, opts ) { + var prop, value, toggle, hooks, oldfire, propTween, restoreDisplay, display, + isBox = "width" in props || "height" in props, + anim = this, + orig = {}, + style = elem.style, + hidden = elem.nodeType && isHiddenWithinTree( elem ), + dataShow = dataPriv.get( elem, "fxshow" ); + + // Queue-skipping animations hijack the fx hooks + if ( !opts.queue ) { + hooks = jQuery._queueHooks( elem, "fx" ); + if ( hooks.unqueued == null ) { + hooks.unqueued = 0; + oldfire = hooks.empty.fire; + hooks.empty.fire = function() { + if ( !hooks.unqueued ) { + oldfire(); + } + }; + } + hooks.unqueued++; + + anim.always( function() { + + // Ensure the complete handler is called before this completes + anim.always( function() { + hooks.unqueued--; + if ( !jQuery.queue( elem, "fx" ).length ) { + hooks.empty.fire(); + } + } ); + } ); + } + + // Detect show/hide animations + for ( prop in props ) { + value = props[ prop ]; + if ( rfxtypes.test( value ) ) { + delete props[ prop ]; + toggle = toggle || value === "toggle"; + if ( value === ( hidden ? "hide" : "show" ) ) { + + // Pretend to be hidden if this is a "show" and + // there is still data from a stopped show/hide + if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) { + hidden = true; + + // Ignore all other no-op show/hide data + } else { + continue; + } + } + orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop ); + } + } + + // Bail out if this is a no-op like .hide().hide() + propTween = !jQuery.isEmptyObject( props ); + if ( !propTween && jQuery.isEmptyObject( orig ) ) { + return; + } + + // Restrict "overflow" and "display" styles during box animations + if ( isBox && elem.nodeType === 1 ) { + + // Support: IE <=9 - 11, Edge 12 - 15 + // Record all 3 overflow attributes because IE does not infer the shorthand + // from identically-valued overflowX and overflowY and Edge just mirrors + // the overflowX value there. + opts.overflow = [ style.overflow, style.overflowX, style.overflowY ]; + + // Identify a display type, preferring old show/hide data over the CSS cascade + restoreDisplay = dataShow && dataShow.display; + if ( restoreDisplay == null ) { + restoreDisplay = dataPriv.get( elem, "display" ); + } + display = jQuery.css( elem, "display" ); + if ( display === "none" ) { + if ( restoreDisplay ) { + display = restoreDisplay; + } else { + + // Get nonempty value(s) by temporarily forcing visibility + showHide( [ elem ], true ); + restoreDisplay = elem.style.display || restoreDisplay; + display = jQuery.css( elem, "display" ); + showHide( [ elem ] ); + } + } + + // Animate inline elements as inline-block + if ( display === "inline" || display === "inline-block" && restoreDisplay != null ) { + if ( jQuery.css( elem, "float" ) === "none" ) { + + // Restore the original display value at the end of pure show/hide animations + if ( !propTween ) { + anim.done( function() { + style.display = restoreDisplay; + } ); + if ( restoreDisplay == null ) { + display = style.display; + restoreDisplay = display === "none" ? "" : display; + } + } + style.display = "inline-block"; + } + } + } + + if ( opts.overflow ) { + style.overflow = "hidden"; + anim.always( function() { + style.overflow = opts.overflow[ 0 ]; + style.overflowX = opts.overflow[ 1 ]; + style.overflowY = opts.overflow[ 2 ]; + } ); + } + + // Implement show/hide animations + propTween = false; + for ( prop in orig ) { + + // General show/hide setup for this element animation + if ( !propTween ) { + if ( dataShow ) { + if ( "hidden" in dataShow ) { + hidden = dataShow.hidden; + } + } else { + dataShow = dataPriv.access( elem, "fxshow", { display: restoreDisplay } ); + } + + // Store hidden/visible for toggle so `.stop().toggle()` "reverses" + if ( toggle ) { + dataShow.hidden = !hidden; + } + + // Show elements before animating them + if ( hidden ) { + showHide( [ elem ], true ); + } + + /* eslint-disable no-loop-func */ + + anim.done( function() { + + /* eslint-enable no-loop-func */ + + // The final step of a "hide" animation is actually hiding the element + if ( !hidden ) { + showHide( [ elem ] ); + } + dataPriv.remove( elem, "fxshow" ); + for ( prop in orig ) { + jQuery.style( elem, prop, orig[ prop ] ); + } + } ); + } + + // Per-property setup + propTween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim ); + if ( !( prop in dataShow ) ) { + dataShow[ prop ] = propTween.start; + if ( hidden ) { + propTween.end = propTween.start; + propTween.start = 0; + } + } + } +} + +function propFilter( props, specialEasing ) { + var index, name, easing, value, hooks; + + // camelCase, specialEasing and expand cssHook pass + for ( index in props ) { + name = camelCase( index ); + easing = specialEasing[ name ]; + value = props[ index ]; + if ( Array.isArray( value ) ) { + easing = value[ 1 ]; + value = props[ index ] = value[ 0 ]; + } + + if ( index !== name ) { + props[ name ] = value; + delete props[ index ]; + } + + hooks = jQuery.cssHooks[ name ]; + if ( hooks && "expand" in hooks ) { + value = hooks.expand( value ); + delete props[ name ]; + + // Not quite $.extend, this won't overwrite existing keys. + // Reusing 'index' because we have the correct "name" + for ( index in value ) { + if ( !( index in props ) ) { + props[ index ] = value[ index ]; + specialEasing[ index ] = easing; + } + } + } else { + specialEasing[ name ] = easing; + } + } +} + +function Animation( elem, properties, options ) { + var result, + stopped, + index = 0, + length = Animation.prefilters.length, + deferred = jQuery.Deferred().always( function() { + + // Don't match elem in the :animated selector + delete tick.elem; + } ), + tick = function() { + if ( stopped ) { + return false; + } + var currentTime = fxNow || createFxNow(), + remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ), + + // Support: Android 2.3 only + // Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (#12497) + temp = remaining / animation.duration || 0, + percent = 1 - temp, + index = 0, + length = animation.tweens.length; + + for ( ; index < length; index++ ) { + animation.tweens[ index ].run( percent ); + } + + deferred.notifyWith( elem, [ animation, percent, remaining ] ); + + // If there's more to do, yield + if ( percent < 1 && length ) { + return remaining; + } + + // If this was an empty animation, synthesize a final progress notification + if ( !length ) { + deferred.notifyWith( elem, [ animation, 1, 0 ] ); + } + + // Resolve the animation and report its conclusion + deferred.resolveWith( elem, [ animation ] ); + return false; + }, + animation = deferred.promise( { + elem: elem, + props: jQuery.extend( {}, properties ), + opts: jQuery.extend( true, { + specialEasing: {}, + easing: jQuery.easing._default + }, options ), + originalProperties: properties, + originalOptions: options, + startTime: fxNow || createFxNow(), + duration: options.duration, + tweens: [], + createTween: function( prop, end ) { + var tween = jQuery.Tween( elem, animation.opts, prop, end, + animation.opts.specialEasing[ prop ] || animation.opts.easing ); + animation.tweens.push( tween ); + return tween; + }, + stop: function( gotoEnd ) { + var index = 0, + + // If we are going to the end, we want to run all the tweens + // otherwise we skip this part + length = gotoEnd ? animation.tweens.length : 0; + if ( stopped ) { + return this; + } + stopped = true; + for ( ; index < length; index++ ) { + animation.tweens[ index ].run( 1 ); + } + + // Resolve when we played the last frame; otherwise, reject + if ( gotoEnd ) { + deferred.notifyWith( elem, [ animation, 1, 0 ] ); + deferred.resolveWith( elem, [ animation, gotoEnd ] ); + } else { + deferred.rejectWith( elem, [ animation, gotoEnd ] ); + } + return this; + } + } ), + props = animation.props; + + propFilter( props, animation.opts.specialEasing ); + + for ( ; index < length; index++ ) { + result = Animation.prefilters[ index ].call( animation, elem, props, animation.opts ); + if ( result ) { + if ( isFunction( result.stop ) ) { + jQuery._queueHooks( animation.elem, animation.opts.queue ).stop = + result.stop.bind( result ); + } + return result; + } + } + + jQuery.map( props, createTween, animation ); + + if ( isFunction( animation.opts.start ) ) { + animation.opts.start.call( elem, animation ); + } + + // Attach callbacks from options + animation + .progress( animation.opts.progress ) + .done( animation.opts.done, animation.opts.complete ) + .fail( animation.opts.fail ) + .always( animation.opts.always ); + + jQuery.fx.timer( + jQuery.extend( tick, { + elem: elem, + anim: animation, + queue: animation.opts.queue + } ) + ); + + return animation; +} + +jQuery.Animation = jQuery.extend( Animation, { + + tweeners: { + "*": [ function( prop, value ) { + var tween = this.createTween( prop, value ); + adjustCSS( tween.elem, prop, rcssNum.exec( value ), tween ); + return tween; + } ] + }, + + tweener: function( props, callback ) { + if ( isFunction( props ) ) { + callback = props; + props = [ "*" ]; + } else { + props = props.match( rnothtmlwhite ); + } + + var prop, + index = 0, + length = props.length; + + for ( ; index < length; index++ ) { + prop = props[ index ]; + Animation.tweeners[ prop ] = Animation.tweeners[ prop ] || []; + Animation.tweeners[ prop ].unshift( callback ); + } + }, + + prefilters: [ defaultPrefilter ], + + prefilter: function( callback, prepend ) { + if ( prepend ) { + Animation.prefilters.unshift( callback ); + } else { + Animation.prefilters.push( callback ); + } + } +} ); + +jQuery.speed = function( speed, easing, fn ) { + var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : { + complete: fn || !fn && easing || + isFunction( speed ) && speed, + duration: speed, + easing: fn && easing || easing && !isFunction( easing ) && easing + }; + + // Go to the end state if fx are off + if ( jQuery.fx.off ) { + opt.duration = 0; + + } else { + if ( typeof opt.duration !== "number" ) { + if ( opt.duration in jQuery.fx.speeds ) { + opt.duration = jQuery.fx.speeds[ opt.duration ]; + + } else { + opt.duration = jQuery.fx.speeds._default; + } + } + } + + // Normalize opt.queue - true/undefined/null -> "fx" + if ( opt.queue == null || opt.queue === true ) { + opt.queue = "fx"; + } + + // Queueing + opt.old = opt.complete; + + opt.complete = function() { + if ( isFunction( opt.old ) ) { + opt.old.call( this ); + } + + if ( opt.queue ) { + jQuery.dequeue( this, opt.queue ); + } + }; + + return opt; +}; + +jQuery.fn.extend( { + fadeTo: function( speed, to, easing, callback ) { + + // Show any hidden elements after setting opacity to 0 + return this.filter( isHiddenWithinTree ).css( "opacity", 0 ).show() + + // Animate to the value specified + .end().animate( { opacity: to }, speed, easing, callback ); + }, + animate: function( prop, speed, easing, callback ) { + var empty = jQuery.isEmptyObject( prop ), + optall = jQuery.speed( speed, easing, callback ), + doAnimation = function() { + + // Operate on a copy of prop so per-property easing won't be lost + var anim = Animation( this, jQuery.extend( {}, prop ), optall ); + + // Empty animations, or finishing resolves immediately + if ( empty || dataPriv.get( this, "finish" ) ) { + anim.stop( true ); + } + }; + doAnimation.finish = doAnimation; + + return empty || optall.queue === false ? + this.each( doAnimation ) : + this.queue( optall.queue, doAnimation ); + }, + stop: function( type, clearQueue, gotoEnd ) { + var stopQueue = function( hooks ) { + var stop = hooks.stop; + delete hooks.stop; + stop( gotoEnd ); + }; + + if ( typeof type !== "string" ) { + gotoEnd = clearQueue; + clearQueue = type; + type = undefined; + } + if ( clearQueue ) { + this.queue( type || "fx", [] ); + } + + return this.each( function() { + var dequeue = true, + index = type != null && type + "queueHooks", + timers = jQuery.timers, + data = dataPriv.get( this ); + + if ( index ) { + if ( data[ index ] && data[ index ].stop ) { + stopQueue( data[ index ] ); + } + } else { + for ( index in data ) { + if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) { + stopQueue( data[ index ] ); + } + } + } + + for ( index = timers.length; index--; ) { + if ( timers[ index ].elem === this && + ( type == null || timers[ index ].queue === type ) ) { + + timers[ index ].anim.stop( gotoEnd ); + dequeue = false; + timers.splice( index, 1 ); + } + } + + // Start the next in the queue if the last step wasn't forced. + // Timers currently will call their complete callbacks, which + // will dequeue but only if they were gotoEnd. + if ( dequeue || !gotoEnd ) { + jQuery.dequeue( this, type ); + } + } ); + }, + finish: function( type ) { + if ( type !== false ) { + type = type || "fx"; + } + return this.each( function() { + var index, + data = dataPriv.get( this ), + queue = data[ type + "queue" ], + hooks = data[ type + "queueHooks" ], + timers = jQuery.timers, + length = queue ? queue.length : 0; + + // Enable finishing flag on private data + data.finish = true; + + // Empty the queue first + jQuery.queue( this, type, [] ); + + if ( hooks && hooks.stop ) { + hooks.stop.call( this, true ); + } + + // Look for any active animations, and finish them + for ( index = timers.length; index--; ) { + if ( timers[ index ].elem === this && timers[ index ].queue === type ) { + timers[ index ].anim.stop( true ); + timers.splice( index, 1 ); + } + } + + // Look for any animations in the old queue and finish them + for ( index = 0; index < length; index++ ) { + if ( queue[ index ] && queue[ index ].finish ) { + queue[ index ].finish.call( this ); + } + } + + // Turn off finishing flag + delete data.finish; + } ); + } +} ); + +jQuery.each( [ "toggle", "show", "hide" ], function( _i, name ) { + var cssFn = jQuery.fn[ name ]; + jQuery.fn[ name ] = function( speed, easing, callback ) { + return speed == null || typeof speed === "boolean" ? + cssFn.apply( this, arguments ) : + this.animate( genFx( name, true ), speed, easing, callback ); + }; +} ); + +// Generate shortcuts for custom animations +jQuery.each( { + slideDown: genFx( "show" ), + slideUp: genFx( "hide" ), + slideToggle: genFx( "toggle" ), + fadeIn: { opacity: "show" }, + fadeOut: { opacity: "hide" }, + fadeToggle: { opacity: "toggle" } +}, function( name, props ) { + jQuery.fn[ name ] = function( speed, easing, callback ) { + return this.animate( props, speed, easing, callback ); + }; +} ); + +jQuery.timers = []; +jQuery.fx.tick = function() { + var timer, + i = 0, + timers = jQuery.timers; + + fxNow = Date.now(); + + for ( ; i < timers.length; i++ ) { + timer = timers[ i ]; + + // Run the timer and safely remove it when done (allowing for external removal) + if ( !timer() && timers[ i ] === timer ) { + timers.splice( i--, 1 ); + } + } + + if ( !timers.length ) { + jQuery.fx.stop(); + } + fxNow = undefined; +}; + +jQuery.fx.timer = function( timer ) { + jQuery.timers.push( timer ); + jQuery.fx.start(); +}; + +jQuery.fx.interval = 13; +jQuery.fx.start = function() { + if ( inProgress ) { + return; + } + + inProgress = true; + schedule(); +}; + +jQuery.fx.stop = function() { + inProgress = null; +}; + +jQuery.fx.speeds = { + slow: 600, + fast: 200, + + // Default speed + _default: 400 +}; + + +// Based off of the plugin by Clint Helfers, with permission. +// https://web.archive.org/web/20100324014747/http://blindsignals.com/index.php/2009/07/jquery-delay/ +jQuery.fn.delay = function( time, type ) { + time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time; + type = type || "fx"; + + return this.queue( type, function( next, hooks ) { + var timeout = window.setTimeout( next, time ); + hooks.stop = function() { + window.clearTimeout( timeout ); + }; + } ); +}; + + +( function() { + var input = document.createElement( "input" ), + select = document.createElement( "select" ), + opt = select.appendChild( document.createElement( "option" ) ); + + input.type = "checkbox"; + + // Support: Android <=4.3 only + // Default value for a checkbox should be "on" + support.checkOn = input.value !== ""; + + // Support: IE <=11 only + // Must access selectedIndex to make default options select + support.optSelected = opt.selected; + + // Support: IE <=11 only + // An input loses its value after becoming a radio + input = document.createElement( "input" ); + input.value = "t"; + input.type = "radio"; + support.radioValue = input.value === "t"; +} )(); + + +var boolHook, + attrHandle = jQuery.expr.attrHandle; + +jQuery.fn.extend( { + attr: function( name, value ) { + return access( this, jQuery.attr, name, value, arguments.length > 1 ); + }, + + removeAttr: function( name ) { + return this.each( function() { + jQuery.removeAttr( this, name ); + } ); + } +} ); + +jQuery.extend( { + attr: function( elem, name, value ) { + var ret, hooks, + nType = elem.nodeType; + + // Don't get/set attributes on text, comment and attribute nodes + if ( nType === 3 || nType === 8 || nType === 2 ) { + return; + } + + // Fallback to prop when attributes are not supported + if ( typeof elem.getAttribute === "undefined" ) { + return jQuery.prop( elem, name, value ); + } + + // Attribute hooks are determined by the lowercase version + // Grab necessary hook if one is defined + if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) { + hooks = jQuery.attrHooks[ name.toLowerCase() ] || + ( jQuery.expr.match.bool.test( name ) ? boolHook : undefined ); + } + + if ( value !== undefined ) { + if ( value === null ) { + jQuery.removeAttr( elem, name ); + return; + } + + if ( hooks && "set" in hooks && + ( ret = hooks.set( elem, value, name ) ) !== undefined ) { + return ret; + } + + elem.setAttribute( name, value + "" ); + return value; + } + + if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) { + return ret; + } + + ret = jQuery.find.attr( elem, name ); + + // Non-existent attributes return null, we normalize to undefined + return ret == null ? undefined : ret; + }, + + attrHooks: { + type: { + set: function( elem, value ) { + if ( !support.radioValue && value === "radio" && + nodeName( elem, "input" ) ) { + var val = elem.value; + elem.setAttribute( "type", value ); + if ( val ) { + elem.value = val; + } + return value; + } + } + } + }, + + removeAttr: function( elem, value ) { + var name, + i = 0, + + // Attribute names can contain non-HTML whitespace characters + // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2 + attrNames = value && value.match( rnothtmlwhite ); + + if ( attrNames && elem.nodeType === 1 ) { + while ( ( name = attrNames[ i++ ] ) ) { + elem.removeAttribute( name ); + } + } + } +} ); + +// Hooks for boolean attributes +boolHook = { + set: function( elem, value, name ) { + if ( value === false ) { + + // Remove boolean attributes when set to false + jQuery.removeAttr( elem, name ); + } else { + elem.setAttribute( name, name ); + } + return name; + } +}; + +jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( _i, name ) { + var getter = attrHandle[ name ] || jQuery.find.attr; + + attrHandle[ name ] = function( elem, name, isXML ) { + var ret, handle, + lowercaseName = name.toLowerCase(); + + if ( !isXML ) { + + // Avoid an infinite loop by temporarily removing this function from the getter + handle = attrHandle[ lowercaseName ]; + attrHandle[ lowercaseName ] = ret; + ret = getter( elem, name, isXML ) != null ? + lowercaseName : + null; + attrHandle[ lowercaseName ] = handle; + } + return ret; + }; +} ); + + + + +var rfocusable = /^(?:input|select|textarea|button)$/i, + rclickable = /^(?:a|area)$/i; + +jQuery.fn.extend( { + prop: function( name, value ) { + return access( this, jQuery.prop, name, value, arguments.length > 1 ); + }, + + removeProp: function( name ) { + return this.each( function() { + delete this[ jQuery.propFix[ name ] || name ]; + } ); + } +} ); + +jQuery.extend( { + prop: function( elem, name, value ) { + var ret, hooks, + nType = elem.nodeType; + + // Don't get/set properties on text, comment and attribute nodes + if ( nType === 3 || nType === 8 || nType === 2 ) { + return; + } + + if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) { + + // Fix name and attach hooks + name = jQuery.propFix[ name ] || name; + hooks = jQuery.propHooks[ name ]; + } + + if ( value !== undefined ) { + if ( hooks && "set" in hooks && + ( ret = hooks.set( elem, value, name ) ) !== undefined ) { + return ret; + } + + return ( elem[ name ] = value ); + } + + if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) { + return ret; + } + + return elem[ name ]; + }, + + propHooks: { + tabIndex: { + get: function( elem ) { + + // Support: IE <=9 - 11 only + // elem.tabIndex doesn't always return the + // correct value when it hasn't been explicitly set + // https://web.archive.org/web/20141116233347/http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/ + // Use proper attribute retrieval(#12072) + var tabindex = jQuery.find.attr( elem, "tabindex" ); + + if ( tabindex ) { + return parseInt( tabindex, 10 ); + } + + if ( + rfocusable.test( elem.nodeName ) || + rclickable.test( elem.nodeName ) && + elem.href + ) { + return 0; + } + + return -1; + } + } + }, + + propFix: { + "for": "htmlFor", + "class": "className" + } +} ); + +// Support: IE <=11 only +// Accessing the selectedIndex property +// forces the browser to respect setting selected +// on the option +// The getter ensures a default option is selected +// when in an optgroup +// eslint rule "no-unused-expressions" is disabled for this code +// since it considers such accessions noop +if ( !support.optSelected ) { + jQuery.propHooks.selected = { + get: function( elem ) { + + /* eslint no-unused-expressions: "off" */ + + var parent = elem.parentNode; + if ( parent && parent.parentNode ) { + parent.parentNode.selectedIndex; + } + return null; + }, + set: function( elem ) { + + /* eslint no-unused-expressions: "off" */ + + var parent = elem.parentNode; + if ( parent ) { + parent.selectedIndex; + + if ( parent.parentNode ) { + parent.parentNode.selectedIndex; + } + } + } + }; +} + +jQuery.each( [ + "tabIndex", + "readOnly", + "maxLength", + "cellSpacing", + "cellPadding", + "rowSpan", + "colSpan", + "useMap", + "frameBorder", + "contentEditable" +], function() { + jQuery.propFix[ this.toLowerCase() ] = this; +} ); + + + + + // Strip and collapse whitespace according to HTML spec + // https://infra.spec.whatwg.org/#strip-and-collapse-ascii-whitespace + function stripAndCollapse( value ) { + var tokens = value.match( rnothtmlwhite ) || []; + return tokens.join( " " ); + } + + +function getClass( elem ) { + return elem.getAttribute && elem.getAttribute( "class" ) || ""; +} + +function classesToArray( value ) { + if ( Array.isArray( value ) ) { + return value; + } + if ( typeof value === "string" ) { + return value.match( rnothtmlwhite ) || []; + } + return []; +} + +jQuery.fn.extend( { + addClass: function( value ) { + var classes, elem, cur, curValue, clazz, j, finalValue, + i = 0; + + if ( isFunction( value ) ) { + return this.each( function( j ) { + jQuery( this ).addClass( value.call( this, j, getClass( this ) ) ); + } ); + } + + classes = classesToArray( value ); + + if ( classes.length ) { + while ( ( elem = this[ i++ ] ) ) { + curValue = getClass( elem ); + cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " ); + + if ( cur ) { + j = 0; + while ( ( clazz = classes[ j++ ] ) ) { + if ( cur.indexOf( " " + clazz + " " ) < 0 ) { + cur += clazz + " "; + } + } + + // Only assign if different to avoid unneeded rendering. + finalValue = stripAndCollapse( cur ); + if ( curValue !== finalValue ) { + elem.setAttribute( "class", finalValue ); + } + } + } + } + + return this; + }, + + removeClass: function( value ) { + var classes, elem, cur, curValue, clazz, j, finalValue, + i = 0; + + if ( isFunction( value ) ) { + return this.each( function( j ) { + jQuery( this ).removeClass( value.call( this, j, getClass( this ) ) ); + } ); + } + + if ( !arguments.length ) { + return this.attr( "class", "" ); + } + + classes = classesToArray( value ); + + if ( classes.length ) { + while ( ( elem = this[ i++ ] ) ) { + curValue = getClass( elem ); + + // This expression is here for better compressibility (see addClass) + cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " ); + + if ( cur ) { + j = 0; + while ( ( clazz = classes[ j++ ] ) ) { + + // Remove *all* instances + while ( cur.indexOf( " " + clazz + " " ) > -1 ) { + cur = cur.replace( " " + clazz + " ", " " ); + } + } + + // Only assign if different to avoid unneeded rendering. + finalValue = stripAndCollapse( cur ); + if ( curValue !== finalValue ) { + elem.setAttribute( "class", finalValue ); + } + } + } + } + + return this; + }, + + toggleClass: function( value, stateVal ) { + var type = typeof value, + isValidValue = type === "string" || Array.isArray( value ); + + if ( typeof stateVal === "boolean" && isValidValue ) { + return stateVal ? this.addClass( value ) : this.removeClass( value ); + } + + if ( isFunction( value ) ) { + return this.each( function( i ) { + jQuery( this ).toggleClass( + value.call( this, i, getClass( this ), stateVal ), + stateVal + ); + } ); + } + + return this.each( function() { + var className, i, self, classNames; + + if ( isValidValue ) { + + // Toggle individual class names + i = 0; + self = jQuery( this ); + classNames = classesToArray( value ); + + while ( ( className = classNames[ i++ ] ) ) { + + // Check each className given, space separated list + if ( self.hasClass( className ) ) { + self.removeClass( className ); + } else { + self.addClass( className ); + } + } + + // Toggle whole class name + } else if ( value === undefined || type === "boolean" ) { + className = getClass( this ); + if ( className ) { + + // Store className if set + dataPriv.set( this, "__className__", className ); + } + + // If the element has a class name or if we're passed `false`, + // then remove the whole classname (if there was one, the above saved it). + // Otherwise bring back whatever was previously saved (if anything), + // falling back to the empty string if nothing was stored. + if ( this.setAttribute ) { + this.setAttribute( "class", + className || value === false ? + "" : + dataPriv.get( this, "__className__" ) || "" + ); + } + } + } ); + }, + + hasClass: function( selector ) { + var className, elem, + i = 0; + + className = " " + selector + " "; + while ( ( elem = this[ i++ ] ) ) { + if ( elem.nodeType === 1 && + ( " " + stripAndCollapse( getClass( elem ) ) + " " ).indexOf( className ) > -1 ) { + return true; + } + } + + return false; + } +} ); + + + + +var rreturn = /\r/g; + +jQuery.fn.extend( { + val: function( value ) { + var hooks, ret, valueIsFunction, + elem = this[ 0 ]; + + if ( !arguments.length ) { + if ( elem ) { + hooks = jQuery.valHooks[ elem.type ] || + jQuery.valHooks[ elem.nodeName.toLowerCase() ]; + + if ( hooks && + "get" in hooks && + ( ret = hooks.get( elem, "value" ) ) !== undefined + ) { + return ret; + } + + ret = elem.value; + + // Handle most common string cases + if ( typeof ret === "string" ) { + return ret.replace( rreturn, "" ); + } + + // Handle cases where value is null/undef or number + return ret == null ? "" : ret; + } + + return; + } + + valueIsFunction = isFunction( value ); + + return this.each( function( i ) { + var val; + + if ( this.nodeType !== 1 ) { + return; + } + + if ( valueIsFunction ) { + val = value.call( this, i, jQuery( this ).val() ); + } else { + val = value; + } + + // Treat null/undefined as ""; convert numbers to string + if ( val == null ) { + val = ""; + + } else if ( typeof val === "number" ) { + val += ""; + + } else if ( Array.isArray( val ) ) { + val = jQuery.map( val, function( value ) { + return value == null ? "" : value + ""; + } ); + } + + hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ]; + + // If set returns undefined, fall back to normal setting + if ( !hooks || !( "set" in hooks ) || hooks.set( this, val, "value" ) === undefined ) { + this.value = val; + } + } ); + } +} ); + +jQuery.extend( { + valHooks: { + option: { + get: function( elem ) { + + var val = jQuery.find.attr( elem, "value" ); + return val != null ? + val : + + // Support: IE <=10 - 11 only + // option.text throws exceptions (#14686, #14858) + // Strip and collapse whitespace + // https://html.spec.whatwg.org/#strip-and-collapse-whitespace + stripAndCollapse( jQuery.text( elem ) ); + } + }, + select: { + get: function( elem ) { + var value, option, i, + options = elem.options, + index = elem.selectedIndex, + one = elem.type === "select-one", + values = one ? null : [], + max = one ? index + 1 : options.length; + + if ( index < 0 ) { + i = max; + + } else { + i = one ? index : 0; + } + + // Loop through all the selected options + for ( ; i < max; i++ ) { + option = options[ i ]; + + // Support: IE <=9 only + // IE8-9 doesn't update selected after form reset (#2551) + if ( ( option.selected || i === index ) && + + // Don't return options that are disabled or in a disabled optgroup + !option.disabled && + ( !option.parentNode.disabled || + !nodeName( option.parentNode, "optgroup" ) ) ) { + + // Get the specific value for the option + value = jQuery( option ).val(); + + // We don't need an array for one selects + if ( one ) { + return value; + } + + // Multi-Selects return an array + values.push( value ); + } + } + + return values; + }, + + set: function( elem, value ) { + var optionSet, option, + options = elem.options, + values = jQuery.makeArray( value ), + i = options.length; + + while ( i-- ) { + option = options[ i ]; + + /* eslint-disable no-cond-assign */ + + if ( option.selected = + jQuery.inArray( jQuery.valHooks.option.get( option ), values ) > -1 + ) { + optionSet = true; + } + + /* eslint-enable no-cond-assign */ + } + + // Force browsers to behave consistently when non-matching value is set + if ( !optionSet ) { + elem.selectedIndex = -1; + } + return values; + } + } + } +} ); + +// Radios and checkboxes getter/setter +jQuery.each( [ "radio", "checkbox" ], function() { + jQuery.valHooks[ this ] = { + set: function( elem, value ) { + if ( Array.isArray( value ) ) { + return ( elem.checked = jQuery.inArray( jQuery( elem ).val(), value ) > -1 ); + } + } + }; + if ( !support.checkOn ) { + jQuery.valHooks[ this ].get = function( elem ) { + return elem.getAttribute( "value" ) === null ? "on" : elem.value; + }; + } +} ); + + + + +// Return jQuery for attributes-only inclusion + + +support.focusin = "onfocusin" in window; + + +var rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, + stopPropagationCallback = function( e ) { + e.stopPropagation(); + }; + +jQuery.extend( jQuery.event, { + + trigger: function( event, data, elem, onlyHandlers ) { + + var i, cur, tmp, bubbleType, ontype, handle, special, lastElement, + eventPath = [ elem || document ], + type = hasOwn.call( event, "type" ) ? event.type : event, + namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split( "." ) : []; + + cur = lastElement = tmp = elem = elem || document; + + // Don't do events on text and comment nodes + if ( elem.nodeType === 3 || elem.nodeType === 8 ) { + return; + } + + // focus/blur morphs to focusin/out; ensure we're not firing them right now + if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { + return; + } + + if ( type.indexOf( "." ) > -1 ) { + + // Namespaced trigger; create a regexp to match event type in handle() + namespaces = type.split( "." ); + type = namespaces.shift(); + namespaces.sort(); + } + ontype = type.indexOf( ":" ) < 0 && "on" + type; + + // Caller can pass in a jQuery.Event object, Object, or just an event type string + event = event[ jQuery.expando ] ? + event : + new jQuery.Event( type, typeof event === "object" && event ); + + // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true) + event.isTrigger = onlyHandlers ? 2 : 3; + event.namespace = namespaces.join( "." ); + event.rnamespace = event.namespace ? + new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ) : + null; + + // Clean up the event in case it is being reused + event.result = undefined; + if ( !event.target ) { + event.target = elem; + } + + // Clone any incoming data and prepend the event, creating the handler arg list + data = data == null ? + [ event ] : + jQuery.makeArray( data, [ event ] ); + + // Allow special events to draw outside the lines + special = jQuery.event.special[ type ] || {}; + if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) { + return; + } + + // Determine event propagation path in advance, per W3C events spec (#9951) + // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) + if ( !onlyHandlers && !special.noBubble && !isWindow( elem ) ) { + + bubbleType = special.delegateType || type; + if ( !rfocusMorph.test( bubbleType + type ) ) { + cur = cur.parentNode; + } + for ( ; cur; cur = cur.parentNode ) { + eventPath.push( cur ); + tmp = cur; + } + + // Only add window if we got to document (e.g., not plain obj or detached DOM) + if ( tmp === ( elem.ownerDocument || document ) ) { + eventPath.push( tmp.defaultView || tmp.parentWindow || window ); + } + } + + // Fire handlers on the event path + i = 0; + while ( ( cur = eventPath[ i++ ] ) && !event.isPropagationStopped() ) { + lastElement = cur; + event.type = i > 1 ? + bubbleType : + special.bindType || type; + + // jQuery handler + handle = ( + dataPriv.get( cur, "events" ) || Object.create( null ) + )[ event.type ] && + dataPriv.get( cur, "handle" ); + if ( handle ) { + handle.apply( cur, data ); + } + + // Native handler + handle = ontype && cur[ ontype ]; + if ( handle && handle.apply && acceptData( cur ) ) { + event.result = handle.apply( cur, data ); + if ( event.result === false ) { + event.preventDefault(); + } + } + } + event.type = type; + + // If nobody prevented the default action, do it now + if ( !onlyHandlers && !event.isDefaultPrevented() ) { + + if ( ( !special._default || + special._default.apply( eventPath.pop(), data ) === false ) && + acceptData( elem ) ) { + + // Call a native DOM method on the target with the same name as the event. + // Don't do default actions on window, that's where global variables be (#6170) + if ( ontype && isFunction( elem[ type ] ) && !isWindow( elem ) ) { + + // Don't re-trigger an onFOO event when we call its FOO() method + tmp = elem[ ontype ]; + + if ( tmp ) { + elem[ ontype ] = null; + } + + // Prevent re-triggering of the same event, since we already bubbled it above + jQuery.event.triggered = type; + + if ( event.isPropagationStopped() ) { + lastElement.addEventListener( type, stopPropagationCallback ); + } + + elem[ type ](); + + if ( event.isPropagationStopped() ) { + lastElement.removeEventListener( type, stopPropagationCallback ); + } + + jQuery.event.triggered = undefined; + + if ( tmp ) { + elem[ ontype ] = tmp; + } + } + } + } + + return event.result; + }, + + // Piggyback on a donor event to simulate a different one + // Used only for `focus(in | out)` events + simulate: function( type, elem, event ) { + var e = jQuery.extend( + new jQuery.Event(), + event, + { + type: type, + isSimulated: true + } + ); + + jQuery.event.trigger( e, null, elem ); + } + +} ); + +jQuery.fn.extend( { + + trigger: function( type, data ) { + return this.each( function() { + jQuery.event.trigger( type, data, this ); + } ); + }, + triggerHandler: function( type, data ) { + var elem = this[ 0 ]; + if ( elem ) { + return jQuery.event.trigger( type, data, elem, true ); + } + } +} ); + + +// Support: Firefox <=44 +// Firefox doesn't have focus(in | out) events +// Related ticket - https://bugzilla.mozilla.org/show_bug.cgi?id=687787 +// +// Support: Chrome <=48 - 49, Safari <=9.0 - 9.1 +// focus(in | out) events fire after focus & blur events, +// which is spec violation - http://www.w3.org/TR/DOM-Level-3-Events/#events-focusevent-event-order +// Related ticket - https://bugs.chromium.org/p/chromium/issues/detail?id=449857 +if ( !support.focusin ) { + jQuery.each( { focus: "focusin", blur: "focusout" }, function( orig, fix ) { + + // Attach a single capturing handler on the document while someone wants focusin/focusout + var handler = function( event ) { + jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ) ); + }; + + jQuery.event.special[ fix ] = { + setup: function() { + + // Handle: regular nodes (via `this.ownerDocument`), window + // (via `this.document`) & document (via `this`). + var doc = this.ownerDocument || this.document || this, + attaches = dataPriv.access( doc, fix ); + + if ( !attaches ) { + doc.addEventListener( orig, handler, true ); + } + dataPriv.access( doc, fix, ( attaches || 0 ) + 1 ); + }, + teardown: function() { + var doc = this.ownerDocument || this.document || this, + attaches = dataPriv.access( doc, fix ) - 1; + + if ( !attaches ) { + doc.removeEventListener( orig, handler, true ); + dataPriv.remove( doc, fix ); + + } else { + dataPriv.access( doc, fix, attaches ); + } + } + }; + } ); +} +var location = window.location; + +var nonce = { guid: Date.now() }; + +var rquery = ( /\?/ ); + + + +// Cross-browser xml parsing +jQuery.parseXML = function( data ) { + var xml; + if ( !data || typeof data !== "string" ) { + return null; + } + + // Support: IE 9 - 11 only + // IE throws on parseFromString with invalid input. + try { + xml = ( new window.DOMParser() ).parseFromString( data, "text/xml" ); + } catch ( e ) { + xml = undefined; + } + + if ( !xml || xml.getElementsByTagName( "parsererror" ).length ) { + jQuery.error( "Invalid XML: " + data ); + } + return xml; +}; + + +var + rbracket = /\[\]$/, + rCRLF = /\r?\n/g, + rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i, + rsubmittable = /^(?:input|select|textarea|keygen)/i; + +function buildParams( prefix, obj, traditional, add ) { + var name; + + if ( Array.isArray( obj ) ) { + + // Serialize array item. + jQuery.each( obj, function( i, v ) { + if ( traditional || rbracket.test( prefix ) ) { + + // Treat each array item as a scalar. + add( prefix, v ); + + } else { + + // Item is non-scalar (array or object), encode its numeric index. + buildParams( + prefix + "[" + ( typeof v === "object" && v != null ? i : "" ) + "]", + v, + traditional, + add + ); + } + } ); + + } else if ( !traditional && toType( obj ) === "object" ) { + + // Serialize object item. + for ( name in obj ) { + buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add ); + } + + } else { + + // Serialize scalar item. + add( prefix, obj ); + } +} + +// Serialize an array of form elements or a set of +// key/values into a query string +jQuery.param = function( a, traditional ) { + var prefix, + s = [], + add = function( key, valueOrFunction ) { + + // If value is a function, invoke it and use its return value + var value = isFunction( valueOrFunction ) ? + valueOrFunction() : + valueOrFunction; + + s[ s.length ] = encodeURIComponent( key ) + "=" + + encodeURIComponent( value == null ? "" : value ); + }; + + if ( a == null ) { + return ""; + } + + // If an array was passed in, assume that it is an array of form elements. + if ( Array.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) { + + // Serialize the form elements + jQuery.each( a, function() { + add( this.name, this.value ); + } ); + + } else { + + // If traditional, encode the "old" way (the way 1.3.2 or older + // did it), otherwise encode params recursively. + for ( prefix in a ) { + buildParams( prefix, a[ prefix ], traditional, add ); + } + } + + // Return the resulting serialization + return s.join( "&" ); +}; + +jQuery.fn.extend( { + serialize: function() { + return jQuery.param( this.serializeArray() ); + }, + serializeArray: function() { + return this.map( function() { + + // Can add propHook for "elements" to filter or add form elements + var elements = jQuery.prop( this, "elements" ); + return elements ? jQuery.makeArray( elements ) : this; + } ) + .filter( function() { + var type = this.type; + + // Use .is( ":disabled" ) so that fieldset[disabled] works + return this.name && !jQuery( this ).is( ":disabled" ) && + rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) && + ( this.checked || !rcheckableType.test( type ) ); + } ) + .map( function( _i, elem ) { + var val = jQuery( this ).val(); + + if ( val == null ) { + return null; + } + + if ( Array.isArray( val ) ) { + return jQuery.map( val, function( val ) { + return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; + } ); + } + + return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; + } ).get(); + } +} ); + + +var + r20 = /%20/g, + rhash = /#.*$/, + rantiCache = /([?&])_=[^&]*/, + rheaders = /^(.*?):[ \t]*([^\r\n]*)$/mg, + + // #7653, #8125, #8152: local protocol detection + rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/, + rnoContent = /^(?:GET|HEAD)$/, + rprotocol = /^\/\//, + + /* Prefilters + * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example) + * 2) These are called: + * - BEFORE asking for a transport + * - AFTER param serialization (s.data is a string if s.processData is true) + * 3) key is the dataType + * 4) the catchall symbol "*" can be used + * 5) execution will start with transport dataType and THEN continue down to "*" if needed + */ + prefilters = {}, + + /* Transports bindings + * 1) key is the dataType + * 2) the catchall symbol "*" can be used + * 3) selection will start with transport dataType and THEN go to "*" if needed + */ + transports = {}, + + // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression + allTypes = "*/".concat( "*" ), + + // Anchor tag for parsing the document origin + originAnchor = document.createElement( "a" ); + originAnchor.href = location.href; + +// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport +function addToPrefiltersOrTransports( structure ) { + + // dataTypeExpression is optional and defaults to "*" + return function( dataTypeExpression, func ) { + + if ( typeof dataTypeExpression !== "string" ) { + func = dataTypeExpression; + dataTypeExpression = "*"; + } + + var dataType, + i = 0, + dataTypes = dataTypeExpression.toLowerCase().match( rnothtmlwhite ) || []; + + if ( isFunction( func ) ) { + + // For each dataType in the dataTypeExpression + while ( ( dataType = dataTypes[ i++ ] ) ) { + + // Prepend if requested + if ( dataType[ 0 ] === "+" ) { + dataType = dataType.slice( 1 ) || "*"; + ( structure[ dataType ] = structure[ dataType ] || [] ).unshift( func ); + + // Otherwise append + } else { + ( structure[ dataType ] = structure[ dataType ] || [] ).push( func ); + } + } + } + }; +} + +// Base inspection function for prefilters and transports +function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) { + + var inspected = {}, + seekingTransport = ( structure === transports ); + + function inspect( dataType ) { + var selected; + inspected[ dataType ] = true; + jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) { + var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR ); + if ( typeof dataTypeOrTransport === "string" && + !seekingTransport && !inspected[ dataTypeOrTransport ] ) { + + options.dataTypes.unshift( dataTypeOrTransport ); + inspect( dataTypeOrTransport ); + return false; + } else if ( seekingTransport ) { + return !( selected = dataTypeOrTransport ); + } + } ); + return selected; + } + + return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" ); +} + +// A special extend for ajax options +// that takes "flat" options (not to be deep extended) +// Fixes #9887 +function ajaxExtend( target, src ) { + var key, deep, + flatOptions = jQuery.ajaxSettings.flatOptions || {}; + + for ( key in src ) { + if ( src[ key ] !== undefined ) { + ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ]; + } + } + if ( deep ) { + jQuery.extend( true, target, deep ); + } + + return target; +} + +/* Handles responses to an ajax request: + * - finds the right dataType (mediates between content-type and expected dataType) + * - returns the corresponding response + */ +function ajaxHandleResponses( s, jqXHR, responses ) { + + var ct, type, finalDataType, firstDataType, + contents = s.contents, + dataTypes = s.dataTypes; + + // Remove auto dataType and get content-type in the process + while ( dataTypes[ 0 ] === "*" ) { + dataTypes.shift(); + if ( ct === undefined ) { + ct = s.mimeType || jqXHR.getResponseHeader( "Content-Type" ); + } + } + + // Check if we're dealing with a known content-type + if ( ct ) { + for ( type in contents ) { + if ( contents[ type ] && contents[ type ].test( ct ) ) { + dataTypes.unshift( type ); + break; + } + } + } + + // Check to see if we have a response for the expected dataType + if ( dataTypes[ 0 ] in responses ) { + finalDataType = dataTypes[ 0 ]; + } else { + + // Try convertible dataTypes + for ( type in responses ) { + if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[ 0 ] ] ) { + finalDataType = type; + break; + } + if ( !firstDataType ) { + firstDataType = type; + } + } + + // Or just use first one + finalDataType = finalDataType || firstDataType; + } + + // If we found a dataType + // We add the dataType to the list if needed + // and return the corresponding response + if ( finalDataType ) { + if ( finalDataType !== dataTypes[ 0 ] ) { + dataTypes.unshift( finalDataType ); + } + return responses[ finalDataType ]; + } +} + +/* Chain conversions given the request and the original response + * Also sets the responseXXX fields on the jqXHR instance + */ +function ajaxConvert( s, response, jqXHR, isSuccess ) { + var conv2, current, conv, tmp, prev, + converters = {}, + + // Work with a copy of dataTypes in case we need to modify it for conversion + dataTypes = s.dataTypes.slice(); + + // Create converters map with lowercased keys + if ( dataTypes[ 1 ] ) { + for ( conv in s.converters ) { + converters[ conv.toLowerCase() ] = s.converters[ conv ]; + } + } + + current = dataTypes.shift(); + + // Convert to each sequential dataType + while ( current ) { + + if ( s.responseFields[ current ] ) { + jqXHR[ s.responseFields[ current ] ] = response; + } + + // Apply the dataFilter if provided + if ( !prev && isSuccess && s.dataFilter ) { + response = s.dataFilter( response, s.dataType ); + } + + prev = current; + current = dataTypes.shift(); + + if ( current ) { + + // There's only work to do if current dataType is non-auto + if ( current === "*" ) { + + current = prev; + + // Convert response if prev dataType is non-auto and differs from current + } else if ( prev !== "*" && prev !== current ) { + + // Seek a direct converter + conv = converters[ prev + " " + current ] || converters[ "* " + current ]; + + // If none found, seek a pair + if ( !conv ) { + for ( conv2 in converters ) { + + // If conv2 outputs current + tmp = conv2.split( " " ); + if ( tmp[ 1 ] === current ) { + + // If prev can be converted to accepted input + conv = converters[ prev + " " + tmp[ 0 ] ] || + converters[ "* " + tmp[ 0 ] ]; + if ( conv ) { + + // Condense equivalence converters + if ( conv === true ) { + conv = converters[ conv2 ]; + + // Otherwise, insert the intermediate dataType + } else if ( converters[ conv2 ] !== true ) { + current = tmp[ 0 ]; + dataTypes.unshift( tmp[ 1 ] ); + } + break; + } + } + } + } + + // Apply converter (if not an equivalence) + if ( conv !== true ) { + + // Unless errors are allowed to bubble, catch and return them + if ( conv && s.throws ) { + response = conv( response ); + } else { + try { + response = conv( response ); + } catch ( e ) { + return { + state: "parsererror", + error: conv ? e : "No conversion from " + prev + " to " + current + }; + } + } + } + } + } + } + + return { state: "success", data: response }; +} + +jQuery.extend( { + + // Counter for holding the number of active queries + active: 0, + + // Last-Modified header cache for next request + lastModified: {}, + etag: {}, + + ajaxSettings: { + url: location.href, + type: "GET", + isLocal: rlocalProtocol.test( location.protocol ), + global: true, + processData: true, + async: true, + contentType: "application/x-www-form-urlencoded; charset=UTF-8", + + /* + timeout: 0, + data: null, + dataType: null, + username: null, + password: null, + cache: null, + throws: false, + traditional: false, + headers: {}, + */ + + accepts: { + "*": allTypes, + text: "text/plain", + html: "text/html", + xml: "application/xml, text/xml", + json: "application/json, text/javascript" + }, + + contents: { + xml: /\bxml\b/, + html: /\bhtml/, + json: /\bjson\b/ + }, + + responseFields: { + xml: "responseXML", + text: "responseText", + json: "responseJSON" + }, + + // Data converters + // Keys separate source (or catchall "*") and destination types with a single space + converters: { + + // Convert anything to text + "* text": String, + + // Text to html (true = no transformation) + "text html": true, + + // Evaluate text as a json expression + "text json": JSON.parse, + + // Parse text as xml + "text xml": jQuery.parseXML + }, + + // For options that shouldn't be deep extended: + // you can add your own custom options here if + // and when you create one that shouldn't be + // deep extended (see ajaxExtend) + flatOptions: { + url: true, + context: true + } + }, + + // Creates a full fledged settings object into target + // with both ajaxSettings and settings fields. + // If target is omitted, writes into ajaxSettings. + ajaxSetup: function( target, settings ) { + return settings ? + + // Building a settings object + ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) : + + // Extending ajaxSettings + ajaxExtend( jQuery.ajaxSettings, target ); + }, + + ajaxPrefilter: addToPrefiltersOrTransports( prefilters ), + ajaxTransport: addToPrefiltersOrTransports( transports ), + + // Main method + ajax: function( url, options ) { + + // If url is an object, simulate pre-1.5 signature + if ( typeof url === "object" ) { + options = url; + url = undefined; + } + + // Force options to be an object + options = options || {}; + + var transport, + + // URL without anti-cache param + cacheURL, + + // Response headers + responseHeadersString, + responseHeaders, + + // timeout handle + timeoutTimer, + + // Url cleanup var + urlAnchor, + + // Request state (becomes false upon send and true upon completion) + completed, + + // To know if global events are to be dispatched + fireGlobals, + + // Loop variable + i, + + // uncached part of the url + uncached, + + // Create the final options object + s = jQuery.ajaxSetup( {}, options ), + + // Callbacks context + callbackContext = s.context || s, + + // Context for global events is callbackContext if it is a DOM node or jQuery collection + globalEventContext = s.context && + ( callbackContext.nodeType || callbackContext.jquery ) ? + jQuery( callbackContext ) : + jQuery.event, + + // Deferreds + deferred = jQuery.Deferred(), + completeDeferred = jQuery.Callbacks( "once memory" ), + + // Status-dependent callbacks + statusCode = s.statusCode || {}, + + // Headers (they are sent all at once) + requestHeaders = {}, + requestHeadersNames = {}, + + // Default abort message + strAbort = "canceled", + + // Fake xhr + jqXHR = { + readyState: 0, + + // Builds headers hashtable if needed + getResponseHeader: function( key ) { + var match; + if ( completed ) { + if ( !responseHeaders ) { + responseHeaders = {}; + while ( ( match = rheaders.exec( responseHeadersString ) ) ) { + responseHeaders[ match[ 1 ].toLowerCase() + " " ] = + ( responseHeaders[ match[ 1 ].toLowerCase() + " " ] || [] ) + .concat( match[ 2 ] ); + } + } + match = responseHeaders[ key.toLowerCase() + " " ]; + } + return match == null ? null : match.join( ", " ); + }, + + // Raw string + getAllResponseHeaders: function() { + return completed ? responseHeadersString : null; + }, + + // Caches the header + setRequestHeader: function( name, value ) { + if ( completed == null ) { + name = requestHeadersNames[ name.toLowerCase() ] = + requestHeadersNames[ name.toLowerCase() ] || name; + requestHeaders[ name ] = value; + } + return this; + }, + + // Overrides response content-type header + overrideMimeType: function( type ) { + if ( completed == null ) { + s.mimeType = type; + } + return this; + }, + + // Status-dependent callbacks + statusCode: function( map ) { + var code; + if ( map ) { + if ( completed ) { + + // Execute the appropriate callbacks + jqXHR.always( map[ jqXHR.status ] ); + } else { + + // Lazy-add the new callbacks in a way that preserves old ones + for ( code in map ) { + statusCode[ code ] = [ statusCode[ code ], map[ code ] ]; + } + } + } + return this; + }, + + // Cancel the request + abort: function( statusText ) { + var finalText = statusText || strAbort; + if ( transport ) { + transport.abort( finalText ); + } + done( 0, finalText ); + return this; + } + }; + + // Attach deferreds + deferred.promise( jqXHR ); + + // Add protocol if not provided (prefilters might expect it) + // Handle falsy url in the settings object (#10093: consistency with old signature) + // We also use the url parameter if available + s.url = ( ( url || s.url || location.href ) + "" ) + .replace( rprotocol, location.protocol + "//" ); + + // Alias method option to type as per ticket #12004 + s.type = options.method || options.type || s.method || s.type; + + // Extract dataTypes list + s.dataTypes = ( s.dataType || "*" ).toLowerCase().match( rnothtmlwhite ) || [ "" ]; + + // A cross-domain request is in order when the origin doesn't match the current origin. + if ( s.crossDomain == null ) { + urlAnchor = document.createElement( "a" ); + + // Support: IE <=8 - 11, Edge 12 - 15 + // IE throws exception on accessing the href property if url is malformed, + // e.g. http://example.com:80x/ + try { + urlAnchor.href = s.url; + + // Support: IE <=8 - 11 only + // Anchor's host property isn't correctly set when s.url is relative + urlAnchor.href = urlAnchor.href; + s.crossDomain = originAnchor.protocol + "//" + originAnchor.host !== + urlAnchor.protocol + "//" + urlAnchor.host; + } catch ( e ) { + + // If there is an error parsing the URL, assume it is crossDomain, + // it can be rejected by the transport if it is invalid + s.crossDomain = true; + } + } + + // Convert data if not already a string + if ( s.data && s.processData && typeof s.data !== "string" ) { + s.data = jQuery.param( s.data, s.traditional ); + } + + // Apply prefilters + inspectPrefiltersOrTransports( prefilters, s, options, jqXHR ); + + // If request was aborted inside a prefilter, stop there + if ( completed ) { + return jqXHR; + } + + // We can fire global events as of now if asked to + // Don't fire events if jQuery.event is undefined in an AMD-usage scenario (#15118) + fireGlobals = jQuery.event && s.global; + + // Watch for a new set of requests + if ( fireGlobals && jQuery.active++ === 0 ) { + jQuery.event.trigger( "ajaxStart" ); + } + + // Uppercase the type + s.type = s.type.toUpperCase(); + + // Determine if request has content + s.hasContent = !rnoContent.test( s.type ); + + // Save the URL in case we're toying with the If-Modified-Since + // and/or If-None-Match header later on + // Remove hash to simplify url manipulation + cacheURL = s.url.replace( rhash, "" ); + + // More options handling for requests with no content + if ( !s.hasContent ) { + + // Remember the hash so we can put it back + uncached = s.url.slice( cacheURL.length ); + + // If data is available and should be processed, append data to url + if ( s.data && ( s.processData || typeof s.data === "string" ) ) { + cacheURL += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data; + + // #9682: remove data so that it's not used in an eventual retry + delete s.data; + } + + // Add or update anti-cache param if needed + if ( s.cache === false ) { + cacheURL = cacheURL.replace( rantiCache, "$1" ); + uncached = ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ( nonce.guid++ ) + + uncached; + } + + // Put hash and anti-cache on the URL that will be requested (gh-1732) + s.url = cacheURL + uncached; + + // Change '%20' to '+' if this is encoded form body content (gh-2658) + } else if ( s.data && s.processData && + ( s.contentType || "" ).indexOf( "application/x-www-form-urlencoded" ) === 0 ) { + s.data = s.data.replace( r20, "+" ); + } + + // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. + if ( s.ifModified ) { + if ( jQuery.lastModified[ cacheURL ] ) { + jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] ); + } + if ( jQuery.etag[ cacheURL ] ) { + jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] ); + } + } + + // Set the correct header, if data is being sent + if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) { + jqXHR.setRequestHeader( "Content-Type", s.contentType ); + } + + // Set the Accepts header for the server, depending on the dataType + jqXHR.setRequestHeader( + "Accept", + s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[ 0 ] ] ? + s.accepts[ s.dataTypes[ 0 ] ] + + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) : + s.accepts[ "*" ] + ); + + // Check for headers option + for ( i in s.headers ) { + jqXHR.setRequestHeader( i, s.headers[ i ] ); + } + + // Allow custom headers/mimetypes and early abort + if ( s.beforeSend && + ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || completed ) ) { + + // Abort if not done already and return + return jqXHR.abort(); + } + + // Aborting is no longer a cancellation + strAbort = "abort"; + + // Install callbacks on deferreds + completeDeferred.add( s.complete ); + jqXHR.done( s.success ); + jqXHR.fail( s.error ); + + // Get transport + transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR ); + + // If no transport, we auto-abort + if ( !transport ) { + done( -1, "No Transport" ); + } else { + jqXHR.readyState = 1; + + // Send global event + if ( fireGlobals ) { + globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] ); + } + + // If request was aborted inside ajaxSend, stop there + if ( completed ) { + return jqXHR; + } + + // Timeout + if ( s.async && s.timeout > 0 ) { + timeoutTimer = window.setTimeout( function() { + jqXHR.abort( "timeout" ); + }, s.timeout ); + } + + try { + completed = false; + transport.send( requestHeaders, done ); + } catch ( e ) { + + // Rethrow post-completion exceptions + if ( completed ) { + throw e; + } + + // Propagate others as results + done( -1, e ); + } + } + + // Callback for when everything is done + function done( status, nativeStatusText, responses, headers ) { + var isSuccess, success, error, response, modified, + statusText = nativeStatusText; + + // Ignore repeat invocations + if ( completed ) { + return; + } + + completed = true; + + // Clear timeout if it exists + if ( timeoutTimer ) { + window.clearTimeout( timeoutTimer ); + } + + // Dereference transport for early garbage collection + // (no matter how long the jqXHR object will be used) + transport = undefined; + + // Cache response headers + responseHeadersString = headers || ""; + + // Set readyState + jqXHR.readyState = status > 0 ? 4 : 0; + + // Determine if successful + isSuccess = status >= 200 && status < 300 || status === 304; + + // Get response data + if ( responses ) { + response = ajaxHandleResponses( s, jqXHR, responses ); + } + + // Use a noop converter for missing script + if ( !isSuccess && jQuery.inArray( "script", s.dataTypes ) > -1 ) { + s.converters[ "text script" ] = function() {}; + } + + // Convert no matter what (that way responseXXX fields are always set) + response = ajaxConvert( s, response, jqXHR, isSuccess ); + + // If successful, handle type chaining + if ( isSuccess ) { + + // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. + if ( s.ifModified ) { + modified = jqXHR.getResponseHeader( "Last-Modified" ); + if ( modified ) { + jQuery.lastModified[ cacheURL ] = modified; + } + modified = jqXHR.getResponseHeader( "etag" ); + if ( modified ) { + jQuery.etag[ cacheURL ] = modified; + } + } + + // if no content + if ( status === 204 || s.type === "HEAD" ) { + statusText = "nocontent"; + + // if not modified + } else if ( status === 304 ) { + statusText = "notmodified"; + + // If we have data, let's convert it + } else { + statusText = response.state; + success = response.data; + error = response.error; + isSuccess = !error; + } + } else { + + // Extract error from statusText and normalize for non-aborts + error = statusText; + if ( status || !statusText ) { + statusText = "error"; + if ( status < 0 ) { + status = 0; + } + } + } + + // Set data for the fake xhr object + jqXHR.status = status; + jqXHR.statusText = ( nativeStatusText || statusText ) + ""; + + // Success/Error + if ( isSuccess ) { + deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] ); + } else { + deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] ); + } + + // Status-dependent callbacks + jqXHR.statusCode( statusCode ); + statusCode = undefined; + + if ( fireGlobals ) { + globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError", + [ jqXHR, s, isSuccess ? success : error ] ); + } + + // Complete + completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] ); + + if ( fireGlobals ) { + globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] ); + + // Handle the global AJAX counter + if ( !( --jQuery.active ) ) { + jQuery.event.trigger( "ajaxStop" ); + } + } + } + + return jqXHR; + }, + + getJSON: function( url, data, callback ) { + return jQuery.get( url, data, callback, "json" ); + }, + + getScript: function( url, callback ) { + return jQuery.get( url, undefined, callback, "script" ); + } +} ); + +jQuery.each( [ "get", "post" ], function( _i, method ) { + jQuery[ method ] = function( url, data, callback, type ) { + + // Shift arguments if data argument was omitted + if ( isFunction( data ) ) { + type = type || callback; + callback = data; + data = undefined; + } + + // The url can be an options object (which then must have .url) + return jQuery.ajax( jQuery.extend( { + url: url, + type: method, + dataType: type, + data: data, + success: callback + }, jQuery.isPlainObject( url ) && url ) ); + }; +} ); + +jQuery.ajaxPrefilter( function( s ) { + var i; + for ( i in s.headers ) { + if ( i.toLowerCase() === "content-type" ) { + s.contentType = s.headers[ i ] || ""; + } + } +} ); + + +jQuery._evalUrl = function( url, options, doc ) { + return jQuery.ajax( { + url: url, + + // Make this explicit, since user can override this through ajaxSetup (#11264) + type: "GET", + dataType: "script", + cache: true, + async: false, + global: false, + + // Only evaluate the response if it is successful (gh-4126) + // dataFilter is not invoked for failure responses, so using it instead + // of the default converter is kludgy but it works. + converters: { + "text script": function() {} + }, + dataFilter: function( response ) { + jQuery.globalEval( response, options, doc ); + } + } ); +}; + + +jQuery.fn.extend( { + wrapAll: function( html ) { + var wrap; + + if ( this[ 0 ] ) { + if ( isFunction( html ) ) { + html = html.call( this[ 0 ] ); + } + + // The elements to wrap the target around + wrap = jQuery( html, this[ 0 ].ownerDocument ).eq( 0 ).clone( true ); + + if ( this[ 0 ].parentNode ) { + wrap.insertBefore( this[ 0 ] ); + } + + wrap.map( function() { + var elem = this; + + while ( elem.firstElementChild ) { + elem = elem.firstElementChild; + } + + return elem; + } ).append( this ); + } + + return this; + }, + + wrapInner: function( html ) { + if ( isFunction( html ) ) { + return this.each( function( i ) { + jQuery( this ).wrapInner( html.call( this, i ) ); + } ); + } + + return this.each( function() { + var self = jQuery( this ), + contents = self.contents(); + + if ( contents.length ) { + contents.wrapAll( html ); + + } else { + self.append( html ); + } + } ); + }, + + wrap: function( html ) { + var htmlIsFunction = isFunction( html ); + + return this.each( function( i ) { + jQuery( this ).wrapAll( htmlIsFunction ? html.call( this, i ) : html ); + } ); + }, + + unwrap: function( selector ) { + this.parent( selector ).not( "body" ).each( function() { + jQuery( this ).replaceWith( this.childNodes ); + } ); + return this; + } +} ); + + +jQuery.expr.pseudos.hidden = function( elem ) { + return !jQuery.expr.pseudos.visible( elem ); +}; +jQuery.expr.pseudos.visible = function( elem ) { + return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length ); +}; + + + + +jQuery.ajaxSettings.xhr = function() { + try { + return new window.XMLHttpRequest(); + } catch ( e ) {} +}; + +var xhrSuccessStatus = { + + // File protocol always yields status code 0, assume 200 + 0: 200, + + // Support: IE <=9 only + // #1450: sometimes IE returns 1223 when it should be 204 + 1223: 204 + }, + xhrSupported = jQuery.ajaxSettings.xhr(); + +support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported ); +support.ajax = xhrSupported = !!xhrSupported; + +jQuery.ajaxTransport( function( options ) { + var callback, errorCallback; + + // Cross domain only allowed if supported through XMLHttpRequest + if ( support.cors || xhrSupported && !options.crossDomain ) { + return { + send: function( headers, complete ) { + var i, + xhr = options.xhr(); + + xhr.open( + options.type, + options.url, + options.async, + options.username, + options.password + ); + + // Apply custom fields if provided + if ( options.xhrFields ) { + for ( i in options.xhrFields ) { + xhr[ i ] = options.xhrFields[ i ]; + } + } + + // Override mime type if needed + if ( options.mimeType && xhr.overrideMimeType ) { + xhr.overrideMimeType( options.mimeType ); + } + + // X-Requested-With header + // For cross-domain requests, seeing as conditions for a preflight are + // akin to a jigsaw puzzle, we simply never set it to be sure. + // (it can always be set on a per-request basis or even using ajaxSetup) + // For same-domain requests, won't change header if already provided. + if ( !options.crossDomain && !headers[ "X-Requested-With" ] ) { + headers[ "X-Requested-With" ] = "XMLHttpRequest"; + } + + // Set headers + for ( i in headers ) { + xhr.setRequestHeader( i, headers[ i ] ); + } + + // Callback + callback = function( type ) { + return function() { + if ( callback ) { + callback = errorCallback = xhr.onload = + xhr.onerror = xhr.onabort = xhr.ontimeout = + xhr.onreadystatechange = null; + + if ( type === "abort" ) { + xhr.abort(); + } else if ( type === "error" ) { + + // Support: IE <=9 only + // On a manual native abort, IE9 throws + // errors on any property access that is not readyState + if ( typeof xhr.status !== "number" ) { + complete( 0, "error" ); + } else { + complete( + + // File: protocol always yields status 0; see #8605, #14207 + xhr.status, + xhr.statusText + ); + } + } else { + complete( + xhrSuccessStatus[ xhr.status ] || xhr.status, + xhr.statusText, + + // Support: IE <=9 only + // IE9 has no XHR2 but throws on binary (trac-11426) + // For XHR2 non-text, let the caller handle it (gh-2498) + ( xhr.responseType || "text" ) !== "text" || + typeof xhr.responseText !== "string" ? + { binary: xhr.response } : + { text: xhr.responseText }, + xhr.getAllResponseHeaders() + ); + } + } + }; + }; + + // Listen to events + xhr.onload = callback(); + errorCallback = xhr.onerror = xhr.ontimeout = callback( "error" ); + + // Support: IE 9 only + // Use onreadystatechange to replace onabort + // to handle uncaught aborts + if ( xhr.onabort !== undefined ) { + xhr.onabort = errorCallback; + } else { + xhr.onreadystatechange = function() { + + // Check readyState before timeout as it changes + if ( xhr.readyState === 4 ) { + + // Allow onerror to be called first, + // but that will not handle a native abort + // Also, save errorCallback to a variable + // as xhr.onerror cannot be accessed + window.setTimeout( function() { + if ( callback ) { + errorCallback(); + } + } ); + } + }; + } + + // Create the abort callback + callback = callback( "abort" ); + + try { + + // Do send the request (this may raise an exception) + xhr.send( options.hasContent && options.data || null ); + } catch ( e ) { + + // #14683: Only rethrow if this hasn't been notified as an error yet + if ( callback ) { + throw e; + } + } + }, + + abort: function() { + if ( callback ) { + callback(); + } + } + }; + } +} ); + + + + +// Prevent auto-execution of scripts when no explicit dataType was provided (See gh-2432) +jQuery.ajaxPrefilter( function( s ) { + if ( s.crossDomain ) { + s.contents.script = false; + } +} ); + +// Install script dataType +jQuery.ajaxSetup( { + accepts: { + script: "text/javascript, application/javascript, " + + "application/ecmascript, application/x-ecmascript" + }, + contents: { + script: /\b(?:java|ecma)script\b/ + }, + converters: { + "text script": function( text ) { + jQuery.globalEval( text ); + return text; + } + } +} ); + +// Handle cache's special case and crossDomain +jQuery.ajaxPrefilter( "script", function( s ) { + if ( s.cache === undefined ) { + s.cache = false; + } + if ( s.crossDomain ) { + s.type = "GET"; + } +} ); + +// Bind script tag hack transport +jQuery.ajaxTransport( "script", function( s ) { + + // This transport only deals with cross domain or forced-by-attrs requests + if ( s.crossDomain || s.scriptAttrs ) { + var script, callback; + return { + send: function( _, complete ) { + script = jQuery( "