{"version":3,"sources":["webpack:///./lib/ReactViews/Custom/Chart/lib/ReactViews/Custom/Chart/C:/github/terriajs/lib/Sass/common/_mixins.scss","webpack:///./lib/ReactViews/Custom/Chart/lib/ReactViews/Custom/Chart/C:/github/terriajs/lib/ReactViews/Custom/Chart/chart.scss","webpack:///./lib/ReactViews/Custom/Chart/chart.scss","webpack:///./lib/ReactViews/lib/ReactViews/C:/github/terriajs/lib/ReactViews/icon.scss","webpack:///./lib/ReactViews/icon.scss","webpack:///./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_buttons.scss","webpack:///./lib/Sass/common/_buttons.scss","webpack:///./lib/ReactViews/Custom/Collapsible/lib/ReactViews/Custom/Collapsible/C:/github/terriajs/lib/Sass/common/_mixins.scss","webpack:///./lib/ReactViews/Custom/Collapsible/collapsible.scss","webpack:///./lib/ReactViews/Custom/Collapsible/lib/ReactViews/Custom/Collapsible/C:/github/terriajs/lib/ReactViews/Custom/Collapsible/collapsible.scss","webpack:///./lib/ReactViews/Custom/Chart/lib/ReactViews/Custom/Chart/C:/github/terriajs/lib/ReactViews/Custom/Chart/chart-preview.scss","webpack:///./lib/ReactViews/Custom/Chart/chart-preview.scss","webpack:///./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_mixins.scss","webpack:///./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_base.scss","webpack:///./lib/Sass/common/_base.scss","webpack:///./lib/ReactViews/Generic/lib/ReactViews/Generic/C:/github/terriajs/lib/Sass/common/_mixins.scss","webpack:///./lib/ReactViews/Generic/lib/ReactViews/Generic/C:/github/terriajs/lib/ReactViews/Generic/dropdown.scss","webpack:///./lib/ReactViews/Generic/dropdown.scss","webpack:///./lib/ReactViews/Custom/Chart/lib/ReactViews/Custom/Chart/C:/github/terriajs/lib/ReactViews/Custom/Chart/chart-expand-and-download-buttons.scss","webpack:///./lib/ReactViews/Custom/Chart/chart-expand-and-download-buttons.scss","webpack:///./lib/ReactViews/DataCatalog/lib/ReactViews/DataCatalog/C:/github/terriajs/lib/Sass/common/_mixins.scss","webpack:///./lib/ReactViews/DataCatalog/lib/ReactViews/DataCatalog/C:/github/terriajs/lib/ReactViews/DataCatalog/data-catalog-item.scss","webpack:///./lib/ReactViews/DataCatalog/data-catalog-item.scss","webpack:///./lib/ReactViews/lib/ReactViews/C:/github/terriajs/lib/Sass/common/_mixins.scss","webpack:///./lib/ReactViews/lib/ReactViews/C:/github/terriajs/lib/ReactViews/loader.scss","webpack:///./lib/ReactViews/loader.scss","webpack:///./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_labels.scss","webpack:///./lib/Sass/common/_labels.scss","webpack:///./lib/ReactViews/DataCatalog/lib/ReactViews/DataCatalog/C:/github/terriajs/lib/ReactViews/DataCatalog/data-catalog-group.scss","webpack:///./lib/ReactViews/DataCatalog/data-catalog-group.scss","webpack:///./lib/ReactViews/Search/lib/ReactViews/Search/C:/github/terriajs/lib/ReactViews/Search/search-header.scss","webpack:///./lib/ReactViews/Search/search-header.scss","webpack:///./lib/ReactViews/DataCatalog/lib/ReactViews/DataCatalog/C:/github/terriajs/lib/ReactViews/DataCatalog/data-catalog.scss","webpack:///./lib/ReactViews/DataCatalog/data-catalog.scss","webpack:///./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_form.scss","webpack:///./lib/Sass/common/_form.scss","webpack:///./lib/ReactViews/Workbench/Controls/lib/ReactViews/Workbench/Controls/C:/github/terriajs/lib/ReactViews/Workbench/Controls/dimension-selector-section.scss","webpack:///./lib/ReactViews/Workbench/Controls/dimension-selector-section.scss","webpack:///./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/Sass/common/_mixins.scss","webpack:///./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/ReactViews/FeatureInfo/feature-info-panel.scss","webpack:///./lib/ReactViews/FeatureInfo/feature-info-panel.scss","webpack:///./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/ReactViews/FeatureInfo/feature-info-download.scss","webpack:///./lib/ReactViews/FeatureInfo/feature-info-download.scss","webpack:///./lib/ReactViews/FeatureInfo/feature-info-section.scss","webpack:///./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/ReactViews/FeatureInfo/feature-info-section.scss","webpack:///./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/ReactViews/FeatureInfo/feature-info-catalog-item.scss","webpack:///./lib/ReactViews/FeatureInfo/feature-info-catalog-item.scss","webpack:///./lib/ReactViews/Map/Navigation/lib/ReactViews/Map/Navigation/C:/github/terriajs/lib/Sass/common/_mixins.scss","webpack:///./lib/ReactViews/Map/Navigation/lib/ReactViews/Map/Navigation/C:/github/terriajs/lib/ReactViews/Map/Navigation/nav.scss","webpack:///./lib/ReactViews/Map/Navigation/tool_button.scss","webpack:///./lib/ReactViews/Map/Navigation/lib/ReactViews/Map/Navigation/C:/github/terriajs/lib/ReactViews/Map/Navigation/tool_button.scss","webpack:///./lib/ReactViews/BottomDock/Timeline/lib/ReactViews/BottomDock/Timeline/C:/github/terriajs/lib/ReactViews/BottomDock/Timeline/timeline-controls.scss","webpack:///./lib/ReactViews/BottomDock/Timeline/timeline-controls.scss","webpack:///./lib/ReactViews/BottomDock/Timeline/lib/ReactViews/BottomDock/Timeline/C:/github/terriajs/lib/Sass/common/_mixins.scss","webpack:///./lib/ReactViews/BottomDock/Timeline/lib/ReactViews/BottomDock/Timeline/C:/github/terriajs/lib/ReactViews/BottomDock/Timeline/timeline.scss","webpack:///./lib/ReactViews/BottomDock/Timeline/timeline.scss"],"names":[],"mappings":"6+GA0EA;;ACpEI;;EAEE;EACA;EACA;EACA;CCKL;;ADFG;EACE;EACA;EACA;EACA;CCKL;;ADnBD;EAkBM;EACA;EACA;CCKL;;ADFG;EACE;CCKL;;ADFG;EACE;CCKL;;ADjCD;EAgCM;EACA;EACA;EACA;EACA;EACA;EACA;CCKL;;ADFG;EACE;EACA;EACA;EACA;CCKL;;ADFG;EACE;EACA;EACA;CCKL;;ADAD;EACE;EACA;EACA;EACA;EACA;CCGD;;ADAG;EACE;EACA;EACA;EACA;CCGL;;ADfD;EAgBM;EACA;EACA;EACA;EACA;EACA;CCGL;;ADxBD;EAyBM;CCGL;;AD5BD;EA6BM;CCGL;;ADAG;EACE;CCGL;;ADpCD;EAqCM;CCGL;;ADxCD;EAyCM;EACA;CCGL;;ACzGD;EACE;CCCD;;ACED;EACE;EACA;CCCD;;ADED;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCCD;;ADdD;;EAgBI;EACA;EACA;EACA;CCGH;;ADCD;EACE;EACA;CCED;;ADCD;EACE;CCED;;ADHD;;EAGI;CCKH;;ADDD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCID;;ADbD;EAYI;EACA;CCKH;;ADlBD;;EAgBM;CCOL;;ADvBD;;EAoBI;CCQH;;ADJD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CCOD;;ADNC;EACE;CCSH;;ADlBD;EAYI;EACA;EACA;CCUH;;ADND;EACE;CCSD;;ADND;;EACE;EACA;EACA;CCUD;;ADbD;;;;EAMI;EACA;CCcH;;ADVD;EACE;EACA;EACA;EACA;EACA;CCaD;;ADXC;;EACE;EACA;CCeH;;ADXD;EACE;EACA;EACA;EACA;CCcD;;ADZC;;EACE;EACA;CCgBH;;ADZD;EACE;CCeD;;ADZD;EACE;CCeD;;ADZD;EAGE;EACA;EACA;EACA;CCaD;;ADTD;EACE;EAKA;EACA;EACA;CCQD;;ADdC;EAFF;IAGI;GCkBD;CACF;;ADtBD;EAUI;EACA;EACA;EAIA;EACA;EACA;CCaH;;ADlBG;EAbJ;IAcM;GCsBH;CACF;;ADjBC;EACE;EACA;EACA;CCoBH;;ADnBG;EAxBJ;IAyBM;GCuBH;CACF;;ADpBC;;EAEE;EACA;CCuBH;;ADtBG;;EACE;CC0BL;;ADpBD;EACE;EACA;EACA;CCuBD;;ADrBC;;EACE;CCyBH;;ADxBG;;EACE;CC4BL;;ADzBC;EACE;EACA;CC4BH;;AD9BC;EAII;CC8BL;;AD3BC;EACE;CC8BH;;ADxBD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CC2BD;;AD1BC;EACE;EACA;CC6BH;;ADxBD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CC2BD;;AD1BC;;;;EAIE;EACA;CC6BH;;AD3BC;EACE;EACA;EACA;EACA;CC8BH;;ADpDD;EA0BI;EACA;CC8BH;;ADxBD;EACE;EACA;EACA;EACA;EACA;CC2BD;;ADxBD;EACE;CC2BD;;AD5BD;EAGI;EACA;EACA;CC6BH;;ADxBD;;EACE;EACA;EACA;CC4BD;;ACxOD;;AAoCE;EAAmB;CClGpB;;ADkGC;EAAmB;CC9FpB;;AD8FC;EAAmB;CC1FpB;;ACbD;EAGE;EACA;EACA;CDgBD;;ACbD;CDiBC;;ACbD;EACC;CDgBA;;ARsCD;;AUvEA;EACE;CCQD;;ADLD;EACE;EACA;CCQD;;ADJG;EACE;CCOL;;ADHG;EACE;EACA;EACA;CCML;;ADHG;EACE;EACA;EACA;CCML;;ADAD;EACE;EACA;CCGD;;ACoCD;;AC7CA;;;ED8GE;CE7HD;;AFgID;EACE;IACE;GE7HD;CACF;;AFgID;ECnHA;IDqHI;GE7HD;CACF;;AFgID;EACE;IACE;GE7HD;CACF;;AFgID;EACE;IACE;GE7HD;CACF;;AFgID;ECzHA;ID2HI;GE7HD;CACF;;AFgID;EACE;IACE;GE7HD;CACF;;AFgID;EACE;CE7HD;;AF+HC;;EAEE;EACA;EACA;CE5HH;;ADtDD;EACE;EACA;EACA;CCyDD;;ADtDD;EACE;CCyDD;;ADtDD;EACE;EACA;EACA;EACA;EACA;CCyDD;;ADtDD;ED0GE;EACA;CEhDD;;AFiDC;EACE;CE9CH;;ADnCD;EACE;EACA;CCsCD;;ADnCD;EACE;EACA;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EACE;CCsCD;;ADnCD;EAEE;IACE;IACA;GCqCD;;EDlCD;IACE;IACA;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;;EDlCD;IACE;GCqCD;CACF;;ADjCD;EAEE;IACE;IACA;GCmCD;;EDhCD;IACE;IACA;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;;EDhCD;IACE;GCmCD;CACF;;AD/BD;EAEE;IACE;IACA;GCiCD;;ED9BD;IACE;IACA;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;;ED9BD;IACE;GCiCD;CACF;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;EACA;EACA;EACA;CCgCD;;AD7BD;EACE;IACE;IACA;IACA;IACA;GCgCD;CACF;;AD7BD;EACE;IACE;IACA;IACA;IACA;GCgCD;CACF;;AD7BD;EACE;IACE;IACA;IACA;IACA;GCgCD;CACF;;AD7BD;EACE;EACA;EACA;EACA;EACA;CCgCD;;AD3BD;EAYE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;CCkBD;;ADtCD;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCwCH;;AD1BD;EACE;IACE;IACA;IACA;GC6BD;;ED1BD;IACE;IACA;IACA;GC6BD;CACF;;AD1BD;EACE;CC6BD;;AD9BD;EAII;EAAa;EACb;EAAa;CCgChB;;ADrCD;EASI;CCgCH;;ADzCD;EAaI;CCgCH;;AD5BD;;;;;;EACE;EACA;EACA;EACA;EACA;CCoCD;;ADjCD;EACE;CCoCD;;ADjCD;EACE;CCoCD;;ADjCD;EACE;CCoCD;;ADjCD;EACE;CCoCD;;ADjCD;EACE;CCoCD;;ADjCD;EACE;CCoCD;;AC/dD;;ACvEA;EACE;CCQD;;ADLD;EDWK;EACE;EACD;EACJ;EACQ;EAnBN;EACA;EACA;EACA;EA6CA;EACA;EACA;EACA;EACA;ECzCF;EACA;EACA;EACA;EACA;EACA;CCiBD;;AD7BD;EAeI;CCkBH;;ADdD;CCoBC;;ADdD;EAKE;EACA;CCgBD;;ADdC;;EACE;CCkBH;;AD3BD;EAaI;CCkBH;;AjBWD;;AkBvEA;EACE;CCQD;;ADPC;EACE;CCUH;;ADPE;CCWF;;ADPC;EACE;EACA;EACA;CCUH;;ADbE;;EAMG;EACA;EACA;CCYL;;ADPD;EACE;EACA;EACA;CCUD;;ADPD;EACE;CCUD;;ADPD;EACE;EACA;CCUD;;ADPD;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;CCQD;;ADLD;CCSC;;ADLD;EAEE;EACA;EACA;EACA;CCQD;;ADbD;EAQI;EACA;CCSH;;ADNC;;EACE;CCUH;;ADND;EAIE;EACA;EACA;EACA;EACA;EACA;CCQD;;ADLD;EAIE;EACA;EACA;EACA;EACA;EACA;CCOD;;ADLC;EACE;EACA;CCQH;;ADLC;;EACE;CCSH;;ACtCD;;AChEA;ED2EG;EACD;EACA;EACA;CEzED;;ADZD;EAEE;EACA;EACA;CCeD;;ADZD;EACE;EAGA;EACA;EACA;CCcD;;ADpBD;;EASI;CCgBH;;ADfG;;EACE;CCmBL;;ADfC;EACE;EACA;CCkBH;;ADpBE;EAIG;CCoBL;;ADhBC;EAvBF;IAwBI;IACA;IACA;IACA;GCoBD;CACF;;ADjBD;EAGE;EACA;EACA;EACA;CCmBD;;ADjBC;EARF;IASI;GCqBD;CACF;;AD/BD;EAaI;EACA;EACA;EACA;CCsBH;;ADtCD;;EAqBM;CCsBL;;ADTE;EACC;EACA;CCYH;;ADdE;EAIG;CCcL;;ACnBD;;ACvEA;EACE;EACA;EACA;EACA;CCQD;;ADPC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCUH;;ADzBD;EAkBI;EACA;CCWH;;ADPD;EACE;IACE;IACQ;GCUT;;EDRD;IACE;IACQ;GCWT;CACF;;ADRD;EACE;IACE;IACQ;GCWT;;EDTD;IACE;IACQ;GCYT;CACF;;ACvDD;EACE;EACA;EACA;EACA;EACA;CCGD;;ADAD;EACE;EACA;CCGD;;AP2DD;;AQvEA;EACE;EACA;CCQD;;ADLD;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;CCOD;;ADLC;EACE;CCQH;;ADNC;EAdF;IAeI;IACA;IACA;IACA;GCUD;CACF;;AD7BD;;EAsBI;EACA;CCYH;;ADRD;EACE;EACA;EACA;CCWD;;ADRD;EACE;EACA;CCWD;;ADPD;EACE;EACA;EACA;EACA;CCUD;;ADdD;EAMI;EACA;EACA;CCYH;;ADVC;EAVF;IAWI;GCcD;;EDbC;IACE;IACA;GCgBH;CACF;;ADZD;EACE;EACA;EACA;CCeD;;ADlBD;EAKI;EACA;EACA;EACA;CCiBH;;ADfC;EAVF;IAWI;IACA;GCmBD;;ED/BH;IAcM;IACA;GCqBH;CACF;;ADjBD;EAEE;EACA;CCoBD;;ADnBE;EACC;EACA;CCsBH;;ADlBD;EAEE;CCqBD;;ADlBD;CCsBC;;ACzHD;EAEE;EACA;CCGD;;AXkED;;AYvEA;EAIE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;CCMD;;ADJC;EAfF;IAgBI;IACA;IACA;GCQD;CACF;;ADLD;EAEE;CCQD;;AChCD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCED;;ADCD;;;;;;;;;;;;;EAaE;EACA;EACA;EACA;EACA;EACA;CCED;;ADCD;EAEE;EACA;EACA;EACA;EACA;CCED;;ADCD;;EAEE;EACA;EACA;CCED;;ADCD;;EAEE;EACA;CCED;;ADCD;;EAEE;CCED;;AC7DD;EACE;CCGD;;ADFC;EACE;CCKH;;ADDD;EACE;EACA;EACA;EACA;CCID;;ADDD;EAEE;CCID;;ACoDD;;ACtEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCOD;;ADLC;EACE;CCQH;;ADvBD;ED+HE;EACA;CEpGD;;AFqGC;EACE;CElGH;;ADHC;EA7BF;IA8BI;IACA;GCOD;CACF;;ADLC;EAlCF;IAmCI;IACA;GCSD;CACF;;ADND;EAEI;CCQH;;ADJD;EACE;CCOD;;ADJD;EACE;EACA;EACA;CCOD;;ADJD;EAEE;EACA;EACA;CCOD;;ADJD;EAEE;EACA;EACA;CCOD;;ADJD;EACE;EACA;EACA;CCOD;;ADJD;EAgBE;EACA;EACA;EACA;CCPD;;ADPG;;EACE;CCWL;;ADjBD;EAUI;EACA;EACA;EACA;EACA;CCWH;;ADHD;CCOC;;ADHD;EAIE;EACA;EACA;EACA;CCKD;;ADFD;EACE;EACA;EACA;EACA;CCKD;;ADFD;EAEE;EACA;CCKD;;ADRD;EAOM;CCKL;;ADFC;EACE;EACA;EACA;CCKH;;ADDD;CCKC;;ADFC;EACE;CCKH;;AF3ED;;AGvEA;EACE;EACA;CCQD;;ADLD;CCUC;;ADLD;EACE;EACA;CCQD;;ADPC;EACE;EACA;EACA;CCUH;;ADND;EACE;CCSD;;ADQD;CCJC;;AJqCD;;AAwGA;EACE;CKvKD;;ACsBD;;ENqJI;EACA;EACA;CKtKH;;AL2FC;EAAmB;CKvFpB;;ACnBD;EAEE;EACA;CDsBD;;ACnBD;EAEE;EACA;EACA;EACA;EACA;EACA;CDsBD;;AC7BD;EASI;EACA;EACA;CDwBH;;ACnCD;EAcI;EACA;EACA;EACA;EACA;EACA;EACA;CDyBH;;ACrBD;EACE;EACA;CDwBD;;AC1BD;EAOI;EACA;EAIA;CDoBH;;AChCD;EAgBI;EACA;EACA;EACA;CDoBH;;ACVD;EAKE;EACA;EAEA;EACA;EACA;CDWD;;AE/ED;CCCC;;ADGD;EACE;EACA;EACA;CCAD;;AR8DD;;ACtEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCOD;;ADLC;EACE;CCQH;;ADvBD;ED+HE;EACA;CEpGD;;AFqGC;EACE;CElGH;;ADHC;EA7BF;IA8BI;IACA;GCOD;CACF;;ADLC;EAlCF;IAmCI;IACA;GCSD;CACF;;ADND;EAEI;CCQH;;ADJD;EACE;CCOD;;ADJD;EACE;EACA;EACA;CCOD;;ADJD;EAEE;EACA;EACA;CCOD;;ADJD;EAEE;EACA;EACA;CCOD;;ADJD;EACE;EACA;EACA;CCOD;;ADJD;EAgBE;EACA;EACA;EACA;CCPD;;ADPG;;EACE;CCWL;;ADjBD;EAUI;EACA;EACA;EACA;EACA;CCWH;;ADHD;CCOC;;ADHD;EAIE;EACA;EACA;EACA;CCKD;;ADFD;EACE;EACA;EACA;EACA;CCKD;;ADFD;EAEE;EACA;CCKD;;ADRD;EAOM;CCKL;;ADFC;EACE;EACA;EACA;CCKH;;ADDD;CCKC;;ADFC;EACE;CCKH;;AO3ED;;AAAA;;ACvEA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCmBD;;AD7BD;;;EAaI;EACA;EACA;EACA;CCsBH;;ADnBC;EAnBF;;;IAoBI;IACA;GCyBD;;ED9CH;;;IAwBM;IACA;GC4BH;CACF;;ADxBD;EAEE;CC0BD;;AD5BD;EAKI;CC2BH;;ADhCD;EAQO;CC4BN;;ADpCD;;EAaI;CC4BH;;ADrBC;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;CCsBH;;ADlBD;EACE;IAAK;GCsBJ;;EDrBD;IAAM;GCyBL;;EDxBD;IAAO;GC4BN;CACF;;AD1BD;EACE;IAAK;GC8BJ;;ED7BD;IAAM;GCiCL;;EDhCD;IAAO;GCoCN;CACF;;ADlCD;EACE;IAAK;GCsCJ;;EDrCD;IAAM;GCyCL;;EDxCD;IAAO;GC4CN;CACF;;AC/HD;EACE;CDkID;;AErID;EACE;EACA;EACA;CCGD;;ADAD;EACE;EACA;CCID;;ADND;EAKI;EACA;EACA;CCKH;;ADZD;EAYM;CCIL;;ACkDD;;ACvEA;EACE;EACA;EACA;EACA;EACA;EACA;CCQD;;ADLD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCQD;;ADLD;EACE;CCQD;;ADLD;EACE;CCQD;;ADLD;EACE;CCQD;;ADLD;EACE;CCQD;;ADTD;EAGI;CCUH;;ADND;EACE;EACA;EACA;EACA;CCSD;;ADND;EAEE;CCSD;;ADND;EACE;EACA;EACA;EACA;CCSD;;ADND;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCSD;;ADnBD;EAaI;EACA;CCUH;;ADND;EACE;EACA;CCSD;;ADND;;EAGE;EACA;EACA;CCUD;;ADfD;;EAQI;EACA;EACA;EACA;EACA;CCYH;;ADTC;;;;EACE;CCeH;;ADXD;EACE;EACA;CCcD;;ADXD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CCcD;;ADrBD;EASI;EACA;EACA;EACA;CCgBH;;ADZD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCeD;;ADZD;EACE;EACA;CCgBD;;ADZD;EACE;EACA;CCeD;;ADXD;EACE;EACA;CCcD;;ADXD;EACE;EACA;EACA;EACA;EACA;CCcD;;ADXD;;EACE;EACA;EACA;CCeD;;ADZD;;EACE;EACA;EACA;EACA;EACA;CCgBD;;ADbD;EACE;CCgBD;;ADZD;EACE;CCeD;;ADZD;EACE;EACA;CCeD;;ADZD;EACE;EACA;EACA;CCeD;;ADTD;EACE;CCYD;;ADLD;;EAGE;EACA;CCSD;;ADND;EACE;EACA;CCSD","file":"nationalmap.css","sourcesContent":["@import '~terriajs-variables';\r\n\r\n@mixin transition($transition...) {\r\n    -moz-transition:    $transition;\r\n    -o-transition:      $transition;\r\n    -webkit-transition: $transition;\r\n    transition:         $transition;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {@content}\r\n  &:-moz-placeholder {@content}\r\n  &::-moz-placeholder {@content}\r\n  &:-ms-input-placeholder {@content}\r\n}\r\n\r\n\r\n@mixin transform($transforms) {\r\n     -moz-transform: $transforms;\r\n       -o-transform: $transforms;\r\n      -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n   @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n       -o-transform-origin: $origin;\r\n      -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin, $origin2) {\r\n    moz-transform-origin: $origin $origin2;\r\n    -o-transform-origin: $origin $origin2;\r\n    -ms-transform-origin: $origin $origin2;\r\n    -webkit-transform-origin: $origin $origin2;\r\n    transform-origin: $origin $origin2;\r\n}\r\n\r\n@mixin icon-font($content){\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n    font-family: 'icomoon' !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n\r\n    /* Better Font Rendering =========== */\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap{\r\n   /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap{\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url{\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} { /*!*/ }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary;  // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color)\r\n  }\r\n}\r\n\r\n%sm-show, %md-show, %lg-show {\r\n  display: none !important\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Chart/lib/ReactViews/Custom/Chart/C:/github/terriajs/lib/Sass/common/_mixins.scss","@import '~terriajs-variables';\r\n@import '../../../Sass/common/mixins';\r\n\r\n// D3 Axis\r\n.chart {\r\n  :global {\r\n    .line-chart .axis path,\r\n    .line-chart .axis line {\r\n      fill: none;\r\n      stroke: none; // Hide the axes if the chart is outside the chart panel.\r\n      stroke-width: 1px;\r\n      shape-rendering: crispEdges;\r\n    }\r\n\r\n    .line-chart .selection circle {\r\n      fill: white;\r\n      stroke: white;\r\n      stroke-width: 1;\r\n      opacity: 0.65;\r\n    }\r\n\r\n    .line-chart .selection line {\r\n      stroke: white;\r\n      opacity: 0.65;\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .line-chart .plot-area {\r\n      fill: none;\r\n    }\r\n\r\n    .line-chart path.line {\r\n      stroke-width: 2;\r\n    }\r\n\r\n    .linechart-title {\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n      position: absolute;\r\n      text-align: center;\r\n      overflow: hidden;\r\n      height: 18px\r\n    }\r\n\r\n    .linechart-title .color {\r\n      display: inline-block;\r\n      width: 16px;\r\n      height: 2px;\r\n      margin: 0 5px 4px 7px;\r\n    }\r\n\r\n    .linechart-title .name {\r\n      margin-right: 7px;\r\n      font-family: monospace;\r\n      font-size: 110%;\r\n    }\r\n  }\r\n}\r\n\r\n.tool-tip {\r\n  color: $text-light;\r\n  z-index: 10;\r\n  background-color: $chart-darker;\r\n  padding: 5px 5px 10px 10px;\r\n  font-family: monospace;\r\n\r\n  :global {\r\n    table {\r\n      border-collapse: collapse;\r\n      border-spacing: 0;\r\n      max-width: 100%;\r\n      width: 100%;\r\n    }\r\n\r\n    .color {\r\n      width: 16px;\r\n      height: 2px;\r\n      margin: 0 0 4px 0;\r\n      display: inline-block;\r\n      margin-right: 11px;\r\n      margin-left: -5px;\r\n    }\r\n\r\n    .value {\r\n      min-width: 80px;\r\n    }\r\n\r\n    p {\r\n      margin: 1px 0;\r\n    }\r\n\r\n    .x-value {\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .category-name {\r\n      margin-top: 5px;\r\n    }\r\n\r\n    td {\r\n      padding-top: 2px;\r\n      padding-bottom: 2px;\r\n    }\r\n  }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Chart/lib/ReactViews/Custom/Chart/C:/github/terriajs/lib/ReactViews/Custom/Chart/chart.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.chart :global .line-chart .axis path,\n.chart :global .line-chart .axis line {\n  fill: none;\n  stroke: none;\n  stroke-width: 1px;\n  shape-rendering: crispEdges;\n}\n\n.chart :global .line-chart .selection circle {\n  fill: white;\n  stroke: white;\n  stroke-width: 1;\n  opacity: 0.65;\n}\n\n.chart :global .line-chart .selection line {\n  stroke: white;\n  opacity: 0.65;\n  stroke-width: 1;\n}\n\n.chart :global .line-chart .plot-area {\n  fill: none;\n}\n\n.chart :global .line-chart path.line {\n  stroke-width: 2;\n}\n\n.chart :global .linechart-title {\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  position: absolute;\n  text-align: center;\n  overflow: hidden;\n  height: 18px;\n}\n\n.chart :global .linechart-title .color {\n  display: inline-block;\n  width: 16px;\n  height: 2px;\n  margin: 0 5px 4px 7px;\n}\n\n.chart :global .linechart-title .name {\n  margin-right: 7px;\n  font-family: monospace;\n  font-size: 110%;\n}\n\n.tool-tip {\n  color: #FFFFFF;\n  z-index: 10;\n  background-color: #2e343d;\n  padding: 5px 5px 10px 10px;\n  font-family: monospace;\n}\n\n.tool-tip :global table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  max-width: 100%;\n  width: 100%;\n}\n\n.tool-tip :global .color {\n  width: 16px;\n  height: 2px;\n  margin: 0 0 4px 0;\n  display: inline-block;\n  margin-right: 11px;\n  margin-left: -5px;\n}\n\n.tool-tip :global .value {\n  min-width: 80px;\n}\n\n.tool-tip :global p {\n  margin: 1px 0;\n}\n\n.tool-tip :global .x-value {\n  margin-bottom: 10px;\n}\n\n.tool-tip :global .category-name {\n  margin-top: 5px;\n}\n\n.tool-tip :global td {\n  padding-top: 2px;\n  padding-bottom: 2px;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Chart/chart.scss",".svg {\r\n  display: block;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/lib/ReactViews/C:/github/terriajs/lib/ReactViews/icon.scss",".svg {\n  display: block;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/icon.scss","@import '~terriajs-variables';\r\n\r\n$btn-setting-size: 35px;\r\n\r\n::-moz-focus-inner {\r\n  border: 0;\r\n  padding: 0;\r\n}\r\n\r\n.btn {\r\n  background-color: transparent;\r\n  margin: 0;\r\n  border: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  font-weight: $font-weight-normal;\r\n  box-shadow: none;\r\n  text-align: left;\r\n  cursor: pointer;\r\n  line-height: $btn-default-line-height;\r\n  text-decoration: none;\r\n  font-size: $font-size-button;\r\n  font-family: $font-base;\r\n\r\n  &:focus, &:hover {\r\n    box-shadow: none;\r\n    border-color: transparent;\r\n    outline: none;\r\n    opacity: 0.9;\r\n  }\r\n}\r\n\r\n.btn-transparent {\r\n  background: transparent;\r\n  margin: 0;\r\n}\r\n\r\n.btn-small {\r\n  padding: 0;\r\n  &:hover, &:focus {\r\n    color: $color-primary;\r\n  }\r\n}\r\n\r\n.btn-primary {\r\n  display: block;\r\n  background: $color-primary;\r\n  font-family: $font-pop;\r\n  color: $text-light;\r\n  text-align: center;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  border-radius: $radius-small;\r\n  padding: $padding;\r\n\r\n  &:disabled {\r\n    background: $color-primary-disabled !important;\r\n    cursor: not-allowed;\r\n\r\n    &:hover, &--hover {\r\n      background: $color-primary-disabled !important;\r\n    }\r\n  }\r\n  &:hover, &--hover {\r\n    background: get-hover-color($color-primary);\r\n  }\r\n}\r\n\r\n.btn-grey {\r\n  padding: 0;\r\n  font-size: $font-size-mini;\r\n  text-align: center;\r\n  width: 100%;\r\n  line-height: 4;\r\n  background: rgba(#fff, 0.15);\r\n  border: 1px solid transparent;\r\n  &:hover {\r\n    border: $border-style;\r\n  }\r\n  &.is-active {\r\n    background: $color-primary;\r\n    border-color: $color-primary;\r\n    color: $text-light;\r\n  }\r\n}\r\n\r\n.btn--add-to-map {\r\n  color: $color-primary;\r\n}\r\n\r\n.btn--secondary {\r\n  color: $color-primary;\r\n  border: 2px solid $color-primary;\r\n  border-radius: 4px;\r\n\r\n  &:hover, &:focus {\r\n    border: 2px solid get-hover-color($color-primary);\r\n    color: get-hover-color($color-primary);\r\n  }\r\n}\r\n\r\n.btn--tertiary {\r\n  background-color: $modal-bg;\r\n  color: $modal-text;\r\n  border: 2px solid $modal-text;\r\n  border-radius: 4px;\r\n  padding: 8px 10px;\r\n\r\n  &:hover, &:focus {\r\n    border: 2px solid $color-primary;\r\n    color: $color-primary;\r\n  }\r\n}\r\n\r\n.btn--tertiary-dark {\r\n  color: $text-light;\r\n  border: 1px solid rgba(255, 255, 255, 0.6);\r\n  border-radius: 4px;\r\n  padding: 8px 10px;\r\n\r\n  &:hover, &:focus {\r\n    border: 1px solid $color-primary;\r\n    color: $color-primary;\r\n  }\r\n}\r\n\r\n.btn--remove-from-map {\r\n  color: $color-primary;\r\n}\r\n\r\n.btn--loading-on-map {\r\n  color: $color-primary;\r\n}\r\n\r\n.btn--close-modal {\r\n  @extend .btn--secondary;\r\n\r\n  font-size: $font-size-small;\r\n  padding: 4px 10px;\r\n  margin: 5px;\r\n  font-weight: bold;\r\n}\r\n\r\n\r\n.btn--catalog {\r\n  padding: $padding 30px+$padding;\r\n  @media (min-width: $sm){\r\n    padding: $padding-small 30px+$padding;\r\n  }\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  font-weight: bold;\r\n  .btn--group-indicator {\r\n    position: absolute;\r\n    left: 0;\r\n    padding: $padding $padding*2.2 $padding $padding*1.5;\r\n    @media (min-width: $sm){\r\n      padding: $padding-small $padding*2.2 $padding-small $padding*1.5;\r\n    }\r\n    top: 0;\r\n    font-size: $font-size-mid-large;\r\n    opacity: 0.5;\r\n  }\r\n  &:before {\r\n    position: absolute;\r\n    right: 5px;\r\n    top: $padding;\r\n    @media (min-width: $sm){\r\n      top: $padding-small;\r\n    }\r\n\r\n  }\r\n  &:hover,\r\n  &:focus {\r\n    background: $modal-highlight;\r\n    color: $text-light;\r\n    .btn--group-indicator {\r\n      color: $text-light;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.btn--catalog-item {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: $padding-small $padding*2.2 $padding-small $padding*1.5;\r\n\r\n  &:focus, &:hover {\r\n    color: $modal-highlight;\r\n    &:before {\r\n      opacity: 1;\r\n    }\r\n  }\r\n  .is-previewed & {\r\n    color: $modal-highlight;\r\n    font-weight: $font-weight-bold;\r\n    &:before {\r\n      opacity: 1;\r\n    }\r\n  }\r\n  &.is-active {\r\n    color: $modal-highlight;\r\n  }\r\n}\r\n\r\n\r\n\r\n.btn.btn--tab {\r\n  border-right: 1px solid $modal-border;\r\n  font-family: $font-pop;\r\n  background: $modal-bg;\r\n  color: $modal-text;\r\n  font-size: $font-size-base;\r\n  padding: $padding $padding*2;\r\n  border-bottom: 2px solid transparent;\r\n  li[aria-selected='true'] & {\r\n    background: #fff;\r\n    color: $modal-highlight;\r\n  }\r\n}\r\n\r\n\r\n.btn--map {\r\n  font-size: $font-size-small;\r\n  padding: 5px;\r\n  color: $text-light;\r\n  display: block;\r\n  min-height: 28px;\r\n  font-family: $font-pop;\r\n  opacity: 0.95;\r\n  background-color: $charcoal-grey;\r\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);\r\n  line-height: 1.3;\r\n  &:hover,\r\n  &:focus,\r\n  .is-open &,\r\n  &.is-active {\r\n    background: $color-primary;\r\n    text-decoration: none;\r\n  }\r\n  svg{\r\n    height: 15px;\r\n    width: 15px;\r\n    fill: $text-light;\r\n    display: inline-block;\r\n  }\r\n\r\n  span{\r\n    vertical-align: top;\r\n    margin: 0 5px;\r\n  }\r\n}\r\n\r\n\r\n\r\n.btn--search-clear {\r\n  padding: 0;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  padding: 12px;\r\n}\r\n\r\n.btn--radio {\r\n  padding: $padding-small;\r\n  &:before {\r\n    color: $color-primary;\r\n    display: inline-block;\r\n    padding: $padding-small $padding-small $padding-small 0;\r\n  }\r\n}\r\n\r\n//FIXME\r\n.btn--small, ._buttons__btn-primary.btn--small {\r\n  padding: 4px 9px;\r\n  margin-right: 4px;\r\n  font-size: $font-size-small;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_buttons.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n.btn {\n  background-color: transparent;\n  margin: 0;\n  border: 0;\n  padding: 0;\n  box-sizing: border-box;\n  font-weight: 400;\n  box-shadow: none;\n  text-align: left;\n  cursor: pointer;\n  line-height: 20px;\n  text-decoration: none;\n  font-size: 0.85rem;\n  font-family: \"Open Sans\", sans-serif;\n}\n\n.btn:focus,\n.btn:hover {\n  box-shadow: none;\n  border-color: transparent;\n  outline: none;\n  opacity: 0.9;\n}\n\n.btn-transparent {\n  background: transparent;\n  margin: 0;\n}\n\n.btn-small {\n  padding: 0;\n}\n\n.btn-small:hover,\n.btn-small:focus {\n  color: #08ABD5;\n}\n\n.btn-primary {\n  display: block;\n  background: #08ABD5;\n  font-family: \"Open Sans\", sans-serif;\n  color: #FFFFFF;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box;\n  border-radius: 2px;\n  padding: 10px;\n}\n\n.btn-primary:disabled {\n  background: #595B60 !important;\n  cursor: not-allowed;\n}\n\n.btn-primary:disabled:hover,\n.btn-primary:disabled--hover {\n  background: #595B60 !important;\n}\n\n.btn-primary:hover,\n.btn-primary--hover {\n  background: #1ac9f6;\n}\n\n.btn-grey {\n  padding: 0;\n  font-size: 0.625rem;\n  text-align: center;\n  width: 100%;\n  line-height: 4;\n  background: rgba(255, 255, 255, 0.15);\n  border: 1px solid transparent;\n}\n\n.btn-grey:hover {\n  border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.btn-grey.is-active {\n  background: #08ABD5;\n  border-color: #08ABD5;\n  color: #FFFFFF;\n}\n\n.btn--add-to-map {\n  color: #08ABD5;\n}\n\n.btn--secondary,\n.btn--close-modal {\n  color: #08ABD5;\n  border: 2px solid #08ABD5;\n  border-radius: 4px;\n}\n\n.btn--secondary:hover,\n.btn--close-modal:hover,\n.btn--secondary:focus,\n.btn--close-modal:focus {\n  border: 2px solid #1ac9f6;\n  color: #1ac9f6;\n}\n\n.btn--tertiary {\n  background-color: #fff;\n  color: #000;\n  border: 2px solid #000;\n  border-radius: 4px;\n  padding: 8px 10px;\n}\n\n.btn--tertiary:hover,\n.btn--tertiary:focus {\n  border: 2px solid #08ABD5;\n  color: #08ABD5;\n}\n\n.btn--tertiary-dark {\n  color: #FFFFFF;\n  border: 1px solid rgba(255, 255, 255, 0.6);\n  border-radius: 4px;\n  padding: 8px 10px;\n}\n\n.btn--tertiary-dark:hover,\n.btn--tertiary-dark:focus {\n  border: 1px solid #08ABD5;\n  color: #08ABD5;\n}\n\n.btn--remove-from-map {\n  color: #08ABD5;\n}\n\n.btn--loading-on-map {\n  color: #08ABD5;\n}\n\n.btn--close-modal {\n  font-size: 0.8125rem;\n  padding: 4px 10px;\n  margin: 5px;\n  font-weight: bold;\n}\n\n.btn--catalog {\n  padding: 10px 40px;\n  position: relative;\n  width: 100%;\n  font-weight: bold;\n}\n\n@media (min-width: 768px) {\n  .btn--catalog {\n    padding: 5px 40px;\n  }\n}\n\n.btn--catalog .btn--group-indicator {\n  position: absolute;\n  left: 0;\n  padding: 10px 22px 10px 15px;\n  top: 0;\n  font-size: 1.1rem;\n  opacity: 0.5;\n}\n\n@media (min-width: 768px) {\n  .btn--catalog .btn--group-indicator {\n    padding: 5px 22px 5px 15px;\n  }\n}\n\n.btn--catalog:before {\n  position: absolute;\n  right: 5px;\n  top: 10px;\n}\n\n@media (min-width: 768px) {\n  .btn--catalog:before {\n    top: 5px;\n  }\n}\n\n.btn--catalog:hover,\n.btn--catalog:focus {\n  background: #08ABD5;\n  color: #FFFFFF;\n}\n\n.btn--catalog:hover .btn--group-indicator,\n.btn--catalog:focus .btn--group-indicator {\n  color: #FFFFFF;\n}\n\n.btn--catalog-item {\n  position: relative;\n  width: 100%;\n  padding: 5px 22px 5px 15px;\n}\n\n.btn--catalog-item:focus,\n.btn--catalog-item:hover {\n  color: #08ABD5;\n}\n\n.btn--catalog-item:focus:before,\n.btn--catalog-item:hover:before {\n  opacity: 1;\n}\n\n.is-previewed .btn--catalog-item {\n  color: #08ABD5;\n  font-weight: 600;\n}\n\n.is-previewed .btn--catalog-item:before {\n  opacity: 1;\n}\n\n.btn--catalog-item.is-active {\n  color: #08ABD5;\n}\n\n.btn.btn--tab {\n  border-right: 1px solid #ddd;\n  font-family: \"Open Sans\", sans-serif;\n  background: #fff;\n  color: #000;\n  font-size: 1rem;\n  padding: 10px 20px;\n  border-bottom: 2px solid transparent;\n}\n\nli[aria-selected='true'] .btn.btn--tab {\n  background: #fff;\n  color: #08ABD5;\n}\n\n.btn--map {\n  font-size: 0.8125rem;\n  padding: 5px;\n  color: #FFFFFF;\n  display: block;\n  min-height: 28px;\n  font-family: \"Open Sans\", sans-serif;\n  opacity: 0.95;\n  background-color: #3f4854;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);\n  line-height: 1.3;\n}\n\n.btn--map:hover,\n.btn--map:focus,\n.is-open .btn--map,\n.btn--map.is-active {\n  background: #08ABD5;\n  text-decoration: none;\n}\n\n.btn--map svg {\n  height: 15px;\n  width: 15px;\n  fill: #FFFFFF;\n  display: inline-block;\n}\n\n.btn--map span {\n  vertical-align: top;\n  margin: 0 5px;\n}\n\n.btn--search-clear {\n  padding: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  padding: 12px;\n}\n\n.btn--radio {\n  padding: 5px;\n}\n\n.btn--radio:before {\n  color: #08ABD5;\n  display: inline-block;\n  padding: 5px 5px 5px 0;\n}\n\n.btn--small,\n._buttons__btn-primary.btn--small {\n  padding: 4px 9px;\n  margin-right: 4px;\n  font-size: 0.8125rem;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/Sass/common/_buttons.scss","@import '~terriajs-variables';\r\n\r\n@mixin transition($transition...) {\r\n    -moz-transition:    $transition;\r\n    -o-transition:      $transition;\r\n    -webkit-transition: $transition;\r\n    transition:         $transition;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {@content}\r\n  &:-moz-placeholder {@content}\r\n  &::-moz-placeholder {@content}\r\n  &:-ms-input-placeholder {@content}\r\n}\r\n\r\n\r\n@mixin transform($transforms) {\r\n     -moz-transform: $transforms;\r\n       -o-transform: $transforms;\r\n      -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n   @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n       -o-transform-origin: $origin;\r\n      -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin, $origin2) {\r\n    moz-transform-origin: $origin $origin2;\r\n    -o-transform-origin: $origin $origin2;\r\n    -ms-transform-origin: $origin $origin2;\r\n    -webkit-transform-origin: $origin $origin2;\r\n    transform-origin: $origin $origin2;\r\n}\r\n\r\n@mixin icon-font($content){\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n    font-family: 'icomoon' !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n\r\n    /* Better Font Rendering =========== */\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap{\r\n   /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap{\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url{\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} { /*!*/ }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary;  // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color)\r\n  }\r\n}\r\n\r\n%sm-show, %md-show, %lg-show {\r\n  display: none !important\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Collapsible/lib/ReactViews/Custom/Collapsible/C:/github/terriajs/lib/Sass/common/_mixins.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.root {\n  /*!*/\n}\n\n.body {\n  /*!*/\n}\n\n.header {\n  /*!*/\n}\n\n.btn {\n  composes: btn from '../../../Sass/common/_buttons.scss';\n  composes: btn--toggle from '../../../Sass/common/_buttons.scss';\n  width: 20px;\n  height: 15px;\n  fill: #FFFFFF;\n}\n\n.is-open {\n  composes: is-open from '../../../Sass/common/_buttons.scss';\n}\n\n.is-inverse {\n  fill: #888;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Collapsible/collapsible.scss","@import '~terriajs-variables';\r\n@import '../../../Sass/common/mixins';\r\n\r\n@include empty-module('root');\r\n@include empty-module('body');\r\n@include empty-module('header');\r\n\r\n.btn {\r\n  composes: btn from '../../../Sass/common/_buttons.scss';\r\n  composes: btn--toggle from '../../../Sass/common/_buttons.scss';\r\n  width: 20px;\r\n  height: 15px;\r\n  fill: $text-light;\r\n}\r\n\r\n.is-open {\r\n  composes: is-open from '../../../Sass/common/_buttons.scss';\r\n}\r\n\r\n.is-inverse {\r\n\tfill: $text-dark;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Collapsible/lib/ReactViews/Custom/Collapsible/C:/github/terriajs/lib/ReactViews/Custom/Collapsible/collapsible.scss","@import '~terriajs-variables';\r\n@import '../../../Sass/common/mixins';\r\n\r\n.chart-td {\r\n  background: $feature-info-bg;\r\n}\r\n\r\n.preview-chart-wrapper {\r\n  position: relative;\r\n  padding: 0;\r\n\r\n  :global {\r\n\r\n    .line-chart text {\r\n      fill: $feature-info-color;\r\n      // font-family: monospace;\r\n    }\r\n\r\n    .units-label-shadow {\r\n      stroke: $feature-info-bg;\r\n      stroke-width: 2.5px;\r\n      opacity: 0.9;\r\n    }\r\n\r\n    .line-chart .line {\r\n      fill: none;\r\n      stroke: $chart-preview-line-color;\r\n      stroke-width: 1;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.chart-title-from-table {\r\n  line-height: 2;\r\n  padding: 0 $padding;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Chart/lib/ReactViews/Custom/Chart/C:/github/terriajs/lib/ReactViews/Custom/Chart/chart-preview.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.chart-td {\n  background: rgba(63, 72, 84, 0.95);\n}\n\n.preview-chart-wrapper {\n  position: relative;\n  padding: 0;\n}\n\n.preview-chart-wrapper :global .line-chart text {\n  fill: #FFFFFF;\n}\n\n.preview-chart-wrapper :global .units-label-shadow {\n  stroke: rgba(63, 72, 84, 0.95);\n  stroke-width: 2.5px;\n  opacity: 0.9;\n}\n\n.preview-chart-wrapper :global .line-chart .line {\n  fill: none;\n  stroke: #ccc;\n  stroke-width: 1;\n}\n\n.chart-title-from-table {\n  line-height: 2;\n  padding: 0 10px;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Chart/chart-preview.scss","@import '~terriajs-variables';\r\n\r\n@mixin transition($transition...) {\r\n    -moz-transition:    $transition;\r\n    -o-transition:      $transition;\r\n    -webkit-transition: $transition;\r\n    transition:         $transition;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {@content}\r\n  &:-moz-placeholder {@content}\r\n  &::-moz-placeholder {@content}\r\n  &:-ms-input-placeholder {@content}\r\n}\r\n\r\n\r\n@mixin transform($transforms) {\r\n     -moz-transform: $transforms;\r\n       -o-transform: $transforms;\r\n      -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n   @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n       -o-transform-origin: $origin;\r\n      -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin, $origin2) {\r\n    moz-transform-origin: $origin $origin2;\r\n    -o-transform-origin: $origin $origin2;\r\n    -ms-transform-origin: $origin $origin2;\r\n    -webkit-transform-origin: $origin $origin2;\r\n    transform-origin: $origin $origin2;\r\n}\r\n\r\n@mixin icon-font($content){\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n    font-family: 'icomoon' !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n\r\n    /* Better Font Rendering =========== */\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap{\r\n   /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap{\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url{\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} { /*!*/ }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary;  // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color)\r\n  }\r\n}\r\n\r\n%sm-show, %md-show, %lg-show {\r\n  display: none !important\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_mixins.scss","@import '~terriajs-variables';\r\n@import 'mixins';\r\n\r\n.clearfix {\r\n  @extend %clearfix;\r\n}\r\n\r\n.list-reset {\r\n  list-style: none;\r\n  padding-left: 0;\r\n  margin: 0;\r\n}\r\n\r\n.display-none {\r\n  display: none !important\r\n}\r\n\r\n.hide {\r\n  position: absolute !important;\r\n  height: 1px;\r\n  width: 1px;\r\n  overflow: hidden;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n}\r\n\r\n.link {\r\n  @include link($overlay); // Arbitrarily use the workbench's background as the default.\r\n}\r\n\r\n.sm-show {\r\n  @extend %sm-show;\r\n}\r\n\r\n.md-show {\r\n  @extend %md-show;\r\n}\r\n\r\n.lg-show {\r\n  @extend %lg-show;\r\n}\r\n\r\n.sm-hide {\r\n  @extend %sm-hide;\r\n}\r\n\r\n.md-hide {\r\n  @extend %md-hide;\r\n}\r\n\r\n.lg-hide {\r\n  @extend %lg-hide;\r\n}\r\n\r\n.col {\r\n  float: left;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.col-right {\r\n  float: right;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.col-1 {\r\n  width: 8.33333%;\r\n}\r\n\r\n.col-2 {\r\n  width: 16.66667%;\r\n}\r\n\r\n.col-3 {\r\n  width: 25%;\r\n}\r\n\r\n.col-4 {\r\n  width: 33.33333%;\r\n}\r\n\r\n.col-5 {\r\n  width: 41.66667%;\r\n}\r\n\r\n.col-6 {\r\n  width: 50%;\r\n}\r\n\r\n.col-7 {\r\n  width: 58.33333%;\r\n}\r\n\r\n.col-8 {\r\n  width: 66.66667%;\r\n}\r\n\r\n.col-9 {\r\n  width: 75%;\r\n}\r\n\r\n.col-10 {\r\n  width: 83.33333%;\r\n}\r\n\r\n.col-11 {\r\n  width: 91.66667%;\r\n}\r\n\r\n.col-12 {\r\n  width: 100%;\r\n}\r\n\r\n@media (min-width: 40em) {\r\n\r\n  .sm-col {\r\n    float: left;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sm-col-right {\r\n    float: right;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sm-col-1 {\r\n    width: 8.33333%;\r\n  }\r\n\r\n  .sm-col-2 {\r\n    width: 16.66667%;\r\n  }\r\n\r\n  .sm-col-3 {\r\n    width: 25%;\r\n  }\r\n\r\n  .sm-col-4 {\r\n    width: 33.33333%;\r\n  }\r\n\r\n  .sm-col-5 {\r\n    width: 41.66667%;\r\n  }\r\n\r\n  .sm-col-6 {\r\n    width: 50%;\r\n  }\r\n\r\n  .sm-col-7 {\r\n    width: 58.33333%;\r\n  }\r\n\r\n  .sm-col-8 {\r\n    width: 66.66667%;\r\n  }\r\n\r\n  .sm-col-9 {\r\n    width: 75%;\r\n  }\r\n\r\n  .sm-col-10 {\r\n    width: 83.33333%;\r\n  }\r\n\r\n  .sm-col-11 {\r\n    width: 91.66667%;\r\n  }\r\n\r\n  .sm-col-12 {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n@media (min-width: 52em) {\r\n\r\n  .md-col {\r\n    float: left;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .md-col-right {\r\n    float: right;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .md-col-1 {\r\n    width: 8.33333%;\r\n  }\r\n\r\n  .md-col-2 {\r\n    width: 16.66667%;\r\n  }\r\n\r\n  .md-col-3 {\r\n    width: 25%;\r\n  }\r\n\r\n  .md-col-4 {\r\n    width: 33.33333%;\r\n  }\r\n\r\n  .md-col-5 {\r\n    width: 41.66667%;\r\n  }\r\n\r\n  .md-col-6 {\r\n    width: 50%;\r\n  }\r\n\r\n  .md-col-7 {\r\n    width: 58.33333%;\r\n  }\r\n\r\n  .md-col-8 {\r\n    width: 66.66667%;\r\n  }\r\n\r\n  .md-col-9 {\r\n    width: 75%;\r\n  }\r\n\r\n  .md-col-10 {\r\n    width: 83.33333%;\r\n  }\r\n\r\n  .md-col-11 {\r\n    width: 91.66667%;\r\n  }\r\n\r\n  .md-col-12 {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n@media (min-width: 64em) {\r\n\r\n  .lg-col {\r\n    float: left;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .lg-col-right {\r\n    float: right;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .lg-col-1 {\r\n    width: 8.33333%;\r\n  }\r\n\r\n  .lg-col-2 {\r\n    width: 16.66667%;\r\n  }\r\n\r\n  .lg-col-3 {\r\n    width: 25%;\r\n  }\r\n\r\n  .lg-col-4 {\r\n    width: 33.33333%;\r\n  }\r\n\r\n  .lg-col-5 {\r\n    width: 41.66667%;\r\n  }\r\n\r\n  .lg-col-6 {\r\n    width: 50%;\r\n  }\r\n\r\n  .lg-col-7 {\r\n    width: 58.33333%;\r\n  }\r\n\r\n  .lg-col-8 {\r\n    width: 66.66667%;\r\n  }\r\n\r\n  .lg-col-9 {\r\n    width: 75%;\r\n  }\r\n\r\n  .lg-col-10 {\r\n    width: 83.33333%;\r\n  }\r\n\r\n  .lg-col-11 {\r\n    width: 91.66667%;\r\n  }\r\n\r\n  .lg-col-12 {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n.flex {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex\r\n}\r\n\r\n.flex-column {\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  -webkit-flex-direction: column;\r\n  -ms-flex-direction: column;\r\n  flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n  -webkit-flex-wrap: wrap;\r\n  -ms-flex-wrap: wrap;\r\n  flex-wrap: wrap\r\n}\r\n\r\n.flex-center {\r\n  -webkit-box-align: center;\r\n  -webkit-align-items: center;\r\n  -ms-flex-align: center;\r\n  align-items: center\r\n}\r\n\r\n.flex-baseline {\r\n  -webkit-box-align: baseline;\r\n  -webkit-align-items: baseline;\r\n  -ms-flex-align: baseline;\r\n  align-items: baseline\r\n}\r\n\r\n.flex-stretch {\r\n  -webkit-box-align: stretch;\r\n  -webkit-align-items: stretch;\r\n  -ms-flex-align: stretch;\r\n  align-items: stretch\r\n}\r\n\r\n.flex-start {\r\n  -webkit-box-align: start;\r\n  -webkit-align-items: flex-start;\r\n  -ms-flex-align: start;\r\n  align-items: flex-start\r\n}\r\n\r\n.flex-end {\r\n  -webkit-box-align: end;\r\n  -webkit-align-items: flex-end;\r\n  -ms-flex-align: end;\r\n  align-items: flex-end\r\n}\r\n\r\n.flex-justify {\r\n  -webkit-box-pack: justify;\r\n  -webkit-justify-content: space-between;\r\n  -ms-flex-pack: justify;\r\n  justify-content: space-between\r\n}\r\n\r\n.flex-auto {\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1 1 auto;\r\n  -ms-flex: 1 1 auto;\r\n  flex: 1 1 auto;\r\n  min-width: 0;\r\n  min-height: 0;\r\n}\r\n\r\n.flex-grow {\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1 0 auto;\r\n  -ms-flex: 1 0 auto;\r\n  flex: 1 0 auto\r\n}\r\n\r\n.flex-none {\r\n  -webkit-box-flex: 0;\r\n  -webkit-flex: none;\r\n  -ms-flex: none;\r\n  flex: none\r\n}\r\n\r\n.flex-first {\r\n  -webkit-box-ordinal-group: 0;\r\n  -webkit-order: -1;\r\n  -ms-flex-order: -1;\r\n  order: -1\r\n}\r\n\r\n.flex-last {\r\n  -webkit-box-ordinal-group: 100000;\r\n  -webkit-order: 99999;\r\n  -ms-flex-order: 99999;\r\n  order: 99999\r\n}\r\n\r\n@media (min-width: 40em) {\r\n  .sm-flex {\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: -ms-flexbox;\r\n    display: flex\r\n  }\r\n}\r\n\r\n@media (min-width: 52em) {\r\n  .md-flex {\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: -ms-flexbox;\r\n    display: flex\r\n  }\r\n}\r\n\r\n@media (min-width: 64em) {\r\n  .lg-flex {\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: -ms-flexbox;\r\n    display: flex\r\n  }\r\n}\r\n\r\n.bottom-dock {\r\n  z-index: 1;\r\n  bottom: 0;\r\n  right: 0;\r\n  position: absolute;\r\n  left: 360px;\r\n}\r\n\r\n// This is what happens when we mess up with CSS Modules so make it SUPER SUPER OBVIOUS\r\n// TODO: Remove in build\r\n.undefined {\r\n  &:before {\r\n    position: fixed !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    background: red !important;\r\n    content: \"There are elements with class undefined on the page! Fix them!\" !important;\r\n    color: magenta !important;\r\n    opacity: 1 !important;\r\n    z-index: 100000 !important;\r\n  }\r\n\r\n  position: relative;\r\n  background: #F00 !important;\r\n  color: magenta !important;\r\n  border: 3px orange dashed !important;\r\n\r\n  animation-name: flash;\r\n  animation-duration: 1s;\r\n  animation-timing-function: step-start;\r\n  animation-iteration-count: infinite;\r\n}\r\n\r\n@keyframes flash {\r\n  0% {\r\n    background: #F00;\r\n    color: magenta;\r\n    border: 3px orange dashed;\r\n  }\r\n\r\n  50% {\r\n    background: #0FF;\r\n    color: black;\r\n    border: 3px red dashed;\r\n  }\r\n}\r\n\r\n.scrollbars {\r\n  -webkit-overflow-scrolling: touch;\r\n\r\n  &::-webkit-scrollbar {\r\n    width: 10px; /* for vertical scrollbars */\r\n    height: 8px; /* for horizontal scrollbars */\r\n  }\r\n\r\n  &::-webkit-scrollbar-track {\r\n    background: rgba(#888, 0.1);\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    background: rgba(#888, 0.6);\r\n  }\r\n}\r\n\r\n.h1, .h2, .h3, .h4, .h5, .h6 {\r\n  font-family: $font-base;\r\n  font-weight: $font-weight-bold;\r\n  line-height: 1.25;\r\n  margin-top: 1em;\r\n  margin-bottom: .5em;\r\n}\r\n\r\n.h1 {\r\n  font-size: 2rem\r\n}\r\n\r\n.h2 {\r\n  font-size: 1.5rem\r\n}\r\n\r\n.h3 {\r\n  font-size: 1.25rem\r\n}\r\n\r\n.h4 {\r\n  font-size: 1rem\r\n}\r\n\r\n.h5 {\r\n  font-size: .875rem\r\n}\r\n\r\n.h6 {\r\n  font-size: .75rem\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_base.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.sm-show,\n.md-show,\n.lg-show {\n  display: none !important;\n}\n\n@media (min-width: 768px) {\n  .sm-show {\n    display: block !important;\n  }\n}\n\n@media (min-width: 992px) {\n  .md-show {\n    display: block !important;\n  }\n}\n\n@media (min-width: 1300px) {\n  .lg-show {\n    display: block !important;\n  }\n}\n\n@media (min-width: 768px) {\n  .sm-hide {\n    display: none !important;\n  }\n}\n\n@media (min-width: 992px) {\n  .md-hide {\n    display: none !important;\n  }\n}\n\n@media (min-width: 1300px) {\n  .lg-hide {\n    display: none !important;\n  }\n}\n\n.clearfix {\n  clear: both;\n}\n\n.clearfix:before,\n.clearfix:after {\n  content: \" \";\n  display: table;\n  clear: both;\n}\n\n.list-reset {\n  list-style: none;\n  padding-left: 0;\n  margin: 0;\n}\n\n.display-none {\n  display: none !important;\n}\n\n.hide {\n  position: absolute !important;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n.link {\n  text-decoration: none;\n  color: #08ABD5;\n}\n\n.link:visited {\n  color: #08ABD5;\n}\n\n.col {\n  float: left;\n  box-sizing: border-box;\n}\n\n.col-right {\n  float: right;\n  box-sizing: border-box;\n}\n\n.col-1 {\n  width: 8.33333%;\n}\n\n.col-2 {\n  width: 16.66667%;\n}\n\n.col-3 {\n  width: 25%;\n}\n\n.col-4 {\n  width: 33.33333%;\n}\n\n.col-5 {\n  width: 41.66667%;\n}\n\n.col-6 {\n  width: 50%;\n}\n\n.col-7 {\n  width: 58.33333%;\n}\n\n.col-8 {\n  width: 66.66667%;\n}\n\n.col-9 {\n  width: 75%;\n}\n\n.col-10 {\n  width: 83.33333%;\n}\n\n.col-11 {\n  width: 91.66667%;\n}\n\n.col-12 {\n  width: 100%;\n}\n\n@media (min-width: 40em) {\n  .sm-col {\n    float: left;\n    box-sizing: border-box;\n  }\n\n  .sm-col-right {\n    float: right;\n    box-sizing: border-box;\n  }\n\n  .sm-col-1 {\n    width: 8.33333%;\n  }\n\n  .sm-col-2 {\n    width: 16.66667%;\n  }\n\n  .sm-col-3 {\n    width: 25%;\n  }\n\n  .sm-col-4 {\n    width: 33.33333%;\n  }\n\n  .sm-col-5 {\n    width: 41.66667%;\n  }\n\n  .sm-col-6 {\n    width: 50%;\n  }\n\n  .sm-col-7 {\n    width: 58.33333%;\n  }\n\n  .sm-col-8 {\n    width: 66.66667%;\n  }\n\n  .sm-col-9 {\n    width: 75%;\n  }\n\n  .sm-col-10 {\n    width: 83.33333%;\n  }\n\n  .sm-col-11 {\n    width: 91.66667%;\n  }\n\n  .sm-col-12 {\n    width: 100%;\n  }\n}\n\n@media (min-width: 52em) {\n  .md-col {\n    float: left;\n    box-sizing: border-box;\n  }\n\n  .md-col-right {\n    float: right;\n    box-sizing: border-box;\n  }\n\n  .md-col-1 {\n    width: 8.33333%;\n  }\n\n  .md-col-2 {\n    width: 16.66667%;\n  }\n\n  .md-col-3 {\n    width: 25%;\n  }\n\n  .md-col-4 {\n    width: 33.33333%;\n  }\n\n  .md-col-5 {\n    width: 41.66667%;\n  }\n\n  .md-col-6 {\n    width: 50%;\n  }\n\n  .md-col-7 {\n    width: 58.33333%;\n  }\n\n  .md-col-8 {\n    width: 66.66667%;\n  }\n\n  .md-col-9 {\n    width: 75%;\n  }\n\n  .md-col-10 {\n    width: 83.33333%;\n  }\n\n  .md-col-11 {\n    width: 91.66667%;\n  }\n\n  .md-col-12 {\n    width: 100%;\n  }\n}\n\n@media (min-width: 64em) {\n  .lg-col {\n    float: left;\n    box-sizing: border-box;\n  }\n\n  .lg-col-right {\n    float: right;\n    box-sizing: border-box;\n  }\n\n  .lg-col-1 {\n    width: 8.33333%;\n  }\n\n  .lg-col-2 {\n    width: 16.66667%;\n  }\n\n  .lg-col-3 {\n    width: 25%;\n  }\n\n  .lg-col-4 {\n    width: 33.33333%;\n  }\n\n  .lg-col-5 {\n    width: 41.66667%;\n  }\n\n  .lg-col-6 {\n    width: 50%;\n  }\n\n  .lg-col-7 {\n    width: 58.33333%;\n  }\n\n  .lg-col-8 {\n    width: 66.66667%;\n  }\n\n  .lg-col-9 {\n    width: 75%;\n  }\n\n  .lg-col-10 {\n    width: 83.33333%;\n  }\n\n  .lg-col-11 {\n    width: 91.66667%;\n  }\n\n  .lg-col-12 {\n    width: 100%;\n  }\n}\n\n.flex {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.flex-column {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n.flex-wrap {\n  -webkit-flex-wrap: wrap;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n}\n\n.flex-center {\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n  -ms-flex-align: center;\n  align-items: center;\n}\n\n.flex-baseline {\n  -webkit-box-align: baseline;\n  -webkit-align-items: baseline;\n  -ms-flex-align: baseline;\n  align-items: baseline;\n}\n\n.flex-stretch {\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n  -ms-flex-align: stretch;\n  align-items: stretch;\n}\n\n.flex-start {\n  -webkit-box-align: start;\n  -webkit-align-items: flex-start;\n  -ms-flex-align: start;\n  align-items: flex-start;\n}\n\n.flex-end {\n  -webkit-box-align: end;\n  -webkit-align-items: flex-end;\n  -ms-flex-align: end;\n  align-items: flex-end;\n}\n\n.flex-justify {\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.flex-auto {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1 1 auto;\n  -ms-flex: 1 1 auto;\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n}\n\n.flex-grow {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1 0 auto;\n  -ms-flex: 1 0 auto;\n  flex: 1 0 auto;\n}\n\n.flex-none {\n  -webkit-box-flex: 0;\n  -webkit-flex: none;\n  -ms-flex: none;\n  flex: none;\n}\n\n.flex-first {\n  -webkit-box-ordinal-group: 0;\n  -webkit-order: -1;\n  -ms-flex-order: -1;\n  order: -1;\n}\n\n.flex-last {\n  -webkit-box-ordinal-group: 100000;\n  -webkit-order: 99999;\n  -ms-flex-order: 99999;\n  order: 99999;\n}\n\n@media (min-width: 40em) {\n  .sm-flex {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 52em) {\n  .md-flex {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 64em) {\n  .lg-flex {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n.bottom-dock {\n  z-index: 1;\n  bottom: 0;\n  right: 0;\n  position: absolute;\n  left: 360px;\n}\n\n.undefined {\n  position: relative;\n  background: #F00 !important;\n  color: magenta !important;\n  border: 3px orange dashed !important;\n  animation-name: flash;\n  animation-duration: 1s;\n  animation-timing-function: step-start;\n  animation-iteration-count: infinite;\n}\n\n.undefined:before {\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  background: red !important;\n  content: \"There are elements with class undefined on the page! Fix them!\" !important;\n  color: magenta !important;\n  opacity: 1 !important;\n  z-index: 100000 !important;\n}\n\n@keyframes flash {\n  0% {\n    background: #F00;\n    color: magenta;\n    border: 3px orange dashed;\n  }\n\n  50% {\n    background: #0FF;\n    color: black;\n    border: 3px red dashed;\n  }\n}\n\n.scrollbars {\n  -webkit-overflow-scrolling: touch;\n}\n\n.scrollbars::-webkit-scrollbar {\n  width: 10px;\n  /* for vertical scrollbars */\n  height: 8px;\n  /* for horizontal scrollbars */\n}\n\n.scrollbars::-webkit-scrollbar-track {\n  background: rgba(136, 136, 136, 0.1);\n}\n\n.scrollbars::-webkit-scrollbar-thumb {\n  background: rgba(136, 136, 136, 0.6);\n}\n\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 600;\n  line-height: 1.25;\n  margin-top: 1em;\n  margin-bottom: .5em;\n}\n\n.h1 {\n  font-size: 2rem;\n}\n\n.h2 {\n  font-size: 1.5rem;\n}\n\n.h3 {\n  font-size: 1.25rem;\n}\n\n.h4 {\n  font-size: 1rem;\n}\n\n.h5 {\n  font-size: .875rem;\n}\n\n.h6 {\n  font-size: .75rem;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/Sass/common/_base.scss","@import '~terriajs-variables';\r\n\r\n@mixin transition($transition...) {\r\n    -moz-transition:    $transition;\r\n    -o-transition:      $transition;\r\n    -webkit-transition: $transition;\r\n    transition:         $transition;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {@content}\r\n  &:-moz-placeholder {@content}\r\n  &::-moz-placeholder {@content}\r\n  &:-ms-input-placeholder {@content}\r\n}\r\n\r\n\r\n@mixin transform($transforms) {\r\n     -moz-transform: $transforms;\r\n       -o-transform: $transforms;\r\n      -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n   @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n       -o-transform-origin: $origin;\r\n      -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin, $origin2) {\r\n    moz-transform-origin: $origin $origin2;\r\n    -o-transform-origin: $origin $origin2;\r\n    -ms-transform-origin: $origin $origin2;\r\n    -webkit-transform-origin: $origin $origin2;\r\n    transform-origin: $origin $origin2;\r\n}\r\n\r\n@mixin icon-font($content){\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n    font-family: 'icomoon' !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n\r\n    /* Better Font Rendering =========== */\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap{\r\n   /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap{\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url{\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} { /*!*/ }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary;  // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color)\r\n  }\r\n}\r\n\r\n%sm-show, %md-show, %lg-show {\r\n  display: none !important\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Generic/lib/ReactViews/Generic/C:/github/terriajs/lib/Sass/common/_mixins.scss","@import '~terriajs-variables';\r\n@import '../../Sass/common/mixins';\r\n\r\n.dropdown {\r\n  position: relative;\r\n}\r\n\r\n.list {\r\n  composes: list-reset from '../../Sass/common/_base.scss';\r\n\r\n  @include transform (scaleY(0));\r\n  @include transition(transform $animation-fast cubic-bezier(0.19, 1, 0.22, 1));\r\n  @include transform-origin(center, top);\r\n\r\n  position: fixed;\r\n  overflow: hidden;\r\n  z-index: 9999;\r\n  box-sizing: border-box;\r\n  background: #fff;\r\n  border-radius: $radius-small;\r\n\r\n  &.is-open {\r\n    transform: scaleY(1);\r\n  }\r\n}\r\n\r\n.btn--dropdown {\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n  composes: btn-primary from '../../Sass/common/_buttons.scss';\r\n  composes: btn-transparent from '../../Sass/common/_buttons.scss';\r\n}\r\n\r\n.btn--option {\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n  composes: btn-transparent from '../../Sass/common/_buttons.scss';\r\n  composes: btn--small from '../../Sass/common/_buttons.scss';\r\n\r\n  width: 100%;\r\n  color: $text-black;\r\n\r\n  &:hover, &:focus {\r\n    color: $dropdown-hover-color;\r\n  }\r\n\r\n  &.is-selected {\r\n    color: $color-primary;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Generic/lib/ReactViews/Generic/C:/github/terriajs/lib/ReactViews/Generic/dropdown.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.dropdown {\n  position: relative;\n}\n\n.list {\n  composes: list-reset from '../../Sass/common/_base.scss';\n  -moz-transform: scaleY(0);\n  -o-transform: scaleY(0);\n  -ms-transform: scaleY(0);\n  -webkit-transform: scaleY(0);\n  transform: scaleY(0);\n  -moz-transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n  -o-transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n  -webkit-transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n  transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n  moz-transform-origin: center top;\n  -o-transform-origin: center top;\n  -ms-transform-origin: center top;\n  -webkit-transform-origin: center top;\n  transform-origin: center top;\n  position: fixed;\n  overflow: hidden;\n  z-index: 9999;\n  box-sizing: border-box;\n  background: #fff;\n  border-radius: 2px;\n}\n\n.list.is-open {\n  transform: scaleY(1);\n}\n\n.btn--dropdown {\n  composes: btn from '../../Sass/common/_buttons.scss';\n  composes: btn-primary from '../../Sass/common/_buttons.scss';\n  composes: btn-transparent from '../../Sass/common/_buttons.scss';\n}\n\n.btn--option {\n  composes: btn from '../../Sass/common/_buttons.scss';\n  composes: btn-transparent from '../../Sass/common/_buttons.scss';\n  composes: btn--small from '../../Sass/common/_buttons.scss';\n  width: 100%;\n  color: #000;\n}\n\n.btn--option:hover,\n.btn--option:focus {\n  color: orange;\n}\n\n.btn--option.is-selected {\n  color: #08ABD5;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Generic/dropdown.scss","@import '~terriajs-variables';\r\n@import '../../../Sass/common/mixins';\r\n\r\n.dropdown {\r\n  float: left;\r\n  &__list {\r\n    display: flex;\r\n  }\r\n\r\n  &__btn {\r\n    composes: btn--small from '../../../Sass/common/_buttons.scss';\r\n  }\r\n\r\n  &__btn--option {\r\n    width: auto;\r\n    float: left;\r\n    color: $color-primary;\r\n\r\n    &:hover, &:focus {\r\n      background: $color-primary;\r\n      color: orange;\r\n      text-decoration: none;\r\n    }\r\n  }\r\n}\r\n\r\n.chart-expand {\r\n  z-index: 999;\r\n  position: absolute;\r\n  right: 0;\r\n}\r\n\r\n.raise-to-title {\r\n  top: -21px;\r\n}\r\n\r\n.chart-dropdown-button {\r\n  position: relative;\r\n  float: right;\r\n}\r\n\r\n.btn--dropdown {\r\n  // largely to undo .btn--dropdown\r\n  // It would be better to add a class to the Add Data dropdown instead.\r\n  z-index: 999;\r\n  color: white; // TODO\r\n  font-family: $font-pop;\r\n  border: none;\r\n  padding: 1px 8px;\r\n  margin-right: 3px;\r\n  width: auto;\r\n}\r\n\r\n.btn-small {\r\n  composes: btn--small from '../../../Sass/common/_buttons.scss';\r\n}\r\n\r\n.btn-download {\r\n  composes: btn from '../../../Sass/common/_buttons.scss';\r\n  text-align: center;\r\n  padding: 4px 3px;\r\n  margin-left: 3px;\r\n  vertical-align: top;\r\n\r\n  svg{\r\n    height: 20px;\r\n    width: 20px;\r\n  }\r\n\r\n  &:hover, &:focus {\r\n    text-decoration: none;\r\n  }\r\n}\r\n\r\n.btn--chart-expand {\r\n  composes: btn from '../../../Sass/common/_buttons.scss';\r\n  composes: btn-primary from '../../../Sass/common/_buttons.scss';\r\n\r\n  display: inline-block;\r\n  z-index: 999;\r\n  padding: 1px 8px;\r\n  right: 0;\r\n  margin-right: 3px;\r\n  width: 65px;\r\n}\r\n\r\n.a--download {\r\n  composes: btn--download from '../../../Sass/common/_buttons.scss';\r\n  composes: btn-primary from '../../../Sass/common/_buttons.scss';\r\n\r\n  display: inline-block;\r\n  text-align: center;\r\n  padding: 1px 5px 0 5px;\r\n  margin-left: 3px;\r\n  width: 30px;\r\n  vertical-align: -5px;\r\n\r\n  svg{\r\n    height: 20px;\r\n    width: 20px;\r\n  }\r\n\r\n  &:hover, &:focus {\r\n    text-decoration: none;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Chart/lib/ReactViews/Custom/Chart/C:/github/terriajs/lib/ReactViews/Custom/Chart/chart-expand-and-download-buttons.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.dropdown {\n  float: left;\n}\n\n.dropdown__list {\n  display: flex;\n}\n\n.dropdown__btn {\n  composes: btn--small from '../../../Sass/common/_buttons.scss';\n}\n\n.dropdown__btn--option {\n  width: auto;\n  float: left;\n  color: #08ABD5;\n}\n\n.dropdown__btn--option:hover,\n.dropdown__btn--option:focus {\n  background: #08ABD5;\n  color: orange;\n  text-decoration: none;\n}\n\n.chart-expand {\n  z-index: 999;\n  position: absolute;\n  right: 0;\n}\n\n.raise-to-title {\n  top: -21px;\n}\n\n.chart-dropdown-button {\n  position: relative;\n  float: right;\n}\n\n.btn--dropdown {\n  z-index: 999;\n  color: white;\n  font-family: \"Open Sans\", sans-serif;\n  border: none;\n  padding: 1px 8px;\n  margin-right: 3px;\n  width: auto;\n}\n\n.btn-small {\n  composes: btn--small from '../../../Sass/common/_buttons.scss';\n}\n\n.btn-download {\n  composes: btn from '../../../Sass/common/_buttons.scss';\n  text-align: center;\n  padding: 4px 3px;\n  margin-left: 3px;\n  vertical-align: top;\n}\n\n.btn-download svg {\n  height: 20px;\n  width: 20px;\n}\n\n.btn-download:hover,\n.btn-download:focus {\n  text-decoration: none;\n}\n\n.btn--chart-expand {\n  composes: btn from '../../../Sass/common/_buttons.scss';\n  composes: btn-primary from '../../../Sass/common/_buttons.scss';\n  display: inline-block;\n  z-index: 999;\n  padding: 1px 8px;\n  right: 0;\n  margin-right: 3px;\n  width: 65px;\n}\n\n.a--download {\n  composes: btn--download from '../../../Sass/common/_buttons.scss';\n  composes: btn-primary from '../../../Sass/common/_buttons.scss';\n  display: inline-block;\n  text-align: center;\n  padding: 1px 5px 0 5px;\n  margin-left: 3px;\n  width: 30px;\n  vertical-align: -5px;\n}\n\n.a--download svg {\n  height: 20px;\n  width: 20px;\n}\n\n.a--download:hover,\n.a--download:focus {\n  text-decoration: none;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Custom/Chart/chart-expand-and-download-buttons.scss","@import '~terriajs-variables';\r\n\r\n@mixin transition($transition...) {\r\n    -moz-transition:    $transition;\r\n    -o-transition:      $transition;\r\n    -webkit-transition: $transition;\r\n    transition:         $transition;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {@content}\r\n  &:-moz-placeholder {@content}\r\n  &::-moz-placeholder {@content}\r\n  &:-ms-input-placeholder {@content}\r\n}\r\n\r\n\r\n@mixin transform($transforms) {\r\n     -moz-transform: $transforms;\r\n       -o-transform: $transforms;\r\n      -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n   @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n       -o-transform-origin: $origin;\r\n      -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin, $origin2) {\r\n    moz-transform-origin: $origin $origin2;\r\n    -o-transform-origin: $origin $origin2;\r\n    -ms-transform-origin: $origin $origin2;\r\n    -webkit-transform-origin: $origin $origin2;\r\n    transform-origin: $origin $origin2;\r\n}\r\n\r\n@mixin icon-font($content){\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n    font-family: 'icomoon' !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n\r\n    /* Better Font Rendering =========== */\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap{\r\n   /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap{\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url{\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} { /*!*/ }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary;  // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color)\r\n  }\r\n}\r\n\r\n%sm-show, %md-show, %lg-show {\r\n  display: none !important\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/DataCatalog/lib/ReactViews/DataCatalog/C:/github/terriajs/lib/Sass/common/_mixins.scss","@import '~terriajs-variables';\r\n@import '../../Sass/common/mixins';\r\n\r\n.root {\r\n  composes: clearfix from '../../Sass/common/_base.scss';\r\n  display: block;\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n\r\n.btn-catalog-item {\r\n  font-size: $font-size-small;\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n  @extend %wrap;\r\n  position: relative;\r\n  width: 100%;\r\n  padding: $padding-small $padding*2.5 $padding-small $padding*1.5;\r\n\r\n  &:focus, &:hover {\r\n    color: $modal-highlight;\r\n    &:before {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &--is-previewed {\r\n    color: $modal-highlight;\r\n    font-weight: $font-weight-bold;\r\n    &:before {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @media (max-width: $sm) {\r\n    font-size: $font-size-mid-small;\r\n    padding-top: 10px;\r\n    padding-bottom: 10px;\r\n    border-bottom: 1px solid $grey-lighter;\r\n  }\r\n}\r\n\r\n.btn-action {\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n\r\n  position: absolute;\r\n  color: $color-primary;\r\n  right: 0;\r\n  top: 0;\r\n\r\n  @media (max-width: $sm) {\r\n    top: 5px;\r\n  }\r\n\r\n  svg{\r\n    height: 18px;\r\n    width: 18px;\r\n    margin: 6px;\r\n    fill: $charcoal-grey;\r\n  }\r\n\r\n  &:hover, &:focus{\r\n    svg{\r\n      fill: $modal-highlight;\r\n    }\r\n  }\r\n\r\n  &--stats-bars {\r\n  }\r\n\r\n  &--add-to-map {\r\n  }\r\n\r\n  &--remove-from-map {\r\n  }\r\n\r\n  &--loading-on-map {\r\n    top: 3px;\r\n    right: 12px;\r\n    &:before{\r\n      position: absolute;\r\n    }\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/DataCatalog/lib/ReactViews/DataCatalog/C:/github/terriajs/lib/ReactViews/DataCatalog/data-catalog-item.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.btn-catalog-item {\n  /* These are technically the same, but use both */\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  word-break: break-word;\n}\n\n.root {\n  composes: clearfix from '../../Sass/common/_base.scss';\n  display: block;\n  width: 100%;\n  position: relative;\n}\n\n.btn-catalog-item {\n  font-size: 0.8125rem;\n  composes: btn from '../../Sass/common/_buttons.scss';\n  position: relative;\n  width: 100%;\n  padding: 5px 25px 5px 15px;\n}\n\n.btn-catalog-item:focus,\n.btn-catalog-item:hover {\n  color: #08ABD5;\n}\n\n.btn-catalog-item:focus:before,\n.btn-catalog-item:hover:before {\n  opacity: 1;\n}\n\n.btn-catalog-item--is-previewed {\n  color: #08ABD5;\n  font-weight: 600;\n}\n\n.btn-catalog-item--is-previewed:before {\n  opacity: 1;\n}\n\n@media (max-width: 768px) {\n  .btn-catalog-item {\n    font-size: 0.9rem;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #ddd;\n  }\n}\n\n.btn-action {\n  composes: btn from '../../Sass/common/_buttons.scss';\n  position: absolute;\n  color: #08ABD5;\n  right: 0;\n  top: 0;\n}\n\n@media (max-width: 768px) {\n  .btn-action {\n    top: 5px;\n  }\n}\n\n.btn-action svg {\n  height: 18px;\n  width: 18px;\n  margin: 6px;\n  fill: #3f4854;\n}\n\n.btn-action:hover svg,\n.btn-action:focus svg {\n  fill: #08ABD5;\n}\n\n.btn-action--loading-on-map {\n  top: 3px;\n  right: 12px;\n}\n\n.btn-action--loading-on-map:before {\n  position: absolute;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/DataCatalog/data-catalog-item.scss","@import '~terriajs-variables';\r\n\r\n@mixin transition($transition...) {\r\n    -moz-transition:    $transition;\r\n    -o-transition:      $transition;\r\n    -webkit-transition: $transition;\r\n    transition:         $transition;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {@content}\r\n  &:-moz-placeholder {@content}\r\n  &::-moz-placeholder {@content}\r\n  &:-ms-input-placeholder {@content}\r\n}\r\n\r\n\r\n@mixin transform($transforms) {\r\n     -moz-transform: $transforms;\r\n       -o-transform: $transforms;\r\n      -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n   @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n       -o-transform-origin: $origin;\r\n      -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin, $origin2) {\r\n    moz-transform-origin: $origin $origin2;\r\n    -o-transform-origin: $origin $origin2;\r\n    -ms-transform-origin: $origin $origin2;\r\n    -webkit-transform-origin: $origin $origin2;\r\n    transform-origin: $origin $origin2;\r\n}\r\n\r\n@mixin icon-font($content){\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n    font-family: 'icomoon' !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n\r\n    /* Better Font Rendering =========== */\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap{\r\n   /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap{\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url{\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} { /*!*/ }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary;  // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color)\r\n  }\r\n}\r\n\r\n%sm-show, %md-show, %lg-show {\r\n  display: none !important\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/lib/ReactViews/C:/github/terriajs/lib/Sass/common/_mixins.scss","@import '~terriajs-variables';\r\n@import '../Sass/common/mixins';\r\n\r\n.loader{\r\n  padding: $padding-small $padding-small $padding-small 30px;\r\n  position: relative;\r\n  display: inline-block;\r\n  font-family: $font-base;\r\n  svg{\r\n    height: 15px;\r\n    width: 15px;\r\n    margin: 5px;\r\n    display: line-block;\r\n    position: absolute;\r\n    left: $padding-small;\r\n    top: $padding-small;\r\n    -webkit-animation: spin 2s infinite linear;\r\n    animation: spin 2s infinite linear;\r\n    fill: inherit;\r\n  }\r\n  span{\r\n    line-height: 1.8;\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes spin {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n            transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(359deg);\r\n            transform: rotate(359deg);\r\n  }\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n            transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(359deg);\r\n            transform: rotate(359deg);\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/lib/ReactViews/C:/github/terriajs/lib/ReactViews/loader.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.loader {\n  padding: 5px 5px 5px 30px;\n  position: relative;\n  display: inline-block;\n  font-family: \"Open Sans\", sans-serif;\n}\n\n.loader svg {\n  height: 15px;\n  width: 15px;\n  margin: 5px;\n  display: line-block;\n  position: absolute;\n  left: 5px;\n  top: 5px;\n  -webkit-animation: spin 2s infinite linear;\n  animation: spin 2s infinite linear;\n  fill: inherit;\n}\n\n.loader span {\n  line-height: 1.8;\n  font-size: 14px;\n}\n\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/loader.scss","@import '~terriajs-variables';\r\n\r\n.label {\r\n  vertical-align: middle;\r\n  padding: $padding;\r\n  display: block;\r\n  line-height: $btn-default-line-height;\r\n  font-family: $font-base;\r\n}\r\n\r\n.no-results {\r\n  padding: $padding !important;\r\n  margin-bottom: $padding;\r\n}\r\n\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_labels.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n.label {\n  vertical-align: middle;\n  padding: 10px;\n  display: block;\n  line-height: 20px;\n  font-family: \"Open Sans\", sans-serif;\n}\n\n.no-results {\n  padding: 10px !important;\n  margin-bottom: 10px;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/Sass/common/_labels.scss","@import '~terriajs-variables';\r\n@import '../../Sass/common/mixins';\r\n\r\n.root {\r\n  font-family: $font-base;\r\n  color: $data-catalog-color;\r\n}\r\n\r\n.btn--catalog {\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n\r\n  text-align: left;\r\n  font-size: $font-size-small;\r\n  padding: $padding-small 30px+$padding;\r\n  position: relative;\r\n  width: 100%;\r\n  font-weight: bold;\r\n  line-height: normal;\r\n\r\n  svg{\r\n    display: inline-block;\r\n  }\r\n  @media (max-width: $sm) {\r\n    font-size: $font-size-mid-small;\r\n    padding-top: 10px;\r\n    padding-bottom: 10px;\r\n    border-bottom: 1px solid $grey-lighter;\r\n  }\r\n\r\n  &:hover, &:focus {\r\n    background: $modal-highlight;\r\n    color: #fff;\r\n  }\r\n}\r\n\r\n.btnCatalogTopLevel{\r\n  font-weight: 600;\r\n  border-bottom: 1px solid $grey-lighter;\r\n  padding-left: $padding;\r\n}\r\n\r\n.isPreviewed{\r\n  background: $modal-highlight;\r\n  color: #ffffff;\r\n}\r\n\r\n\r\n.folder {\r\n  position: absolute;\r\n  left: 8px;\r\n  top: 5px;\r\n  opacity: 0.5;\r\n  svg{\r\n    height: 30px;\r\n    width: 30px;\r\n    display: block;\r\n  }\r\n  @media (min-width: $sm) {\r\n    top: 0;\r\n    svg{\r\n      height: 25px;\r\n      width: 25px;\r\n    }\r\n  }\r\n}\r\n\r\n.caret {\r\n  position: absolute;\r\n  right: 2px;\r\n  top: 7px;\r\n  svg{\r\n    fill: $charcoal-grey;\r\n    opacity: 0.5;\r\n    height: 25px;\r\n    width: 25px;\r\n  }\r\n  @media (min-width: $sm) {\r\n    right: 5px;\r\n    top: 5px;\r\n    svg{\r\n      height: 18px;\r\n      width: 18px;\r\n    }\r\n  }\r\n}\r\n\r\n.catalog-group {\r\n  composes: list-reset from '../../Sass/common/_base.scss';\r\n  padding-left: $padding;\r\n  padding-top: $padding / 2;\r\n  &--lower-level {\r\n    margin-left: 20px;\r\n    border-left: 1px solid $grey-lighter;\r\n  }\r\n}\r\n\r\n.label {\r\n  composes: label from '../../Sass/common/_labels.scss';\r\n  font-size: $font-size-small;\r\n}\r\n\r\n.label--no-results {\r\n  composes: label;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/DataCatalog/lib/ReactViews/DataCatalog/C:/github/terriajs/lib/ReactViews/DataCatalog/data-catalog-group.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.root {\n  font-family: \"Open Sans\", sans-serif;\n  color: #000;\n}\n\n.btn--catalog {\n  composes: btn from '../../Sass/common/_buttons.scss';\n  text-align: left;\n  font-size: 0.8125rem;\n  padding: 5px 40px;\n  position: relative;\n  width: 100%;\n  font-weight: bold;\n  line-height: normal;\n}\n\n.btn--catalog svg {\n  display: inline-block;\n}\n\n@media (max-width: 768px) {\n  .btn--catalog {\n    font-size: 0.9rem;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #ddd;\n  }\n}\n\n.btn--catalog:hover,\n.btn--catalog:focus {\n  background: #08ABD5;\n  color: #fff;\n}\n\n.btnCatalogTopLevel {\n  font-weight: 600;\n  border-bottom: 1px solid #ddd;\n  padding-left: 10px;\n}\n\n.isPreviewed {\n  background: #08ABD5;\n  color: #ffffff;\n}\n\n.folder {\n  position: absolute;\n  left: 8px;\n  top: 5px;\n  opacity: 0.5;\n}\n\n.folder svg {\n  height: 30px;\n  width: 30px;\n  display: block;\n}\n\n@media (min-width: 768px) {\n  .folder {\n    top: 0;\n  }\n\n  .folder svg {\n    height: 25px;\n    width: 25px;\n  }\n}\n\n.caret {\n  position: absolute;\n  right: 2px;\n  top: 7px;\n}\n\n.caret svg {\n  fill: #3f4854;\n  opacity: 0.5;\n  height: 25px;\n  width: 25px;\n}\n\n@media (min-width: 768px) {\n  .caret {\n    right: 5px;\n    top: 5px;\n  }\n\n  .caret svg {\n    height: 18px;\n    width: 18px;\n  }\n}\n\n.catalog-group {\n  composes: list-reset from '../../Sass/common/_base.scss';\n  padding-left: 10px;\n  padding-top: 5px;\n}\n\n.catalog-group--lower-level {\n  margin-left: 20px;\n  border-left: 1px solid #ddd;\n}\n\n.label {\n  composes: label from '../../Sass/common/_labels.scss';\n  font-size: 0.8125rem;\n}\n\n.label--no-results {\n  composes: label;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/DataCatalog/data-catalog-group.scss","@import '~terriajs-variables';\r\n\r\n.no-results {\r\n  composes: label from '../../Sass/common/_labels.scss';\r\n  padding-left: $padding;\r\n  font-size: $font-size-mid-small;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Search/lib/ReactViews/Search/C:/github/terriajs/lib/ReactViews/Search/search-header.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n.no-results {\n  composes: label from '../../Sass/common/_labels.scss';\n  padding-left: 10px;\n  font-size: 0.9rem;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Search/search-header.scss","@import '~terriajs-variables';\r\n@import '../../Sass/common/mixins';\r\n\r\n.data-catalog {\r\n  composes: list-reset from '../../Sass/common/_base.scss';\r\n  composes: scrollbars from '../../Sass/common/_base.scss';\r\n\r\n  font-size: $font-size-mid-small;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  box-sizing: border-box;\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  top: $modal-header-height;\r\n\r\n  @media (min-width: $sm) {\r\n    padding-right: $padding-small;\r\n    height: calc(100% - #{$input-height + $padding*3});\r\n    position: static;\r\n  }\r\n}\r\n\r\n.label {\r\n  composes: label from '../../Sass/common/_labels.scss';\r\n  font-size: $font-size-small;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/DataCatalog/lib/ReactViews/DataCatalog/C:/github/terriajs/lib/ReactViews/DataCatalog/data-catalog.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.data-catalog {\n  composes: list-reset from '../../Sass/common/_base.scss';\n  composes: scrollbars from '../../Sass/common/_base.scss';\n  font-size: 0.9rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 40px;\n}\n\n@media (min-width: 768px) {\n  .data-catalog {\n    padding-right: 5px;\n    height: calc(100% - 70px);\n    position: static;\n  }\n}\n\n.label {\n  composes: label from '../../Sass/common/_labels.scss';\n  font-size: 0.8125rem;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/DataCatalog/data-catalog.scss","@import '~terriajs-variables';\r\n\r\n\r\n.input {\r\n  font-family: inherit;\r\n  font-size: $font-size-mid-small;\r\n  box-sizing: border-box;\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n  border-style: solid;\r\n  border-width: 1px;\r\n  border-color: $field-border;\r\n  border-radius: $radius-small;\r\n  width: 100%;\r\n}\r\n\r\n.input[type=text],\r\n.input[type=date],\r\n.input[type=datetime],\r\n.input[type=datetime-local],\r\n.input[type=email],\r\n.input[type=month],\r\n.input[type=number],\r\n.input[type=password],\r\n.input[type=search],\r\n.input[type=tel],\r\n.input[type=time],\r\n.input[type=url],\r\n.input[type=week] {\r\n  height: $input-height;\r\n  color: $text-dark;\r\n  display: block;\r\n  padding: .5rem .5rem;\r\n  vertical-align: middle;\r\n  -webkit-appearance: none;\r\n}\r\n\r\n.field {\r\n  composes: input;\r\n  border-style: solid;\r\n  border-width: 1px;\r\n  border-color: $field-border;\r\n  border-radius: $radius-small;\r\n  width: 100%;\r\n}\r\n\r\n.field:focus,\r\n.field.is-focused {\r\n  outline: none;\r\n  border-color: rgba($color-primary, 0.5);\r\n  box-shadow: none;\r\n}\r\n\r\n.field:disabled,\r\n.field.is-disabled {\r\n  background-color: rgba(0, 0, 0, .125);\r\n  opacity: .5;\r\n}\r\n\r\n.field:read-only:not(select),\r\n.field.is-read-only {\r\n  background-color: rgba(0, 0, 0, .125);\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/Sass/common/lib/Sass/common/C:/github/terriajs/lib/Sass/common/_form.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n.input {\n  font-family: inherit;\n  font-size: 0.9rem;\n  box-sizing: border-box;\n  margin-top: 0;\n  margin-bottom: 0;\n  border-style: solid;\n  border-width: 1px;\n  border-color: #ddd;\n  border-radius: 2px;\n  width: 100%;\n}\n\n.input[type=text],\n.input[type=date],\n.input[type=datetime],\n.input[type=datetime-local],\n.input[type=email],\n.input[type=month],\n.input[type=number],\n.input[type=password],\n.input[type=search],\n.input[type=tel],\n.input[type=time],\n.input[type=url],\n.input[type=week] {\n  height: 40px;\n  color: #888;\n  display: block;\n  padding: .5rem .5rem;\n  vertical-align: middle;\n  -webkit-appearance: none;\n}\n\n.field {\n  composes: input;\n  border-style: solid;\n  border-width: 1px;\n  border-color: #ddd;\n  border-radius: 2px;\n  width: 100%;\n}\n\n.field:focus,\n.field.is-focused {\n  outline: none;\n  border-color: rgba(8, 171, 213, 0.5);\n  box-shadow: none;\n}\n\n.field:disabled,\n.field.is-disabled {\n  background-color: rgba(0, 0, 0, 0.125);\n  opacity: .5;\n}\n\n.field:read-only:not(select),\n.field.is-read-only {\n  background-color: rgba(0, 0, 0, 0.125);\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/Sass/common/_form.scss","@import '~terriajs-variables';\r\n\r\n.dimension-selector {\r\n  font-size: $font-size-mid-small;\r\n  label {\r\n    margin-right: $padding-small;\r\n  }\r\n}\r\n\r\n.title {\r\n  display: block;\r\n  margin-top: 10px;\r\n  margin-bottom: 5px;\r\n  font-weight: bold;\r\n}\r\n\r\n.field {\r\n  composes: field from '../../../Sass/common/_form.scss';\r\n  color: black;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Workbench/Controls/lib/ReactViews/Workbench/Controls/C:/github/terriajs/lib/ReactViews/Workbench/Controls/dimension-selector-section.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n.dimension-selector {\n  font-size: 0.9rem;\n}\n\n.dimension-selector label {\n  margin-right: 5px;\n}\n\n.title {\n  display: block;\n  margin-top: 10px;\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\n.field {\n  composes: field from '../../../Sass/common/_form.scss';\n  color: black;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Workbench/Controls/dimension-selector-section.scss","@import '~terriajs-variables';\r\n\r\n@mixin transition($transition...) {\r\n    -moz-transition:    $transition;\r\n    -o-transition:      $transition;\r\n    -webkit-transition: $transition;\r\n    transition:         $transition;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {@content}\r\n  &:-moz-placeholder {@content}\r\n  &::-moz-placeholder {@content}\r\n  &:-ms-input-placeholder {@content}\r\n}\r\n\r\n\r\n@mixin transform($transforms) {\r\n     -moz-transform: $transforms;\r\n       -o-transform: $transforms;\r\n      -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n   @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n       -o-transform-origin: $origin;\r\n      -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin, $origin2) {\r\n    moz-transform-origin: $origin $origin2;\r\n    -o-transform-origin: $origin $origin2;\r\n    -ms-transform-origin: $origin $origin2;\r\n    -webkit-transform-origin: $origin $origin2;\r\n    transform-origin: $origin $origin2;\r\n}\r\n\r\n@mixin icon-font($content){\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n    font-family: 'icomoon' !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n\r\n    /* Better Font Rendering =========== */\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap{\r\n   /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap{\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url{\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} { /*!*/ }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary;  // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color)\r\n  }\r\n}\r\n\r\n%sm-show, %md-show, %lg-show {\r\n  display: none !important\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/Sass/common/_mixins.scss","\r\n@import '~terriajs-variables';\r\n@import '../../Sass/common/mixins';\r\n\r\n.panel{\r\n  background: $feature-info-bg;\r\n  color: $feature-info-color;\r\n  border-radius: $radius-small;\r\n  display: none;\r\n  position: fixed;\r\n  top: $mobile-header-height + 10px;\r\n  right: 10px;\r\n  max-width: 95%;\r\n  min-width: 150px;\r\n  max-height: 80vh;\r\n  z-index: 99;\r\n  font-family: $font-base;\r\n\r\n  svg{\r\n    fill: $feature-info-color;\r\n  }\r\n\r\n  a{\r\n    @include link($feature-info-bg);\r\n  }\r\n\r\n  // On very large screens, the feature info may be up to 40% of the screen.\r\n  // On small screens (mobile), it make be up to 90% of the screen.\r\n  // In between, it may be up to 90% of the largest mobile screen ($sm), minus a bit to leave room\r\n  // for the map controls on the right.  This is computed in $feature-info-medium-max-size.\r\n  $feature-info-medium-max-size: $sm * 0.9 - $feature-info-right-margin * 0.5;\r\n  $feature-info-forty-percent-size: $feature-info-medium-max-size * 100 / 40;\r\n\r\n  @media (min-width : $sm) and (max-width: $feature-info-forty-percent-size) {\r\n    max-width: $feature-info-medium-max-size;\r\n    right: $feature-info-right-margin;\r\n  }\r\n\r\n  @media (min-width: $feature-info-forty-percent-size) {\r\n    max-width: 40%;\r\n    right: $feature-info-right-margin;\r\n  }\r\n}\r\n\r\n.is-collapsed {\r\n  .body{\r\n    display: none;\r\n  }\r\n}\r\n\r\n.is-visible {\r\n  display: block;\r\n}\r\n\r\n.header{\r\n  background: $feature-info-header-bg;\r\n  padding-right: $input-height;\r\n  line-height: $modal-header-height;\r\n}\r\n\r\n.btn {\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n  padding: 4px 9px;\r\n  margin-right: 4px;\r\n  color: $feature-info-btn-color;\r\n}\r\n\r\n.btnPanelHeading{\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n  padding: 4px 9px;\r\n  color: $feature-info-btn-color;\r\n  width: 100%;\r\n}\r\n\r\n.btn--download {\r\n  padding: 3px;\r\n  width: 27px;\r\n  margin-left: 3px;\r\n}\r\n\r\n.btn--close-feature{\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n\r\n  &:hover,\r\n  &:focus {\r\n    svg{\r\n      fill: $color-primary;\r\n    }\r\n  }\r\n  svg{\r\n    height: 23px;\r\n    width: 23px;\r\n    fill: $feature-info-btn-color;\r\n    position: relative;\r\n    left: 10px;\r\n  }\r\n  position: absolute;\r\n  right: 0;\r\n  width: $modal-header-height;\r\n  height: $modal-header-height;\r\n}\r\n\r\n.no-results {\r\n  composes: no-results from '../../Sass/common/_labels.scss';\r\n}\r\n\r\n.body{\r\n  composes: list-reset from '../../Sass/common/_base.scss';\r\n  composes: scrollbars from '../../Sass/common/_base.scss';\r\n\r\n  overflow-y: auto;\r\n  overflow-x: auto;\r\n  max-height: calc(80vh - #{$padding*2 + $btn-default-line-height});\r\n  font-size: $font-size-feature-info;\r\n}\r\n\r\n.location {\r\n  margin: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.btn-location {\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n  vertical-align: bottom;\r\n  margin-left: 5px;\r\n\r\n  &:hover {\r\n    svg{\r\n      fill: $color-primary;\r\n    }\r\n  }\r\n  svg{\r\n    height: 18px;\r\n    width: 18px;\r\n    fill: $feature-info-btn-color;\r\n  }\r\n}\r\n\r\n.btn-location-selected {\r\n  composes: btn-location;\r\n\r\n  svg{\r\n    fill: $color-primary;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/ReactViews/FeatureInfo/feature-info-panel.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.panel {\n  background: rgba(63, 72, 84, 0.95);\n  color: #FFFFFF;\n  border-radius: 2px;\n  display: none;\n  position: fixed;\n  top: 60px;\n  right: 10px;\n  max-width: 95%;\n  min-width: 150px;\n  max-height: 80vh;\n  z-index: 99;\n  font-family: \"Open Sans\", sans-serif;\n}\n\n.panel svg {\n  fill: #FFFFFF;\n}\n\n.panel a {\n  text-decoration: none;\n  color: #08ABD5;\n}\n\n.panel a:visited {\n  color: #08ABD5;\n}\n\n@media (min-width: 768px) and (max-width: 1596.75px) {\n  .panel {\n    max-width: 638.7px;\n    right: 105px;\n  }\n}\n\n@media (min-width: 1596.75px) {\n  .panel {\n    max-width: 40%;\n    right: 105px;\n  }\n}\n\n.is-collapsed .body {\n  display: none;\n}\n\n.is-visible {\n  display: block;\n}\n\n.header {\n  background: #3F4854;\n  padding-right: 40px;\n  line-height: 40px;\n}\n\n.btn {\n  composes: btn from '../../Sass/common/_buttons.scss';\n  padding: 4px 9px;\n  margin-right: 4px;\n  color: #FFFFFF;\n}\n\n.btnPanelHeading {\n  composes: btn from '../../Sass/common/_buttons.scss';\n  padding: 4px 9px;\n  color: #FFFFFF;\n  width: 100%;\n}\n\n.btn--download {\n  padding: 3px;\n  width: 27px;\n  margin-left: 3px;\n}\n\n.btn--close-feature {\n  composes: btn from '../../Sass/common/_buttons.scss';\n  position: absolute;\n  right: 0;\n  width: 40px;\n  height: 40px;\n}\n\n.btn--close-feature:hover svg,\n.btn--close-feature:focus svg {\n  fill: #08ABD5;\n}\n\n.btn--close-feature svg {\n  height: 23px;\n  width: 23px;\n  fill: #FFFFFF;\n  position: relative;\n  left: 10px;\n}\n\n.no-results {\n  composes: no-results from '../../Sass/common/_labels.scss';\n}\n\n.body {\n  composes: list-reset from '../../Sass/common/_base.scss';\n  composes: scrollbars from '../../Sass/common/_base.scss';\n  overflow-y: auto;\n  overflow-x: auto;\n  max-height: calc(80vh - 40px);\n  font-size: 0.9rem;\n}\n\n.location {\n  margin: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.btn-location {\n  composes: btn from '../../Sass/common/_buttons.scss';\n  vertical-align: bottom;\n  margin-left: 5px;\n}\n\n.btn-location:hover svg {\n  fill: #08ABD5;\n}\n\n.btn-location svg {\n  height: 18px;\n  width: 18px;\n  fill: #FFFFFF;\n}\n\n.btn-location-selected {\n  composes: btn-location;\n}\n\n.btn-location-selected svg {\n  fill: #08ABD5;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/FeatureInfo/feature-info-panel.scss","@import '~terriajs-variables';\r\n@import '../../Sass/common/mixins';\r\n\r\n.download {\r\n  float: right;\r\n  margin: 10px 1px;\r\n}\r\n\r\n.btn {\r\n  composes: btn from './feature-info-panel.scss';\r\n  composes: btn-primary from '../../Sass/common/_buttons.scss';\r\n}\r\n\r\n.icon--download {\r\n  display: inline-block;\r\n  vertical-align: bottom;\r\n  svg{\r\n    height: 20px;\r\n    width: 20px;\r\n    fill: $text-light;\r\n  }\r\n}\r\n\r\n.dropdown__list {\r\n  display: flex;\r\n  li a {\r\n    @if variable-exists(text-link) {\r\n      color: $text-link;\r\n    }\r\n    // Outside of a dropdown menu, links are normally shown with the same color on hover.\r\n    // So, to provide some highlighting on hover in a dropdown menu, use the visited link color,\r\n    // if it exists and is different from the unvisited link color.\r\n    &:hover {\r\n      @if variable-exists(text-visited-link) and variable-exists(text-link) and ($text-visited-link != $text-link) {\r\n        color: $text-visited-link;\r\n        text-decoration: $link-text-decoration;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dropdown__button {\r\n  composes: btn--small from '../../Sass/common/_buttons.scss';\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/ReactViews/FeatureInfo/feature-info-download.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.download {\n  float: right;\n  margin: 10px 1px;\n}\n\n.btn {\n  composes: btn from './feature-info-panel.scss';\n  composes: btn-primary from '../../Sass/common/_buttons.scss';\n}\n\n.icon--download {\n  display: inline-block;\n  vertical-align: bottom;\n}\n\n.icon--download svg {\n  height: 20px;\n  width: 20px;\n  fill: #FFFFFF;\n}\n\n.dropdown__list {\n  display: flex;\n}\n\n.dropdown__button {\n  composes: btn--small from '../../Sass/common/_buttons.scss';\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/FeatureInfo/feature-info-download.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.content table {\n  clear: both;\n}\n\n.content table:before,\n.content table:after {\n  content: \" \";\n  display: table;\n  clear: both;\n}\n\n.time-series-chart {\n  /*!*/\n}\n\n.section {\n  composes: clearfix from '../../Sass/common/_base.scss';\n  background: rgba(255, 255, 255, 0.15);\n  border-top: 1px solid #595B60;\n}\n\n.title {\n  composes: btn from './feature-info-panel.scss';\n  position: relative;\n  width: 100%;\n  background: #3F4854;\n  min-height: 40px;\n  margin: 0;\n  padding-right: 30px;\n}\n\n.title span {\n  display: block;\n  font-weight: 300;\n  font-size: 0.9rem;\n}\n\n.title svg {\n  height: 20px;\n  width: 20px;\n  fill: #fff;\n  float: right;\n  position: absolute;\n  top: 10px;\n  right: 5px;\n}\n\n.content {\n  padding: 5px;\n  position: relative;\n}\n\n.content table {\n  font-family: monospace, sans-serif;\n  max-width: 100%;\n  border-collapse: collapse;\n}\n\n.content td {\n  position: relative;\n  border-collapse: collapse;\n  border: 1px solid #3F4854;\n  padding: 5px;\n}\n\n.raw-data-button {\n  composes: btn from '../../Sass/common/_buttons.scss';\n  composes: btn-primary from '../../Sass/common/_buttons.scss';\n  composes: btn--small from '../../Sass/common/_buttons.scss';\n  width: auto;\n  float: right;\n  margin-bottom: 13px;\n  margin-right: 1px;\n  margin-top: 10px;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/FeatureInfo/feature-info-section.scss","@import '~terriajs-variables';\r\n@import '../../Sass/common/mixins';\r\n@include empty-module(\"time-series-chart\");\r\n\r\n.section {\r\n  composes: clearfix from '../../Sass/common/_base.scss';\r\n  background: $feature-info-section-bg;\r\n  border-top: 1px solid $dark-lighter;\r\n}\r\n\r\n.title{\r\n  composes: btn from './feature-info-panel.scss';\r\n  position: relative;\r\n  width: 100%;\r\n  background: $feature-info-header-bg;\r\n  min-height: 40px;\r\n  margin: 0;\r\n  padding-right: 30px;\r\n  span{\r\n    display: block;\r\n    font-weight: 300;\r\n    font-size: $font-size-mid-small;\r\n  }\r\n  svg{\r\n    height: 20px;\r\n    width: 20px;\r\n    fill: #fff;\r\n    float: right;\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 5px;\r\n  }\r\n}\r\n\r\n.content{\r\n  padding: $padding-small;\r\n  position: relative;\r\n\r\n  // Can't change these to target classes because we're directly styling markup from cesium.\r\n  table {\r\n    @extend %clearfix;\r\n    font-family: $font-feature-info;\r\n    max-width: 100%;\r\n    @if variable-exists(feature-info-table-width) {\r\n      width: $feature-info-table-width;\r\n    }\r\n    border-collapse: collapse;\r\n  }\r\n\r\n  td {\r\n    position: relative;\r\n    border-collapse: collapse;\r\n    border: $feature-info-table-border-style;\r\n    padding: 5px;\r\n  }\r\n\r\n  tr:nth-child(odd) {\r\n    @if variable-exists(feature-info-table-odd-row-bg) {\r\n      background-color: $feature-info-table-odd-row-bg;\r\n    }\r\n  }\r\n}\r\n\r\n.raw-data-button {\r\n  composes: btn from '../../Sass/common/_buttons.scss';\r\n  composes: btn-primary from '../../Sass/common/_buttons.scss';\r\n  composes: btn--small from '../../Sass/common/_buttons.scss';\r\n\r\n  width: auto;\r\n  float: right;\r\n\r\n  margin-bottom: 13px;\r\n  margin-right: 1px;\r\n  margin-top: 10px;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/ReactViews/FeatureInfo/feature-info-section.scss","@import '~terriajs-variables';\r\n\r\n.group{\r\n}\r\n\r\n.sections {\r\n  composes: list-reset from '../../Sass/common/_base.scss';\r\n}\r\n\r\n.message-item {\r\n  background: $info-color;\r\n  color: $dark;\r\n  padding: 5px 8px;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/FeatureInfo/lib/ReactViews/FeatureInfo/C:/github/terriajs/lib/ReactViews/FeatureInfo/feature-info-catalog-item.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n.sections {\n  composes: list-reset from '../../Sass/common/_base.scss';\n}\n\n.message-item {\n  background: #FED17F;\n  color: #3F4854;\n  padding: 5px 8px;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/FeatureInfo/feature-info-catalog-item.scss","@import '~terriajs-variables';\r\n\r\n@mixin transition($transition...) {\r\n    -moz-transition:    $transition;\r\n    -o-transition:      $transition;\r\n    -webkit-transition: $transition;\r\n    transition:         $transition;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {@content}\r\n  &:-moz-placeholder {@content}\r\n  &::-moz-placeholder {@content}\r\n  &:-ms-input-placeholder {@content}\r\n}\r\n\r\n\r\n@mixin transform($transforms) {\r\n     -moz-transform: $transforms;\r\n       -o-transform: $transforms;\r\n      -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n   @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n       -o-transform-origin: $origin;\r\n      -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin, $origin2) {\r\n    moz-transform-origin: $origin $origin2;\r\n    -o-transform-origin: $origin $origin2;\r\n    -ms-transform-origin: $origin $origin2;\r\n    -webkit-transform-origin: $origin $origin2;\r\n    transform-origin: $origin $origin2;\r\n}\r\n\r\n@mixin icon-font($content){\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n    font-family: 'icomoon' !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n\r\n    /* Better Font Rendering =========== */\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap{\r\n   /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap{\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url{\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} { /*!*/ }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary;  // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color)\r\n  }\r\n}\r\n\r\n%sm-show, %md-show, %lg-show {\r\n  display: none !important\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Map/Navigation/lib/ReactViews/Map/Navigation/C:/github/terriajs/lib/Sass/common/_mixins.scss","@import '~terriajs-variables';\r\n@import '../../../Sass/common/mixins';\r\n\r\n.btn {\r\n  composes: btn from '../../../Sass/common/_buttons.scss';\r\n\r\n  border-radius: 50%;\r\n  display: block;\r\n  float: inherit;\r\n  background: #fff;\r\n  color: $dark;\r\n  height: 40px;\r\n  width: 40px;\r\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);\r\n\r\n  svg {\r\n    height: 24px;\r\n    width: 24px;\r\n    margin: 0 auto;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  @media (min-width: $sm) {\r\n    height: 31px;\r\n    width: 30px;\r\n\r\n    svg {\r\n      height: 20px;\r\n      width: 20px;\r\n    }\r\n  }\r\n}\r\n\r\n.btn-primary {\r\n  @extend .btn;\r\n  background: $color-primary;\r\n\r\n  svg {\r\n    fill: #FFF;\r\n\r\n    path {\r\n       fill: #FFF;\r\n    }\r\n  }\r\n\r\n  &:hover, &--hover {\r\n    background: get-hover-color($color-primary);\r\n  }\r\n}\r\n\r\n.btn-blink {\r\n  @extend .btn;\r\n\r\n  svg {\r\n    -webkit-animation-name: blinker;\r\n    -webkit-animation-duration: 1s;\r\n    -webkit-animation-timing-function: linear;\r\n    -webkit-animation-iteration-count: infinite;\r\n\r\n    -moz-animation-name: blinker;\r\n    -moz-animation-duration: 1s;\r\n    -moz-animation-timing-function: linear;\r\n    -moz-animation-iteration-count: infinite;\r\n\r\n    animation-name: blinker;\r\n    animation-duration: 1s;\r\n    animation-timing-function: linear;\r\n    animation-iteration-count: infinite;\r\n  }\r\n}\r\n\r\n@-moz-keyframes blinker {\r\n  0% { opacity: 1.0; }\r\n  50% { opacity: 0.0; }\r\n  100% { opacity: 1.0; }\r\n}\r\n\r\n@-webkit-keyframes blinker {\r\n  0% { opacity: 1.0; }\r\n  50% { opacity: 0.0; }\r\n  100% { opacity: 1.0; }\r\n}\r\n\r\n@keyframes blinker {\r\n  0% { opacity: 1.0; }\r\n  50% { opacity: 0.0; }\r\n  100% { opacity: 1.0; }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Map/Navigation/lib/ReactViews/Map/Navigation/C:/github/terriajs/lib/ReactViews/Map/Navigation/nav.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n.btn,\n.btn-primary,\n.btn-blink {\n  composes: btn from '../../../Sass/common/_buttons.scss';\n  border-radius: 50%;\n  display: block;\n  float: inherit;\n  background: #fff;\n  color: #3F4854;\n  height: 40px;\n  width: 40px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);\n}\n\n.btn svg,\n.btn-primary svg,\n.btn-blink svg {\n  height: 24px;\n  width: 24px;\n  margin: 0 auto;\n  vertical-align: middle;\n}\n\n@media (min-width: 768px) {\n  .btn,\n  .btn-primary,\n  .btn-blink {\n    height: 31px;\n    width: 30px;\n  }\n\n  .btn svg,\n  .btn-primary svg,\n  .btn-blink svg {\n    height: 20px;\n    width: 20px;\n  }\n}\n\n.btn-primary {\n  background: #08ABD5;\n}\n\n.btn-primary svg {\n  fill: #FFF;\n}\n\n.btn-primary svg path {\n  fill: #FFF;\n}\n\n.btn-primary:hover,\n.btn-primary--hover {\n  background: #1ac9f6;\n}\n\n.btn-blink svg {\n  -webkit-animation-name: blinker;\n  -webkit-animation-duration: 1s;\n  -webkit-animation-timing-function: linear;\n  -webkit-animation-iteration-count: infinite;\n  -moz-animation-name: blinker;\n  -moz-animation-duration: 1s;\n  -moz-animation-timing-function: linear;\n  -moz-animation-iteration-count: infinite;\n  animation-name: blinker;\n  animation-duration: 1s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@-moz-keyframes blinker {\n  0% {\n    opacity: 1.0;\n  }\n\n  50% {\n    opacity: 0.0;\n  }\n\n  100% {\n    opacity: 1.0;\n  }\n}\n\n@-webkit-keyframes blinker {\n  0% {\n    opacity: 1.0;\n  }\n\n  50% {\n    opacity: 0.0;\n  }\n\n  100% {\n    opacity: 1.0;\n  }\n}\n\n@keyframes blinker {\n  0% {\n    opacity: 1.0;\n  }\n\n  50% {\n    opacity: 0.0;\n  }\n\n  100% {\n    opacity: 1.0;\n  }\n}\n\n.toolButton {\n  display: inline-block;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Map/Navigation/tool_button.scss","@import '~terriajs-variables';\r\n@import '../../../Sass/common/mixins';\r\n@import 'nav';\r\n\r\n.toolButton {\r\n  display: inline-block;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/Map/Navigation/lib/ReactViews/Map/Navigation/C:/github/terriajs/lib/ReactViews/Map/Navigation/tool_button.scss","@import '~terriajs-variables';\r\n\r\n.controls {\r\n  display: table-cell;\r\n  width: 120px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.timeline__control {\r\n  height: 29px;\r\n  width: 29px;\r\n  composes: btn from '../../../Sass/common/_buttons.scss';\r\n  svg{\r\n    height: 25px;\r\n    width: 25px;\r\n    fill: #ffffff;\r\n  }\r\n\r\n  &.is-active {\r\n    svg{\r\n      fill: $color-primary;\r\n    }\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/BottomDock/Timeline/lib/ReactViews/BottomDock/Timeline/C:/github/terriajs/lib/ReactViews/BottomDock/Timeline/timeline-controls.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n.controls {\n  display: table-cell;\n  width: 120px;\n  vertical-align: middle;\n}\n\n.timeline__control {\n  height: 29px;\n  width: 29px;\n  composes: btn from '../../../Sass/common/_buttons.scss';\n}\n\n.timeline__control svg {\n  height: 25px;\n  width: 25px;\n  fill: #ffffff;\n}\n\n.timeline__control.is-active svg {\n  fill: #08ABD5;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/BottomDock/Timeline/timeline-controls.scss","@import '~terriajs-variables';\r\n\r\n@mixin transition($transition...) {\r\n    -moz-transition:    $transition;\r\n    -o-transition:      $transition;\r\n    -webkit-transition: $transition;\r\n    transition:         $transition;\r\n}\r\n\r\n@mixin placeholder {\r\n  &::-webkit-input-placeholder {@content}\r\n  &:-moz-placeholder {@content}\r\n  &::-moz-placeholder {@content}\r\n  &:-ms-input-placeholder {@content}\r\n}\r\n\r\n\r\n@mixin transform($transforms) {\r\n     -moz-transform: $transforms;\r\n       -o-transform: $transforms;\r\n      -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n          transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n   @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate ($x, $y) {\r\n   @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n   @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n    moz-transform-origin: $origin;\r\n       -o-transform-origin: $origin;\r\n      -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n          transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin, $origin2) {\r\n    moz-transform-origin: $origin $origin2;\r\n    -o-transform-origin: $origin $origin2;\r\n    -ms-transform-origin: $origin $origin2;\r\n    -webkit-transform-origin: $origin $origin2;\r\n    transform-origin: $origin $origin2;\r\n}\r\n\r\n@mixin icon-font($content){\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n    font-family: 'icomoon' !important;\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    line-height: 1;\r\n\r\n    /* Better Font Rendering =========== */\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap{\r\n   /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap{\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url{\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} { /*!*/ }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary;  // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color)\r\n  }\r\n}\r\n\r\n%sm-show, %md-show, %lg-show {\r\n  display: none !important\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/BottomDock/Timeline/lib/ReactViews/BottomDock/Timeline/C:/github/terriajs/lib/Sass/common/_mixins.scss","@import '../../../Sass/common/mixins';\r\n@import '~terriajs-variables';\r\n\r\n.timeline {\r\n  display: table;\r\n  width: 100%;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n  padding-right: 5px;\r\n  font-family: $font-base;\r\n}\r\n\r\n.text-row {\r\n  display: block;\r\n  color: #fff;\r\n  font-size: $font-size-mid-small;\r\n  position: absolute;\r\n  bottom: 44px;\r\n  left: 0px;\r\n  background: $dark;\r\n  padding: 3px 5px;\r\n}\r\n\r\n.text-cell {\r\n  display: table-cell;\r\n}\r\n\r\n.time {\r\n  padding-left: 15px;\r\n}\r\n\r\n.controlsRow {\r\n  display: table-row;\r\n}\r\n\r\n.style-selector {\r\n  font-size: 0.9rem;\r\n  label {\r\n    margin-right: $padding-small;\r\n  }\r\n}\r\n\r\n.title {\r\n  display: block;\r\n  margin-top: 10px;\r\n  margin-bottom: 5px;\r\n  font-weight: bold;\r\n}\r\n\r\n.field {\r\n  composes: field from '../../../Sass/common/_form.scss';\r\n  color: black;\r\n}\r\n\r\n.timelineDatePicker {\r\n  color: #fff;\r\n  display: table-cell;\r\n  width: 30px;\r\n  height: 30px;\r\n}\r\n\r\n.datePicker {\r\n  width: 260px;\r\n  height: 300px;\r\n  border: 1px solid $grey;\r\n  border-radius: 5px;\r\n  padding: 5px;\r\n  position: absolute;\r\n  left: 10px;\r\n  bottom: 70px;\r\n  background: $dark;\r\n  z-index: 100;\r\n\r\n  &.openBelow{\r\n    top: 40px;\r\n    left: -190px;\r\n  }\r\n}\r\n\r\n.dayPicker {\r\n  text-align: center;\r\n  margin-top: -10px;\r\n}\r\n\r\n.backbutton, .backbtn {\r\n  composes: btn from '../../../Sass/common/_buttons.scss';\r\n  composes: btn-transparent from '../../../Sass/common/_buttons.scss';\r\n  display: inline-block;\r\n  z-index: 99;\r\n  position: relative;\r\n\r\n  svg{\r\n    height: 20px;\r\n    width: 25px;\r\n    fill: #ffffff;\r\n    display: inline-block;\r\n    vertical-align: bottom;\r\n  }\r\n\r\n  &[disabled], &:disabled {\r\n    opacity: 0.1\r\n  }\r\n}\r\n\r\n.backbtn {\r\n  padding-bottom: 5px;\r\n  padding-right: 5px;\r\n}\r\n\r\n.togglebutton {\r\n  background: transparent;\r\n  padding: 0px 6px;\r\n  border: 0;\r\n  height: 30px;\r\n  width: 30px;\r\n  margin-right: 5px;\r\n  display: inline-block;\r\n  svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    float: left;\r\n    fill: #fff;\r\n  }\r\n}\r\n\r\n.grid {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  margin: 0 auto;\r\n  color: #fff;\r\n  padding: 0px 5px;\r\n  border-radius: 3px;\r\n  margin-top: -20px;\r\n}\r\n\r\n.gridBody {\r\n  height: calc(100% - 30px);\r\n  overflow: auto;\r\n  composes: scrollbars from '../../../Sass/common/_base.scss';\r\n}\r\n\r\n.gridRow:hover {\r\n  background: $overlay;\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.inactiveGridRow:hover{\r\n  background: transparent;\r\n  cursor: default;\r\n}\r\n\r\n.gridLabel {\r\n  float: left;\r\n  display: inline-block;\r\n  width: 35px;\r\n  font-size: 10px;\r\n  padding-left: 3px;\r\n}\r\n\r\n.gridRowInner12, .gridRowInner31 {\r\n  display: table-row;\r\n  padding: 3px;\r\n  border-radius: 3px;\r\n}\r\n\r\n.gridRowInner12 span, .gridRowInner31 span {\r\n  display: inline-block;\r\n  height: 10px;\r\n  width: 2px;\r\n  background: $overlay;\r\n  margin-top: 1px;\r\n}\r\n\r\n.gridRowInner12 span {\r\n  margin-right: 11px;\r\n}\r\n\r\n\r\n.gridRowInner31 span {\r\n  margin-right: 3px;\r\n}\r\n\r\n.activeGrid {\r\n  opacity: 0.9;\r\n  background: $color-primary!important;\r\n}\r\n\r\n.gridHeading {\r\n  text-align: center;\r\n  color: #fff;\r\n  font-size: 12px;\r\n}\r\n\r\n.hourview {\r\n}\r\n\r\n.summary {\r\n  font-size: 10px;\r\n}\r\n\r\n.open {\r\n\r\n}\r\n\r\n.centuryBtn, .dateBtn{\r\n  composes: btn from '../../../Sass/common/_buttons.scss';\r\n  composes: btn-primary from '../../../Sass/common/_buttons.scss';\r\n  width: calc(100% - 20px);\r\n  margin: 5px;\r\n}\r\n\r\n.centuryBtn{\r\n  display: inline-block;\r\n  width: 40%;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/BottomDock/Timeline/lib/ReactViews/BottomDock/Timeline/C:/github/terriajs/lib/ReactViews/BottomDock/Timeline/timeline.scss","@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n/* Mixin */\n\n@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600);\n\n@import url(https://fonts.googleapis.com/css?family=Lato:400,700);\n\n.timeline {\n  display: table;\n  width: 100%;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  padding-right: 5px;\n  font-family: \"Open Sans\", sans-serif;\n}\n\n.text-row {\n  display: block;\n  color: #fff;\n  font-size: 0.9rem;\n  position: absolute;\n  bottom: 44px;\n  left: 0px;\n  background: #3F4854;\n  padding: 3px 5px;\n}\n\n.text-cell {\n  display: table-cell;\n}\n\n.time {\n  padding-left: 15px;\n}\n\n.controlsRow {\n  display: table-row;\n}\n\n.style-selector {\n  font-size: 0.9rem;\n}\n\n.style-selector label {\n  margin-right: 5px;\n}\n\n.title {\n  display: block;\n  margin-top: 10px;\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\n.field {\n  composes: field from '../../../Sass/common/_form.scss';\n  color: black;\n}\n\n.timelineDatePicker {\n  color: #fff;\n  display: table-cell;\n  width: 30px;\n  height: 30px;\n}\n\n.datePicker {\n  width: 260px;\n  height: 300px;\n  border: 1px solid #888888;\n  border-radius: 5px;\n  padding: 5px;\n  position: absolute;\n  left: 10px;\n  bottom: 70px;\n  background: #3F4854;\n  z-index: 100;\n}\n\n.datePicker.openBelow {\n  top: 40px;\n  left: -190px;\n}\n\n.dayPicker {\n  text-align: center;\n  margin-top: -10px;\n}\n\n.backbutton,\n.backbtn {\n  composes: btn from '../../../Sass/common/_buttons.scss';\n  composes: btn-transparent from '../../../Sass/common/_buttons.scss';\n  display: inline-block;\n  z-index: 99;\n  position: relative;\n}\n\n.backbutton svg,\n.backbtn svg {\n  height: 20px;\n  width: 25px;\n  fill: #ffffff;\n  display: inline-block;\n  vertical-align: bottom;\n}\n\n.backbutton[disabled],\n.backbutton:disabled,\n.backbtn[disabled],\n.backbtn:disabled {\n  opacity: 0.1;\n}\n\n.backbtn {\n  padding-bottom: 5px;\n  padding-right: 5px;\n}\n\n.togglebutton {\n  background: transparent;\n  padding: 0px 6px;\n  border: 0;\n  height: 30px;\n  width: 30px;\n  margin-right: 5px;\n  display: inline-block;\n}\n\n.togglebutton svg {\n  width: 18px;\n  height: 18px;\n  float: left;\n  fill: #fff;\n}\n\n.grid {\n  display: block;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  color: #fff;\n  padding: 0px 5px;\n  border-radius: 3px;\n  margin-top: -20px;\n}\n\n.gridBody {\n  height: calc(100% - 30px);\n  overflow: auto;\n  composes: scrollbars from '../../../Sass/common/_base.scss';\n}\n\n.gridRow:hover {\n  background: rgba(255, 255, 255, 0.15);\n  cursor: pointer;\n}\n\n.inactiveGridRow:hover {\n  background: transparent;\n  cursor: default;\n}\n\n.gridLabel {\n  float: left;\n  display: inline-block;\n  width: 35px;\n  font-size: 10px;\n  padding-left: 3px;\n}\n\n.gridRowInner12,\n.gridRowInner31 {\n  display: table-row;\n  padding: 3px;\n  border-radius: 3px;\n}\n\n.gridRowInner12 span,\n.gridRowInner31 span {\n  display: inline-block;\n  height: 10px;\n  width: 2px;\n  background: rgba(255, 255, 255, 0.15);\n  margin-top: 1px;\n}\n\n.gridRowInner12 span {\n  margin-right: 11px;\n}\n\n.gridRowInner31 span {\n  margin-right: 3px;\n}\n\n.activeGrid {\n  opacity: 0.9;\n  background: #08ABD5 !important;\n}\n\n.gridHeading {\n  text-align: center;\n  color: #fff;\n  font-size: 12px;\n}\n\n.summary {\n  font-size: 10px;\n}\n\n.centuryBtn,\n.dateBtn {\n  composes: btn from '../../../Sass/common/_buttons.scss';\n  composes: btn-primary from '../../../Sass/common/_buttons.scss';\n  width: calc(100% - 20px);\n  margin: 5px;\n}\n\n.centuryBtn {\n  display: inline-block;\n  width: 40%;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./lib/ReactViews/BottomDock/Timeline/timeline.scss"],"sourceRoot":""}