/*
 * SHARED WITH JAVELIN - /src/javelin/sass/_colors
 * color nicknames from http://chir.ag/projects/name-that-color/{{#hex-code}}
 */
/**
 * allows you to add styling to the bottom row of a grid using the mixins above
 */
/* line 4, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

/* line 9, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel {
  position: absolute;
  visibility: hidden;
  background-color: black;
  color: white;
  bottom: 130%;
  white-space: nowrap;
  right: 0;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-family: "BWHaasGrotesk-55Roman-Display", Helvetica, Arial, sans-serif;
  z-index: 1;
}

/* line 24, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__greeting {
  padding: 10px 10px 0;
}

/* line 27, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__greeting--white {
  padding: 0 0 10px;
  text-transform: uppercase;
  font-size: 10px;
  color: #767676;
  line-height: 1.3;
}

/* line 36, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__highlight {
  background-color: #99F2FD;
  font-weight: bold;
  font-size: 16px;
  line-height: 155%;
  color: black;
  font-family: "BWHaasGrotesk-75Bold-Web", Helvetica, Arial, sans-serif;
  margin: 4px 10px 12px;
  padding: 5px;
}

/* line 46, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__highlight--white {
  font-weight: bold;
  font-size: 23px;
  color: #03DAB0;
  font-family: "BWHaasGrotesk-75Bold-Web", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
  background: none;
  line-height: 20px;
}

/* line 58, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__cta {
  border-top: 1px dotted white;
  padding: 6px 10px 8px;
}

/* line 62, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__cta--white {
  font-weight: bold;
  font-size: 16px;
  padding: 0;
  line-height: 24px;
}

/* line 68, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__cta--white:hover {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__cta--linebreak {
  margin-top: 13px;
  border-top: 1px dotted black;
  padding-top: 10px;
}

/* line 81, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__ctatext {
  border-bottom: 1px solid black;
}

/* line 85, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel__text {
  white-space: normal;
  line-height: 19px;
}

/* line 90, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel:not(.bb-tooltip-panel--white):after {
  content: " ";
  position: absolute;
  top: 95%;
  right: 5px;
  border-width: 9px 15px;
  border-style: solid;
  border-color: black black transparent transparent;
}

/* line 100, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel.left {
  right: initial;
  left: 0;
}

/* line 104, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel.left:not(.bb-tooltip-panel--white):after {
  border-color: black transparent transparent black;
  right: initial;
  left: 5px;
}

/* line 111, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon .bb-tooltip-panel--white {
  color: black;
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  bottom: 85%;
  font-family: "BWHaasGrotesk-55Roman-Web", Helvetica, Arial, sans-serif;
  max-width: 250px;
  width: 200px;
  padding: 10px;
}

/* line 124, src/javelin/sass/components/_tooltip.scss */
.bb-tooltip-icon:hover .bb-tooltip-panel {
  visibility: visible;
}

/* line 3, src/hub/sass/_localization.scss */
.hub-timestamp.hide {
  display: none !important;
}

/* line 7, src/hub/sass/_localization.scss */
.localization-icon:before {
  content: " ";
  width: 8px;
  height: 14px;
  display: inline-block;
  background: url('https://assets.bwbx.io/s3/javelin/public/javelin/images/location-ee2901a112.svg') no-repeat;
  margin-bottom: 3px;
}

/* line 16, src/hub/sass/_localization.scss */
.hub-main .bb-tooltip-panel {
  bottom: 15px !important;
}

/* line 19, src/hub/sass/_localization.scss */
.hub-main .bb-tooltip-panel__cta--white.localization-icon {
  padding: 10px 0;
}

/* line 23, src/hub/sass/_localization.scss */
.hub-main .bb-tooltip-panel__cta--white.currency-swap {
  padding-bottom: 10px;
}

/* line 27, src/hub/sass/_localization.scss */
.hub-main .bb-tooltip-panel .localization-icon:before {
  vertical-align: bottom;
  padding-right: 3px;
}

/* line 33, src/hub/sass/_localization.scss */
.hub-main .bb-tooltip-panel--white .localization-icon:before {
  content: " ";
  width: 13px;
  height: 20px;
  display: inline-block;
  background: url('https://assets.bwbx.io/s3/javelin/public/javelin/images/location-black-04a4db96f6.svg') no-repeat;
  margin-bottom: 3px;
  vertical-align: bottom;
  padding-right: 3px;
}

