{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/Tooltip.vue?vue&type=style&index=0&id=937424cc&prod&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/Tooltip.vue","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9idXR0b24iOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvY29udGFpbmVyIjsKQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL2hlYWRlciI7CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9tYWluIjsKCi50b29sdGlwLWNvbnRhaW5lciB7CiAgdGV4dC1hbGlnbjpqdXN0aWZ5OwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBib3gtc2hhZG93OiAwIDFweCAycHggcmdiYSgwLDAsMCwuMSk7CiAgcG9pbnRlci1ldmVudHM6IGF1dG87CiAgYmFja2dyb3VuZDogI2ZmZjsKICBib3JkZXI6IDFweCBzb2xpZCAkYXBwLXByaW1hcnktY29sb3I7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9CgouZGlzcGxheSB7CiAgd2lkdGg6IDQ0cHg7CiAgd29yZC1icmVhazogbm9ybWFsOwp9CgoudGl0bGUgewogIHRleHQtYWxpZ246IGxlZnQ7CiAgd2lkdGg6IDE2ZW07CiAgbGluZS1oZWlnaHQ6IDEuNWVtICFpbXBvcnRhbnQ7CiAgZm9udC1zaXplOiAxZW07CiAgZm9udC1mYW1pbHk6IEhlbHZldGljYTsKICBmb250LXdlaWdodDogNTAwOwogIC8qIGZvbnQtd2VpZ2h0OiBib2xkOyAqLwogIHBhZGRpbmctYm90dG9tOiA4cHg7Cn0KCi5ibG9jayB7CiAgbWFyZ2luLWJvdHRvbTogMS41ZW07Cn0KCi5wdWIgewogIHdpZHRoOiAxNnJlbTsKfQoKLmljb24gewogIHJpZ2h0OiAwcHg7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMTBweDsKfQoKLmljb246aG92ZXIgewogIGN1cnNvcjogcG9pbnRlcjsKfQoKLnBvcG92ZXItb3JpZ2luLWhlbHAgewogIHRleHQtdHJhbnNmb3JtOiBub25lICFpbXBvcnRhbnQ7IC8vIG5lZWQgdG8gb3ZlcmlkZSB0aGUgdG9vbHRpcCB0ZXh0IHRyYW5zZm9ybQp9CgouaW5mb3sKICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogIGNvbG9yOiAjODMwMGJmOwogIG1hcmdpbi1sZWZ0OiA4cHg7Cn0KCi5zZXBlcmF0b3IgewogIHdpZHRoOjkwJTsKICBoZWlnaHQ6MC41cHg7CiAgYmFja2dyb3VuZC1jb2xvcjojYmZiZWMyOwp9CgoubWFpbiB7CiAgZm9udC1zaXplOiAxNHB4OwogIHRleHQtYWxpZ246IGxlZnQ7CiAgbGluZS1oZWlnaHQ6IDEuNWVtOwogIGZvbnQtZmFtaWx5OiBIZWx2ZXRpY2E7CiAgZm9udC13ZWlnaHQ6IDQwMDsKICAvKiBvdXRsaW5lOiB0aGluIHJlZCBzb2xpZDsgKi8KICBwYWRkaW5nOiAxZW0gIWltcG9ydGFudDsKICBvdmVyZmxvdzogaGlkZGVuOwogIG1pbi13aWR0aDogMTZyZW07Cn0KCi50aXRsZXsKICBmb250LXNpemU6IDE4cHg7CiAgZm9udC13ZWlnaHQ6IDUwMDsKICBmb250LXdlaWdodDogYm9sZDsKICBwYWRkaW5nLWJvdHRvbTogOHB4OwogIGNvbG9yOiByZ2IoMTMxLCAwLCAxOTEpOwoKfQoKLmF0dHJpYnV0ZS10aXRsZXsKICBmb250LXNpemU6IDE2cHg7CiAgZm9udC13ZWlnaHQ6IDYwMDsKICAvKiBmb250LXdlaWdodDogYm9sZDsgKi8KICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOwp9CgouYXR0cmlidXRlLWNvbnRlbnR7CiAgZm9udC1zaXplOiAxNHB4OwogIGZvbnQtd2VpZ2h0OiA1MDA7Cn0KCi5wb3BvdmVyLWNvbnRhaW5lciB7CiAgaGVpZ2h0OiAxMDAlOwogIHdpZHRoOiAxMDAlOwp9CgoubWFpbiB7CiAgLmVsLWJ1dHRvbi5pcy1yb3VuZHsKICAgIGJvcmRlci1yYWRpdXM6IDRweDsKICAgIHBhZGRpbmc6IDlweCAyMHB4IDEwcHggMjBweDsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBoZWlnaHQ6IDM2cHg7CiAgfQp9CgouYnV0dG9uIHsKICBtYXJnaW4tbGVmdDogMHB4ICFpbXBvcnRhbnQ7CiAgbWFyZ2luLXRvcDogMHB4ICFpbXBvcnRhbnQ7CiAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7CiAgYmFja2dyb3VuZC1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOwogIGNvbG9yOiAjZmZmOwogICYrLmJ1dHRvbiB7CiAgICBtYXJnaW4tdG9wOiAxMHB4ICFpbXBvcnRhbnQ7CiAgfQogICY6aG92ZXIgewogICAgY29sb3I6ICNmZmYgIWltcG9ydGFudDsKICAgIGJhY2tncm91bmQ6ICNhYzc2YzUgIWltcG9ydGFudDsKICAgIGJvcmRlcjogMXB4IHNvbGlkICNhYzc2YzUgIWltcG9ydGFudDsKICB9Cn0KCi50b29sdGlwLWNvbnRhaW5lcnsKICAmOjphZnRlciwgJjo6YmVmb3JlIHsKICAgIGNvbnRlbnQ6ICcnOwogICAgZGlzcGxheTogYmxvY2s7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICB3aWR0aDogMDsKICAgIGhlaWdodDogMDsKICAgIGJvcmRlci1zdHlsZTogc29saWQ7CiAgICBmbGV4LXNocmluazogMDsKICB9Cn0KCi5tYXBsaWJyZWdsLXBvcHVwLWFuY2hvci1ib3R0b20gewogIC50b29sdGlwLWNvbnRhaW5lciB7CiAgICAmOjphZnRlciwgJjo6YmVmb3JlIHsKICAgICAgdG9wOiAxMDAlOwogICAgICBib3JkZXItd2lkdGg6IDEycHg7CiAgICB9CiAgICAmOjphZnRlciB7CiAgICAgIG1hcmdpbi10b3A6LTFweDsKICAgICAgYm9yZGVyLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSkgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIHRyYW5zcGFyZW50IDsKICAgIH0KICAgICY6OmJlZm9yZSB7CiAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICBib3JkZXItY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvciAgdHJhbnNwYXJlbnQgIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IDsKICAgIH0KICB9Cn0KCi5tYXBsaWJyZWdsLXBvcHVwLWFuY2hvci10b3AgewogIC50b29sdGlwLWNvbnRhaW5lciB7CiAgICAmOjphZnRlciwgJjo6YmVmb3JlIHsKICAgICAgdG9wOiAtMjRweDsKICAgICAgYm9yZGVyLXdpZHRoOiAxMnB4OwogICAgfQogICAgJjo6YWZ0ZXIgewogICAgICBtYXJnaW4tdG9wOiAxcHg7CiAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgcmdiKDI1NSwgMjU1LCAyNTUpIHRyYW5zcGFyZW50IDsKICAgIH0KICAgICY6OmJlZm9yZSB7CiAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICRhcHAtcHJpbWFyeS1jb2xvciB0cmFuc3BhcmVudCA7CiAgICB9CiAgfQp9CgouY29udGVudC1jb250YWluZXIgewogIG92ZXJmbG93LXk6IHNjcm9sbDsKICBzY3JvbGxiYXItd2lkdGg6IHRoaW4gIWltcG9ydGFudDsKICBtYXgtaGVpZ2h0OiAyNDBweDsKfQoKLnNjcm9sbGJhcjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sgewogIGJvcmRlci1yYWRpdXM6IDEwcHg7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTsKfQoKLnNjcm9sbGJhcjo6LXdlYmtpdC1zY3JvbGxiYXIgewogIHdpZHRoOiAxMnB4OwogIHJpZ2h0OiAtMTJweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1Owp9Cgouc2Nyb2xsYmFyOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIGJveC1zaGFkb3c6IDAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4wNik7CiAgYmFja2dyb3VuZC1jb2xvcjogIzk3OTc5NzsKfQoKCi8qIEZpeCBmb3IgY2hyb21lIGJ1ZyB3aGVyZSB1bmRlciB0cmlhbmdsZSBwb3BzIHVwIGFib3ZlIG9uZSBvbiB0b3Agb2YgaXQgICovCi5zZWxlY3Rvcjpub3QoKjpyb290KSwgLnRvb2x0aXAtY29udGFpbmVyOjphZnRlcnsKICB0b3A6IDk5LjQlOwp9Cg=="},{"version":3,"sources":["Tooltip.vue"],"names":[],"mappings":";AAwMA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"Tooltip.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\n  <div class=\"tooltip-container\">\n     <el-main v-if=\"entry\" class=\"main\" v-loading=\"loading\">\n      <div class=\"block\" v-if=\"entry.title\">\n        <span class=\"title\">{{capitalise(entry.title)}}</span>\n      </div>\n      <div class=\"block\" v-else>\n        <span class=\"title\">{{entry.featureId}}</span>\n      </div>\n      <div class=\"content-container scrollbar\">\n        {{entry.paths}}\n        <div v-if=\"entry.origins && entry.origins.length > 0\" class=\"block\">\n          <div>\n            <span class=\"attribute-title\">Origin</span>\n            <el-popover\n            width=\"250\"\n            trigger=\"hover\"\n            :append-to-body=false\n            popper-class=\"popover-origin-help\"\n            >\n            <i slot=\"reference\" class=\"el-icon-warning-outline info\"/>\n            <span style=\"word-break: keep-all;\">\n              <i>Origin</i> {{originDescription}}\n            </span>\n            </el-popover>\n          </div>\n          <div v-for=\"(origin, i) in entry.origins\" class=\"attribute-content\"  :key=\"origin\">\n            {{ capitalise(origin) }}\n            <div v-if=\"i != entry.origins.length - 1\" class=\"seperator\"></div>\n          </div>\n          <el-button v-show=\"entry.originsWithDatasets && entry.originsWithDatasets.length > 0\" class=\"button\" @click=\"openDendrites\">\n            Explore origin data\n          </el-button>\n        </div>\n        <div v-if=\"entry.components && entry.components.length > 0\" class=\"block\">\n          <div class=\"attribute-title\">Components</div>\n          <div v-for=\"(component, i) in entry.components\" class=\"attribute-content\"  :key=\"component\">\n            {{ capitalise(component) }}\n            <div v-if=\"i != entry.components.length - 1\" class=\"seperator\"></div>\n          </div>\n        </div>\n        <div v-if=\"entry.destinations && entry.destinations.length > 0\" class=\"block\">\n          <div>\n            <span class=\"attribute-title\">Destination</span>\n            <el-popover\n            width=\"250\"\n            trigger=\"hover\"\n            :append-to-body=false\n            popper-class=\"popover-origin-help\"\n            >\n            <i slot=\"reference\" class=\"el-icon-warning-outline info\"/>\n            <span style=\"word-break: keep-all;\">\n            <i>Destination</i> is where the axons terminate\n            </span>\n            </el-popover>\n          </div>\n          <div v-for=\"(destination, i) in entry.destinations\" class=\"attribute-content\"  :key=\"destination\">\n            {{ capitalise(destination) }}\n            <div v-if=\"i != entry.destinations.length - 1\" class=\"seperator\"></div>\n          </div>\n          <el-button v-show=\"entry.destinationsWithDatasets && entry.destinationsWithDatasets.length > 0\" class=\"button\" @click=\"openAxons\">\n            Explore destination data\n          </el-button>\n        </div>\n\n        <el-button v-show=\"entry.componentsWithDatasets && entry.componentsWithDatasets.length > 0\" class=\"button\" @click=\"openAll\">\n          Search for data on components\n        </el-button>\n\n        <external-resource-card :resources=\"resources\"></external-resource-card>\n\n      </div>\n    </el-main>\n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport {\n  Button,\n  Container,\n  Header,\n  Icon,\n  Main\n} from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\nlocale.use(lang);\nVue.use(Button);\nVue.use(Container);\nVue.use(Header);\nVue.use(Icon);\nVue.use(Main);\n\nimport EventBus from './EventBus'\nimport ExternalResourceCard from './ExternalResourceCard.vue';\n\nconst titleCase = (str) => {\n  return str.replace(/\\w\\S*/g, (t) => { return t.charAt(0).toUpperCase() + t.substr(1).toLowerCase() });\n}\n\nconst capitalise = function(str){\n  if (str)\n    return str.charAt(0).toUpperCase() + str.slice(1)\n  return \"\"\n}\n\nexport default {\n  components: { ExternalResourceCard },\n  name: \"Tooltip\",\n  props: { \n    visible: {\n      type: Boolean,\n      default: false\n    },\n    entry: {\n      type: Object,\n      default: () => ({\n        destinations: [], \n        origins: [],\n        components: [],\n        destinationsWithDatasets: [],\n        originsWithDatasets: [],\n        componentsWithDatasets: [],\n        resource: undefined\n      })\n    },\n  },\n  data: function() {\n    return {\n      controller: undefined,\n      activeSpecies: undefined,\n      appendToBody: false,\n      pubmedSearchUrl: '',\n      loading: false,\n      showToolip: false,\n      destinations: [],\n      origins: [],\n      components: [],\n      destinationsWithDatasets: [],\n      originsWithDatasets: [],\n      originDescriptions: {\n        'motor': 'is the location of the initial cell body of the circuit',\n        'sensory': 'is the location of the initial cell body in the PNS circuit'\n      },\n      componentsWithDatasets: [],\n      uberons: [{id: undefined, name: undefined}]\n    };\n  },\n  computed: {\n    resources: function(){\n      let resources = []\n      if(this.entry && this.entry.hyperlinks){\n        resources = this.entry.hyperlinks\n      }\n      return resources\n    },\n    originDescription: function(){\n      if(this.entry && this.entry.title && this.entry.title.toLowerCase().includes('motor')){\n        return this.originDescriptions.motor\n      } else {\n        return this.originDescriptions.sensory\n      }\n    }\n  },\n  methods: {\n    resourceSelected: function(action) {\n      this.$emit(\"resource-selected\", action); \n    },\n    titleCase: function(title){\n      return titleCase(title)\n    },\n    capitalise: function(text){\n      return capitalise(text)\n    },\n    onClose: function() {\n      this.$emit(\"onClose\")\n    },\n    openUrl: function(url){\n      window.open(url, '_blank')\n    },\n    openAll: function(){\n      EventBus.$emit('onActionClick', {type:'Facets', labels: this.componentsWithDatasets.map(a=>a.name)})\n    },\n    openAxons: function(){\n      EventBus.$emit('onActionClick', {type:'Facets', labels: this.destinationsWithDatasets.map(a=>a.name)})\n    },\n    openDendrites: function(){\n      EventBus.$emit('onActionClick', {type:'Facets', labels: this.originsWithDatasets.map(a=>a.name)})\n    },\n    pubmedSearchUrlUpdate: function (val){\n      this.pubmedSearchUrl = val\n    },\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/button\";\n@import \"~element-ui/packages/theme-chalk/src/container\";\n@import \"~element-ui/packages/theme-chalk/src/header\";\n@import \"~element-ui/packages/theme-chalk/src/main\";\n\n.tooltip-container {\n  text-align:justify;\n  border-radius: 4px;\n  box-shadow: 0 1px 2px rgba(0,0,0,.1);\n  pointer-events: auto;\n  background: #fff;\n  border: 1px solid $app-primary-color;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.display {\n  width: 44px;\n  word-break: normal;\n}\n\n.title {\n  text-align: left;\n  width: 16em;\n  line-height: 1.5em !important;\n  font-size: 1em;\n  font-family: Helvetica;\n  font-weight: 500;\n  /* font-weight: bold; */\n  padding-bottom: 8px;\n}\n\n.block {\n  margin-bottom: 1.5em;\n}\n\n.pub {\n  width: 16rem;\n}\n\n.icon {\n  right: 0px;\n  position: absolute;\n  top: 10px;\n}\n\n.icon:hover {\n  cursor: pointer;\n}\n\n.popover-origin-help {\n  text-transform: none !important; // need to overide the tooltip text transform\n}\n\n.info{\n  transform: rotate(180deg);\n  color: #8300bf;\n  margin-left: 8px;\n}\n\n.seperator {\n  width:90%;\n  height:0.5px;\n  background-color:#bfbec2;\n}\n\n.main {\n  font-size: 14px;\n  text-align: left;\n  line-height: 1.5em;\n  font-family: Helvetica;\n  font-weight: 400;\n  /* outline: thin red solid; */\n  padding: 1em !important;\n  overflow: hidden;\n  min-width: 16rem;\n}\n\n.title{\n  font-size: 18px;\n  font-weight: 500;\n  font-weight: bold;\n  padding-bottom: 8px;\n  color: rgb(131, 0, 191);\n\n}\n\n.attribute-title{\n  font-size: 16px;\n  font-weight: 600;\n  /* font-weight: bold; */\n  text-transform: uppercase;\n}\n\n.attribute-content{\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.popover-container {\n  height: 100%;\n  width: 100%;\n}\n\n.main {\n  .el-button.is-round{\n    border-radius: 4px;\n    padding: 9px 20px 10px 20px;\n    display: flex;\n    height: 36px;\n  }\n}\n\n.button {\n  margin-left: 0px !important;\n  margin-top: 0px !important;\n  font-size: 14px !important;\n  background-color: $app-primary-color;\n  color: #fff;\n  &+.button {\n    margin-top: 10px !important;\n  }\n  &:hover {\n    color: #fff !important;\n    background: #ac76c5 !important;\n    border: 1px solid #ac76c5 !important;\n  }\n}\n\n.tooltip-container{\n  &::after, &::before {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    flex-shrink: 0;\n  }\n}\n\n.maplibregl-popup-anchor-bottom {\n  .tooltip-container {\n    &::after, &::before {\n      top: 100%;\n      border-width: 12px;\n    }\n    &::after {\n      margin-top:-1px;\n      border-color: rgb(255, 255, 255) transparent transparent  transparent ;\n    }\n    &::before {\n      margin: 0 auto;\n      border-color: $app-primary-color  transparent  transparent transparent ;\n    }\n  }\n}\n\n.maplibregl-popup-anchor-top {\n  .tooltip-container {\n    &::after, &::before {\n      top: -24px;\n      border-width: 12px;\n    }\n    &::after {\n      margin-top: 1px;\n      border-color: transparent transparent rgb(255, 255, 255) transparent ;\n    }\n    &::before {\n      margin: 0 auto;\n      border-color: transparent transparent $app-primary-color transparent ;\n    }\n  }\n}\n\n.content-container {\n  overflow-y: scroll;\n  scrollbar-width: thin !important;\n  max-height: 240px;\n}\n\n.scrollbar::-webkit-scrollbar-track {\n  border-radius: 10px;\n  background-color: #f5f5f5;\n}\n\n.scrollbar::-webkit-scrollbar {\n  width: 12px;\n  right: -12px;\n  background-color: #f5f5f5;\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);\n  background-color: #979797;\n}\n\n\n/* Fix for chrome bug where under triangle pops up above one on top of it  */\n.selector:not(*:root), .tooltip-container::after{\n  top: 99.4%;\n}\n</style>\n"]}]}