/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/exports/_variables-export.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/explorer-window.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/common/_base.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/common/_buttons.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/DataCatalog/data-catalog.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/common/_labels.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/DataCatalog/data-catalog-group.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Analytics/parameter-editors.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/common/_form.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Preview/metadata-table.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Preview/mappable-preview.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/SharePanel/share-panel.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/legend.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/panel.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-menu-item.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Preview/data-preview.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Preview/data-preview-map.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/data-catalog-tab.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/tabs.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Generic/dropdown.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/MyDataTab/add-data.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/MyDataTab/file-input.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/MyDataTab/my-data-tab.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/tabs.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/FeatureInfo/feature-info-panel.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/FeatureInfo/feature-info-catalog-item.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/FeatureInfo/feature-info-download.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/FeatureInfo/feature-info-section.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/HelpPanel/help-panel.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/HelpPanel/help-panel.scss (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Nunito:600,800&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Guide/guide.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-header.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/setting-panel.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-menu.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/MenuBar/menu-bar.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/colorscalerange-section.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/filter-section.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/satellite-imagery-time-filter-section.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/timer-section.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-modal-window.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/data-catalog-tab.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-search.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Notification/map-interaction-window.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Notification/notification-window.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/SidePanel/full_screen_button.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Story/story-editor.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Story/story-builder.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/MenuBar/StoryButton/story-button.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Story/story-panel.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/HelpScreens/obscure-overlay.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/bottom-dock-chart.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/tooltip.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/chart-panel.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/chart-panel-download-button.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/BottomDock/Timeline/cesium-timeline.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/BottomDock/Timeline/timeline.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/BottomDock/Timeline/timeline-controls.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/ToolsPanel/tools-panel.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/StandardUserInterface/standard-user-interface.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/MyDataTab/cesium-ion-connector.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/chart-preview.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/chart-expand-and-download-buttons.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,400italic,600,700&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/exports/_variables-export.scss (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Transitions/FadeIn/fade-in.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tjs-fade-in__enter {
  opacity: 0;
}

.tjs-fade-in__enter-active {
  opacity: 1;
  transition: opacity 300ms;
}

.tjs-fade-in__exit {
  opacity: 1;
}

.tjs-fade-in__exit-active {
  opacity: 0;
  transition: opacity 300ms;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Transitions/SlideUpFadeIn/slide-up-fade-in.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tjs-slide-up-fade-in__enter {
  opacity: 0;
  transform: translateY(30%);
}

.tjs-slide-up-fade-in__enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms, transform 300ms;
}

.tjs-slide-up-fade-in__exit {
  opacity: 1;
  transform: translateY(0);
}

.tjs-slide-up-fade-in__exit-active {
  opacity: 0;
  transform: translateY(30%);
  transition: opacity 300ms, transform 300ms;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/common/_base.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-_base__sm-show,
.tjs-_base__md-show,
.tjs-_base__lg-show {
  display: none !important;
}

@media (min-width: 768px) {
  .tjs-_base__sm-show {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .tjs-_base__md-show {
    display: block !important;
  }
}
@media (min-width: 1300px) {
  .tjs-_base__lg-show {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .tjs-_base__sm-hide {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .tjs-_base__md-hide {
    display: none !important;
  }
}
@media (min-width: 1300px) {
  .tjs-_base__lg-hide {
    display: none !important;
  }
}
.tjs-_base__clearfix {
  clear: both;
}
.tjs-_base__clearfix:before, .tjs-_base__clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.tjs-_base__list-reset {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.tjs-_base__display-none {
  display: none !important;
}

.tjs-_base__hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.tjs-_base__link {
  text-decoration: none;
  color: #8B0000;
}
.tjs-_base__link:visited {
  color: #8B0000;
}

.tjs-_base__col {
  float: left;
  box-sizing: border-box;
}

.tjs-_base__col-right {
  float: right;
  box-sizing: border-box;
}

.tjs-_base__col-1 {
  width: 8.33333%;
}

.tjs-_base__col-2 {
  width: 16.66667%;
}

.tjs-_base__col-3 {
  width: 25%;
}

.tjs-_base__col-4 {
  width: 33.33333%;
}

.tjs-_base__col-5 {
  width: 41.66667%;
}

.tjs-_base__col-6 {
  width: 50%;
}

.tjs-_base__col-7 {
  width: 58.33333%;
}

.tjs-_base__col-8 {
  width: 66.66667%;
}

.tjs-_base__col-9 {
  width: 75%;
}

.tjs-_base__col-10 {
  width: 83.33333%;
}

.tjs-_base__col-11 {
  width: 91.66667%;
}

.tjs-_base__col-12 {
  width: 100%;
}

@media (min-width: 40em) {
  .tjs-_base__sm-col {
    float: left;
    box-sizing: border-box;
  }
  .tjs-_base__sm-col-right {
    float: right;
    box-sizing: border-box;
  }
  .tjs-_base__sm-col-1 {
    width: 8.33333%;
  }
  .tjs-_base__sm-col-2 {
    width: 16.66667%;
  }
  .tjs-_base__sm-col-3 {
    width: 25%;
  }
  .tjs-_base__sm-col-4 {
    width: 33.33333%;
  }
  .tjs-_base__sm-col-5 {
    width: 41.66667%;
  }
  .tjs-_base__sm-col-6 {
    width: 50%;
  }
  .tjs-_base__sm-col-7 {
    width: 58.33333%;
  }
  .tjs-_base__sm-col-8 {
    width: 66.66667%;
  }
  .tjs-_base__sm-col-9 {
    width: 75%;
  }
  .tjs-_base__sm-col-10 {
    width: 83.33333%;
  }
  .tjs-_base__sm-col-11 {
    width: 91.66667%;
  }
  .tjs-_base__sm-col-12 {
    width: 100%;
  }
}
@media (min-width: 52em) {
  .tjs-_base__md-col {
    float: left;
    box-sizing: border-box;
  }
  .tjs-_base__md-col-right {
    float: right;
    box-sizing: border-box;
  }
  .tjs-_base__md-col-1 {
    width: 8.33333%;
  }
  .tjs-_base__md-col-2 {
    width: 16.66667%;
  }
  .tjs-_base__md-col-3 {
    width: 25%;
  }
  .tjs-_base__md-col-4 {
    width: 33.33333%;
  }
  .tjs-_base__md-col-5 {
    width: 41.66667%;
  }
  .tjs-_base__md-col-6 {
    width: 50%;
  }
  .tjs-_base__md-col-7 {
    width: 58.33333%;
  }
  .tjs-_base__md-col-8 {
    width: 66.66667%;
  }
  .tjs-_base__md-col-9 {
    width: 75%;
  }
  .tjs-_base__md-col-10 {
    width: 83.33333%;
  }
  .tjs-_base__md-col-11 {
    width: 91.66667%;
  }
  .tjs-_base__md-col-12 {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .tjs-_base__lg-col {
    float: left;
    box-sizing: border-box;
  }
  .tjs-_base__lg-col-right {
    float: right;
    box-sizing: border-box;
  }
  .tjs-_base__lg-col-1 {
    width: 8.33333%;
  }
  .tjs-_base__lg-col-2 {
    width: 16.66667%;
  }
  .tjs-_base__lg-col-3 {
    width: 25%;
  }
  .tjs-_base__lg-col-4 {
    width: 33.33333%;
  }
  .tjs-_base__lg-col-5 {
    width: 41.66667%;
  }
  .tjs-_base__lg-col-6 {
    width: 50%;
  }
  .tjs-_base__lg-col-7 {
    width: 58.33333%;
  }
  .tjs-_base__lg-col-8 {
    width: 66.66667%;
  }
  .tjs-_base__lg-col-9 {
    width: 75%;
  }
  .tjs-_base__lg-col-10 {
    width: 83.33333%;
  }
  .tjs-_base__lg-col-11 {
    width: 91.66667%;
  }
  .tjs-_base__lg-col-12 {
    width: 100%;
  }
}
.tjs-_base__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tjs-_base__flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tjs-_base__flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tjs-_base__flex-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tjs-_base__flex-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.tjs-_base__flex-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.tjs-_base__flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tjs-_base__flex-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.tjs-_base__flex-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tjs-_base__flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.tjs-_base__flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.tjs-_base__flex-none {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.tjs-_base__flex-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.tjs-_base__flex-last {
  -webkit-box-ordinal-group: 100000;
  -webkit-order: 99999;
  -ms-flex-order: 99999;
  order: 99999;
}

@media (min-width: 40em) {
  .tjs-_base__sm-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 52em) {
  .tjs-_base__md-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 64em) {
  .tjs-_base__lg-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.tjs-_base__bottom-dock {
  z-index: 1;
  bottom: 0;
  right: 0;
  position: absolute;
  left: 360px;
}

.tjs-_base__undefined {
  position: relative;
  background: #f00 !important;
  color: magenta !important;
  border: 3px orange dashed !important;
  animation-name: tjs-_base__flash;
  animation-duration: 1s;
  animation-timing-function: step-start;
  animation-iteration-count: infinite;
}
.tjs-_base__undefined:before {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  background: red !important;
  content: "There are elements with class undefined on the page! Fix them!" !important;
  color: magenta !important;
  opacity: 1 !important;
  z-index: 100000 !important;
}

@keyframes tjs-_base__flash {
  0% {
    background: #f00;
    color: magenta;
    border: 3px orange dashed;
  }
  50% {
    background: #0ff;
    color: black;
    border: 3px red dashed;
  }
}
.tjs-_base__scrollbars {
  -webkit-overflow-scrolling: touch;
}
.tjs-_base__scrollbars::-webkit-scrollbar {
  width: 5px;
  /* for vertical scrollbars */
  height: 8px;
  /* for horizontal scrollbars */
}
.tjs-_base__scrollbars::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.tjs-_base__scrollbars::-webkit-scrollbar-thumb {
  background: #8B0000;
  border-radius: 4px;
}

.tjs-_base__h1,
.tjs-_base__h2,
.tjs-_base__h3,
.tjs-_base__h4,
.tjs-_base__h5,
.tjs-_base__h6 {
  font-family: "Roboto" sans-serif;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.tjs-_base__h1 {
  font-size: 2rem;
}

.tjs-_base__h2 {
  font-size: 1.5rem;
}

.tjs-_base__h3 {
  font-size: 1.25rem;
}

.tjs-_base__h4 {
  font-size: 1rem;
}

.tjs-_base__h5 {
  font-size: 0.875rem;
}

.tjs-_base__h6 {
  font-size: 0.75rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/common/_buttons.scss (1) ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.tjs-_buttons__btn {
  background-color: transparent;
  margin: 0;
  border: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  line-height: 20px;
  text-decoration: none;
  font-size: 0.9375rem;
  font-family: "Roboto" sans-serif;
}
.tjs-_buttons__btn:focus, .tjs-_buttons__btn:hover {
  box-shadow: none;
  border-color: transparent;
  opacity: 0.9;
}

.tjs-_buttons__btn-transparent {
  background: transparent;
  margin: 0;
}

.tjs-_buttons__btn-primary {
  display: block;
  font-family: "Roboto" sans-serif;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 10px;
}
.tjs-_buttons__btn-primary:disabled {
  background: #595b60 !important;
  cursor: not-allowed;
}
.tjs-_buttons__btn-primary:disabled:hover, .tjs-_buttons__btn-primary:disabled--hover {
  background: #595b60 !important;
}
.tjs-_buttons__btn-primary:hover, .tjs-_buttons__btn-primary--hover {
  background: #be0000;
}

.tjs-_buttons__btn-large {
  padding: 14px 20px;
}

.tjs-_buttons__btn-grey {
  padding: 0;
  font-size: 0.625rem;
  text-align: center;
  width: 100%;
  line-height: 4;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid transparent;
}
.tjs-_buttons__btn-grey:hover {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.tjs-_buttons__btn-grey.tjs-_buttons__is-active {
  background: #8B0000;
  border-color: #8B0000;
  color: #ffffff;
}

.tjs-_buttons__btn--add-to-map {
  color: #8B0000;
}

.tjs-_buttons__btn--secondary, .tjs-_buttons__btn--close-modal {
  border: #8B0000;
  border-radius: 4px;
}
.tjs-_buttons__btn--tertiary {
  border-radius: 4px;
  padding: 8px 10px;
}

.tjs-_buttons__btn--tertiary-dark {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  padding: 8px 10px;
}
.tjs-_buttons__btn--tertiary-dark:hover, .tjs-_buttons__btn--tertiary-dark:focus {
  border: 1px solid #8B0000;
  color: #8B0000;
}

.tjs-_buttons__btn--remove-from-map {
  color: #8B0000;
}

.tjs-_buttons__btn--loading-on-map {
  color: #8B0000;
}

.tjs-_buttons__btn--close-modal {
  font-size: 0.8125rem;
  padding: 4px 10px;
  margin: 5px;
  font-weight: bold;
}

.tjs-_buttons__btn--catalog {
  padding: 10px 40px;
  position: relative;
  width: 100%;
  font-weight: bold;
}
@media (min-width: 768px) {
  .tjs-_buttons__btn--catalog {
    padding: 4px 40px;
  }
}
.tjs-_buttons__btn--catalog .tjs-_buttons__btn--group-indicator {
  position: absolute;
  left: 0;
  padding: 10px 22px 10px 15px;
  top: 0;
  font-size: 1.1rem;
  opacity: 0.5;
}
@media (min-width: 768px) {
  .tjs-_buttons__btn--catalog .tjs-_buttons__btn--group-indicator {
    padding: 4px 22px 4px 15px;
  }
}
.tjs-_buttons__btn--catalog:before {
  position: absolute;
  right: 5px;
  top: 10px;
}
@media (min-width: 768px) {
  .tjs-_buttons__btn--catalog:before {
    top: 4px;
  }
}
.tjs-_buttons__btn--catalog:hover, .tjs-_buttons__btn--catalog:focus {
  background: #8B0000;
  color: #ffffff;
}
.tjs-_buttons__btn--catalog:hover .tjs-_buttons__btn--group-indicator, .tjs-_buttons__btn--catalog:focus .tjs-_buttons__btn--group-indicator {
  color: #ffffff;
}

.tjs-_buttons__btn--catalog-item {
  position: relative;
  width: 100%;
  padding: 4px 22px 4px 15px;
}
.tjs-_buttons__btn--catalog-item:focus, .tjs-_buttons__btn--catalog-item:hover {
  color: #8B0000;
}
.tjs-_buttons__btn--catalog-item:focus:before, .tjs-_buttons__btn--catalog-item:hover:before {
  opacity: 1;
}
.tjs-_buttons__is-previewed .tjs-_buttons__btn--catalog-item {
  color: #8B0000;
  font-weight: 600;
}
.tjs-_buttons__is-previewed .tjs-_buttons__btn--catalog-item:before {
  opacity: 1;
}
.tjs-_buttons__btn--catalog-item.tjs-_buttons__is-active {
  color: #8B0000;
}

.tjs-_buttons__btn.tjs-_buttons__btn--tab {
  border-right: 1px solid #d1d5db;
  font-family: "Roboto" sans-serif;
  background: #fff;
  color: #000;
  font-size: 1rem;
  padding: 10px 20px;
  border-bottom: 2px solid transparent;
}
li[aria-selected=true] .tjs-_buttons__btn.tjs-_buttons__btn--tab {
  background: #fff;
  color: #8B0000;
}

.tjs-_buttons__btn--map {
  font-size: 0.8125rem;
  padding: 5px;
  display: block;
  min-height: 32px;
  font-family: "Roboto" sans-serif;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.tjs-_buttons__btn--map:hover, .tjs-_buttons__btn--map:focus, .tjs-_buttons__is-open .tjs-_buttons__btn--map, .tjs-_buttons__btn--map.tjs-_buttons__is-active {
  text-decoration: none;
}
.tjs-_buttons__btn--map svg {
  height: 15px;
  width: 15px;
  vertical-align: middle;
  display: inline-block;
  margin: auto 4px;
  margin-left: 6px;
  margin-right: 2px;
}
.tjs-_buttons__btn--map span {
  vertical-align: middle;
  margin: auto 5px;
}

.tjs-_buttons__btn--search-clear {
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px;
}

.tjs-_buttons__btn--radio {
  padding: 4px;
}
.tjs-_buttons__btn--radio:before {
  color: #8B0000;
  display: inline-block;
  padding: 4px 4px 4px 0;
}

.tjs-_buttons__btn--small,
.tjs-_buttons___buttons__btn-primary.tjs-_buttons__btn--small {
  padding: 4px 9px;
  margin-right: 4px;
  font-size: 0.8125rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/explorer-window.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-explorer-window__modal-wrapper {
  position: fixed;
  z-index: 98;
  padding-left: 20px;
  padding-right: 80px;
  padding-top: calc((100vh - 70vh - 40px) / 2);
  padding-bottom: calc((100vh - 70vh - 40px) / 2);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media (min-width: 992px) {
  .tjs-explorer-window__modal-wrapper {
    padding-left: 380px;
    padding-right: 30px;
  }
}

.tjs-explorer-window__explorer-panel {
  position: relative;
  color: #000;
  border-radius: 8px;
  box-shadow: 0 0 15px 6px rgba(100, 100, 100, 0.3);
  z-index: 98;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tjs-explorer-window__explorer-panel.tjs-explorer-window__is-mounted {
  opacity: 1;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.tjs-explorer-window__explorer-panel a {
  text-decoration: none;
  color: #8B0000;
}
.tjs-explorer-window__explorer-panel a:visited {
  color: #8B0000;
}

.tjs-explorer-window__modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 89;
  opacity: 1;
  visibility: visible;
}

.tjs-explorer-window__btn--close-modal {
  font-size: 0.9rem;
  padding: 4px 10px;
  margin: 15px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.tjs-explorer-window__btn--close-modal, .tjs-explorer-window__btn--close-modal:hover, .tjs-explorer-window__btn--close-modal:focus {
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/common/_labels.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-_labels__label {
  vertical-align: middle;
  padding: 10px;
  display: block;
  line-height: 20px;
  font-family: "Roboto" sans-serif;
}

.tjs-_labels__no-results {
  padding: 10px !important;
  margin-bottom: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/DataCatalog/data-catalog.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-data-catalog__data-catalog {
  font-size: 0.9rem;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 40px;
}
@media (min-width: 768px) {
  .tjs-data-catalog__data-catalog {
    padding-right: 4px;
    height: 100%;
    position: static;
  }
}

.tjs-data-catalog__label {
  font-size: 0.8125rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/DataCatalog/data-catalog-group.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-data-catalog-group__btn--catalog {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.tjs-data-catalog-group__root {
  font-family: "Roboto" sans-serif;
  color: #000;
  position: relative;
}

.tjs-data-catalog-group__trashGroup {
  color: #8B0000;
  margin-right: 3px;
}
@media (max-width: 768px) {
  .tjs-data-catalog-group__trashGroup {
    top: 10px;
  }
}
.tjs-data-catalog-group__trashGroup svg {
  height: 18px;
  width: 18px;
  margin: 3px;
  fill: #9ca3af;
}

.tjs-data-catalog-group__btn--catalog {
  text-align: left;
  font-size: 0.8125rem;
  padding: 10px 40px;
  padding-right: 0;
  min-height: 35px;
  position: relative;
  width: 100%;
  font-weight: bold;
  line-height: normal;
  position: relative;
}
.tjs-data-catalog-group__btn--catalog svg {
  display: inline-block;
}
@media (max-width: 768px) {
  .tjs-data-catalog-group__btn--catalog {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d1d5db;
  }
}
.tjs-data-catalog-group__btnCatalogTopLevel {
  font-weight: 600;
  border-bottom: 1px solid #d1d5db;
  padding-left: 10px;
}

.tjs-data-catalog-group__folder {
  position: absolute;
  left: 8px;
  top: 5px;
  opacity: 0.5;
}
.tjs-data-catalog-group__folder svg {
  height: 30px;
  width: 30px;
  display: block;
}
@media (min-width: 768px) {
  .tjs-data-catalog-group__folder {
    top: 11px;
  }
  .tjs-data-catalog-group__folder svg {
    height: 25px;
    width: 25px;
  }
}

.tjs-data-catalog-group__caret {
  margin: 0 5px 0 5px;
}
.tjs-data-catalog-group__caret svg {
  fill: #9ca3af;
}
@media (min-width: 768px) {
  .tjs-data-catalog-group__caret svg {
    height: 12px;
    width: 12px;
  }
}
.tjs-data-catalog-group__caret.tjs-data-catalog-group__offsetRight {
  right: 25px;
}

.tjs-data-catalog-group__catalog-group {
  padding-left: 10px;
  padding-top: 5px;
}
.tjs-data-catalog-group__catalog-group--lower-level {
  margin-left: 20px;
  border-left: 1px solid #d1d5db;
}

.tjs-data-catalog-group__label {
  font-size: 0.8125rem;
}

.tjs-data-catalog-group__label--no-results {
}

.tjs-data-catalog-group__add-remove-button {
  position: absolute;
  z-index: 9;
  right: 35px;
  top: 5px;
  color: #8B0000;
  margin-right: 3px;
}
@media (max-width: 768px) {
  .tjs-data-catalog-group__add-remove-button {
    top: 10px;
  }
}
.tjs-data-catalog-group__add-remove-button svg {
  height: 18px;
  width: 18px;
  margin: 3px;
  fill: #9ca3af;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/Sass/common/_form.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-_form__input {
  font-family: inherit;
  font-size: 0.9rem;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
  border-radius: 2px;
  width: 100%;
}

.tjs-_form__input {
  height: 40px;
  color: #595b60;
  display: block;
  padding: 0.5rem 0.5rem;
  vertical-align: middle;
  -webkit-appearance: none;
}
.tjs-_form__input::placeholder {
  opacity: 0.7;
}
.tjs-_form__input::-webkit-input-placeholder {
  opacity: 0.7;
}
.tjs-_form__input:-moz-placeholder {
  opacity: 0.7;
}
.tjs-_form__input::-moz-placeholder {
  opacity: 0.7;
}
.tjs-_form__input:-ms-input-placeholder {
  opacity: 0.7;
}

.tjs-_form__field {
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
  border-radius: 2px;
  width: 100%;
}

.tjs-_form__field:focus,
.tjs-_form__field.tjs-_form__is-focused {
  border-color: rgba(139, 0, 0, 0.5);
  box-shadow: none;
}

.tjs-_form__field:disabled,
.tjs-_form__field.tjs-_form__is-disabled {
  background-color: rgba(0, 0, 0, 0.125);
  opacity: 0.5;
}

.tjs-_form__field:read-only:not(select),
.tjs-_form__field.tjs-_form__is-read-only {
  background-color: rgba(0, 0, 0, 0.125);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Analytics/parameter-editors.scss (1) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-parameter-editors__tree {
}

.tjs-parameter-editors__parameter-editor-important-note {
  /*!*/
}

.tjs-parameter-editors__data {
  background: #fff;
}

.tjs-parameter-editors__parameter-editor {
  margin-bottom: 10px;
  position: relative;
  clear: both;
}
.tjs-parameter-editors__parameter-editor input[type=date] {
  width: 50%;
  float: left;
}
.tjs-parameter-editors__parameter-editor input[type=time] {
  width: 50%;
}

.tjs-parameter-editors__field {
  margin-bottom: 10px;
  clear: both;
  color: #000 !important;
}
.tjs-parameter-editors__field::-webkit-input-placeholder {
  color: #9ca3af !important;
}
.tjs-parameter-editors__field::-moz-placeholder {
  color: #9ca3af !important;
}
.tjs-parameter-editors__field:-ms-input-placeholder {
  color: #9ca3af !important;
}
.tjs-parameter-editors__field:-moz-placeholder {
  color: #9ca3af !important;
}

.tjs-parameter-editors__field-date-placeholder {
  color: #9ca3af !important;
}

.tjs-parameter-editors__field-invalid {
  border-color: #ff5b6f;
}

.tjs-parameter-editors__warning-text {
  color: #ff5b6f;
}

.tjs-parameter-editors__field--parameter-editor {
  margin-bottom: 10px;
  position: relative;
  clear: both;
}
.tjs-parameter-editors__field--parameter-editor input[type=datetime-local] {
  width: 50%;
}
.tjs-parameter-editors__field--parameter-editor input[type=date] {
  width: 50%;
  float: left;
}
.tjs-parameter-editors__field--parameter-editor input[type=time] {
  width: 50%;
}
.tjs-parameter-editors__field--parameter-editor input,
.tjs-parameter-editors__field--parameter-editor select {
  width: 100%;
  display: block;
}

.tjs-parameter-editors__label {
  compose: field from "../../Sass/common/_label.scss";
  font-weight: 600;
  line-height: 2;
}

.tjs-parameter-editors__btn-catalog {
  padding-left: 10px;
}

.tjs-parameter-editors__btn-selector {
}

.tjs-parameter-editors__map {
  height: 200px;
  overflow: hidden;
  position: relative;
  background: #d5d5d5;
  cursor: auto;
  margin: 10px 0;
}
.tjs-parameter-editors__map .leaflet-control-attribution {
  font-size: 6px;
  background: none;
}

.tjs-parameter-editors__region-input {
  width: 100%;
  display: block;
}

.tjs-parameter-editors__autocomplete {
  max-height: 200px;
  overflow-y: auto;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  position: absolute;
  z-index: 99;
  right: 0;
  left: 0;
}
.tjs-parameter-editors__autocomplete.tjs-parameter-editors__is-hidden {
  display: none;
}

.tjs-parameter-editors__autocomplete-item {
}
.tjs-parameter-editors__autocomplete-item:hover, .tjs-parameter-editors__autocomplete-item:focus {
  color: #8B0000;
}

.tjs-parameter-editors__embeddedMap {
  position: relative;
  height: 200px;
}

.tjs-parameter-editors__radio {
  /*!*/
}

.tjs-parameter-editors__btn-radio {
  padding: 5px;
  fill: #08abd5;
}
.tjs-parameter-editors__btn-radio svg {
  width: 20px;
  height: 20px;
  float: left;
  padding-right: 5px;
}

.tjs-parameter-editors__btn-location-selector {
  border: 2px solid #404855;
  font-size: 0.9rem;
  padding: 10px 12px;
  border-radius: 0px;
  display: table-cell;
  text-align: center;
  width: 32%;
}
.tjs-parameter-editors__btn-location-selector:hover, .tjs-parameter-editors__btn-location-selector:focus {
  border: 2px solid #404855;
  background: #404855;
  color: white;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Preview/metadata-table.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-metadata-table__root th, .tjs-metadata-table__root .tjs-metadata-table__value {
  overflow-wrap: normal;
  word-wrap: normal;
  word-break: normal;
}

.tjs-metadata-table__root table {
  overflow-x: auto;
}

.tjs-metadata-table__root table tr:nth-child(odd) {
  background-color: rgb(224.6, 224.6, 224.6);
}

.tjs-metadata-table__root table tr:nth-child(even) {
  background-color: #f5f5f5;
}

.tjs-metadata-table__root th {
  text-align: left;
  padding: 3px;
}

.tjs-metadata-table__root .tjs-metadata-table__value {
  padding: 3px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Preview/mappable-preview.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-mappable-preview__description {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.tjs-mappable-preview__btn--add {
  z-index: 10;
  padding: 10px;
}
@media (min-width: 768px) {
  .tjs-mappable-preview__btn--add {
    display: inline-block;
    width: inherit;
    position: absolute;
    top: 20px;
    right: 20px;
  }
}

.tjs-mappable-preview__previewed--info {
  margin: 20px 0;
}

.tjs-mappable-preview__field {
}

.tjs-mappable-preview__description {
}

.tjs-mappable-preview__title-and-share-wrapper {
  display: flex;
  justify-content: space-between;
}

.tjs-mappable-preview__share-link--wrapper {
  margin-top: 10px;
  min-width: 118px;
  float: right;
}

.tjs-mappable-preview__h3 {
  margin-top: 0;
  padding-right: 4px;
  float: left;
  width: 80%;
  font-size: 1.1rem;
}

.tjs-mappable-preview__h4 {
  font-size: 0.9rem;
}

.tjs-mappable-preview__error {
  color: #9ca3af;
}

.tjs-mappable-preview__metadata {
  padding-top: 10px;
}

.tjs-mappable-preview__btn--add-all {
  padding: 8px;
}
@media (min-width: 768px) {
  .tjs-mappable-preview__btn--add-all {
    display: inline-block;
    width: inherit;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/SharePanel/share-panel.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-share-panel__share-panel {
  font-size: 0.9rem;
}

.tjs-share-panel__catalog-share {
  float: right;
}

.tjs-share-panel__story-share {
  position: relative;
  text-align: center;
  width: 50%;
  margin-left: 4px;
}

.tjs-share-panel__catalog-share-inner {
  background: #f2f2f2;
  color: #4d5766;
}

.tjs-share-panel__story-share-inner {
  background: #f2f2f2;
  color: #4d5766;
  right: 0;
  text-align: left;
}

.tjs-share-panel__dropdown-inner {
  width: 450px;
  moz-transform-origin: 50% top;
  -o-transform-origin: 50% top;
  -ms-transform-origin: 50% top;
  -webkit-transform-origin: 50% top;
  transform-origin: 50% top;
}

.tjs-share-panel__btn--catalogShare {
  font-size: 0.875rem;
  background: transparent;
  color: #8B0000;
  box-shadow: none;
}
.tjs-share-panel__btn--catalogShare svg {
  fill: #8B0000;
}
.tjs-share-panel__btn--catalogShare:hover, .tjs-share-panel__btn--catalogShare:focus {
  color: #ffffff;
}

.tjs-share-panel__btn--withoutText svg {
  fill: #4d5766;
}
.tjs-share-panel__btn--withoutText:hover, .tjs-share-panel__btn--withoutText:focus {
  color: #8B0000;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/legend.scss (1) ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-legend__legend {
  font-family: monospace;
  font-size: 5px;
}
.tjs-legend__legend li {
  display: block;
}
.tjs-legend__legend .tjs-legend__legendOpenExternally {
  font-size: 0.8125rem;
  color: #ffffff;
}
.tjs-legend__legend .tjs-legend__legendTitle {
  font-size: 0.8125rem;
  margin: 0px;
}

.tjs-legend__legend__inner {
  padding: 0;
}
.tjs-legend__legend__inner a {
  display: inline-block;
}

.tjs-legend__legend__legendBoxImg {
  display: inline-block;
  background: #fff;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.tjs-legend__legend--svg text {
  fill: #fff;
}
.tjs-legend__legend--svg .tick-mark {
  stroke: #fff;
}
.tjs-legend__legend--svg svg {
  width: 100%;
  display: block;
}
.tjs-legend__legend--svg svg rect.background {
  width: 100%;
  fill: rgba(255, 255, 255, 0.15);
}

.tjs-legend__loader {
  font-family: "Roboto" sans-serif;
}
.tjs-legend__loader svg {
  fill: #fff;
}

.tjs-legend__imageAnchor {
  max-width: 100%;
}

.tjs-legend__generatedLegend {
  padding-top: 8px;
  padding-bottom: 8px;
}

.tjs-legend__generatedLegend table {
  border-collapse: collapse;
  border-spacing: 0;
}

.tjs-legend__legendTitles {
  font-size: 14px;
  line-height: 16px;
  padding-left: 5px;
}

.tjs-legend__legendTitleAbove {
  position: absolute;
  margin-top: -16px;
}

.tjs-legend__legendTitleAbove::before {
  content: "-";
  padding-left: -5px;
}

.tjs-legend__legendTitleBelow {
  position: absolute;
  margin-top: 0px;
}

.tjs-legend__legendTitleBelow::before {
  content: "-";
}

.tjs-legend__legendSpacer {
  height: 4px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/panel.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-panel__panel {
  width: auto;
  font-family: "Roboto" sans-serif;
}

.tjs-panel__content {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  overflow-x: hidden;
}

.tjs-panel__inner {
  -moz-transform: scale(0) translateZ(0);
  -o-transform: scale(0) translateZ(0);
  -ms-transform: scale(0) translateZ(0);
  -webkit-transform: scale(0) translateZ(0);
  transform: scale(0) translateZ(0);
  -moz-transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
  moz-transform-origin: 50% top;
  -o-transform-origin: 50% top;
  -ms-transform-origin: 50% top;
  -webkit-transform-origin: 50% top;
  transform-origin: 50% top;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  z-index: 20;
  border-radius: 2px;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  max-width: calc(100vw - 10px);
  position: fixed;
  top: 50px;
  left: 0;
  margin: 14px 5px 5px 5px;
}
@media (min-width: 768px) {
  .tjs-panel__inner {
    position: absolute;
    right: 20px;
    top: auto;
    bottom: auto;
    left: auto;
    margin: 14px 0 0 0;
  }
}
.tjs-panel__inner.tjs-panel__is-open {
  -moz-transform: scale(1) translateZ(0);
  -o-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
}
.tjs-panel__inner.tjs-panel__show-dropdown-in-center {
  -moz-transform: scale(0) translate3d(-50%, 0, 0);
  -o-transform: scale(0) translate3d(-50%, 0, 0);
  -ms-transform: scale(0) translate3d(-50%, 0, 0);
  -webkit-transform: scale(0) translate3d(-50%, 0, 0);
  transform: scale(0) translate3d(-50%, 0, 0);
}
.tjs-panel__inner.tjs-panel__is-open.tjs-panel__show-dropdown-in-center {
  -moz-transform: scale(1) translate3d(-50%, 0, 0);
  -o-transform: scale(1) translate3d(-50%, 0, 0);
  -ms-transform: scale(1) translate3d(-50%, 0, 0);
  -webkit-transform: scale(1) translate3d(-50%, 0, 0);
  transform: scale(1) translate3d(-50%, 0, 0);
}
.tjs-panel__inner.tjs-panel__show-dropdown-as-modal {
  -moz-transform: translate3d(0, -300px, 0);
  -o-transform: translate3d(0, -300px, 0);
  -ms-transform: translate3d(0, -300px, 0);
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
  opacity: 0;
}
.tjs-panel__inner.tjs-panel__is-open.tjs-panel__show-dropdown-as-modal {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.tjs-panel__inner button {
  color: #ffffff;
}

.tjs-panel__inner-close-btn {
  position: absolute;
  z-index: 10;
  top: 4px;
  right: 4px;
}
.tjs-panel__inner-close-btn svg {
  height: 10px;
  width: 10px;
}

.tjs-panel__inner-close-btn--for-modal {
  top: 15px;
  right: 15px;
}

.tjs-panel__caret {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: -10px;
  z-index: -1;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tjs-panel__label {
  padding: 4px 0;
  display: block;
}

.tjs-panel__heading {
  padding: 4px 0;
  font-size: 0.8125rem;
}

.tjs-panel__sub-heading {
  font-size: 0.625rem;
}

.tjs-panel__section {
  padding: 4px;
  display: block;
}

.tjs-panel__button {
  border-radius: 0;
  position: relative;
  border: 0;
}
.tjs-panel__button span {
  line-height: 1.3;
}
.tjs-panel__button:hover, .tjs-panel__button:focus {
  border: 0;
}
.tjs-panel__button:hover svg, .tjs-panel__button:focus svg {
  fill: #ffffff;
}

.tjs-panel__button-for-modal-dropdown svg {
  fill: #8B0000;
}

.tjs-panel__overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.tjs-panel__link {
  text-decoration: none;
  color: #8B0000;
}
.tjs-panel__link:visited {
  color: #8B0000;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-menu-item.scss (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-mobile-menu-item__root {
  padding: 0 12px;
}

.tjs-mobile-menu-item__link {
  font-size: 1rem;
  width: 100%;
  text-align: left;
  padding: 12px 0;
  color: #595b60;
  display: block;
  border-bottom: 1px solid #d1d5db;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
}
.tjs-mobile-menu-item__link svg {
  fill: #595b60;
  width: 14px;
  height: 14px;
  padding: 3px;
}
.tjs-mobile-menu-item__link:hover, .tjs-mobile-menu-item__link:focus {
  color: #8B0000;
  text-decoration: underline;
  border-bottom: 1px solid #d1d5db;
}
.tjs-mobile-menu-item__link:hover svg, .tjs-mobile-menu-item__link:focus svg {
  fill: #8B0000;
}

.tjs-mobile-menu-item__icon {
  margin-right: 4px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Preview/data-preview.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-data-preview__preview {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: "Roboto" sans-serif;
  font-size: 0.9rem;
}
@media (max-width: 768px) {
  .tjs-data-preview__preview {
    height: calc(100% - 40px);
    overflow: auto;
  }
}

.tjs-data-preview__placeholder {
  text-align: center;
  color: #595b60;
  padding-top: 80px;
}

.tjs-data-preview__btn--back-to-map {
  font-size: 0.9rem;
}

.tjs-data-preview__preview__inner {
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
  margin: 0 4px;
  padding: 20px;
  position: relative;
  box-sizing: border-box;
}
.tjs-data-preview__preview__inner h3 {
  margin: 0;
}
@media (min-width: 768px) {
  .tjs-data-preview__preview__inner h3 {
    margin: 0.5em 0;
  }
}

.tjs-data-preview__preview-chart {
  padding-top: 10px;
  margin: 20px 0;
  background: #f6f6f7;
}

.tjs-data-preview__field {
}

.tjs-data-preview__h4 {
  font-size: 0.9rem;
}

.tjs-data-preview__h3 {
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Preview/data-preview-map.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-data-preview-map__map {
  position: relative;
}

.tjs-data-preview-map__badge {
  top: 5px;
  left: 5px;
  padding: 3px 5px 3px 5px;
  height: 16px;
  font-size: 75%;
  position: absolute;
  background: #fff;
}

.tjs-data-preview-map__terria-preview.leaflet-container {
  z-index: 0;
  height: 200px;
  overflow: hidden;
  position: relative;
  background: #d5d5d5;
  cursor: auto;
}
.tjs-data-preview-map__terria-preview .leaflet-control-attribution {
  font-size: 6px !important;
  background: none !important;
}

.tjs-data-preview-map__placeholder {
  height: 200px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/tabs.scss (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-tabs__tabs {
  /*!*/
}

.tjs-tabs__tab-list {
  padding-right: 100px;
}

.tjs-tabs__tab-list__item {
  display: inline-block;
  float: left;
}

.tjs-tabs__tab-panel {
  width: 100%;
  height: calc(70vh - 64px);
}
.tjs-tabs__tab-panel:focus {
  outline: none;
}

.tjs-tabs__panel-content {
  position: relative;
  background: #fff;
  color: #000;
  border-top: 1px solid #d1d5db;
  height: 100%;
  overflow: hidden;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

@media (min-width: 768px) {
  .tjs-tabs__tab-left-col {
    width: 40%;
    float: left;
    height: 100%;
    padding: 0 4px;
    background: #f6f6f7;
    display: flex;
    flex-direction: column;
  }
  .tjs-tabs__tab-left-col form {
    margin: 10px 0;
  }
}

@media (min-width: 768px) {
  .data-explorer, .my-data {
    width: 40%;
    float: left;
    height: 100%;
  }
}

.tjs-tabs__btn--tab {
  font-size: 0.9rem;
  padding: 4px;
  margin: 10px;
  border-radius: 3px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/data-catalog-tab.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-data-catalog-tab__root {
  height: 100%;
}

.tjs-data-catalog-tab__data-explorer {
}

.tjs-data-catalog-tab__data-catalog {
  font-size: 0.9rem;
  background: #f6f6f7;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .tjs-data-catalog-tab__data-catalog {
    padding-right: 10px;
    margin-top: 10px;
    height: calc(100% - 40px);
  }
}

.tjs-data-catalog-tab__data--catalog-group {
  padding-left: 4px;
}

.tjs-data-catalog-tab__label {
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Generic/dropdown.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-dropdown__dropdown {
  position: relative;
}

.tjs-dropdown__list {
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  position: absolute;
  min-width: 100%;
  overflow: hidden;
  z-index: 9999;
  box-sizing: border-box;
  background: #fff;
  border-radius: 2px;
  border: 1px solid rgba(156, 163, 175, 0.4);
  box-shadow: 0px 3px 15px rgba(17, 24, 39, 0.15);
}
.tjs-dropdown__list.tjs-dropdown__is-open {
  transform: scaleY(1);
  overflow-y: auto;
}

.tjs-dropdown__btn--dropdown {
  font-size: 0.9rem;
  text-align: left;
  background: #ffffff;
  color: #595b60;
  border: 1px solid #ddd;
  position: relative;
}
.tjs-dropdown__btn--dropdown:hover, .tjs-dropdown__btn--dropdown:focus {
  background: #ffffff;
  color: #595b60;
  border: 1px solid #8B0000;
}
.tjs-dropdown__btn--dropdown svg {
  width: 30px;
  height: 30px;
  width: 20px;
  height: 20px;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 15px;
  fill: #374151;
}
.tjs-dropdown__btn--dropdown:disabled {
  background: #ffffff !important;
  color: #595b60;
  opacity: 0.3;
}

.tjs-dropdown__btn--option {
  width: 100%;
  color: #595b60;
}
.tjs-dropdown__btn--option:hover, .tjs-dropdown__btn--option:focus {
  color: orange;
}
.tjs-dropdown__btn--option.tjs-dropdown__is-selected {
  color: #8B0000;
}

.tjs-dropdown__myDataDropdown {
  text-align: left;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/MyDataTab/add-data.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-add-data__url-input {
  /*!*/
}

.tjs-add-data__inner {
  /*!*/
}

.tjs-add-data__tab-panels {
  width: fit-content;
  min-width: 50%;
  max-width: 600px;
  margin: 3vh auto;
  text-align: left;
}

.tjs-add-data__tab-panel {
  text-align: left;
}

.tjs-add-data__label {
  padding-left: 0;
  font-size: 0.9rem;
}

.tjs-add-data__tabHeading {
  font-weight: 500;
  border-bottom: 1px solid #374151;
  margin-bottom: 3vh;
  display: inline-block;
}

.tjs-add-data__url-input__text-box {
  width: calc(100% - 50px);
  float: left;
  font-family: "Roboto" sans-serif;
}
.tjs-add-data__url-input__btn {
  width: 50px;
  float: left;
}

.tjs-add-data__dropdown__list {
  height: 250px;
  overflow-y: visible;
}
@media (max-height: 800px) {
  .tjs-add-data__dropdown__list {
    height: 200px;
  }
}
@media (max-height: 700px) {
  .tjs-add-data__dropdown__list {
    height: 150px;
  }
}
@media (max-height: 600px) {
  .tjs-add-data__dropdown__list {
    height: 100px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/MyDataTab/file-input.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-file-input__file-input {
  /*!*/
}

.tjs-file-input__input {
  width: 100%;
  opacity: 0;
  position: absolute;
  padding: 10px;
  cursor: pointer;
}

.tjs-file-input__btn {
}
.tjs-file-input__btn--hover {
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/MyDataTab/my-data-tab.scss (1) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-my-data-tab__root {
  height: 100%;
  font-family: "Roboto" sans-serif;
}

.tjs-my-data-tab__data-catalog {
  border-top: 1px solid #d1d5db;
  border-bottom: 1px solid #d1d5db;
}

.tjs-my-data-tab__left-col {
  overflow-y: auto;
  background: #ffffff;
  border-right: 1px solid #d1d5db;
  padding-right: 0;
}
.tjs-my-data-tab__left-col .tjs-my-data-tab__dataTypeTab {
  margin-right: 4px;
}

.tjs-my-data-tab__oneCol {
  margin: 15px;
  height: calc(100% - 30px);
  width: calc(100% - 30px);
  overflow: auto;
  text-align: center;
  color: #374151;
  line-height: 2;
  padding: 3vh 6vh;
  text-align: center;
  box-sizing: border-box;
}

.tjs-my-data-tab__tabCenter {
  text-align: center;
  margin: 10px 0;
}

.tjs-my-data-tab__tabLeft {
  text-align: left;
  padding: 0 10px;
  border-top: 1px solid #d1d5db;
}

.tjs-my-data-tab__tab-list {
  display: block;
  padding-left: 0;
  margin: 0;
}
.tjs-my-data-tab__tab-list__item {
  display: inline-block;
  margin-right: 15px;
}
.tjs-my-data-tab__tab-list__item svg {
  display: inline;
  width: 15px;
  height: 15px;
  fill: #8B0000;
  padding-right: 4px;
  vertical-align: middle;
}
.tjs-my-data-tab__tab-list__btn {
  font-size: 0.8125rem;
  font-weight: 500;
  width: 100%;
  padding: 10px 0;
}
.tjs-my-data-tab__dndBoxInfo {
  flex-shrink: 0;
}

.tjs-my-data-tab__dndBox {
  border: 2px dashed #ddd;
  flex-grow: 1;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: #f6f6f7;
  width: 100%;
  margin: 6px 0;
  color: #374151;
}
.tjs-my-data-tab__dndBox div {
  margin-top: 5%;
}
.tjs-my-data-tab__dndBox svg {
  fill: #d1d5db;
  height: 15%;
  width: 15%;
  margin: 5% auto;
  opacity: 0.6;
}

.tjs-my-data-tab__addedData {
  flex-shrink: 0;
}

.tjs-my-data-tab__dataTypeTab {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  min-height: 300px;
  padding: 10px;
  box-sizing: border-box;
}

.tjs-my-data-tab__explanation {
  font-family: "Roboto" sans-serif;
  font-size: 0.9rem;
  margin: 10px;
}

.tjs-my-data-tab__btn--back-to-my-data {
  position: absolute;
  left: 40px;
  top: 40px;
  background: #ffffff;
  border-radius: 2px;
  padding: 3px 10px;
  border: 1px solid #ddd;
}
.tjs-my-data-tab__btn--back-to-my-data svg {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 8px;
}

.tjs-my-data-tab__btn--add-more-data {
  margin-top: 10px;
}

.tjs-my-data-tab__h3 {
  font-size: 1.1rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/tabs.scss (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-tabs__tabs {
  /*!*/
}

.tjs-tabs__tab-list {
  padding-right: 100px;
}

.tjs-tabs__tab-list__item {
  display: inline-block;
  float: left;
}

.tjs-tabs__tab-panel {
  width: 100%;
  height: calc(70vh - 64px);
}
.tjs-tabs__tab-panel:focus {
  outline: none;
}

.tjs-tabs__panel-content {
  position: relative;
  background: #fff;
  color: #000;
  border-top: 1px solid #d1d5db;
  height: 100%;
  overflow: hidden;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

@media (min-width: 768px) {
  .tjs-tabs__tab-left-col {
    width: 40%;
    float: left;
    height: 100%;
    padding: 0 4px;
    background: #f6f6f7;
    display: flex;
    flex-direction: column;
  }
  .tjs-tabs__tab-left-col form {
    margin: 10px 0;
  }
}

@media (min-width: 768px) {
  .data-explorer, .my-data {
    width: 40%;
    float: left;
    height: 100%;
  }
}

.tjs-tabs__btn--tab {
  font-size: 0.9rem;
  padding: 4px;
  margin: 10px;
  border-radius: 3px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/FeatureInfo/feature-info-panel.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-feature-info-panel__panel {
  background: rgba(17, 24, 39, 0.95);
  color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  display: none;
}
.tjs-feature-info-panel__panel a {
  text-decoration: none;
  color: #8B0000;
}
.tjs-feature-info-panel__panel a:visited {
  color: #8B0000;
}

.tjs-feature-info-panel__is-collapsed .tjs-feature-info-panel__body {
  display: none;
}

.tjs-feature-info-panel__is-visible {
  display: block;
}

.tjs-feature-info-panel__is-translucent {
  opacity: 0.6;
}

.tjs-feature-info-panel__header {
  background: #111827;
  padding-right: 40px;
  line-height: 40px;
}

.tjs-feature-info-panel__btnPanelHeading {
  padding: 0px 8px;
  color: #ffffff;
  width: 100%;
  cursor: move;
}

.tjs-feature-info-panel__btn--download {
  padding: 3px;
  width: 27px;
  margin-left: 3px;
}

.tjs-feature-info-panel__btn--close-feature,
.tjs-feature-info-panel__btnToggleFeature {
  vertical-align: middle;
}
.tjs-feature-info-panel__btn--close-feature:hover svg, .tjs-feature-info-panel__btn--close-feature:focus svg,
.tjs-feature-info-panel__btnToggleFeature:hover svg,
.tjs-feature-info-panel__btnToggleFeature:focus svg {
  fill: #8B0000;
}
.tjs-feature-info-panel__btn--close-feature svg,
.tjs-feature-info-panel__btnToggleFeature svg {
  height: 10px;
  width: 10px;
  display: block;
  fill: #ffffff;
}

.tjs-feature-info-panel__btn--close-feature {
  position: absolute;
  right: 8px;
  top: 8px;
}
.tjs-feature-info-panel__btn--close-feature svg {
  width: 15px;
  height: 26px;
}

.tjs-feature-info-panel__btnToggleFeature {
  padding: 10px;
}

.tjs-feature-info-panel__no-results {
}

.tjs-feature-info-panel__body {
  overflow-y: auto;
  overflow-x: auto;
  max-height: calc(80vh - 40px);
  font-size: 0.9rem;
}

.tjs-feature-info-panel__location {
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tjs-feature-info-panel__btn-location {
  vertical-align: bottom;
  margin-left: 5px;
}
.tjs-feature-info-panel__btn-location:hover svg {
  fill: #8B0000;
}
.tjs-feature-info-panel__btn-location svg {
  height: 18px;
  width: 18px;
  fill: #ffffff;
}

.tjs-feature-info-panel__btn-location-selected {
}
.tjs-feature-info-panel__btn-location-selected svg {
  fill: #8B0000;
}

.tjs-feature-info-panel__satelliteSuggestionBtn {
  margin: 8px;
  width: calc(100% - 16px);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/FeatureInfo/feature-info-catalog-item.scss (1) ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-feature-info-catalog-item__sections {
}

.tjs-feature-info-catalog-item__message-item {
  background: #fed17f;
  color: #111827;
  padding: 5px 8px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/FeatureInfo/feature-info-download.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-feature-info-download__download {
  float: right;
  margin: 10px 1px;
}

.tjs-feature-info-download__btn {
}

.tjs-feature-info-download__icon--download {
  padding-right: 10px;
}
.tjs-feature-info-download__icon--download svg {
  position: absolute;
  top: 6px;
  right: 5px;
  height: 20px;
  width: 20px;
  fill: currentColor;
}

.tjs-feature-info-download__dropdown__list {
  display: flex;
  flex-direction: column;
}
.tjs-feature-info-download__dropdown__list li a {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.tjs-feature-info-download__dropdown__button {
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/FeatureInfo/feature-info-section.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-feature-info-section__content table {
  clear: both;
}
.tjs-feature-info-section__content table:before, .tjs-feature-info-section__content table:after {
  content: " ";
  display: table;
  clear: both;
}

.tjs-feature-info-section__time-series-chart {
  /*!*/
}

.tjs-feature-info-section__section {
  background: rgba(255, 255, 255, 0.15);
  border-top: 1px solid #374151;
}

.tjs-feature-info-section__title {
  color: #ffffff;
  position: relative;
  padding: 4px 30px 4px 8px;
  margin-right: 30px;
  width: 100%;
  background: #111827;
  min-height: 40px;
  margin: 0;
  border: none;
  text-align: left;
}
.tjs-feature-info-section__title span {
  display: block;
  font-weight: 300;
  font-size: 0.9rem;
}
.tjs-feature-info-section__title svg {
  height: 10px;
  width: 10px;
  fill: #fff !important;
  float: right;
  position: absolute;
  top: 15px;
  right: 10px;
}

.tjs-feature-info-section__content {
  padding: 4px;
  position: relative;
}
.tjs-feature-info-section__content table {
  font-family: monospace;
  max-width: 100%;
  border-collapse: collapse;
}
.tjs-feature-info-section__content td {
  position: relative;
  border-collapse: collapse;
  border: 1px solid #111827;
  padding: 5px;
}
.tjs-feature-info-section__raw-data-button {
  width: auto;
  float: right;
  margin-bottom: 13px;
  margin-right: 1px;
  margin-top: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/HelpPanel/help-panel.scss (2) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-help-panel__help-panel {
  font-family: "Roboto" sans-serif;
  width: 320px;
  height: 100%;
  color: #000;
  background-color: #fff;
  position: fixed;
  z-index: 110;
  font-size: 0.9rem;
  transition: all 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tjs-help-panel__help-panel.tjs-help-panel__isVisible {
  right: 0px;
}
.tjs-help-panel__help-panel.tjs-help-panel__isHidden {
  right: -320px;
}

.tjs-help-panel__help-panel-shifted {
  right: 490px;
}

.tjs-help-panel__video-panel {
  font-family: "Roboto" sans-serif;
  width: 490px;
  height: 100%;
  color: #000;
  flex-basis: 400px;
  background-color: #f4f4f4;
  position: fixed;
  top: 0px;
  z-index: 110;
  font-size: 0.9rem;
  transition: all 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tjs-help-panel__video-panel.tjs-help-panel__isVisible {
  right: 0;
}
.tjs-help-panel__video-panel.tjs-help-panel__shiftedToRight {
  right: -490px;
}
.tjs-help-panel__video-panel.tjs-help-panel__isHidden {
  visibility: hidden;
}

.tjs-help-panel__videoBtn {
  background-color: transparent;
  border: 0;
  width: 100%;
  height: 100%;
}

.tjs-help-panel__tourBtn {
  font-size: 0.9375rem;
  padding: 10px 20px;
  border-radius: 20px;
  min-width: 240px;
  text-align: center;
}
.tjs-help-panel__tourBtn svg {
  height: 18px;
  width: 18px;
  vertical-align: bottom;
  display: inline-block;
  margin-right: 5px;
}

@-webkit-keyframes tjs-help-panel__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes tjs-help-panel__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes tjs-help-panel__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes tjs-help-panel__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tjs-help-panel__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes tjs-help-panel__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes tjs-help-panel__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes tjs-help-panel__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes tjs-help-panel__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tjs-help-panel__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes tjs-help-panel__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@-moz-keyframes tjs-help-panel__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@-ms-keyframes tjs-help-panel__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@-o-keyframes tjs-help-panel__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@keyframes tjs-help-panel__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes tjs-help-panel__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
@-moz-keyframes tjs-help-panel__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
@-ms-keyframes tjs-help-panel__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
@-o-keyframes tjs-help-panel__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
@keyframes tjs-help-panel__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
.tjs-help-panel__link {
  color: #8B0000;
}

.tjs-help-panel__videoLink {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  width: 100%;
  height: 260px;
  background-size: cover;
}
.tjs-help-panel__videoLink svg {
  width: 50px;
  height: 50px;
  fill: #fff;
  margin: auto;
  position: relative;
}

.tjs-help-panel__videoGuideWrapperFullScreen {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
  -webkit-animation: tjs-help-panel__story-fade-in 0.3s;
  -moz-animation: tjs-help-panel__story-fade-in 0.3s;
  -ms-animation: tjs-help-panel__story-fade-in 0.3s;
  -o-animation: tjs-help-panel__story-fade-in 0.3s;
  animation: tjs-help-panel__story-fade-in 0.3s;
}

.tjs-help-panel__videoGuide {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  margin: 0;
  width: 90%;
  height: 90%;
  background-color: black;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  -moz-transform: translate(0%, 5%);
  -o-transform: translate(0%, 5%);
  -ms-transform: translate(0%, 5%);
  -webkit-transform: translate(0%, 5%);
  transform: translate(0%, 5%);
  transition: all 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  margin: auto;
}

.tjs-help-panel__videoGuideRatio {
  padding-bottom: 58.5%;
  padding-top: 25px;
}

.tjs-help-panel__videoGuideLoading {
  position: absolute;
  top: 50%;
  left: 50%;
}
.tjs-help-panel__videoGuideLoading svg {
  fill: white;
  width: 60px;
  height: 60px;
  top: -30px;
  left: -30px;
  position: absolute;
}

.tjs-help-panel__videoGuide--iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Guide/guide.scss (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-guide__guide {
  position: relative;
  background-color: #fff;
}
@media (max-width: 768px), (max-height: 540px) {
  .tjs-guide__guide {
    width: 100%;
    transform: none;
    left: 0;
    top: 0;
    overflow: scroll;
    height: 100vh;
  }
}

.tjs-guide__image {
  height: 216px;
  background-color: #f5f5f5;
}

.tjs-guide__image-wrapper {
  width: 384px;
  margin: 0 auto;
}
.tjs-guide__image-wrapper img {
  width: 100%;
}

.tjs-guide__body {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 20px;
  color: #4d5766;
  height: 243px;
  height: initial;
  min-height: 244px;
}

.tjs-guide__bodyFooter {
  display: flex;
}

.tjs-guide__bodyProgress {
  display: flex;
  margin-right: auto;
}

.tjs-guide__btn {
  width: auto;
  width: initial;
}

.tjs-guide__btn--tertiary {
  font-size: 0.9375rem;
}

.tjs-guide__btn-next {
  margin-left: 4px;
}

.tjs-guide__inner-close-btn {
  position: absolute;
  z-index: 10;
  top: 12px;
  right: 12px;
  padding: 7px;
  background-color: #fff;
  border-radius: 50%;
}
.tjs-guide__inner-close-btn:hover svg, .tjs-guide__inner-close-btn:focus svg {
  fill: #C41E3A;
}
.tjs-guide__inner-close-btn svg {
  fill: #8B0000;
  height: 10px;
  width: 10px;
}

.tjs-guide__indicatorWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tjs-guide__indicator {
  display: inline-block;
  box-sizing: border-box;
  height: 7px;
  width: 7px;
  background-color: #fff;
  border: 1px solid #8B0000;
  margin-right: 7px;
  border-radius: 50%;
}

.tjs-guide__indicatorEnabled {
  background-color: #8B0000;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-header.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-mobile-header__ui {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 50px;
  z-index: 102;
}
@media (min-width: 768px) {
  .tjs-mobile-header__ui {
    left: -99999px;
  }
}

.tjs-mobile-header__mobile-header {
  justify-content: space-between;
  font-family: "Roboto" sans-serif;
  width: 100%;
  background: #111827;
  padding: 4px;
  height: 100%;
  box-sizing: border-box;
}

.tjs-mobile-header__btn {
  height: 40px;
  vertical-align: top;
}

.tjs-mobile-header__btn-add {
  position: relative;
  margin: 0 4px;
  padding: 10px 10px 10px 30px;
  width: auto;
  text-align: right;
  font-size: 0.95rem;
  border-radius: 4px;
}
.tjs-mobile-header__btn-add svg {
  position: absolute;
  top: 10px;
  left: 5px;
  fill: #ffffff;
}

.tjs-mobile-header__btn-search {
  margin: 0 4px;
  padding: 4px;
  position: relative;
  width: 40px;
  border-radius: 4px;
}
.tjs-mobile-header__btn-search svg {
  fill: #fff;
  margin: auto;
}

.tjs-mobile-header__btn-now-viewing {
  margin: 0 4px;
  padding: 4px;
  padding-right: 10px;
  position: relative;
  width: 50px;
}
.tjs-mobile-header__btn-now-viewing svg {
  height: 28px;
  width: 28px;
  fill: #fff;
}
.tjs-mobile-header__btn-now-viewing .tjs-mobile-header__nowViewingCount {
  position: absolute;
  top: 4px;
  right: 4px;
}
.tjs-mobile-header__btn-now-viewing .tjs-mobile-header__doubleDigit {
  font-size: 0.8rem;
}

.tjs-mobile-header__group-left {
  position: absolute;
  left: 5px;
}
.tjs-mobile-header__group-left > * {
  display: inline-block;
}

.tjs-mobile-header__group-right {
  position: absolute;
  right: 0;
  z-index: 1;
}
.tjs-mobile-header__group-right > * {
  display: inline-block;
}

.tjs-mobile-header__formSearchData {
  width: 90%;
  margin: auto;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/setting-panel.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-setting-panel__dropdown-inner {
  width: 300px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-menu.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-mobile-menu__overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.tjs-mobile-menu__mobile-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  background: #ffffff;
  color: #000;
  text-align: left;
}
.tjs-mobile-menu__mobile-nav--hidden {
  left: -9999px;
  height: 0;
  width: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/MenuBar/menu-bar.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-menu-bar__menu-bar {
  position: absolute;
  z-index: 108;
  top: 21px;
  left: 350px;
  right: 20px;
  transition: margin-left 0.25s;
  margin-left: 50px;
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}

.tjs-menu-bar__menu-bar--workbenchClosed {
  margin-left: 35px;
}

.tjs-menu-bar__menu {
  margin: 0 4px 4px 4px;
  /* Align About button with compass */
}

.tjs-menu-bar__menu-item {
  pointer-events: auto;
  position: relative;
  display: block;
  float: left;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  margin-right: 1px;
}
.tjs-menu-bar__menu-item:last-child {
  margin-right: 0;
}
.tjs-menu-bar__menu-item:first-child > div > button, .tjs-menu-bar__menu-item:first-child > div > a, .tjs-menu-bar__menu-item:first-child > button, .tjs-menu-bar__menu-item:first-child > a {
  border-radius: 4px 0 0 4px;
}
.tjs-menu-bar__menu-item:last-child > div > button, .tjs-menu-bar__menu-item:last-child > div > a, .tjs-menu-bar__menu-item:last-child > button, .tjs-menu-bar__menu-item:last-child > a {
  border-radius: 0 4px 4px 0;
}
.tjs-menu-bar__menu-item:only-child > div > button, .tjs-menu-bar__menu-item:only-child > div > a, .tjs-menu-bar__menu-item:only-child > button, .tjs-menu-bar__menu-item:only-child > a {
  border-radius: 4px 4px 4px 4px;
}

.tjs-menu-bar__flex {
}

.tjs-menu-bar__langBtn {
  text-transform: uppercase;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/colorscalerange-section.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-colorscalerange-section__colorscalerange {
  font-size: 0.9rem;
}
.tjs-colorscalerange-section__colorscalerange label {
  margin-right: 4px;
}

.tjs-colorscalerange-section__title {
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}

.tjs-colorscalerange-section__btn {
  margin-top: 10px;
}

.tjs-colorscalerange-section__field {
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/filter-section.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-filter-section__filters {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 0.625rem;
}
.tjs-filter-section__filters label {
  margin-right: 4px;
  float: left;
  width: 80px;
}
.tjs-filter-section__filters input[type=range] {
  width: calc(100% - 85px);
}

.tjs-filter-section__filter {
  display: flex;
}
.tjs-filter-section__filter label {
  flex-basis: 100px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/location-item.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tjs-location-item__location {
  padding: 8px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/satellite-imagery-time-filter-section.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-satellite-imagery-time-filter-section__active,
.tjs-satellite-imagery-time-filter-section__inactive {
  font-size: 0.85rem;
  margin: 8px 0 4px 0;
  border-radius: 3px;
  text-align: center;
}

.tjs-satellite-imagery-time-filter-section__infoGroup {
  padding: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.tjs-satellite-imagery-time-filter-section__btn {
  padding: 10px 4px;
}

.tjs-satellite-imagery-time-filter-section__btnGroup {
  display: flex;
}
.tjs-satellite-imagery-time-filter-section__btnGroup button {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.tjs-satellite-imagery-time-filter-section__btnGroup button:last-child {
  border-right: none;
}

.tjs-satellite-imagery-time-filter-section__inactive {
  background: rgba(250, 250, 250, 0.2);
}
.tjs-satellite-imagery-time-filter-section__inactive .tjs-satellite-imagery-time-filter-section__btn {
  background: rgba(250, 250, 250, 0.2);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Generic/Timer/timer.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tjs-timer__timer {
  fill: currentColor;
  height: fit-content;
  line-height: 0;
}

.tjs-timer__background-circle {
  opacity: 0.4;
}

.tjs-timer__elapsedTime {
  /*! keep */
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Workbench/Controls/timer-section.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-timer-section__section {
  background: #111827;
  margin-top: 10px;
  display: flex;
  padding: 0 10px;
  align-content: flex-start;
  font-weight: 100;
  font-size: 0.9rem;
}

.tjs-timer-section__timer-container {
  padding-right: 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/data-catalog-tab.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-data-catalog-tab__root {
  height: 100%;
}

.tjs-data-catalog-tab__data-explorer {
}

.tjs-data-catalog-tab__data-catalog {
  font-size: 0.9rem;
  background: #f6f6f7;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .tjs-data-catalog-tab__data-catalog {
    padding-right: 10px;
    margin-top: 10px;
    height: calc(100% - 40px);
  }
}

.tjs-data-catalog-tab__data--catalog-group {
  padding-left: 4px;
}

.tjs-data-catalog-tab__label {
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-modal-window.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-mobile-modal-window__mobileModal {
  position: fixed;
  top: 50px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  right: 0;
  color: #000;
  display: none;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
}
.tjs-mobile-modal-window__mobileModal.tjs-mobile-modal-window__isOpen {
  display: block;
}

.tjs-mobile-modal-window__modalBg {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  height: 100%;
}

.tjs-mobile-modal-window__modal-top {
  height: 40px;
  width: 100%;
  background: #8B0000;
  box-shadow: 2px 0 2px rgba(100, 100, 100, 0.5);
}

.tjs-mobile-modal-window__button {
  color: #fff;
  width: auto;
}

.tjs-mobile-modal-window__done-button {
  float: right;
  padding: 10px;
}

.tjs-mobile-modal-window__back-button {
  float: left;
  height: 40px;
  width: 40px;
  padding: 5px;
}
.tjs-mobile-modal-window__back-button--inactive {
  opacity: 0.5;
}
.tjs-mobile-modal-window__back-button--inactive:focus, .tjs-mobile-modal-window__back-button--inactive:hover {
  opacity: 0.5;
}

.tjs-mobile-modal-window__icon-back {
  height: 18px;
  width: 18px;
  margin: 6px;
  fill: #ffffff;
  stroke: #ffffff;
}

.tjs-mobile-modal-window__data-catalog {
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Mobile/mobile-search.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-mobile-search__results {
}
.tjs-mobile-search__results.tjs-mobile-search__results {
  padding: 0 10px 10px 10px;
}
.tjs-mobile-search__results li {
  background: #ffffff;
}

.tjs-mobile-search__label {
  color: #3f4854;
  font-size: 12px;
  padding: 4px 10px;
  display: block;
}

.tjs-mobile-search__location {
  height: calc(100vh - 229px);
}
@media (max-width: 768px) {
  .tjs-mobile-search__location {
    height: calc(100vh - 90px);
  }
}

.tjs-mobile-search__provider-result {
  margin-top: 4px;
}
.tjs-mobile-search__provider-result .tjs-mobile-search__items {
  display: none;
}

.tjs-mobile-search__btnList {
}

.tjs-mobile-search__data {
  /*!*/
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Notification/map-interaction-window.scss (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-map-interaction-window__window {
  display: none;
  position: fixed;
  transform: translateX(-50%);
  left: 50%;
  background: #fff;
  width: 200px;
  top: 50px;
  z-index: 999;
  color: #000;
  padding: 10px;
}

.tjs-map-interaction-window__isActive {
  display: block;
}

.tjs-map-interaction-window__content {
  margin-bottom: 10px;
}

.tjs-map-interaction-window__btn {
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Notification/notification-window.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-notification-window__wrapper {
  color: #ffffff;
  font-family: "Roboto" sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  align-items: center;
  justify-content: center;
}
.tjs-notification-window__wrapper a {
  text-decoration: none;
  color: #8B0000;
}
.tjs-notification-window__wrapper a:visited {
  color: #8B0000;
}
.tjs-notification-window__wrapper pre {
  display: block;
  line-height: 2;
  white-space: pre-wrap;
}

.tjs-notification-window__notification {
  border-radius: 6px;
  border: 1px solid rgb(12.3553571429, 17.4428571429, 28.3446428571);
  z-index: 300;
}
.tjs-notification-window__notification pre {
  -webkit-overflow-scrolling: touch;
}
.tjs-notification-window__notification pre::-webkit-scrollbar {
  width: 5px;
  /* for vertical scrollbars */
  height: 8px;
  /* for horizontal scrollbars */
}
.tjs-notification-window__notification pre::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.tjs-notification-window__notification pre::-webkit-scrollbar-thumb {
  background: #8B0000;
  border-radius: 4px;
}

.tjs-notification-window__title {
}

.tjs-notification-window__inner {
  padding: 15px;
  height: 100%;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  max-width: calc(100vw - 20px);
  box-sizing: border-box;
}

.tjs-notification-window__footer {
  padding: 15px;
  display: flex;
  gap: 15px;
  justify-content: center;
}
.tjs-notification-window__footer button {
  flex: 1;
}

.tjs-notification-window__body {
  font-size: 14px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/SidePanel/full_screen_button.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-full_screen_button__full-screen {
  position: absolute;
  z-index: 79;
}

.tjs-full_screen_button__toggleWorkbench {
  display: none;
}

.tjs-full_screen_button__fullScreenWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: space-around;
  background-color: var(--theme-transparent-dark);
  backdrop-filter: blur(5px);
  width: 350px;
  border-radius: 8px;
  overflow: hidden;
}

.tjs-full_screen_button__minifiedFullscreenBtnWrapper {
  left: 350px;
  top: 32px;
}

.tjs-full_screen_button__trainerBarVisible {
  top: 85px;
}

.tjs-full_screen_button__btn {
  display: flex;
  border-radius: 16px;
}

.tjs-full_screen_button__isActive svg:not(:root) {
  margin: auto;
  width: 12px;
}

.tjs-full_screen_button__minified, .tjs-full_screen_button__minified:hover, .tjs-full_screen_button__minified:focus {
  padding: 0;
  padding-right: 4px;
  box-shadow: none;
}
.tjs-full_screen_button__minified svg:not(:root) {
  margin: auto 4px;
}

.tjs-full_screen_button__enter:before {
  font-size: 1.6rem;
}

.tjs-full_screen_button__exit:before {
  font-size: 1.6rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Story/story-editor.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-story-editor__popupEditor {
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tjs-story-editor__popupEditor.tjs-story-editor__is-mounted {
  opacity: 1;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.tjs-story-editor__popupEditor .tjs-story-editor__inner {
  max-width: 800px;
  width: 80vw;
  background: #111827;
  z-index: 9999;
  margin: 0 auto;
  color: #595b60;
  border: 1px solid #374151;
  border-radius: 6px;
  padding: 15px;
}
.tjs-story-editor__popupEditor .tjs-story-editor__header {
  border-bottom: 1px solid #374151;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.tjs-story-editor__popupEditor .tjs-story-editor__body {
  min-height: 150px;
}
.tjs-story-editor__popupEditor .tjs-story-editor__body p {
  margin-top: 0;
}
.tjs-story-editor__popupEditor .tjs-story-editor__body {
  margin-bottom: 15px;
}

.tjs-story-editor__field {
  border: 0;
  margin-right: 10px;
  padding-left: 15px !important;
  margin-bottom: 15px;
  border-radius: 6px;
  background: #1f2937;
  border: 1px solid #374151;
  color: white;
}

.tjs-story-editor__saveBtn {
  width: auto;
  padding: 15px 15px;
}

.tjs-story-editor__cancelBtn {
  border: none;
  background: #1f2937;
  padding: 15px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Story/story-builder.scss (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-story-builder__story-panel {
  font-family: "Roboto" sans-serif;
  flex-basis: 400px;
  max-width: 400px;
  color: #ffffff;
  font-size: 0.9rem;
  display: block;
  transition: all 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tjs-story-builder__story-panel.tjs-story-builder__isVisible {
  visibility: visible;
  margin-right: 0;
}
.tjs-story-builder__story-panel.tjs-story-builder__isHidden {
  visibility: hidden;
  margin-right: -400px;
}
.tjs-story-builder__story-panel .tjs-story-builder__actions {
  padding: 10px;
}

.tjs-story-builder__title {
  align-items: baseline;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.tjs-story-builder__title li {
  display: inline-block;
  float: left;
  font-size: 0.9rem;
  font-weight: 600;
}
.tjs-story-builder__title li:last-child {
  float: right;
}

.tjs-story-builder__hide-button {
  font-size: 0.9rem;
  text-transform: uppercase;
  padding: 10px 10px 10px 50px;
  border: 0;
}
.tjs-story-builder__hide-button svg {
  height: 0.9rem;
  width: 0.9rem;
  vertical-align: middle;
  display: inline-block;
}
.tjs-story-builder__hide-button svg use {
  pointer-events: none;
}
.tjs-story-builder__header .tjs-story-builder__actions {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.tjs-story-builder__header .tjs-story-builder__stories-actions {
  display: flex;
}

.tjs-story-builder__stories {
  height: calc(100vh - 121px - 51px);
  overflow: auto;
}
.tjs-story-builder__stories.tjs-story-builder__isActive {
  opacity: 0.7;
}

.tjs-story-builder__story {
  padding: 4px;
  margin: 4px;
  background: #111827;
  color: #ffffff;
  margin: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.tjs-story-builder__story h3 {
  font-weight: normal;
  margin: 0;
}

.tjs-story-builder__trashBtn,
.tjs-story-builder__removeBtn {
  margin-right: 10px;
  background: #9ca1aa;
  border-radius: 4px;
  padding: 4px 10px;
}
.tjs-story-builder__trashBtn svg,
.tjs-story-builder__removeBtn svg {
  height: 25px;
  width: 25px;
  fill: #ffffff;
}

.tjs-story-builder__footer {
  padding: 10px;
}

.tjs-story-builder__previewBtn {
  width: 50%;
}

.tjs-story-builder__captureBtn,
.tjs-story-builder__previewBtn {
  position: relative;
  padding-left: 35px;
  height: inherit;
}
.tjs-story-builder__captureBtn svg,
.tjs-story-builder__previewBtn svg {
  width: 25px;
  height: 25px;
  fill: #ffffff;
  position: absolute;
  left: 10px;
  top: 8px;
}

.tjs-story-builder__story:hover {
  background-color: #111827;
}

.tjs-story-builder__intro {
  font-family: "Roboto" sans-serif;
  margin: 10px 10px 0 10px;
  border-radius: 4px;
  text-align: center;
  padding: 30px 10px;
}
.tjs-story-builder__intro svg {
  width: 70px;
  height: 70px;
  margin: 20px auto;
}

.tjs-story-builder__remove-button {
  color: #ffffff;
  font-size: 0.7rem;
  padding: 0;
}
.tjs-story-builder__remove-button svg {
  height: 12px;
  width: 12px;
  margin: 4px;
  fill: #ffffff;
  vertical-align: bottom;
  display: inline-block;
}

.tjs-story-builder__tutBtn {
  color: #ffffff;
  font-size: 0.9375rem;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  margin-top: 10px;
}
.tjs-story-builder__tutBtn svg {
  height: 20px;
  width: 20px;
  margin: 0 4px;
  fill: #f5f5f5;
  vertical-align: bottom;
  display: inline-block;
}

@-webkit-keyframes tjs-story-builder__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes tjs-story-builder__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes tjs-story-builder__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes tjs-story-builder__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tjs-story-builder__story-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes tjs-story-builder__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes tjs-story-builder__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes tjs-story-builder__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes tjs-story-builder__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tjs-story-builder__story-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes tjs-story-builder__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@-moz-keyframes tjs-story-builder__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@-ms-keyframes tjs-story-builder__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@-o-keyframes tjs-story-builder__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@keyframes tjs-story-builder__story-slide-up {
  0% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  100% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes tjs-story-builder__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
@-moz-keyframes tjs-story-builder__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
@-ms-keyframes tjs-story-builder__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
@-o-keyframes tjs-story-builder__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
@keyframes tjs-story-builder__story-slide-down {
  0% {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
}
.tjs-story-builder__VideoGuideWrapper {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(17, 24, 39, 0.8);
  opacity: 1;
  -webkit-animation: tjs-story-builder__story-fade-in 0.3s;
  -moz-animation: tjs-story-builder__story-fade-in 0.3s;
  -ms-animation: tjs-story-builder__story-fade-in 0.3s;
  -o-animation: tjs-story-builder__story-fade-in 0.3s;
  animation: tjs-story-builder__story-fade-in 0.3s;
}

.tjs-story-builder__VideoGuideWrapper--closing {
  -webkit-animation: tjs-story-builder__story-fade-out 0.3s;
  -moz-animation: tjs-story-builder__story-fade-out 0.3s;
  -ms-animation: tjs-story-builder__story-fade-out 0.3s;
  -o-animation: tjs-story-builder__story-fade-out 0.3s;
  animation: tjs-story-builder__story-fade-out 0.3s;
}
.tjs-story-builder__VideoGuideWrapper--closing > div {
  -webkit-animation: tjs-story-builder__story-slide-down 0.3s;
  -moz-animation: tjs-story-builder__story-slide-down 0.3s;
  -ms-animation: tjs-story-builder__story-slide-down 0.3s;
  -o-animation: tjs-story-builder__story-slide-down 0.3s;
  animation: tjs-story-builder__story-slide-down 0.3s;
}

.tjs-story-builder__videoGuide {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  margin: 0;
  width: 40%;
  min-height: 31.5%;
  background-color: black;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 40%;
  left: 50%;
  max-width: 100%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: tjs-story-builder__story-slide-up 0.3s;
  -moz-animation: tjs-story-builder__story-slide-up 0.3s;
  -ms-animation: tjs-story-builder__story-slide-up 0.3s;
  -o-animation: tjs-story-builder__story-slide-up 0.3s;
  animation: tjs-story-builder__story-slide-up 0.3s;
}

.tjs-story-builder__videoGuideRatio {
  padding-bottom: 58.5%;
  padding-top: 25px;
}

.tjs-story-builder__videoGuideLoading {
  position: absolute;
  top: 50%;
  left: 50%;
}
.tjs-story-builder__videoGuideLoading svg {
  fill: white;
  width: 60px;
  height: 60px;
  top: -30px;
  left: -30px;
  position: absolute;
}

.tjs-story-builder__videoGuide--iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/MenuBar/StoryButton/story-button.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-story-button__storyBtn {
}
.tjs-story-button__storyBtn:hover svg, .tjs-story-button__storyBtn:focus svg {
  fill: #ffffff;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Story/story-panel.scss (1) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-story-panel__story-container {
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: auto;
  opacity: 0;
  width: 100%;
  min-height: 2em;
  max-width: 1200px;
  color: #595b60;
  text-align: left;
  box-sizing: border-box;
  box-shadow: 0px 1px 0px 0px #1f2937 inset;
  border-radius: 6px;
}
.tjs-story-panel__story-container a,
.tjs-story-panel__story-container a:visited,
.tjs-story-panel__story-container a:focus {
  color: #8B0000;
}
.tjs-story-panel__story-container.tjs-story-panel__is-mounted {
  opacity: 1;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.tjs-story-panel__story-container .tjs-story-panel__left {
  border-right: 1px solid #ddd;
}
.tjs-story-panel__story-container .tjs-story-panel__right {
  border-left: 1px solid #ddd;
}

@media (min-width: 992px) {
  .story.tjs-notification-window__wrapper {
    left: 350px;
  }
}
.story.tjs-notification-window__wrapper .tjs-notification-window__notification {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/HelpScreens/obscure-overlay.scss (1) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-obscure-overlay__topOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1000;
}

.tjs-obscure-overlay__leftOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1000;
}

.tjs-obscure-overlay__rightOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1000;
}

.tjs-obscure-overlay__bottomOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1000;
}

.tjs-obscure-overlay__clearOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background: rgba(0, 0, 0, 0);
  z-index: 999;
}

.tjs-obscure-overlay__isActive {
  display: block;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/bottom-dock-chart.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-bottom-dock-chart__empty {
  text-align: center;
  margin-top: 130px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/tooltip.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-tooltip__tooltip {
  font-family: monospace;
  color: #ffffff !important;
  background-color: rgb(4.6142857143, 6.5142857143, 10.5857142857) !important;
  border-radius: 0px !important;
  padding: 5px 10px !important;
}
.tjs-tooltip__tooltip .tjs-tooltip__group {
  padding: 7px 0;
}
.tjs-tooltip__tooltip .tjs-tooltip__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3px;
}
.tjs-tooltip__tooltip .tjs-tooltip__item > div {
  padding: 0 4px;
}
.tjs-tooltip__tooltip .tjs-tooltip__itemSymbol {
  width: 16px;
  height: 2px;
}
.tjs-tooltip__tooltip .tjs-tooltip__itemName {
  max-width: 300px;
}
.tjs-tooltip__tooltip .tjs-tooltip__itemValue {
  min-width: 80px;
}

.tjs-tooltip__transition-enter {
  opacity: 0;
}

.tjs-tooltip__transition-enter-active {
  opacity: 1;
  transition: opacity 200ms;
}

.tjs-tooltip__transition-exit {
  opacity: 1;
}

.tjs-tooltip__transition-exit-active {
  opacity: 0;
  transition: opacity 200ms;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/chart-panel.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-chart-panel__inner {
  /*!*/
}

.tjs-chart-panel__chart-panel {
  /*!*/
}

.tjs-chart-panel__holder {
  left: 0;
  right: 0;
  background: var(--theme-transparent-dark);
  backdrop-filter: blur(5px);
  padding-bottom: 40px;
  margin-bottom: 6px;
  border-radius: 8px 8px 0 0;
}

.tjs-chart-panel__header {
  height: 41px;
  box-sizing: border-box;
  position: relative;
  background-color: #111827;
  font-size: 0.9rem;
  fill: #fff;
  border-radius: 8px 8px 0 0;
}

.tjs-chart-panel__chart {
  color: #ffffff;
}
.tjs-chart-panel__chart .base-chart .axis path.domain {
  stroke: #fff;
}
.tjs-chart-panel__chart .base-chart .axis .tick line {
  stroke: rgba(255, 255, 255, 0.085);
}
.tjs-chart-panel__chart .base-chart .axis .colors line {
  stroke-width: 2;
}
.tjs-chart-panel__chart .base-chart .plot-area {
  fill: rgba(255, 255, 255, 0.075);
}
.tjs-chart-panel__chart .units-label-shadow {
  stroke: rgb(4.6142857143, 6.5142857143, 10.5857142857);
  stroke-width: 2.5px;
  opacity: 0.9;
}
.tjs-chart-panel__chart .base-chart text {
  fill: #fff;
  font-family: monospace;
  font-size: 110%;
}
.tjs-chart-panel__chart .base-chart .line {
  fill: none;
  stroke: #ccc;
  stroke-width: 1;
}

.tjs-chart-panel__chart-panel .tjs-chart-panel__axis .tjs-chart-panel__colors path {
  stroke-width: 2;
}

.tjs-chart-panel__section-label,
.tjs-chart-panel__btn {
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
}

.tjs-chart-panel__section-label {
}

.tjs-chart-panel__btn--close-chart-panel {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px;
}
.tjs-chart-panel__btn--close-chart-panel svg {
  height: 15px;
  width: 15px;
  fill: #fff;
}
.tjs-chart-panel__btn--close-chart-panel:hover svg, .tjs-chart-panel__btn--close-chart-panel:focus svg {
  fill: #8B0000;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/chart-panel-download-button.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-chart-panel-download-button__btn-download {
  padding: 10px;
  color: #fff;
  float: right;
  margin-right: 40px;
}
.tjs-chart-panel-download-button__btn-download svg {
  height: 20px;
  width: 20px;
  fill: #ffffff;
  display: inline-block;
  vertical-align: bottom;
}
.tjs-chart-panel-download-button__btn-download:hover, .tjs-chart-panel-download-button__btn-download:focus {
  text-decoration: none;
  color: #8B0000;
}
.tjs-chart-panel-download-button__btn-download:before {
  display: inline-block;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/BottomDock/Timeline/cesium-timeline.scss (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-cesium-timeline__cesiumTimeline {
  display: table-cell;
  height: 19px;
  vertical-align: bottom;
}

.cesium-timeline-needle, .cesium-timeline-trackContainer, .cesium-timeline-ruler {
  display: none !important;
}

.cesium-timeline-main {
  position: relative;
  left: 0;
  bottom: 0;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid white;
}
.cesium-timeline-trackContainer {
  width: 100%;
  overflow: auto;
  border-top: solid 1px #888;
  position: relative;
  top: 0;
  left: 0;
}
.cesium-timeline-tracks {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.cesium-timeline-needle {
  position: absolute;
  left: 0;
  top: 1.7em;
  bottom: 0;
  width: 1px;
  background: #f00;
}
.cesium-timeline-bar {
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 1.7em;
  background-color: #fafafa;
  background: #111827;
}
.cesium-timeline-ruler {
  /* NOTE: The label and the ruler must use the same font/size */
  visibility: hidden;
  white-space: nowrap;
  font-size: 80%;
  z-index: -200;
}
.cesium-timeline-highlight {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #08f;
}
.cesium-timeline-ticLabel {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  font-size: 80%;
  color: #eee;
}
.cesium-timeline-ticMain {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 50%;
  background: #eee;
}
.cesium-timeline-ticSub {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 33%;
  background: #aaa;
}
.cesium-timeline-ticTiny {
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 25%;
  background: #888;
}
.cesium-timeline-icon16 {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sIDBITKIVzLEMAAAKNSURBVEjHxdXNSxRhHAfw7zzrqhuoWJnSkrippUVSEKsHI9BTUYdAJA/RoYMREV26rAdn6tAfUARi16hQqkOBQRgUEYFWEC3OwczMjdZd92VmdWfmeelgTjO7q7gb0VzmmZnn85vvPPPMM8B/3qTcE2PPpuTZKB1eWuUQACgXYACYwVFbCTTVeZXB/i55o4LFelcAZfStYD4vpAoPGAGo4GBcQEgSOAUMQyAezwK6iQfDPXnhS/FkHZ+/8VLMWxxqWkfH3gbMRNOYi2roavbja0zHQmoFPYf8ED4Ko4aivm9MOG/u9I8mwrafeK7a/tVrNc/bARYN5noadeq7q0342vXw9CIMU6BmW8rVP9cPBPe52uu+v3O/y9sB4gkTWs6Qsk0mj5ExXMelejvA8WafYmkmGPHanTijdtvif8rx5RiCjdWKs2Cp3jWRDl96KhrbqlBeJqBOLyLQXg0IgbkZDS0dO8EZxZfPSTA9jvDDK3mT0OmP1FXh3XwEEAKdTX5MRWLgjCK4pwH3xt/YnjgLHAv4lHTCAKMMu/wV+KZGob6PoKyMQ0+sgBpZVJZn0NterxQaVqef/DRn+/EXYds/mZx2eVeAW9d65dhCEsaKCb7K8HH0gqTevyh9GDkn0VULRiaLzJKGBu9swfdaiie5RVo9ESURN8E8BE0n7ggACJy8KzghSCzp6DmwWxkaCm24EBXr8wI8Hrkq06QBiRC0t24HALS11IBTCyJl4vb1AXmzpbVYTwoVOXN0h7L8Mwtm8bXPybIQ/5FCX3dA2cr6XowvGCA02CvztAnz9+JiZk1AMxG6fEreSoBiPNmoyNnuWiWVzAIAtISO08E6pZi/3N96AIDn4E3h3P8L/wshP+txtEs4JAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/BottomDock/Timeline/timeline.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-timeline__timeline {
  display: table;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  margin-top: 33px;
  font-family: "Roboto" sans-serif;
  background: #111827;
  backdrop-filter: blur(5px);
}

.tjs-timeline__text-row {
  display: block;
  color: #fff;
  font-size: 0.9rem;
  position: absolute;
  bottom: 40px;
  left: 0px;
  right: 0px;
  padding: 3px 5px;
}

.tjs-timeline__text-cell {
  display: flex;
}

.tjs-timeline__layer-name-truncated {
  padding-right: 4px;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1300px) {
  .tjs-timeline__layer-name-truncated {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .tjs-timeline__layer-name-truncated {
    max-width: 52vw;
  }
}
@media (min-width: 768px) and (max-width: 1300px) {
  .tjs-timeline__layer-name-truncated {
    max-width: 30vw;
  }
}

.tjs-timeline__controlsRow {
  display: table-row;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/BottomDock/Timeline/timeline-controls.scss (1) ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-timeline-controls__controls {
  display: table-cell;
  width: 120px;
  vertical-align: middle;
}

.tjs-timeline-controls__timeline__control {
  height: 29px;
  width: 29px;
}
.tjs-timeline-controls__timeline__control svg {
  height: 25px;
  width: 25px;
  fill: #ffffff;
}
.tjs-timeline-controls__timeline__control.tjs-timeline-controls__is-active svg {
  fill: #8B0000;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/Panels/ToolsPanel/tools-panel.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
.tjs-tools-panel__toolsPanel {
  width: 200px;
}

.tjs-tools-panel__submit {
  margin: 10px auto;
  display: block;
  height: 45px;
}
.tjs-tools-panel__submit svg {
  fill: #fff;
}

.tjs-tools-panel__results {
  padding: 7px;
}

.tjs-tools-panel__dropdown-inner {
  width: 400px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Map/MenuBar/HelpButton/help-button.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tjs-help-button__helpBtn {
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/StandardUserInterface/standard-user-interface.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
@media (min-width: 768px) {
  .tjs-standard-user-interface__story-wrapper {
    display: flex;
  }
}

body {
  height: 100vh;
  width: 100vw;
}
@media (max-width: 992px) {
  html {
    height: 100%;
    overflow: hidden;
  }
  body {
    height: 100%;
    position: fixed;
  }
}
.top-element {
  z-index: 99989 !important;
}
.top-element:focus {
  outline: none;
}

.tjs-standard-user-interface__ui-root {
  position: relative;
  flex-basis: 100%;
  height: 100vh;
}
@media (max-width: 768px) {
  .tjs-standard-user-interface__ui-root {
    position: unset;
  }
}
.tjs-standard-user-interface__ui-root svg use {
  pointer-events: none;
}

.tjs-standard-user-interface__ui {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.tjs-standard-user-interface__explorerPanelIsVisible {
  opacity: 0.3;
}

.tjs-standard-user-interface__map {
  -moz-transition: left 0.1s ease-in;
  -o-transition: left 0.1s ease-in;
  -webkit-transition: left 0.1s ease-in;
  transition: left 0.1s ease-in;
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
}

.tjs-standard-user-interface__feedback {
  position: absolute;
  z-index: 89;
}

.tjs-standard-user-interface__featureInfo {
  z-index: 79;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  left: 0;
}
@media (min-width: 992px) {
  .tjs-standard-user-interface__featureInfo {
    left: 372px;
    top: 62px;
    right: 96px;
    bottom: 0;
  }
}
.tjs-standard-user-interface__featureInfo > div {
  pointer-events: auto;
  position: absolute;
  top: 60px;
  right: 10px;
  max-width: 95%;
  min-width: 150px;
  max-height: 80vh;
  z-index: 99;
  font-family: "Roboto" sans-serif;
}
@media (min-width: 768px) and (max-width: 1596.75px) {
  .tjs-standard-user-interface__featureInfo > div {
    max-width: 638.7px;
    top: 60px;
  }
}
@media (min-width: 1596.75px) {
  .tjs-standard-user-interface__featureInfo > div {
    max-width: 80%;
    top: 0;
  }
}

.tjs-standard-user-interface__featureInfoFullScreen {
  left: 0;
}

.tjs-standard-user-interface__showWorkbenchButton {
  position: fixed;
  top: 18px;
  transform: translateX(-200px);
  z-index: 99;
  width: 200px;
  transition: transform 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tjs-standard-user-interface__showWorkbenchButtonTrainerBarVisible {
  top: 0;
}

.tjs-standard-user-interface__showWorkbenchButtonisVisible {
  left: 16px;
  transform: translateX(0);
}

.tjs-standard-user-interface__showWorkbenchButtonisNotVisible {
  transition-delay: 0s;
}

@media (min-width: 768px) {
  .tjs-standard-user-interface__uiInner {
    display: flex;
    overflow: hidden;
    height: 100%;
  }
  .tjs-standard-user-interface__sidePanel {
    vertical-align: top;
  }
  .tjs-standard-user-interface__map {
    position: relative;
    height: 100vh;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    flex-grow: 1;
    flex-basis: calc(100% - 350px);
  }
}
.cesium-timeline-needle, .cesium-timeline-trackContainer, .cesium-timeline-ruler {
  display: none !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/ExplorerWindow/Tabs/MyDataTab/cesium-ion-connector.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-cesium-ion-connector__connect-button {
  width: 200px;
}

.tjs-cesium-ion-connector__token-warning {
  color: #ff5b6f;
  font-family: "Roboto" sans-serif;
  font-size: 0.9em;
}

.tjs-cesium-ion-connector__token-warning-hidden {
  visibility: hidden;
}

.tjs-cesium-ion-connector__drop-down {
  height: 40px;
}

.tjs-cesium-ion-connector__drop-down-button {
  height: 100%;
}

.tjs-cesium-ion-connector__assets-list {
  overflow-y: auto;
}

.tjs-cesium-ion-connector__add-asset-button {
  vertical-align: middle;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/chart-preview.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-chart-preview__chart-td {
  background: rgba(17, 24, 39, 0.95);
}

.tjs-chart-preview__preview-chart-wrapper {
  position: relative;
  padding: 0;
  min-height: 110px;
}
.tjs-chart-preview__preview-chart-wrapper .line-chart text {
  fill: #ffffff;
}
.tjs-chart-preview__preview-chart-wrapper .units-label-shadow {
  stroke: rgba(17, 24, 39, 0.95);
  stroke-width: 2.5px;
  opacity: 0.9;
}
.tjs-chart-preview__preview-chart-wrapper .line-chart .line {
  fill: none;
  stroke: #ccc;
  stroke-width: 1;
}
.tjs-chart-preview__preview-chart-wrapper .tjs-chart-preview__preview-chart {
  padding-top: 1em;
}

.tjs-chart-preview__chart-title-from-table {
  line-height: 2;
  padding: 0 10px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/terriajs-typings-for-css-modules-loader/src/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[11].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[11].use[4]!./node_modules/terriajs/lib/ReactViews/Custom/Chart/chart-expand-and-download-buttons.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Wrapper around TerriaJS variables allowing us to easy override them from TerriaMap. 
 * For the default values of variables check ./_default_variables.scss
 */
/**
 * Default variables for TerriaJS styles.
 *
 * These variables are default theme values used throughout TerriaJS.
 * All variables use the !default flag to allow for overriding.
 *
 * USING VARIABLES:
 * These variables are made available to the rest of codebase as webpack `terriajs-variables`
 * alias, and can be used by importing the ./_variables.scss file (i.e. `@use "../Sass/common/_variables";`)
 *
 * OVERRIDING VARIABLES:
 * To override variables values in your application:
 * 1. Create a custom variables file in your app
 * 2. Configure the `terriajs-variables` webpack alias to point to your custom variables file
 * 3. In your custom variables file, override specific variables values using the `@use ... with` syntax
 *
 * For a complete example, see the `variables.scss` file in the TerriaMap repository.
 */
/* Mixin */
.tjs-chart-expand-and-download-buttons__dropdown {
  float: left;
}
.tjs-chart-expand-and-download-buttons__dropdown__list {
  display: flex;
  flex-direction: column;
}
.tjs-chart-expand-and-download-buttons__dropdown__btn {
}
.tjs-chart-expand-and-download-buttons__dropdown__btn--option {
  width: 100%;
  float: left;
  color: #8B0000;
}
.tjs-chart-expand-and-download-buttons__dropdown__btn--option:hover, .tjs-chart-expand-and-download-buttons__dropdown__btn--option:focus {
  background: #8B0000;
  color: orange;
  text-decoration: none;
}

.tjs-chart-expand-and-download-buttons__btn--dropdown {
  z-index: 999;
  color: white;
  font-family: "Roboto" sans-serif;
  border: none;
  padding: 1px 8px;
  margin-right: 3px;
  width: auto;
}

.tjs-chart-expand-and-download-buttons__btn-small {
}

.tjs-chart-expand-and-download-buttons__btn-download {
  text-align: center;
  padding: 4px 3px;
  margin-left: 3px;
  vertical-align: top;
}
.tjs-chart-expand-and-download-buttons__btn-download svg {
  height: 20px;
  width: 20px;
}
.tjs-chart-expand-and-download-buttons__btn-download:hover, .tjs-chart-expand-and-download-buttons__btn-download:focus {
  text-decoration: none;
}