/* 
Because this varation is very tight on space, 
and the timestamp element is position:absolute,
we decided to hide it for this type of module 
to prevent odd clipping behavior.
*/
/* line 52, src/hub/sass/_localization.scss */
section[data-variation="six_up_images"] .bb-tooltip-icon {
  display: none;
}

/* line 56, src/hub/sass/_localization.scss */
.tooltip-timestamp {
  width: 200px;
}

/*
 * SHARED WITH JAVELIN - /src/javelin/sass/_colors
 * color nicknames from http://chir.ag/projects/name-that-color/{{#hex-code}}
 */
/**
 * allows you to add styling to the bottom row of a grid using the mixins above
 */
/* line 12, src/hub/components/layout/layout.desktop.scss */
.hub-main {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 50px;
}

/* line 2, src/hub/sass/_zones.scss */
.hub-main .hub-zone-full,
.hub-main .hub-zone-full__content {
  width: 100%;
}

/* line 28, src/hub/components/layout/_layout.scss */
.hub-main .hub-zone-full > section,
.hub-main .hub-zone-full__content > section {
  margin-left: auto;
  margin-right: auto;
}

/* line 21, src/hub/sass/_zones.scss */
.hub-main .hub-zone-lefty__rail,
.hub-main .hub-zone-lefty__left-rail {
  vertical-align: top;
  display: inline-block;
  width: 150px;
  margin-right: 50px;
}

/* line 6, src/hub/components/layout/layout.desktop.scss */
.hub-main .hub-zone-lefty__rail > section:last-child,
.hub-main .hub-zone-lefty__rail > div:last-child,
.hub-main .hub-zone-lefty__left-rail > section:last-child,
.hub-main .hub-zone-lefty__left-rail > div:last-child {
  margin-bottom: 0;
}

/* line 40, src/hub/sass/_zones.scss */
.hub-main .hub-zone-righty__rail,
.hub-main .hub-zone-righty__right-rail {
  vertical-align: top;
  display: inline-block;
  width: 300px;
  margin-left: 50px;
}

/* line 6, src/hub/components/layout/layout.desktop.scss */
.hub-main .hub-zone-righty__rail > section:last-child,
.hub-main .hub-zone-righty__rail > div:last-child,
.hub-main .hub-zone-righty__right-rail > section:last-child,
.hub-main .hub-zone-righty__right-rail > div:last-child {
  margin-bottom: 0;
}

/* line 15, src/hub/sass/_zones.scss */
.hub-main .hub-zone-lefty__content {
  vertical-align: top;
  display: inline-block;
}

/* line 6, src/hub/components/layout/layout.desktop.scss */
.hub-main .hub-zone-lefty__content > section:last-child,
.hub-main .hub-zone-lefty__content > div:last-child {
  margin-bottom: 0;
}

/* line 34, src/hub/sass/_zones.scss */
.hub-main .hub-zone-righty__content {
  vertical-align: top;
  display: inline-block;
}

/* line 6, src/hub/components/layout/layout.desktop.scss */
.hub-main .hub-zone-righty__content > section:last-child,
.hub-main .hub-zone-righty__content > div:last-child {
  margin-bottom: 0;
}

/* line 53, src/hub/sass/_zones.scss */
.hub-main .hub-zone-switch__content {
  vertical-align: top;
  display: inline-block;
}

/* line 6, src/hub/components/layout/layout.desktop.scss */
.hub-main .hub-zone-switch__content > section:last-child,
.hub-main .hub-zone-switch__content > div:last-child {
  margin-bottom: 0;
}

/* line 59, src/hub/sass/_zones.scss */
.hub-main .hub-zone-switch__left-rail {
  vertical-align: top;
  display: inline-block;
  width: 150px;
  margin-right: 50px;
}

/* line 6, src/hub/components/layout/layout.desktop.scss */
.hub-main .hub-zone-switch__left-rail > section:last-child,
.hub-main .hub-zone-switch__left-rail > div:last-child {
  margin-bottom: 0;
}

/* line 65, src/hub/sass/_zones.scss */
.hub-main .hub-zone-switch__right-rail {
  vertical-align: top;
  display: inline-block;
  width: 300px;
  margin-left: 50px;
}

/* line 6, src/hub/components/layout/layout.desktop.scss */
.hub-main .hub-zone-switch__right-rail > section:last-child,
.hub-main .hub-zone-switch__right-rail > div:last-child {
  margin-bottom: 0;
}