{"version":3,"sources":["vc-navigation.css","../src/assets/styles/common/_mixins.scss","../src/assets/styles/components/navigation.scss","../src/assets/styles/components/legend.scss","../src/assets/styles/common/_variables.scss","../src/assets/styles/components/compass.scss","../src/assets/styles/components/nav.scss","../src/assets/styles/components/toolButton.scss","../src/assets/styles/components/zoomControl.scss","../src/components/control/navigation/icon/VcIconSvg.vue?rollup-plugin-vue=styles.0.css"],"names":[],"mappings":"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","file":"vc-navigation.css","sourcesContent":["/**\n * @syhr/vue-cesium - https://github.com/zouyaoji/vue-cesium\n * Vue2 components for cesium.\n *\n * @package VueCesium\n * @author syhr <sieyuan.aiops@outlook.com>\n * @version 1.0.2\n * @license MIT\n * @homepage https://github.com/zouyaoji/vue-cesium\n * @copyright (c) 2018-2022, syhr <sieyuan.aiops@outlook.com>\n */\n/* Mixin */\n.vc-location-distance {\n  clear: both; }\n  .vc-location-distance:before, .vc-location-distance:after {\n    content: ' ';\n    display: table;\n    clear: both; }\n\n.vc-navigation {\n  position: absolute;\n  z-index: 1000;\n  top: 80px;\n  bottom: auto;\n  right: 16px; }\n\n.with-time-series-controls {\n  bottom: 100px; }\n\n.vc-navigation-control {\n  margin: 7px 0;\n  height: auto;\n  text-align: center; }\n\n.vc-navigation-navs {\n  display: flex;\n  flex-direction: column; }\n\n.vc-navigation-controls {\n  display: flex;\n  flex-direction: column;\n  margin-right: 0; }\n\n.vc-location-distance {\n  display: none;\n  position: absolute;\n  bottom: 2px;\n  right: 3px;\n  z-index: 1; }\n  @media (min-width: 768px) {\n    .vc-location-distance {\n      display: block; } }\n  .vc-location-distance button {\n    cursor: pointer; }\n/* Mixin */\n.vc-legend {\n  box-sizing: border-box;\n  font-family: \"Open Sans\", sans-serif;\n  float: left;\n  background-color: #fff;\n  color: #595b60;\n  padding: 5px 5px;\n  font-size: 0.7rem;\n  text-align: center;\n  line-height: 1;\n  border: 0;\n  outline: 0;\n  font-family: monospace, sans-serif;\n  max-height: 21px;\n  margin-top: 5px; }\n  .vc-legend:hover {\n    background: #f5f5f5; }\n  .vc-legend .vc-bar {\n    background: #fff;\n    margin: 0 auto;\n    display: block;\n    -moz-transition: all 0.5s ease-in-out;\n    -o-transition: all 0.5s ease-in-out;\n    -webkit-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out; }\n\n.vc-bar-location,\n.vc-legend-distance {\n  background-color: #3f4854;\n  color: #ffffff;\n  margin-right: 5px; }\n  .vc-bar-location:hover,\n  .vc-legend-distance:hover {\n    background: #519ac2; }\n  .vc-bar-location span,\n  .vc-legend-distance span {\n    padding: 0 5px; }\n  .vc-bar-location li,\n  .vc-bar-location div,\n  .vc-legend-distance li,\n  .vc-legend-distance div {\n    display: inline-block;\n    padding: 0 5px;\n    text-align: left; }\n  .vc-bar-location .vc-section-long,\n  .vc-legend-distance .vc-section-long {\n    width: 160px; }\n  .vc-bar-location .vc-section,\n  .vc-legend-distance .vc-section {\n    width: 140px; }\n  .vc-bar-location .vc-section-short,\n  .vc-legend-distance .vc-section-short {\n    width: 80px; }\n\n.vc-legend-distance {\n  text-align: center;\n  width: 110px; }\n  .vc-legend-distance:hover {\n    background: #3f4854; }\n/* Mixin */\n.vc-compass {\n  position: relative;\n  cursor: default;\n  width: 55px;\n  height: 55px;\n  z-index: 100; }\n  .vc-compass svg {\n    fill: #3f4854; }\n\n.vc-compass-innerRing {\n  position: relative;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  height: 25px;\n  width: 25px;\n  border-radius: 50%;\n  display: block;\n  margin: 0 auto;\n  padding: 4px;\n  box-sizing: border-box;\n  background: #ffffff; }\n\n.vc-compass-rotation-marker {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%0D%3Csvg width%3D%2253px%22 height%3D%2253px%22 viewBox%3D%220 0 53 53%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%0D    %3C!-- Generator%3A Sketch 3.4.3 (16044) - http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch --%3E%0D    %3Ctitle%3Ecompass-rotation-marker%3C%2Ftitle%3E%0D    %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E%0D    %3Cdefs%3E%3C%2Fdefs%3E%0D    %3Cg id%3D%22Page-1%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%0D        %3Cg id%3D%22compass-rotation-marker%22%3E%0D            %3Cpath d%3D%22M52.4399986%2C26.2199993 C52.4399986%2C11.7390936 40.7009051%2C0 26.2199993%2C0 C11.7390936%2C0 0%2C11.7390936 0%2C26.2199993 C0%2C40.7009051 11.7390936%2C52.4399986 26.2199993%2C52.4399986 C40.7009051%2C52.4399986 52.4399986%2C40.7009051 52.4399986%2C26.2199993 Z%22 id%3D%22rotator%22 stroke-opacity%3D%220.135841259%22 stroke%3D%22%23E2A549%22 stroke-width%3D%229%22 opacity%3D%220.201434235%22%3E%3C%2Fpath%3E%0D            %3Cpath d%3D%22M0%2C26.2199993 C0%2C11.7390936 11.7390936%2C0 26.2199993%2C0 L26.2199993%2C9 C16.7096563%2C9 9%2C16.7096563 9%2C26.2199993%22 id%3D%22Shape%22 opacity%3D%220.634561567%22 fill%3D%22%234990E2%22%3E%3C%2Fpath%3E%0D        %3C%2Fg%3E%0D    %3C%2Fg%3E%0D%3C%2Fsvg%3E\");\n  height: 51px;\n  width: 51px;\n  border-radius: 50%;\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  background-repeat: no-repeat;\n  background-size: contain; }\n\n.vc-compass-outerRing {\n  height: 55px;\n  width: 55px;\n  border-radius: 50%;\n  position: absolute;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: 0;\n  left: 0; }\n  .vc-compass-outerRing svg {\n    width: 100%;\n    height: 100%; }\n/* Mixin */\n/* Mixin */\n.vc-btn, .vc-btn-primary, .vc-btn-blink {\n  background-color: transparent;\n  margin: 0;\n  border: 0;\n  padding: 0;\n  box-sizing: border-box;\n  font-weight: 400;\n  box-shadow: none;\n  text-align: left;\n  cursor: pointer;\n  line-height: 20px;\n  text-decoration: none;\n  font-size: 0.85rem;\n  font-family: \"Open Sans\", sans-serif;\n  border-radius: 50%;\n  display: inline;\n  float: inherit;\n  background: #fff;\n  color: #3f4854;\n  height: 40px;\n  width: 40px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }\n  .vc-btn:focus, .vc-btn-primary:focus, .vc-btn-blink:focus, .vc-btn:hover, .vc-btn-primary:hover, .vc-btn-blink:hover {\n    box-shadow: none;\n    border-color: transparent;\n    outline: none;\n    opacity: 0.9; }\n  .vc-btn svg, .vc-btn-primary svg, .vc-btn-blink svg {\n    height: 24px;\n    width: 24px;\n    margin: 0 auto;\n    vertical-align: middle; }\n  @media (min-width: 768px) {\n    .vc-btn, .vc-btn-primary, .vc-btn-blink {\n      height: 31px;\n      width: 30px; }\n      .vc-btn svg, .vc-btn-primary svg, .vc-btn-blink svg {\n        height: 20px;\n        width: 20px; } }\n\n.vc-btn-primary {\n  background: #519ac2; }\n  .vc-btn-primary svg {\n    fill: #fff; }\n    .vc-btn-primary svg path {\n      fill: #fff; }\n  .vc-btn-primary:hover, .vc-btn-primary--hover {\n    background: #77b0cf; }\n\n.vc-btn-blink svg {\n  -webkit-animation-name: blinker;\n  -webkit-animation-duration: 1s;\n  -webkit-animation-timing-function: linear;\n  -webkit-animation-iteration-count: infinite;\n  -moz-animation-name: blinker;\n  -moz-animation-duration: 1s;\n  -moz-animation-timing-function: linear;\n  -moz-animation-iteration-count: infinite;\n  animation-name: blinker;\n  animation-duration: 1s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite; }\n\n@-moz-keyframes blinker {\n  0% {\n    opacity: 1; }\n  50% {\n    opacity: 0; }\n  100% {\n    opacity: 1; } }\n\n@-webkit-keyframes blinker {\n  0% {\n    opacity: 1; }\n  50% {\n    opacity: 0; }\n  100% {\n    opacity: 1; } }\n\n@keyframes blinker {\n  0% {\n    opacity: 1; }\n  50% {\n    opacity: 0; }\n  100% {\n    opacity: 1; } }\n\n.vc-tool-btn {\n  display: inline-block; }\n/* Mixin */\n.vc-zoom-control {\n  display: none;\n  background: #3f4854;\n  border-radius: 100px;\n  border: solid 1px rgba(255, 255, 255, 0.2);\n  text-align: center;\n  box-sizing: border-box;\n  line-height: 1.2rem;\n  width: 24px;\n  height: 60px;\n  display: inline-block; }\n  .vc-zoom-control svg {\n    height: 10px;\n    width: 10px;\n    fill: #fff; }\n\n.vc-list {\n  display: flex;\n  flex-direction: column;\n  list-style: none;\n  padding-left: 0;\n  margin: 0; }\n\n.vc-list li {\n  line-height: 20px;\n  flex: 1; }\n\n.vc-increase,\n.vc-decrease,\n.vc-refresh {\n  background-color: transparent;\n  margin: 0;\n  border: 0;\n  padding: 0;\n  box-sizing: border-box;\n  font-weight: 400;\n  box-shadow: none;\n  text-align: left;\n  cursor: pointer;\n  line-height: 20px;\n  text-decoration: none;\n  font-size: 0.85rem;\n  font-family: \"Open Sans\", sans-serif; }\n  .vc-increase:focus, .vc-increase:hover,\n  .vc-decrease:focus,\n  .vc-decrease:hover,\n  .vc-refresh:focus,\n  .vc-refresh:hover {\n    box-shadow: none;\n    border-color: transparent;\n    outline: none;\n    opacity: 0.9; }\n.vc-svg-icon[data-v-b5224d78] {\n  display: block; }","@import './variables';\r\n\r\n@mixin transition($transition...) {\r\n  -moz-transition: $transition;\r\n  -o-transition: $transition;\r\n  -webkit-transition: $transition;\r\n  transition: $transition;\r\n}\r\n\r\n@mixin transform($transforms) {\r\n  -moz-transform: $transforms;\r\n  -o-transform: $transforms;\r\n  -ms-transform: $transforms;\r\n  -webkit-transform: $transforms;\r\n  transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate($deg) {\r\n  @include transform(rotate(#{$deg}deg));\r\n}\r\n\r\n// scale\r\n@mixin scale($scale) {\r\n  @include transform(scale($scale));\r\n}\r\n// translate\r\n@mixin translate($x, $y) {\r\n  @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew($x, $y) {\r\n  @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin($origin) {\r\n  moz-transform-origin: $origin;\r\n  -o-transform-origin: $origin;\r\n  -ms-transform-origin: $origin;\r\n  -webkit-transform-origin: $origin;\r\n  transform-origin: $origin;\r\n}\r\n//transform origin\r\n@mixin transform-origin($origin, $origin2) {\r\n  moz-transform-origin: $origin $origin2;\r\n  -o-transform-origin: $origin $origin2;\r\n  -ms-transform-origin: $origin $origin2;\r\n  -webkit-transform-origin: $origin $origin2;\r\n  transform-origin: $origin $origin2;\r\n}\r\n\r\n// animation mixins\r\n@mixin keyframes($animation-name) {\r\n  @-webkit-keyframes #{$animation-name} {\r\n    @content;\r\n  }\r\n  @-moz-keyframes #{$animation-name} {\r\n    @content;\r\n  }\r\n  @-ms-keyframes #{$animation-name} {\r\n    @content;\r\n  }\r\n  @-o-keyframes #{$animation-name} {\r\n    @content;\r\n  }\r\n  @keyframes #{$animation-name} {\r\n    @content;\r\n  }\r\n}\r\n@mixin animation($animation-name) {\r\n  -webkit-animation: #{$animation-name};\r\n  -moz-animation: #{$animation-name};\r\n  -ms-animation: #{$animation-name};\r\n  -o-animation: #{$animation-name};\r\n  animation: #{$animation-name};\r\n}\r\n\r\n@mixin icon-font($content) {\r\n  /* use !important to prevent issues with browser extensions that change fonts */\r\n  font-family: 'icomoon' !important;\r\n  speak: none;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-variant: normal;\r\n  text-transform: none;\r\n  line-height: 1;\r\n\r\n  /* Better Font Rendering =========== */\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  content: $content;\r\n}\r\n\r\n/* Mixin */\r\n@mixin vertical-align($position: relative) {\r\n  position: $position;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n//Wrapping text only, not url\r\n%wrap {\r\n  /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n// Use this to override wrap\r\n%unwrap {\r\n  overflow-wrap: normal;\r\n  word-wrap: normal;\r\n  word-break: normal;\r\n}\r\n// currently not used, but just in case we need it\r\n%url {\r\n  word-break: break-all;\r\n  hyphens: none;\r\n}\r\n\r\n%truncate {\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n@mixin empty-module($module-name) {\r\n  .#{$module-name} {\r\n    /*!*/\r\n  }\r\n}\r\n\r\n// %link is deprecated. Instead of @extend %link;, use @include link($bg-color);\r\n%link {\r\n  @if variable-exists(text-link) {\r\n    color: $text-link;\r\n  } @else {\r\n    color: $color-primary; // for backwards compatibility\r\n  }\r\n  text-decoration: $link-text-decoration;\r\n  &:visited {\r\n    @if variable-exists(text-visited-link) {\r\n      color: $text-visited-link;\r\n    } @else {\r\n      color: $color-primary;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin link($bg-color) {\r\n  text-decoration: $link-text-decoration;\r\n  color: get-link-color($bg-color);\r\n  &:visited {\r\n    color: get-visited-link-color($bg-color);\r\n  }\r\n}\r\n\r\n@mixin placeholder {\r\n  &::placeholder {\r\n    @content;\r\n  }\r\n\r\n  &::-webkit-input-placeholder {\r\n    // Chrome/Opera/Safari\r\n    @content;\r\n  }\r\n\r\n  &:-moz-placeholder {\r\n    // Firefox 18-\r\n    @content;\r\n  }\r\n\r\n  &::-moz-placeholder {\r\n    // Firefox 19+\r\n    @content;\r\n  }\r\n\r\n  &:-ms-input-placeholder {\r\n    // IE 10+\r\n    @content;\r\n  }\r\n}\r\n\r\n%sm-show,\r\n%md-show,\r\n%lg-show {\r\n  display: none !important;\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-show {\r\n    display: block !important;\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-show {\r\n    display: block !important;\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-show {\r\n    display: block !important;\r\n  }\r\n}\r\n\r\n@media (min-width: $sm) {\r\n  %sm-hide {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n@media (min-width: $md) {\r\n  %md-hide {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n@media (min-width: $lg) {\r\n  %lg-hide {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n%clearfix {\r\n  clear: both;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: ' ';\r\n    display: table;\r\n    clear: both;\r\n  }\r\n}\r\n","@import '../common/variables';\r\n@import '../common/mixins';\r\n.vc-navigation {\r\n  position: absolute;\r\n  z-index: 1000;\r\n  top: 80px;\r\n  bottom: auto;\r\n  right: 16px;\r\n}\r\n\r\n.with-time-series-controls {\r\n  bottom: 100px;\r\n}\r\n\r\n.vc-navigation-control {\r\n  margin: 7px 0;\r\n  height: auto;\r\n  text-align: center;\r\n}\r\n\r\n.vc-navigation-navs {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.vc-navigation-controls {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-right: 0;\r\n}\r\n\r\n.vc-location-distance {\r\n  @extend %clearfix;\r\n  display: none;\r\n  @media (min-width: $sm) {\r\n    display: block;\r\n  }\r\n  position: absolute;\r\n  bottom: 2px;\r\n  right: 3px;\r\n  z-index: 1;\r\n\r\n  button {\r\n    cursor: pointer;\r\n  }\r\n}\r\n","@import '../common/variables';\r\n@import '../common/mixins';\r\n\r\n$distance-bg: rgba($dark, 0.9);\r\n\r\n.vc-legend {\r\n  box-sizing: border-box;\r\n  font-family: $font-base;\r\n  float: left;\r\n  background-color: #fff;\r\n  color: $text-dark;\r\n  padding: $padding-small $padding-small;\r\n  font-size: $font-size-mid-mini;\r\n  text-align: center;\r\n  line-height: 1;\r\n  border: 0;\r\n  outline: 0;\r\n  font-family: $font-mono;\r\n  max-height: 21px;\r\n  margin-top: 5px;\r\n  &:hover {\r\n    background: $faint-bg;\r\n  }\r\n\r\n  .vc-bar {\r\n    background: #fff;\r\n    margin: 0 auto;\r\n    display: block;\r\n    @include transition(all 0.5s ease-in-out);\r\n  }\r\n}\r\n\r\n.vc-bar-location,\r\n.vc-legend-distance {\r\n  // composes: baseLegend;\r\n  // Adjust colors to match btn--map.\r\n  background-color: $charcoal-grey;\r\n  color: $text-light;\r\n  &:hover {\r\n    background: $color-primary;\r\n  }\r\n  //\r\n  margin-right: $padding-small;\r\n  span {\r\n    padding: 0 $padding-small;\r\n  }\r\n\r\n  li,\r\n  div {\r\n    display: inline-block;\r\n    padding: 0 $padding-small;\r\n    text-align: left;\r\n  }\r\n\r\n  .vc-section-long {\r\n    width: 160px;\r\n  }\r\n\r\n  .vc-section {\r\n    width: 140px;\r\n  }\r\n\r\n  .vc-section-short {\r\n    width: 80px;\r\n  }\r\n}\r\n\r\n.vc-legend-distance {\r\n  &:hover {\r\n    background: $charcoal-grey;\r\n  }\r\n  text-align: center;\r\n  width: 110px;\r\n}\r\n","// @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,400italic,600');\r\n// @import url('https://fonts.googleapis.com/css?family=Lato:400,700');\r\n\r\n$font-pop: 'Open Sans', sans-serif;\r\n$font-base: 'Open Sans', sans-serif;\r\n$font-mono: monospace, sans-serif;\r\n$font-feature-info: $font-mono;\r\n$font: $font-base;\r\n\r\n$color-primary: #519ac2;\r\n$color-primary-disabled: #595b60;\r\n@function get-hover-color($base-color) {\r\n  @return lighten($base-color, 10%);\r\n}\r\n$color-secondary: #06ccff;\r\n\r\n$animation-fast: 0.1s;\r\n\r\n$dark: #3f4854;\r\n$dark-with-overlay: #667080;\r\n$dark-lighter: #595b60;\r\n$grey: #888888;\r\n$grey-lighter: #ddd;\r\n// todo: Fix during overhaul\r\n$grey-lighter2: #e6e6e6;\r\n$grey-lightest: #f2f2f2;\r\n$field-border: #ddd;\r\n$overlay: rgba(255, 255, 255, 0.15);\r\n\r\n$text-black: #000;\r\n$text-dark: #595b60;\r\n// todo: Fix during overhaul\r\n$text-dark2: #606d80;\r\n$text-darker: #4d5766;\r\n$text-light: #ffffff;\r\n$text-light-dimmed: #bbbbbb;\r\n\r\n// You can override these functions to change the link color depending on the background, eg.\r\n// @function get-link-color($bg-color) {\r\n//   @if (lightness($bg-color) > 50) {\r\n//     @return $text-dark; // Dark color needed on a light background\r\n//   } @else {\r\n//     @return $text-light; // Light color needed on a dark background\r\n//   }\r\n// }\r\n// It would make sense to extend this approach to all text and button coloring.\r\n@function get-link-color($bg-color) {\r\n  @if variable-exists(text-link) {\r\n    @return $text-link;\r\n  }\r\n  @return $color-primary;\r\n}\r\n@function get-visited-link-color($bg-color) {\r\n  @if variable-exists(text-visited-link) {\r\n    @return $text-visited-link;\r\n  }\r\n  @return get-link-color($bg-color);\r\n}\r\n\r\n$faint-bg: #f5f5f5;\r\n$warning: #ff5b6f;\r\n$info-color: #fed17f;\r\n$link-text-decoration: none;\r\n\r\n$padding: 10px;\r\n$padding-small: 5px;\r\n$padding-mini: 3px;\r\n\r\n$btn-default-line-height: 20px;\r\n$input-height: 40px;\r\n$input-height-large: 48px;\r\n$input-glyph-height: 24px; // This value should be $input-height * 0.6\r\n$input-glyph-margin: 8px; // This value should be $input-height * 0.2\r\n\r\n$sm-logo-height: $input-height;\r\n$logo-height: 70px;\r\n$mobile-header-height: 50px;\r\n\r\n$modal-bg: #fff;\r\n$modal-tab-bg: $modal-bg;\r\n$modal-selected-tab-bg: $modal-tab-bg;\r\n$modal-text: #000;\r\n$modal-secondary-bg: #f6f6f7;\r\n$modal-secondary-bg: #f6f6f7;\r\n$modal-overlay: rgba(#000, 0.7);\r\n$modal-highlight: $color-primary;\r\n// $modal-selected: $color-primary;  // Optionally define this to override $modal-highlight on the selected tab.\r\n$modal-border: $grey-lighter;\r\n$modal-content-height: 70vh;\r\n$modal-header-height: $btn-default-line-height + $padding * 2;\r\n$dropdown-hover-color: orange;\r\n\r\n$data-catalog-color: $text-black;\r\n\r\n$feature-info-bg: rgba($dark, 0.95);\r\n$feature-info-section-bg: $overlay;\r\n$feature-info-color: $text-light;\r\n$feature-info-header-bg: $dark;\r\n$feature-info-btn-color: $text-light;\r\n// $feature-info-table-odd-row-bg: lighten($feature-info-bg, 5%); // Optionally define for stripy tables.\r\n$feature-info-table-border-style: 1px solid $dark;\r\n// $feature-info-table-width: 100%; // Optionally define to force tables to the full width of the feature info panel.\r\n$feature-info-right-margin: 105px;\r\n\r\n$mobile-main-bg: #ffffff;\r\n$mobile-text: #000;\r\n\r\n$mobile-modal-top-height: 40px;\r\n\r\n$font-size-large: 1.3rem;\r\n$font-size-mid-large: 1.1rem;\r\n$font-size-base: 1rem;\r\n$font-size-mid-small: 0.9rem;\r\n$font-size-feature-info: 0.9rem;\r\n// todo: update during overhaul\r\n$font-size-data-preview: 0.875rem;\r\n$font-size-button: 0.85rem;\r\n$font-size-small: 0.8125rem;\r\n$font-size-mid-mini: 0.7rem;\r\n$font-size-mini: 0.625rem;\r\n$font-size-credits: 0.7rem;\r\n\r\n$font-weight-bold: 600;\r\n$font-weight-medium: 500;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 100;\r\n\r\n$work-bench-width: 350px;\r\n$setting-panel: 300px;\r\n$share-panel-width: 450px;\r\n$share-panel-caret-left: 215px;\r\n$feature-info-panel-width: 500px;\r\n$branding-height: 55px;\r\n$badge-height: $input-height;\r\n$workbench-header: $input-height * 2 + $padding-small * 2 + $badge-height + 1px;\r\n$chart-height: 250px;\r\n\r\n$border-color: rgba(#fff, 0.15);\r\n$border-style: 1px solid $border-color;\r\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);\r\n\r\n$radius-medium: 3px;\r\n$radius-small: 2px;\r\n\r\n$ring-width: 10px;\r\n$compass-width: 55px;\r\n\r\n//screen sizes\r\n$sm: 768px;\r\n$md: 992px;\r\n$lg: 1300px;\r\n\r\n$front-component-z-index: 99;\r\n\r\n$chart-area-color: rgba(#fff, 0.075);\r\n$chart-axis-color: #fff;\r\n$chart-grid-color: rgba(#fff, 0.085);\r\n$chart-text-color: #fff;\r\n$chart-line-color: #ccc;\r\n$chart-preview-line-color: $chart-line-color;\r\n$chart-darker: darken($dark, 8%);\r\n$chart-panel-background: $dark;\r\n$chart-panel-header: $chart-darker;\r\n\r\n$charcoal-grey: #3f4854;\r\n$turquoise-blue: #08abd5;\r\n\r\n// Splitter\r\n$splitter-thumb-width: 40px;\r\n","@import '../common/variables';\r\n@import '../common/mixins';\r\n// Map Compass\r\n//\r\n// Markup:\r\n// <div class=\"compass\">\r\n// <div class=\"outerRing\"></div>\r\n// <div class=\"innerRing\" title=\"Click and drag to rotate the camera\"></div>\r\n// <div class=\"rotationMarker\"></div>\r\n// </div>\r\n//\r\n// Style guide: Component.map-compass\r\n\r\n.vc-compass {\r\n  position: relative;\r\n  cursor: default;\r\n  width: $compass-width;\r\n  height: $compass-width;\r\n  // composes: sm-show from '../../../styles/common/_base.scss';\r\n  z-index: 100;\r\n  svg {\r\n    fill: $dark;\r\n  }\r\n}\r\n.vc-compass-innerRing {\r\n  @include vertical-align();\r\n  height: $compass-width - $ring-width -20px;\r\n  width: $compass-width - $ring-width -20px;\r\n  border-radius: 50%;\r\n  display: block;\r\n  margin: 0 auto;\r\n  padding: 4px;\r\n  box-sizing: border-box;\r\n  background: #ffffff;\r\n}\r\n.vc-compass-rotation-marker {\r\n  background-image: url('../../images/vc-compass-rotation-marker.svg');\r\n  height: $compass-width - 4px;\r\n  width: $compass-width - 4px;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: 2px;\r\n  left: 2px;\r\n  background-repeat: no-repeat;\r\n  background-size: contain;\r\n}\r\n\r\n.vc-compass-outerRing {\r\n  height: $compass-width;\r\n  width: $compass-width;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  background-repeat: no-repeat;\r\n  background-size: contain;\r\n  top: 0;\r\n  left: 0;\r\n  svg {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n","@import '../common/variables';\r\n@import '../common/mixins';\r\n\r\n.vc-btn {\r\n  background-color: transparent;\r\n  margin: 0;\r\n  border: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  font-weight: $font-weight-normal;\r\n  box-shadow: none;\r\n  text-align: left;\r\n  cursor: pointer;\r\n  line-height: $btn-default-line-height;\r\n  text-decoration: none;\r\n  font-size: $font-size-button;\r\n  font-family: $font-base;\r\n\r\n  &:focus,\r\n  &:hover {\r\n    box-shadow: none;\r\n    border-color: transparent;\r\n    outline: none;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  border-radius: 50%;\r\n  display: inline;\r\n  float: inherit;\r\n  background: #fff;\r\n  color: $dark;\r\n  height: 40px;\r\n  width: 40px;\r\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);\r\n\r\n  svg {\r\n    height: 24px;\r\n    width: 24px;\r\n    margin: 0 auto;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  @media (min-width: $sm) {\r\n    height: 31px;\r\n    width: 30px;\r\n\r\n    svg {\r\n      height: 20px;\r\n      width: 20px;\r\n    }\r\n  }\r\n}\r\n\r\n.vc-btn-primary {\r\n  @extend .vc-btn;\r\n  background: $color-primary;\r\n\r\n  svg {\r\n    fill: #fff;\r\n\r\n    path {\r\n      fill: #fff;\r\n    }\r\n  }\r\n\r\n  &:hover,\r\n  &--hover {\r\n    background: get-hover-color($color-primary);\r\n  }\r\n}\r\n\r\n.vc-btn-blink {\r\n  @extend .vc-btn;\r\n\r\n  svg {\r\n    -webkit-animation-name: blinker;\r\n    -webkit-animation-duration: 1s;\r\n    -webkit-animation-timing-function: linear;\r\n    -webkit-animation-iteration-count: infinite;\r\n\r\n    -moz-animation-name: blinker;\r\n    -moz-animation-duration: 1s;\r\n    -moz-animation-timing-function: linear;\r\n    -moz-animation-iteration-count: infinite;\r\n\r\n    animation-name: blinker;\r\n    animation-duration: 1s;\r\n    animation-timing-function: linear;\r\n    animation-iteration-count: infinite;\r\n  }\r\n}\r\n\r\n@-moz-keyframes blinker {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes blinker {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes blinker {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n","@import '../common/variables';\r\n@import '../common/mixins';\r\n@import \"nav\";\r\n\r\n.vc-tool-btn {\r\n  display: inline-block;\r\n}\r\n","@import '../common/variables';\r\n@import '../common/mixins';\r\n.vc-zoom-control {\r\n  display: none;\r\n\r\n  background: $charcoal-grey;\r\n  border-radius: 100px;\r\n  border: solid 1px rgba(255, 255, 255, 0.2);\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n  line-height: 1.2rem;\r\n\r\n  width: 24px;\r\n  height: 60px;\r\n\r\n  svg {\r\n    height: 10px;\r\n    width: 10px;\r\n    fill: #fff;\r\n  }\r\n\r\n  // @media (min-width: $sm) {\r\n  //   display: inline-block;\r\n  // }\r\n  display: inline-block;\r\n}\r\n\r\n.vc-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  list-style: none;\r\n  padding-left: 0;\r\n  margin: 0;\r\n}\r\n\r\n.vc-list li {\r\n  line-height: 20px;\r\n  flex: 1;\r\n}\r\n\r\n.vc-increase,\r\n.vc-decrease,\r\n.vc-refresh {\r\n  background-color: transparent;\r\n  margin: 0;\r\n  border: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  font-weight: $font-weight-normal;\r\n  box-shadow: none;\r\n  text-align: left;\r\n  cursor: pointer;\r\n  line-height: $btn-default-line-height;\r\n  text-decoration: none;\r\n  font-size: $font-size-button;\r\n  font-family: $font-base;\r\n\r\n  &:focus,\r\n  &:hover {\r\n    box-shadow: none;\r\n    border-color: transparent;\r\n    outline: none;\r\n    opacity: 0.9;\r\n  }\r\n}\r\n",".vc-svg-icon[data-v-b5224d78]{display:block}"]}