@charset "UTF-8";.markers-ui {
	display: inherit;
}

.stx-marker.abstract {
	width: 0;
	transition: all 0.2s;
}

.stx-marker-content .sample {
	position: absolute;
	bottom: 0;
	margin-left: -67px;
	width: 135px;
	height: 135px;
	background: rgba(255, 255, 255, 0.1);
	text-align: left;
	border-radius: 50%;
	-webkit-transition:
		width 0.2s 0s,
		height 0.2s 0s,
		border-radius 0.2s 0s,
		margin 0.2s 0s,
		background 0.5s;
	transition:
		width 0.2s 0s,
		height 0.2s 0s,
		border-radius 0.2s 0s,
		margin 0.2s 0s,
		background 0.5s;
}

.stx-marker-content .sample:hover {
	width: 250px;
	margin-left: -125px;
	border-radius: 5px;
	background: #fff;
	-webkit-transition:
		width 0.2s 0.5s,
		height 0.2s 0.5s,
		border-radius 0.2s 0.5s,
		margin 0.2s 0.5s,
		background 1s;
	transition:
		width 0.2s 0.5s,
		height 0.2s 0.5s,
		border-radius 0.2s 0.5s,
		margin 0.2s 0.5s,
		background 1s;
}

.stx-marker-content .sample .text {
	position: absolute;
	font-size: 11px;
	left: 160px;
	width: 80px;
	bottom: 13px;
	opacity: 0;
	line-height: 13px;
	-webkit-transition: opacity 0s 0s;
	-moz-transition: opacity 0s 0s;
	transition: opacity 0s 0s;
}

.stx-marker-content .sample:hover .text {
	opacity: 1;
	-webkit-transition: opacity 0.4s 0.7s;
	-moz-transition: opacity 0.4s 0.7s;
	transition: opacity 0.4s 0.7s;
}

.stx-marker-content [stage] {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 115px;
	height: 115px;
	background: #e8e8e8;
	border-radius: 50%;
	-webkit-transition:
		width 0.2s 0s,
		height 0.2s 0s,
		border-radius 0.2s 0s,
		margin 0.2s 0s,
		background 0.2s;
	transition:
		width 0.2s 0s,
		height 0.2s 0s,
		border-radius 0.2s 0s,
		margin 0.2s 0s,
		background 0.2s;
}

.stx-marker-content .sample:hover [stage] {
	width: 135px;
	border-radius: 5px;
	background: #e8e8e8;
	-webkit-transition:
		width 0.2s 0.5s,
		height 0.2s 0.5s,
		border-radius 0.2s 0.5s,
		margin 0.2s 0.5s,
		background 0.2s;
	transition:
		width 0.2s 0.5s,
		height 0.2s 0.5s,
		border-radius 0.2s 0.5s,
		margin 0.2s 0.5s,
		background 0.2s;
}

@-webkit-keyframes heli-hover {
	0% {
		-webkit-transform: rotate(0deg) translateY(0px);
	}
	35% {
		-webkit-transform: rotate(6deg) translateY(-70px);
	}
	80% {
		-webkit-transform: rotate(-4deg) translateY(0px);
	}
	100% {
		-webkit-transform: translateY(0px);
	}
}

@keyframes heli-hover {
	0% {
		transform: rotate(0deg) translateY(0px);
	}
	35% {
		transform: rotate(6deg) translateY(-70px);
	}
	80% {
		transform: rotate(-4deg) translateY(0px);
	}
	100% {
		transform: translateY(0px);
	}
}

.stx-marker-content [helicopter] {
	position: absolute;
	margin-left: -5px;
	margin-bottom: 5px;
	left: -10px;
	bottom: 15px;
	width: 145px;
	height: 55px;
	-webkit-transition: margin 0.75s;
	transition: margin 0.75s;
}

.stx-marker-content .sample:hover [helicopter] {
	margin-left: 0px;
	margin-bottom: 0;
	-webkit-animation: heli-hover 6s ease-in-out infinite;
	/* Chrome, Safari, Opera */
	animation: heli-hover 6s ease-in-out infinite;
	/* Standard syntax */
}

.stx-marker-content [propeller] {
	position: absolute;
	top: 2px;
	left: 30px;
	width: 0px;
	perspective: 500px;
	-webkit-perspective: 500px;
	z-index: 1;
}

@keyframes spinner {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(-360deg);
	}
}

@-webkit-keyframes spinner {
	from {
		-webkit-transform: rotateY(0deg);
	}
	to {
		-webkit-transform: rotateY(-360deg);
	}
}

.stx-marker-content [spinner] {
	-webkit-animation: spinner 1s linear infinite;
	/* Chrome, Safari, Opera */
	animation: spinner 1s linear infinite;
	/* Standard syntax */
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.stx-marker-content [spinner] div {
	position: absolute;
	background: #999;
	width: 80px;
	height: 4px;
}

.stx-marker-content [heli-body] {
	position: absolute;
	left: 0;
	width: 145px;
	height: 55px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAA2CAYAAADDNKtIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGMkU0NEFFQjYyNjExRTQ4RjNDRjM2QjQzRkFBNjNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGMkU0NEFGQjYyNjExRTQ4RjNDRjM2QjQzRkFBNjNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkYyRTQ0QUNCNjI2MTFFNDhGM0NGMzZCNDNGQUE2M0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkYyRTQ0QURCNjI2MTFFNDhGM0NGMzZCNDNGQUE2M0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5XHeeZAAAISklEQVR42uxdDUxVZRj++BNQAQGlQBIUMikxyuFAykxLW1KrXD+u/7asNlu1lv2sVcu1arOWupVRaUvn8ic1Xa0fM12WUUoWmCVaakICGUIiym/vc877wXcPV7ng5XLOud+zPbvnnnvOuR/nPPd93+99v+8jpL29XWho+AOh+hZo+Avh/d2AoqIi/RSci2uJy4mLZs+e/by2TN6RSLyAmEOM1rfjtLiRGE+cq92cd0wi/kP8jfgTi0qjK0KIhby9SYvJO1qU7dn6dpwWucRzeXutLWImm3VG0ojnK/tuIV5BLGNL9TmxUd8qA9fzaxtxgxaTCcRES4gziDGWz66yvD9GfJu4gPh3kN+36/h1KwXfR7WYTNxFvM3HY4cQnyQ+QlxKXEOsJ54i/kc8yq9uByz4ON5eZ5vUgA1wfy/OiSI+xLSiklhM/Ib4JbtIt7o44GM1TghmXEwc7+drpnCX+XViKbGGuIv3uc3F7SQXdyjYxRTK3dolAfiuoSxa9Hh2EOcQBzv43sUSJ6u9uGAVEx7iw8Ry4kbipQH+fljBRcQDxMeJEQ68h9O53biHRcEoplAOmvEQFxJH9XN7kGGfT/yZmG8DS4PYbxN3HlD5P2KJp3H/Binx0h/EKcJM7opgCsDPIX6omGY7IYv4Lacaniae7OV1wogruYf5Cb+XaY4IRQgDiAOVTgT4IvFyL+kSuOYEtkTo8Q5ja3Qe8TFihbURbhfTRcRPiSNs3EaUJR4VZtF0O4sgzMvDl1ZEepNI0Vk3xPGpxJl+tFY7vOyXCd23iHey0I67WUz4JWYTC4jziHEOafdoplMwkXgHcbHbxIS/42biLOJUy69Zo+8wzG1uDqb3I7ZGGoEDgvX1bhJTdkhIyJb29vYE/WwDghPELzi2w6C4SleIKTo6emRERMTmxsbGhObm5n5tS0JCgoiLixMkbHHq1ClRUVHhVjEtIz54pljDcYiNjU2aMmXKoqSkpKHbt28XpaWlIicnB/tFaGioKC8vD+gDHT9+vBg5cmTHe5sNRW5nlxTbg3OQd/pMmKMkblWC7JXdBa6OAlmB+IKCgndJSDNaW1vF3r17RXJyspgwYULHMZWVlQFtU1tbm2dfnyxUgGb9tBKriH8xDys8xK9IQD4lzHySr4AbO8Dbdyv7trpGTPHx8YPz8vLeJ/EYhcb9+/cbbmXMmDEex9XV1QW0XRC1R24iIkI0NTWd7WVbOCap8CIUKZ4jLKjucHUPv/uI0rmRGfoPhDkQzvliIhcWmZubuyI1NVVWrMXu3btFZGSkGDXKszpy7NgxJ8clKFEggbmzu4fnI2JEz0o2EGcNb89S9q31JT9je6SkpIST9VmVnp7eIaSamhqDY8eOFWFhYR3HwlKBDsW/wqx5lfrxmlf28DlXKyKWYtrE+50tJgpuQ2NiYlZnZGSoA7IMqwT0t4vzhgEDBvTGzdWzRSr1c3Om9/B4GXBiCpO8uat9OdH2owbIja3LzMy8AUGtxMmTJ414iYJwo1ve3y5OjZkQeLe0tPRGSNOEOULT35jWw+OlBaoVZv0NkyjW+XKinS1TSFZW1hYSzKSGhgYjqEW3H7/6srIy4wFarZLxVOrrA97Qbdu2ieJiUwe9sEgyRvqxD5qGfEVmD8/Zp2wvZwoni2kc9dw27NmzJ43o9QCIiyxWl/39YZlgjXrZe0OgO7UPXJvEcGEOGcYIg/3CHD+FAvhkGWIKcwoXjvkOvwvir739MruJCX/8S8ht1NbWGi4sPz9fJCYmGlYJ7g2xEpKUEFJ4eNfm2yFm8hF4uNdYLIHfjSbxEmuGRZgjKeo54Pcb7CImOaYHQ0aMgVzR0dGisLBQREVFeQS20o2RC+xyESQPHSImDIi7yZceUh+glul32EFM6Nev4pvbgezsbA8hGXeBrNXBgwcNUcFaIW6CeODa8FlVVVVvgt9AA8N1MaqyRbgMdhDTM1YhwaV5C65l/IT4ZOnSpU4Qjkc4J8zhrxuFS2EHMc2x7khLS+tileDC9u3rDC8cJiR09ZAA/FO4GHYQU5c5ZNSTM6wPCNHgtbq62gjAHQZkkl8lPudGt2ZHMSEx9o4wZ0IYKCkpMehwYGGL24lfiyCBHTLgKCBmcErguEvu62ZhTvAMGiHZRUwyOH1WmPP0HyD+IMxBXU4DKv1Y0wlL8RwRQQa7JS0xIrCIiZkPk4kXCrMkgOr3cJu1F0W5X4Q58XE9iyloYefaHEoNarUay9Mge4tpTFiYC8NQR3CspXb9MOgdZYIXlH3vCXNpG5w7UQn66zlIhhWsUwQi11hq4usJPvcJ3kaCVZYe9EpyDhCTFVksihXc1T6TG0S8Mld0zp/7nfjGWX7/aEVMsJILtHycJyYsn5wnzLHOWEDre+UzVMUxJx4lmAi2OPib7hWeEzFn8jHyODkFW063HsKvsaJznr6co48p2tblm9O1dJwppl3MxV4+Q+Z8Pm+3s9vCvKdEy3GpbK3a2C3BDSLvIxeqquPzT7BrwzUalM4BkEx8U0vGHW7OGxay65MPHDFVLb9X1xhYw3HO2VpIiSgtHfeJqVkRkhTNPtH3i2gNZJdYryXkHjFZgfHO9wmzoCrYnaEGcw+zO0gXeKbUBeIp5MOwVM9lWkKdcPrKcQjMl3EALTgOKuJgHZjHn/nKZA6uT0e5BuZhLST3WaYSfrAY9voKC0t1PQ0cO4VYzhvkxRVGeum1yR6exAjFzaHu9pUIwky3W8WEnhcGmiH3hHLMy7xfLsH3mvBMXsJNtSousFHpCdZZRNisxGWyZ1fPQT+Ox/8OKdYS6kSI/k+YGjpm0tBi0tBi0tDoFv8LMABGmDE9qwmxBQAAAABJRU5ErkJggg==) no-repeat center;
	z-index: 2;
}
body .video_markers-ui {
	display: inherit;
}

[feature="video_markers"] {
	display: revert;
}

.stx-marker.highlight .stx-marker-video.stx-marker-expand {
	width: 320px;
	max-height: 400px;
	padding: 4px;
}

.stx-marker-video.stx-marker-expand .ciq-close {
	float: right;
}

.stx-marker-video video {
	width: 100%;
}

.stx-marker.video .stx-visual {
	background-color: #eee;
	background-image: url(/assets/stx-sprite-ui-42451728.svg);
	background-position: -725px -28px;
	border: solid 1px #027598;
	border-radius: 2px;
	width: 24px;
	height: 20px;
	opacity: 0.95;
}

.stx-marker.video .stx-visual:hover {
	opacity: 1;
}

.ciq-night .stx-marker.video .stx-visual {
	background-color: #222;
}

.stx-marker.video.square.highlight .stx-visual:after {
	height: 32px;
}
.fundamental_Heading {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-md);
  border-bottom: 0.5px solid;
  padding: 7px 0;
}

.fundamental_subHeading {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-sm);
  border-bottom: 0.5px solid var(--text-primary);
  height: 21px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  margin: 0;
}

.fundamental_subHeading_value {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-sm);
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: right;
  padding-right: 5px;
}

.grid_item_Height {
  height: 21px;
}

.custom-chart-info .instruction {
  font-style: italic;
}

.chartWrapper {
  position: relative;
  height: 98.5%;
}

.fundamental-chart {
  height: 294px;
}

.MuiAccordionSummary-root,
.Mui-expanded {
  min-height: 32px !important;
}

.MuiAccordionSummary-content.Mui-expanded {
  margin: 0px 0 !important;
}

.MuiAccordionSummary-root.Mui-expanded {
  min-height: 32px !important;
}

.MuiAccordionSummary-content {
  display: flex;
  align-items: center;
  font-size: var(--font-size-md);
  margin: 6px 0px;
}

.MuiAccordionSummary-expandIconWrapper {
  display: flex;
  align-items: center;
  transform: rotate(-85deg);
}

.MuiAccordionSummary-expandIconWrapper.Mui-expanded {
  transform: rotate(0deg);
}

/* Fundamental Chart customizations */
/* Keep preferences menu in DOM but hidden to avoid UI issues */
.ciq-nav-fundamental .hidden-preferences,
.ciq-nav-fundamental cq-menu[config=preferences] {
  display: none !important;
}

.fundamental-chart cq-chart-title {
  pointer-events: none;
  cursor: default;
}.custom-chart-info {
  user-select: text;
  padding: 8px 14px;
  font-size: 0.8rem;
  line-height: 1.5;
  display: flex;
  color: #000;
}

.custom-chart-info h2 {
  font: 600 1.2rem Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  margin: 0 14px 8px 3px;
  white-space: nowrap;
  color: #398dff;
}

.custom-chart-info ul {
  margin: 0;
  padding: 0px 16px;
}

.custom-chart-info li {
  margin-top: 4px;
}

.custom-chart-info div {
  width: 65%;
}

.custom-chart-info .instruction {
  font-style: italic;
}

.chartWrapper {
  position: relative;
  height: 98.5%;
}
.chart-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bg-chart-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.chart-loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--border-subtle);
  border-top-color: #398dff;
  border-radius: 50%;
  animation: chart-spin 1s linear infinite;
}

@keyframes chart-spin {
  to {
    transform: rotate(360deg);
  }
}
cq-lookup-filters {
  display: none !important;
}

.fundamental-chart {
  height: 294px;
}
.MuiAccordionSummary-root,
.Mui-expanded {
  min-height: 32px !important;
}
.MuiAccordionSummary-content.Mui-expanded {
  margin: 0px 0 !important;
}
.MuiAccordionSummary-root.Mui-expanded {
  min-height: 32px !important;
}
.MuiAccordionSummary-content {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 6px 0px;
}
.MuiAccordionSummary-expandIconWrapper {
  display: flex;
  align-items: center;
  transform: rotate(-85deg);
}

/* Hide Events/Chart Events button - Remove or comment out this rule to re-enable */
cq-menu.ciq-markers {
  display: none;
}

/* Active interval button styling */
.chart-iq-active-interval {
  border-top: solid 3px #398dff !important;
}
.container {
  overflow: hidden;
  width: 100%;
}

.chart_context_Menu {
  position: absolute;
  top: 130px;
  z-index: 1;
  width: 120px;
  height: 47px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
}

.bell_Icon {
  padding-right: 1.67px;
}

.widget-chart cq-chart-title {
  margin: 5px 0 0 8px;
  top: 0;
  left: 0;
  padding: 4px 8px;
}
.widget-chart cq-chart-title cq-symbol {
  margin-top: 2px;
  font-size: 26px;
}
.widget-chart cq-chart-title cq-chart-price {
  font-size: 10px;
}
.widget-chart cq-chart-title cq-clickable,
.widget-chart cq-chart-title cq-chart-price {
  vertical-align: middle;
}

.theme-light .widget-chart .ciq-chart-area,
.theme-light .widget-chart cq-context {
  background: var(--color-base-white);
}
.theme-light .widget-chart .chartContainer.chartIQ-custom {
  background: transparent !important;
}
.theme-light .widget-chart .stx_grid {
  color: var(--color-gray-200);
}
.theme-light .widget-chart .stx_grid_dark {
  color: var(--color-gray-100);
}
.theme-light .widget-chart cq-chart-title cq-symbol {
  color: var(--color-gray-900);
}
.theme-light .widget-chart cq-chart-title cq-current-price.cq-up {
  color: var(--side-buy-text);
}
.theme-light .widget-chart cq-chart-title cq-current-price.cq-down {
  color: var(--side-sell-text);
}
.theme-light .widget-chart cq-chart-title cq-chart-price.stx-up cq-change {
  color: var(--side-buy-text);
}
.theme-light .widget-chart cq-chart-title cq-chart-price.stx-down cq-change {
  color: var(--side-sell-text);
}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* CSS Document */

:root {
	--ciq-color-up-direction: #8cc176;
	--ciq-color-down-direction: #b82c0c;
}
.redgreen {
	--ciq-color-up-direction: #00b7ee;
	--ciq-color-down-direction: #e71b27;
}

.chartContainer {
	/* DIV that the canvas expands to. */
	display: block;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 12px;
	position: relative; /* chart container must be relative for internal DOM elements to be correct */
}

.sharing .ciq-no-share {
	display: none !important;
}

.stx-canvas-shim {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

/* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */

/* Basic Buttons */

.stx-btn {
	/* Inactive Button */
	display: inline-block;
	cursor: pointer;
	padding: 0px 8px;
	border: solid 1px #ddd;
	font-weight: bold;
	line-height: 27px;
	color: #7e7e7e;
	text-align: center;
	overflow: visible;
	background-repeat: no-repeat;
	border-radius: 3px;
	transition:
		color 0.25s,
		border 0.25s,
		box-shadow 0.25s;
	user-select: none;
}
/* Button Hover State */
/*.stx-btn:hover {
	color: #444444;
	border: solid 1px #c5c5c5;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .1), inset 0px -8px 6px rgba(100, 100, 100, .03);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .1), inset 0px -8px 6px rgba(100, 100, 100, .03);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .1), inset 0px -8px 6px rgba(100, 100, 100, .03);
}*/
/* Button Active State */
.stx-btn:active {
	color: #333;
	-webkit-box-shadow: inset 0px 8px 6px rgba(100, 100, 100, 0.03);
	-moz-box-shadow: inset 0px 8px 6px rgba(100, 100, 100, 0.03);
	box-shadow: inset 0px 8px 6px rgba(100, 100, 100, 0.03);
}

/* Panel Buttons */

.stx-btn-panel,
.stx-btn-panel span {
	/* Button Defaults */
	display: inline-block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	transition: transform 0.2s;
}
.stx-btn-panel {
	/* Button Spacing */
	margin: 6px 2px 3px 2px;
}
/*.stx-btn-panel:hover span,*/
.stx-btn-panel:active span {
	/* Make buttons full opacity on hover or hit */
	opacity: 1;
}
.stx-btn-panel:active {
	/* Scale up when active */
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.stx-btn-panel span {
	/* Button Icons */
	background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
	opacity: 0.6;
	transition: opacity 0.2s;
}

.stx-btn-panel > span.stx-ico-up {
	background-position: -150px -25px;
}
.stx-btn-panel > span.stx-ico-down {
	background-position: -200px -25px;
}
.stx-btn-panel > span.stx-ico-close {
	background-position: -250px -25px;
}
.stx-btn-panel > span.stx-ico-edit {
	background-position: -300px -25px;
}
.stx-btn-panel > span.stx-ico-focus {
	background-position: -350px -25px;
}

/* --------------------------------------------------------- CHART CONTROLS --------------------------------------------------------- */

.stx_chart_controls {
	/* Chart Control module */
	position: absolute;
	display: block;
	bottom: 60px;
	left: 50%;
	height: 25px;
	margin-bottom: 0;
	width: auto;
	text-align: center;
	z-index: 30;
	transform: translateX(
		calc(-50% - 0.5px)
	); /* half pixel to make sure tooltip border doesn't get blurred */
}

.chartSize,
.chartSize span {
	/* Chart Control element defaults */
	height: 25px;
	display: inline-block;
	user-select: none;
}
.chartSize {
	/* Chart size container */
	margin: 0px auto;
	position: relative;
	border-radius: 3px;
	background: rgba(250, 250, 250, 0.8); /* converted to rgb from #fafafa */
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	transform-origin: bottom center;
	transform: scale(1.15);
	transition:
		transform 350ms cubic-bezier(0.77, 0, 0.175, 1),
		opacity 350ms linear;
}

.chartSize span:after {
	/* Divider between zoom buttons */
	content: "";
	display: block;
	position: relative;
	top: 10%;
	width: 1px;
	height: 80%;
	float: right;
	background: rgba(0, 0, 0, 0.2);
}
.chartSize span {
	/* Chart size (+) and (-) buttons */
	background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
	width: 35px;
	cursor: pointer;
	transition:
		opacity 0.25s,
		transform 0.2s;
	opacity: 0.6;
}

.chartSize .stx-zoom-out {
	/* Zoom out */
	background-position: -45px -25px;
	border-radius: 0;
}
.chartSize .stx-zoom-in {
	/* Zoom in */
	background-position: -95px -25px;
	border-radius: 0;
}
.chartSize .stx-chart-control-button {
	position: relative; /* set relative to position tooltip */
	background: #ccc center no-repeat;
	background-size: contain;
	height: 25px;
	box-sizing: border-box;
	transition: none;
}
.chartSize .stx-chart-control-button.active {
	border-bottom: solid 3px #398dff;
	height: 22px;
	margin-bottom: 0;
}
.chartSize span.stx-chart-control-button:active {
	/* override the scale set on :active because it has side effects on the .active border*/
	transform: scale(1);
}

/* SmartZoom button icon */
.chartSize .stx-smart-zoom {
	background: url(/assets/smart-zoom-dc74fbfb.svg) center no-repeat;
	background-size: contain;
}

/* Full Screen button icon */
.chartSize .stx-full-screen {
	background: url(/assets/full-screen-b7b003d8.svg) center no-repeat;
	background-size: 19px;
	background-position: 50% calc(50% + 1px);
}

/*.chartSize span:hover,*/
.chartSize span:active,
/*.stx_jump_today:hover,*/
.stx_jump_today:active {
	/* Make buttons full opacity on hover or hit */
	opacity: 1;
}
.chartSize span:active {
	/* Scale up when active */
	transform: scale(1.2, 1.2);
}

*[interactable]:not([last-interaction="touch"]) .chartSize span:hover {
	opacity: 1;
}

/* Chart control tool-tips */
.stx_chart_controls .stx-tooltip {
	position: absolute;
	display: block;
	opacity: 0;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	padding: 3px;
	min-width: 44px;
	text-align: center;
	font-weight: 400;
	font-size: 10px;
	background: #398dff;
	color: #f8f8f8;
	border: solid 1px #e4e4e4;
	border-radius: 1px;
	transform: translate(-50%, 0) scale(0.86); /* scale 0.86 corrects for 1.15 scale on parent */
	z-index: 4;
}

*[interactable]:not([last-interaction="touch"])
	.stx_chart_controls
	*:hover
	> .stx-tooltip {
	top: 110%;
	opacity: 1;
	transition:
		opacity 0.1s 0.1s,
		top 0.5s 0.1s;
}

.stx_notification_tray {
	cursor: pointer;
	/* height: 25px; */
	right: 70px;
	position: absolute;
	z-index: 30;
	background: #fafafa;
	border-radius: 3px;
}

.stx_notification_tray div {
	box-sizing: content-box;
	position: relative;
	height: 16px;
	padding: 4px;
	margin-bottom: 1px;
	text-align: end;
}

.stx_notification_tray div > * {
	height: 16px;
	padding: 4px;
	margin-bottom: 1px;
}

.stx_jump_today {
	/* Button  jumping to today's data */
	color: #fff;
	overflow: hidden;
	position: absolute;
	bottom: 12px;
	right: 10px;
	line-height: 0px;
	height: 25px;
	width: 30px;
	padding: 0px;
	border-radius: 3px;
	background: #fafafa;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	transition: background 0.25s;
	cursor: pointer;
	z-index: 30;
}

.stx_jump_today span {
	background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 25px;
	height: 25px;
	width: 30px;
	padding-top: 25px;
	background-position: -448px -25px;
	transition:
		opacity 0.25s,
		transform 0.2s;
	opacity: 0.6;
}
*[interactable]:not([last-interaction="touch"]) .stx_jump_today:hover span {
	opacity: 1;
}

/* --------------------------------------------------------- PANEL CONTROL TEMPLATES --------------------------------------------------------- */

.stx-baseline-handle {
	/* used for dragging the baseline up and down */
	background-image: url(/assets/stx-sprite-ui-42451728.svg);
	background-position: -770px -26px;
	display: none;
	height: 25px;
	position: absolute;
	width: 25px;
	z-index: 30;
	background-color: #eee;
	border: solid 1px #999;
	border-radius: 5px;
	transform: scale(0.75);
	box-sizing: border-box;
}
.stx-baseline-handle:hover,
.stx-baseline-handle:active {
	transform: scale(1);
}

.stx_anchor_handle {
	width: 5px;
	position: absolute;
	z-index: 30;
	background-color: #398dff;
	border-radius: 6px;
	cursor: ew-resize;
	border-left-color: #888;
}
/*.stx-baseline-handle:hover,*/
.stx-baseline-handle:active,
.stx-baseline-handle.stx-grab {
	opacity: 1;
	cursor: grab;
}
.stx-baseline-handle.stx-grabbing {
	opacity: 1;
	cursor: grabbing;
}

.stx-drag-chart {
	/* Use the hand icon when grabbing and moving the chart */
	cursor: url(data:application/octet-stream;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8=), default !important;
}
.stx-ico-handle {
	/* The div that allows users to adjust the panels */
	position: absolute;
	left: 0%;
	height: 6px;
	width: 100%;
	overflow: hidden;
	cursor: url(/assets/vertical-a6d4e72d.cur), ns-resize;
	z-index: 30;
}
.stx-ico-handle:active {
	/* Use the vertical resize when adjusting panels */
	cursor: url(/assets/vertical-a6d4e72d.cur), ns-resize;
}

.stx-panel-control {
	/* Panel Control buttons template */
	position: absolute;
	top: 10px;
	left: 0px;
	overflow: hidden;
	z-index: 30;
	display: none;
}

.stx-panel-control * {
	user-select: none;
}

.stx-panel-control.stx-show {
	display: inline-block; /*backwards compat*/
}

.stx-panel-control.stx-show .stx-btn-panel {
	display: none;
}

.stx-panel-control.stx-show .stx-btn-panel.stx-show {
	display: inline;
	z-index: 2;
}

.stx-panel-title {
	/* Panel/Chart Titles */
	margin: 2px 10px 5px;
	float: left;
	color: #333;
	padding: 0 10px 0 10px;
	line-height: 22px;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.stx-panel-control .stx-btn {
	/* Float all icons so they stay in line on the left */
	float: left;
}

.stx-panel-control .stx-panel-legend {
	display: none;
}

.stx-panel-legend .stx-panel-control .stx-panel-legend {
	display: inline-block;
	vertical-align: top;
	width: 154px;
}
/* ------------------------------------------------------- CHART OVERLAY ELEMENTS ------------------------------------------------------ */

.mSticky {
	/* These are the small divs that come up when you hover over a drawing or study overlay */
	display: none;
	background: #efefef;
	border: solid #ddd 1px;
	border-radius: 3px;
	color: #666;
	font-size: 11px;
	/*text-transform: capitalize;*/
	white-space: nowrap;
	z-index: 40;
}
.mSticky.hide {
	padding: 0;
	border: none;
}
.mSticky,
.vectorTrashCan,
.overlayTrashCan,
.overlayEdit,
.overlayText {
	position: absolute;
	z-index: 40;
}
.mStickyInterior,
#sMeasure {
	/* Drawing and study info div contents*/
	margin: 0px;
	padding: 5px 10px 5px 10px;
	float: left;
}
.overlayText.stx-btn,
.overlayEdit.stx-btn,
.overlayTrashCan.stx-btn,
.vectorTrashCan.stx-btn {
	/* Drawing and study info div delete button wrappers for mobile */
	background: #efefef;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	width: 23px;
	height: 23px;
	padding: 0;
	border: solid #ddd 1px;
	margin: 0 0 0 18px;
}
.overlayText.stx-btn span,
.overlayEdit.stx-btn span,
.overlayTrashCan.stx-btn span,
.vectorTrashCan.stx-btn span {
	/* Drawing and study info div delete button content */
	display: block;
	margin: 0;
	width: 23px;
	height: 25px;

	overflow: hidden;
	text-indent: 100px;
	background: transparent;

	background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
	background-position: -400px -26px;
}

.overlayEdit {
	opacity: 0;
}

.overlayTrashCan {
	margin-left: 5px;
}

/* To enable editing of overlay studies on mobile. You'll need to also implement studyOverlayEdit callbackListener
.overlayEdit {
	margin-left: 5px;
	opacity: 1;
}
.overlayTrashCan {
	margin-left: 34px;
}
*/

.mouseDeleteInstructions,
.stickyLongPressText,
.mousePinTooltip,
.customInstructions {
	margin: 0px;
	display: block;
	clear: both;
	font-size: xx-small;
}
.mouseDeleteText,
.mouseManageText,
.leftClickPin,
.dragAnchorText {
	display: none;
}
.rightclick_drawing .mouseDeleteText {
	display: inline;
}
.rightclick_series .mouseDeleteText {
	display: inline;
}
.rightclick_study .mouseDeleteText {
	display: inline;
}
.customInstructions .dragAnchorText {
	display: inline;
}

.stx-loader {
	/* Loading image size and placement */
	position: absolute;
	top: 280px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	z-index: 50;
}

.stx_draw_ok,
.stx_drag_ok {
	position: absolute;
	z-index: 40;
	background-color: rgba(255, 255, 255, 0.5);
	display: none;
	vertical-align: top;
	padding: 3px 3px 0;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.stx_draw_ok .field,
.stx_drag_ok .field {
	padding-left: 3px;
	white-space: nowrap;
	color: #000000;
	float: right;
}

.stx_draw_ok .icon,
.stx_drag_ok .icon {
	margin-bottom: 0.5em;
	margin-top: 0;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #5cb85c;
	box-sizing: content-box;
	color: #5cb85c;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	float: left;
}

.stx_draw_ok .icon:after,
.stx_drag_ok .icon:after {
	animation-duration: 1500ms;
	animation-timing-function: ease;
	animation-name: checkmark;
	transform: scaleX(-1) rotate(135deg);
	opacity: 1;
	height: 0.5em;
	width: 0.25em;
	transform-origin: left top;
	border-right: 2px solid #5cb85c;
	border-top: 2px solid #5cb85c;
	content: "";
	left: 0.4em;
	top: 0.8em;
	position: absolute;
}

@keyframes checkmark {
	0% {
		height: 0;
		width: 0;
		opacity: 1;
	}
	20% {
		height: 0;
		width: 0.25em;
		opacity: 1;
	}
	40% {
		height: 0.5em;
		width: 0.25em;
		opacity: 1;
	}
	100% {
		height: 0.5em;
		width: 0.25em;
		opacity: 1;
	}
}

.stx-draggable {
	/* Use the grab (hand) icon when hovering a draggable item */
	cursor: -webkit-grab; /* chrome < 68 */
	cursor: grab;
}

.stx-draggable.stx-drag-series {
	/* Use the 4-directional icon when grabbing and moving a series or study */
	cursor: url(/assets/all-directional-c582e448.cur), move !important;
}
.stx-draggable.stx-drag-axis {
	/* Use the horizontal icon when grabbing and moving an axis */
	cursor: url(/assets/horizontal-e0dabdd7.cur), ew-resize !important;
}

/* --------------------------------------------------------- CHART ELEMENT STYLES --------------------------------------------------------- */

/* -------- Current Price label (Floating last price on y-axis)-------- */

.stx_current_hr_up {
	/* 'Up' color for current chart value */
	background-color: var(--ciq-color-up-direction);
	color: #fff;
}
.stx_current_hr_down {
	/* 'Down' color for current chart value */
	background-color: var(--ciq-color-down-direction);
	color: #fff;
}

/* -------- Axis Styles -------- */

.stx_xaxis {
	/* x-axis date styles */
	font-size: 12px;
	font-family: Roboto, Helvetica, sans-serif;
	color: #666;
}
.stx_xaxis_dark {
	/* x-axis date divider -- color only -- */
	color: #444444;
}
.stx_yaxis {
	/* y-axis price styles */
	font-size: 12px;
	font-family: Roboto, Helvetica, sans-serif;
	color: #333;
}

/* -------- Crosshairs lines and labels-------- */

.stx-float-date {
	/* Crosshair Floating x-axis date label*/
	position: absolute;
	font-size: 10px;
	font-family: Roboto, Helvetica, sans-serif;
	z-index: 30;
	border-radius: 3px;
	color: #fff;
	padding: 1px 6px;
	text-align: center;
	width: 70px;
	background-color: #333;
}
.stx-float-price {
	/* Crosshair Floating y-axis value label*/
	color: #fff;
	background-color: #333;
}
.stx_crosshair {
	/* Standard Crosshair lines color */
	position: absolute;
	z-index: 10;
	background-color: #999;
}
.stx_crosshair_drawing {
	/* Darker crosshairs lines when drawing */
	position: absolute;
	z-index: 10;
	background-color: #333;
}
.crossY,
.stx_crosshair_y {
	/* Vertical Crosshair line size */
	left: 0px;
	height: 1px;
	width: 98%;
	margin-top: -1px; /* since we're using border-top to draw the actual line */
}
.crossX,
.stx_crosshair_x {
	/* Horizontal Crosshair line size */
	top: 0px;
	width: 1px;
	height: 100%;
}
.stx-crosshair-cursor-on {
	/* Crosshair pointer icon */
	cursor: crosshair;
}

/* -------- Chart and Study Panel Styling -------- */

.stx_panels {
	/* Panel Title text */
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}
.stx_panel_background {
	/* Panel Title background */
	color: #7c878b;
}
.stx_panel_border {
	/* Divider between panels */
	width: 1px;
	color: #cccccc;
}
.stx_panel_drag {
	/* Darker Divider between panels when resizing */
	width: 2px;
	color: #666;
}
.stx_solo_lit span {
	/* Add background to expand button when toggled on */
	background-color: #b1b7b8;
	color: #ffffff;
	opacity: 1;
	margin-top: 3px;
	position: relative;
}

/* -------- Chart Grid -------- */

.stx_grid {
	/* Default Grid */
	color: #efefef;
	opacity: 1;
	border-style: solid;
}
.stx_grid_dark {
	/* Default Grid dividers */
	color: #cccccc;
	opacity: 0.9;
	border-style: solid;
}
.stx_grid_border {
	/* Default Grid borders */
	color: #999999;
	border-style: solid;
}

/* -------- Chart Type Styles -------- */

.stx_line_chart,
.stx_line_up,
.stx_line_down {
	/* Default width for line Charts */
	width: 1px;
	border-top-style: solid;
}
.stx_bar_chart,
.stx_bar_up,
.stx_bar_down,
.stx_bar_even {
	/* Default width for bar Charts */
	width: 1px;
}
/* Default color for line and bar Charts */
.stx_line_chart,
.stx_bar_chart {
	color: #000;
}

.stx_bar_down {
	/* Down Bar color */
	color: var(--ciq-color-down-direction);
}
.stx_bar_up {
	/* Up Bar color */
	color: var(--ciq-color-up-direction);
}

.stx_baseline_delta_mountain {
	/* Default color for baseline delta mountain Charts */
	background-color: rgba(
		163,
		102,
		255,
		0.5
	); /* background color for mountain. */
	color: rgba(163, 102, 255, 0.01); /* Optional gradient. */
	border: transparent; /* No border */
	padding: 3px; /* Optional padding between the baseline and the mountain shading*/
}

.stx_colored_mountain_chart {
	/* Default color for colored mountain Charts */
	background-color: rgba(
		163,
		102,
		255,
		0.5
	); /* background color for mountain. */
	color: rgba(163, 102, 255, 0.01); /* Optional gradient. */
	width: 2px; /* Optional line width */
	border: transparent; /* No border */
	padding: 4px; /* Optional padding between the baseline and the mountain shading*/
}

.stx_mountain_chart {
	/* Default color for mountain Charts */
	background-color: rgba(
		102,
		202,
		196,
		0.5
	); /* background color for mountain. */
	color: rgba(102, 202, 196, 0.01); /* Optional gradient. */
	border: #66cac4; /* Optional line color */
	width: 1px; /* Optional line width */
}
/*.stx_mountain_chart.color {width:24px;}*/

.stx_histogram_down {
	/* Down Bar color */
	color: var(--ciq-color-down-direction);
	border-left-color: #000000;
}
.stx_histogram_up {
	/* Up Bar color */
	color: var(--ciq-color-up-direction);
	border-left-color: #000000;
}
.stx_histogram_even {
	/* Even Bar color */
	color: #999999;
	border-left-color: #000000;
}

.stx_highlight_vector {
	/* change the color and weight of drawings and study overlays on hover */
	color: red;
	width: 3px;
}

.stx_candle_shadow,
.stx_bar_even {
	/* Candle wick color */
	color: #2e383b;
}
.stx_candle_shadow_up {
	color: var(--ciq-color-up-direction);
}
.stx_candle_shadow_down {
	color: var(--ciq-color-down-direction);
}

.stx_candle_down,
.stx_line_down {
	/* Down Candle color */
	color: var(--ciq-color-down-direction);
	border-left-color: transparent;
}
.stx_candle_up,
.stx_line_up {
	/* Up Candle color */
	color: var(--ciq-color-up-direction);
	border-left-color: transparent;
}

.stx_hollow_candle_down {
	color: var(--ciq-color-down-direction);
}
.stx_hollow_candle_up {
	color: var(--ciq-color-up-direction);
}
.stx_hollow_candle_even {
	color: #888888;
}

.stx_baseline {
	/* color of baseline (dashed horizontal line) */
	color: #2e383b;
	width: 2px;
}
.stx_baseline_down {
	/* under area color */
	color: #eb242b;
	width: 2px;
}
.stx_baseline_up {
	/* over area color */
	color: #49ba59;
	width: 2px;
}

.stx_channel_down {
	/* under area color */
	color: rgba(235, 36, 43, 0.25);
}
.stx_channel_up {
	/* over area color */
	color: rgba(73, 186, 89, 0.25);
}

.stx_hlcbox_chart {
	color: cyan;
	background-color: blue;
	border-left-color: blue;
}

.stx_kagi_down {
	/* Kagi chart width and color for downtrend */
	color: #ff0000;
	width: 1px;
}
.stx_kagi_up {
	/* Kagi chart width and color for uptrend */
	color: #00ff00;
	width: 3px;
}

.stx_pandf_down {
	/* P&F chart color, padding, width for downtrend */
	color: #ff0000;
	padding: 2px 0px 2px 0px;
	width: 2px;
}
.stx_pandf_up {
	/* P&F chart color, padding, width for uptrend */
	color: #00ff00;
	padding: 2px 0px 2px 0px;
	width: 2px;
}

.stx_volume_up {
	/* Up Volume color */
	color: #8cc176; /* legacy only. Use study library output "Up Volume" instead */
	border: #000000;
}
.stx_volume_down {
	/* Down volume color */
	color: #b82c0c; /* legacy only. Use study library output "Down Volume" instead */
	border: #000000;
}

/* Volume underlay styles */
.stx_volume_underlay_up {
	color: rgb(
		140,
		193,
		118
	); /* legacy only. Use study library output "Up Volume" instead */
	opacity: 0.6;
	border-left-color: rgb(0, 0, 0);
}
.stx_volume_underlay_down {
	color: rgb(
		184,
		45,
		12
	); /* legacy only. Use study library output "Down Volume" instead */
	opacity: 0.6;
	border-left-color: rgb(0, 0, 0);
}

/* Volume profile styles */
.stx_volume_profile {
	opacity: 0.3;
	border-color: rgb(0, 0, 0);
}

/* Line color for projections */

.stx_projection_new {
	/* Line color for active line when drawing projections */
	color: blue;
}

.stx_gaps {
	/* Transparent gaps overlay style */
	color: #b1b7b8;
	opacity: 0.3;
}

.stx_histogram {
	/* Default color for histograms */
	color: #000000;
	opacity: 0.2;
}

/* -------- Annotations -------- */

.stx_annotation {
	/* Annotation styles */
	padding: 0px;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: #333;
	resize: none;
	z-index: 1000;
}
.stx_annotation_bg {
	/* Annotation backgrounds */
	color: #f5f5f5;
}
.stx_annotation_highlight {
	/* Annotation highlight color */
	color: white;
}
.stx_annotation_highlight_bg {
	/* Annotation highlight background color */
	color: #3d4447;
}
.stx-btn.stx_annotation_save,
.stx-btn.stx_annotation_cancel {
	/* Annotation buttons */
	position: absolute;
	display: none;
	width: 25px;
	height: 25px;
	cursor: pointer;
	opacity: 0.8;
	z-index: 50;
}
.stx-btn.stx_annotation_save {
	background-image: url(/assets/stx-sprite-ui-42451728.svg);
	background-position: -573px -50px;
}
.stx-btn.stx_annotation_cancel {
	background-image: url(/assets/stx-sprite-ui-42451728.svg);
	background-position: -523px -77px;
}

.stx-btn.stx_annotation_save:hover,
.stx-btn.stx_annotation_cancel:hover {
	opacity: 1;
}

.stx_watermark {
	/* Optional watermark style */
	font-size: 16px;
	font-family: Roboto, Helvetica, sans-serif;
}
.stx_fib_levels {
	/* Text for fibonacci values */
	font-size: 12px;
	font-family: Roboto, Helvetica, sans-serif;
	color: transparent;
}

/* -------- Text for shared charts -------- */

.stx_share {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", serif;
	color: #000000;
	width: 1px;
}
.stx_share_symbol {
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.stx-holder {
	display: block;
	position: absolute;
	overflow: hidden;
	z-index: 20;
}

.stx-subholder {
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
	border: none 5px #398bff;
}

.stx-subholder.dropzone.all {
	border-style: solid;
}
.stx-subholder.dropzone.top {
	border-top-style: solid;
}
.stx-subholder.dropzone.bottom {
	border-bottom-style: solid;
}
.stx-subholder.dropzone.left {
	border-left-style: solid;
}
.stx-subholder.dropzone.right {
	border-right-style: solid;
}

/* -------- Colors for session shading -------- */
.stx_market_session.divider {
	background-color: rgba(0, 255, 0, 0.8);
	width: 1px;
}
.stx_market_session.pre {
	background-color: rgba(255, 255, 0, 0.1);
}
.stx_market_session.post {
	background-color: rgba(0, 0, 255, 0.2);
}

/* -------- Heads up tooltip ( hover with cross hairs on )-------- */
stx-hu-tooltip {
	display: none;
} /* turn off "old" tooltip */

.hu-tooltip {
	position: absolute;
	left: -50000px;
	z-index: 30;
	white-space: nowrap;
	padding: 6px;
	border: 2px solid #4ea1fe;
	background-color: rgba(255, 255, 255, 0.9);
	color: #000;
	font-size: 14px;
}

.hu-tooltip caption {
	height: 0px;
	opacity: 0;
}

.hu-tooltip .hu-tooltip-sr-only {
	opacity: 0;
	font-size: 0;
}

.hu-tooltip [hu-tooltip-field]:first-of-type * {
	padding-top: 5px;
}
.hu-tooltip [hu-tooltip-field]:last-of-type * {
	padding-bottom: 5px;
}

.hu-tooltip .hu-tooltip-name {
	text-align: left;
	padding: 0 5px;
	font-weight: bold;
}
.hu-tooltip .hu-tooltip-name:after {
	content: ":";
}

.hu-tooltip .hu-tooltip-value {
	text-align: right;
	padding: 0 5px;
}

.hu-tooltip-highlight {
	position: absolute;
	height: 100%;
	z-index: 10;
	background-color: rgba(191, 191, 191, 0.2);
}

/*
 Edit (and rename) this file to implement your own style.
 Please avoid editing the imported _ciq...scss files so that you can receive upgrades without having to reimplement your changes.
 Instead, override any styles from within this file, or substitute the includes with your own.

 _ciq-components.scss contains the main styles for the ChartIQ component library.
 Set your theme colors, fonts, etc in this file.

 _ciq-night.scss contains css overrides for a night (dark) theme.
 Use this as a template for building additional themes.

 _ciq-extras.scss includes styling for ChartIQ plugins.
 You may not require this at all.

 There are some additional scss files pertaining to specific features as well; they can be removed if not used:

 _ciq-full-screen.scss - used for FullScreen add-on
 _ciq-outliers.scss - used for Outliers add-on
 _ciq-emoji.scss - used for loading emoji symbols
 _ciq-fonts.scss - used for loading fonts
 _ciq-help.scss - used for help webcomponent
 _ciq-drawing-palette.scss - used for drawingPalette webcomponent
 _ciq-message_toaster.scss - used for messageToaster webcomponent
 _ciq-multi.scss - used for multi chart environment
 _ciq-share.scss - used for chart sharing feature
 _ciq-switch.scss - used for switch-styled checkbox
 _ciq-tooltip.scss - used for hover tooltip
 _ciq-variables.scss - used for loading variables used throughout scss files
 _emoji-popover.scss - used for emoji chooser
 _perfect-scrollbar.scss - used for PerfectScrollbar styling of scroll webcomponent

 Run sass to generate a css file from this file and the included _ciq files.
 Include that css in your html.
 */
/* include fonts */
/* PT Sans Narrow is used only in table view */
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngRUXNadjH0qYEzV7ab-oWlsbCLwR26eg.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngRUXNadjH0qYEzV7ab-oWlsbCCwR26eg.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngRUXNadjH0qYEzV7ab-oWlsbCIwR26eg.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngRUXNadjH0qYEzV7ab-oWlsbCGwR0.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngSUXNadjH0qYEzV7ab-oWlsbg95AiIW_3QRQ.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngSUXNadjH0qYEzV7ab-oWlsbg95AiBW_3QRQ.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngSUXNadjH0qYEzV7ab-oWlsbg95AiLW_3QRQ.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngSUXNadjH0qYEzV7ab-oWlsbg95AiFW_0.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(/assets/KFOkCnqEu92Fr1Mu51xIIzI-46375ee9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(/assets/KFOkCnqEu92Fr1MmgVxIIzI-22482584.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/KFOlCnqEu92Fr1MmSU5fBBc4-33530b00.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/KFOmCnqEu92Fr1Mu4mxK-cc46322d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(/assets/KFOlCnqEu92Fr1MmEU9fBBc4-bb46ed07.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/KFOlCnqEu92Fr1MmWUlfBBc4-0eaeadb5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw-ab106619.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ-53b90732.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2)
    format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2)
    format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2)
    format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2)
    format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw-c8671043.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* include variables */
/*
Variables for use in all scss files.  Import this file when necessary.
*/
/* Hovering selectors */
/* Default (Light) Theme */
/* include main components */
/* to allow style to color the background of the chart */
cq-context,
*[cq-context] {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #f8f8f8;
  color: #666;
  font-weight: 300;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
cq-context .ciq-chart-area,
*[cq-context] .ciq-chart-area {
  outline: solid 2px transparent;
  transition: outline 50ms 100ms;
}
cq-context:focus,
*[cq-context]:focus {
  outline: none;
}
cq-context:focus.disable-mouse-pointer .ciq-chart-area,
*[cq-context]:focus.disable-mouse-pointer .ciq-chart-area {
  outline: solid 2px #398dff;
}
cq-context-wrapper cq-context:focus.disable-mouse-pointer .ciq-chart-area,
cq-context-wrapper *[cq-context]:focus.disable-mouse-pointer .ciq-chart-area {
  outline: solid 2px transparent;
}
cq-context:focus.cq-navigation-highlight-visible .ciq-chart-area,
*[cq-context]:focus.cq-navigation-highlight-visible .ciq-chart-area {
  outline: solid 2px transparent;
}
cq-context template,
*[cq-context] template {
  display: none;
}
cq-context .ciq-warning,
*[cq-context] .ciq-warning {
  color: #ee5c5c;
}

/* --------------------------------------------------------- FIELDS, SELECTS, INPUTS, LABELS --------------------------------------------------------- */
/* Inputs */
.stx-textarea,
.ciq-select {
  border: #ddd solid 1px;
  padding: 0 5px 0 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ciq-select {
  line-height: 25px;
  height: 27px;
}

.ciq-select {
  /* Styled replacement for what might otherwise be a select box input */
  background-color: #fff;
  position: relative;
  padding-right: 20px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  /* the line style select box is actually a border-top that is offset to look like a vertical line */
}
.ciq-select > span:after {
  content: '';
  position: absolute;
  display: inline-block;
  margin-top: 8px;
  margin-left: 6px;
  width: 5px;
  height: 5px;
  border-right: solid thin #959595;
  border-bottom: solid thin #959595;
  -webkit-transform: rotate(45deg) scale(1); /* Saf3.1+, Chrome */
  -moz-transform: rotate(45deg) scale(1); /* FF3.5+ */
  -ms-transform: rotate(45deg) scale(1); /* IE9 */
  -o-transform: rotate(45deg) scale(1); /* Opera 10.5 */
  transform: rotate(45deg) scale(1);
}
.ciq-select > span.ciq-line:after {
  margin-top: -6px;
  margin-left: 36px;
}
.ciq-select > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ciq-select option {
  background-color: #fff;
}
.ciq-select option:hover {
  background-color: #efefef;
}
.break-sm .ciq-select {
  position: static;
}
.ciq-select:hover {
  background-color: #efefef;
}

cq-context input,
[cq-context] input,
cq-dialog input {
  outline: none;
  /* You can safely remove or override these */
}
cq-context input:hover,
[cq-context] input:hover,
cq-dialog input:hover {
  background-color: #efefef;
}

cq-context input:not([type]),
cq-context input[type='text'],
cq-context input[type='number'],
cq-context input[type='date'],
cq-context input[type='time'],
[cq-context] input:not([type]),
[cq-context] input[type='text'],
[cq-context] input[type='number'],
[cq-context] input[type='date'],
[cq-context] input[type='time'],
cq-dialog input:not([type]),
cq-dialog input[type='text'],
cq-dialog input[type='number'],
cq-dialog input[type='date'],
cq-dialog input[type='time'] {
  border: #ddd solid 1px;
  padding: 0 5px 0 10px;
}

/* Checkboxes / Radio Buttons */
.ciq-checkbox,
.ciq-radio,
.ciq-edit {
  display: inline-block;
  width: 27px;
  height: 27px;
  text-align: center;
  cursor: pointer;
}
.ciq-checkbox span,
.ciq-radio span,
.ciq-edit span {
  margin-top: 6px;
  display: inline-block;
  border: solid 1px #ccc;
  position: relative;
  width: 12px;
  height: 12px;
}
html:not([ciq-last-interaction='touch']) .ciq-checkbox:hover span,
html:not([ciq-last-interaction='touch']) .ciq-radio:hover span,
html:not([ciq-last-interaction='touch']) .ciq-edit:hover span {
  border: solid 1px #999;
}
.ciq-active .ciq-checkbox span:after,
.ciq-checkbox.ciq-active span:after,
.ciq-active .ciq-radio span:after,
.ciq-radio.ciq-active span:after,
.ciq-active .ciq-edit span:after,
.ciq-edit.ciq-active span:after {
  position: absolute;
  display: block;
  content: '';
}

.ciq-active .ciq-checkbox.ciq-active span:after {
  left: 1px;
  bottom: 1px;
  width: 12px;
  height: 12px;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -580px -31px;
}

.ciq-switch {
  appearance: none; /* necessary to apply this style to checkbox elements */
  position: relative;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.ciq-switch:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 3px;
  width: 22px;
  height: 12px;
  text-align: center;
  background-color: #999999;
  border: none;
  border-radius: 50px;
}
.ciq-switch:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 5px;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  transition-property: left;
  transition-duration: 200ms;
}
.ciq-active > .ciq-switch:before,
.ciq-switch:checked {
  background-color: #398dff;
}
.ciq-active:hover > .ciq-switch:before {
  background-color: #2a51d0;
}
.ciq-active > .ciq-switch:after,
.ciq-switch:checked:after {
  left: 15px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}

.ciq-radio span {
  border-radius: 50%;
}

.ciq-active .ciq-radio span:after,
.ciq-radio.ciq-active span:after {
  left: 3px;
  bottom: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #398dff;
}

.ciq-edit {
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
  background-position: -300px -25px;
  opacity: 0.5;
  transition: opacity 0.2s;
  z-index: 1;
}
html:not([ciq-last-interaction='touch']) .ciq-edit:hover {
  opacity: 1;
}
.ciq-display .ciq-edit,
.ciq-preferences .ciq-edit {
  position: absolute;
  right: 40px;
}

/* Loading */
cq-loader {
  display: none;
  position: absolute;
  height: 50px;
  width: 50px;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  background-image: url(/assets/loading-spin-50022ccd.svg);
  background-size: cover;
  z-index: 1;
}
cq-loader.stx-show {
  display: block;
}

.chartContainer {
  transition: opacity 250ms;
}
.chartContainer.ciq-loading-data {
  opacity: 0.3;
}

label.hide-text,
.hide-label > label {
  display: none;
}

/* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */
/* Basic Buttons */
.ciq-btn,
.ciq-btn-negative,
.annotationCancel,
.annotationSave {
  background: #fff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #398dff;
  display: inline-block;
  position: relative;
  line-height: 29px;
  height: 29px;
  padding: 0 10px;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s 0s, opacity 0.2s 0s;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
html:not([ciq-last-interaction='touch']) .ciq-btn:hover,
html:not([ciq-last-interaction='touch']) .ciq-btn-negative:hover,
html:not([ciq-last-interaction='touch']) .annotationCancel:hover,
html:not([ciq-last-interaction='touch']) .annotationSave:hover {
  color: #1076ff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ciq-btn:active,
.ciq-btn-negative:active,
.annotationCancel:active,
.annotationSave:active {
  border: none;
  color: #1076ff;
  transition: all 0s 0s;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.ciq-btn-negative {
  color: #ee5c5c;
}
html:not([ciq-last-interaction='touch']) .ciq-btn-negative:hover {
  color: #ea3737;
}

.annotationCancel,
.annotationSave {
  position: absolute;
}

.ciq-btn.fancy {
  /* Defaults */
  display: inline-block;
  overflow: hidden;
  position: relative;
  transform: translateZ(0px);
  vertical-align: middle;
  transition: all 0.2s ease-in 0s;
}
.ciq-btn.fancy:before {
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  transition: all 0.2s ease-in 0s;
}
.ciq-btn.fancy:focus:before,
.ciq-btn.fancy:active:before {
  transform: scale(2);
}

/* Icon Buttons */
.ciq-icon {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  /* hide text */
  font: 0/0 a, sans-serif;
  text-shadow: none;
  color: transparent;
}
.ciq-icon:after {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  content: '';
  opacity: 0.5;
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: opacity 0.2s;
}
html:not([ciq-last-interaction='touch']) .ciq-icon:hover:after,
.ciq-icon:active:after {
  opacity: 1;
}
.ciq-icon:active:after {
  /* Scale up when active */
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.ciq-icon.ciq-close:after {
  background-position: -250px -25px;
}
.ciq-icon.ciq-edit:after {
  background-position: -300px -25px;
}
.ciq-icon.ciq-delete:after {
  background-position: -400px -25px;
}

cq-clickable {
  display: inline-block;
  cursor: pointer;
  outline: none;
}

cq-selected,
cq-toolbar,
cq-menu,
cq-menu-dropdown,
cq-menu-dropdown-section,
cq-menu-container {
  display: block;
}

cq-scroll {
  display: block;
  position: relative;
  overflow-x: hidden;
}

cq-scroll .ps-scrollbar-y-rail,
cq-menu-dropdown .ps-scrollbar-y-rail {
  z-index: 1000000;
}

cq-close {
  position: absolute;
  top: 0px;
  right: 3px;
  margin: 0px;
}
cq-dialog cq-close {
  top: 3px;
}

cq-close.ciq-tight {
  top: 0px;
  right: 0px;
}

cq-close {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  font: 0/0 a, sans-serif;
  text-shadow: none;
  color: transparent;
  outline: none;
}

cq-close.ciq-tight {
  width: 20px;
  height: 20px;
}

cq-close:after {
  background-position: -250px -25px;
}

cq-close.ciq-tight:after {
  background-position: -252px -27px;
}

cq-close:after {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  content: '';
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
}

/* --------------------------------------------------------- COLOR PICKER --------------------------------------------------------- */
cq-swatch,
.ciq-color,
.stx-border-color {
  /* Swatch / Open Palette Button */
  position: relative;
  height: 19px;
  width: 19px;
  background-clip: content-box;
  cursor: pointer;
  background-color: #000;
}

cq-swatch {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
cq-swatch > * {
  font-size: 0;
  height: 0;
  visibility: hidden;
}

cq-color-picker {
  /* This is the actual color picker container */
  position: absolute;
  background: #fff;
  padding: 0 2px 2px 5px;
  border: 1px solid #ccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 5;
  display: none;
}
cq-color-picker[cq-active] {
  display: block;
}
cq-color-picker cq-overrides,
cq-color-picker [cq-overrides] {
  display: flex;
  justify-content: center;
  margin: 4px;
}
cq-color-picker cq-overrides div.ciq-btn,
cq-color-picker [cq-overrides] div.ciq-btn {
  margin-right: 5px;
}
cq-color-picker cq-colors:focus-visible,
cq-color-picker [cq-colorgrid]:focus-visible {
  outline: none;
}

cq-color-picker ul {
  /* The unordered list with all the swatches */
  margin: 5px 0 0 0;
  padding: 0;
  list-style-type: none;
  transform: scale(1);
  white-space: nowrap;
  outline: none;
}
cq-color-picker ul:after {
  /* Fix display in some browsers */
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
cq-color-picker ul li {
  /* List item containing each swatch */
  margin: 0 3px 0 0;
  display: inline-block;
  outline: none;
}
cq-color-picker ul li span {
  /* The swatches themselves */
  cursor: pointer;
  display: block;
  width: 13px;
  height: 13px;
  text-decoration: none;
  outline: 0;
  border: 1px solid transparent;
  transition: border 0.2s 0s;
}
html:not([ciq-last-interaction='touch']) cq-color-picker ul li span:hover,
cq-color-picker ul li span:active {
  border-color: #000;
}

.color-transparent {
  background: white;
  border: solid 1px black;
}
.color-transparent:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(
    to right bottom,
    white,
    white 45%,
    red 46%,
    red 54%,
    white 55%,
    white
  ) !important;
}
.ciq-night .color-transparent {
  border-color: white;
}

.color-auto {
  background: white;
  border: solid 1px black;
}
.color-auto:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(
    to right bottom,
    white,
    white 49%,
    black 50%,
    black
  ) !important;
}
.ciq-night .color-auto {
  border-color: white;
}

/* --------------------------------------------------------- Layout --------------------------------------------------------- */
/* MS Edge prevent native swipe actions */
cq-context {
  touch-action: none;
}

.ciq-nav,
cq-toolbar,
.ciq-chart-area,
.ciq-chart,
.stx-panel-side,
.ciq-footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Navigation Bar */
.ciq-nav {
  height: 45px;
  border-bottom: 1px solid #ddd;
}
cq-context:not(.break-sm) .ciq-nav {
  padding-left: 12px;
}

cq-toolbar {
  padding: 5px 10px;
  border-bottom: none;
  display: none;
  transition: height 0.2s 0s, padding 0.2s 0s;
}
.toolbar-on cq-toolbar {
  border-bottom: 1px solid #ddd;
  z-index: 2;
  display: block;
}

/* Chart Area Block */
.ciq-chart-area {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  top: 45px;
  background: #f8f8f8;
  z-index: 1;
}

/* Chart Block */
.ciq-chart {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.ciq-chart:first-of-type {
  background: #fff;
}

/* The Chart */
.chartContainer {
  background: #fff;
  color: #000;
  z-index: 1;
  flex-grow: 1;
}

.ciq-empty-message {
  position: absolute;
  left: 0;
  top: 48%;
  width: 100%;
  text-align: center;
  color: #999;
  opacity: 0.5;
  font-size: 16px;
  transition: 500ms;
}
.chartContainer:hover .ciq-empty-message {
  opacity: 1;
  font-size: 17px;
}

.break-lg .chartSize {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}

.break-lg .chartSize:hover {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.break-lg .stx_chart_controls .stx-tooltip {
  transform: translate(-50%, 0) scale(1);
}

cq-side-panel {
  position: absolute;
  width: 0px;
  right: 0;
  top: 45px;
  transition: width 0.2s 0s;
  overflow: hidden;
  z-index: 1;
}

/* Footer Bar */
.ciq-footer {
  position: absolute;
  height: 45px;
  bottom: 0px;
  width: 100%;
  padding: 0 15px;
  /*overflow:hidden;*/
  text-align: center;
  border-top: 1px solid #ddd;
}

.ciq-chart-area,
cq-side-panel {
  bottom: 45px;
}

/* ----------------------------------------------------- Symbol Search  -----------------------------------------------------*/
.symbol-search {
  display: block;
  margin-top: 7px;
  width: 40px;
  float: left;
}
.symbol-search span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 32px;
  height: 30px;
  margin-left: 5px;
  border: solid 1px transparent;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  opacity: 0.85;
  transition: opacity 0.2s 0s;
}

/* --------------------------------------------------------- Menus --------------------------------------------------------- */
cq-menu-dropdown {
  position: absolute;
  /*margin-top:5px;
  padding-bottom:6px;
  padding-top:10px;*/
  left: 0;
  background: #fff;
  color: #666;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  transition: opacity 0.2s 0s;
  z-index: 6;
  width: 200px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  text-align: start;
  /* cq-menu can be once removed from the menu button but no further. Anything further is a sub-menu */
}
.stxMenuActive > cq-menu-dropdown,
.stxMenuActive > * > cq-menu-dropdown {
  opacity: 1;
  height: auto;
  margin-top: 0px;
  padding-bottom: 9px;
  padding-top: 10px;
}
.break-sm .stxMenuActive > cq-menu-dropdown,
.break-sm .stxMenuActive > * > cq-menu-dropdown,
.break-md .stxMenuActive > cq-menu-dropdown,
.break-md .stxMenuActive > * > cq-menu-dropdown {
  margin-top: 3px;
}
cq-menu-dropdown[cq-lift] {
  width: auto;
}
cq-menu-dropdown.context-menu-right {
  left: 100%;
  margin-top: 0;
  padding: 0;
  width: auto;
}
cq-menu-dropdown cq-item {
  border-radius: 15px;
}

.ciq-dropdowns > cq-menu:nth-last-of-type(-n + 3) cq-menu-dropdown,
.break-sm .ciq-dropdowns > cq-menu:nth-last-of-type(-n + 4) cq-menu-dropdown,
.break-md .ciq-dropdowns > cq-menu:nth-last-of-type(-n + 4) cq-menu-dropdown {
  left: auto;
  right: 0;
}

.ciq-studies cq-menu-dropdown {
  width: 230px;
}

cq-separator {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid transparent;
  margin: 10px 0 10px 0;
  display: block;
}

cq-separator[cq-partial] {
  margin-left: 10%;
  width: 80%;
  border-top-style: dashed;
}

cq-menu.ciq-display .chart-aggregations cq-menu-container cq-separator {
  display: none;
}

cq-col {
  display: inline-block;
  vertical-align: top;
}

cq-item {
  position: relative;
  cursor: pointer;
  text-overflow: clip;
  white-space: nowrap;
}
cq-item cq-clickable {
  width: 100%;
  margin: 0 -20px;
  padding: 0 20px;
}

cq-item,
cq-heading,
cq-placeholder {
  margin: 0 8px;
  padding: 0 10px;
  clear: both;
  line-height: 28px;
  height: 28px;
  display: block;
}

cq-item {
  display: inherit;
}
[cq-lift] cq-item {
  overflow: hidden;
}

html:not([ciq-last-interaction='touch']) cq-item:hover,
html[ciq-last-interaction='touch'] cq-item:active,
[native-tabbing] cq-item:focus,
cq-item[cq-focused] {
  background: #efefef;
  color: #000;
}

cq-lookup-filters,
cq-menu-wrap {
  display: block;
}

cq-heading {
  /* Remove hover states for headings, dividers, and nested list parents/special content */
  background: transparent;
  cursor: default;
  white-space: normal;
  color: #398dff;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
}

cq-heading[cq-filter] {
  display: flex;
  line-height: 18px;
  white-space: nowrap;
}
cq-heading[cq-filter] .searchFilter {
  flex-grow: 1;
  margin: 0 4px;
  position: relative;
  cursor: auto;
  display: none;
}
cq-heading[cq-filter] .searchFilter input[type='search'] {
  border: none;
  border-bottom: solid 1px #aaa;
  border-radius: 0;
  margin: 0 24px 0 11px;
  padding: 0 2px;
  width: 90%;
  outline: none;
  font-weight: 300;
}
cq-heading[cq-filter] .searchFilter input[type='search']:focus {
  border-bottom-color: #398dff;
}
cq-heading[cq-filter] .searchFilter.active {
  display: initial;
}
cq-heading[cq-filter] + * cq-item {
  transition: max-height 250ms ease-out, opacity 100ms 300ms ease-out;
  max-height: 30px;
}
cq-heading[cq-filter] + * cq-item.item-hidden {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

cq-item .ciq-radio,
cq-item .ciq-checkbox,
cq-item .ciq-switch {
  /* Float checkboxes/radio buttons in menu items right */
  position: absolute;
  right: 10px;
}
div.stx-holder cq-item .ciq-radio,
div.stx-holder cq-item .ciq-checkbox,
div.stx-holder cq-item .ciq-switch {
  position: relative;
  right: auto;
  float: left;
  margin-left: 6px;
}
[cq-lift] cq-item .ciq-radio,
[cq-lift] cq-item .ciq-checkbox,
[cq-lift] cq-item .ciq-switch {
  float: right;
  position: relative;
  right: 0px;
  margin-left: 6px;
}

html:not([ciq-last-interaction='touch']) cq-item:hover .ciq-radio span,
cq-item:active .ciq-radio span,
html:not([ciq-last-interaction='touch']) cq-item:hover .ciq-checkbox span,
cq-item:active .ciq-checkbox span {
  /* Float checkboxes/radio buttons in menu items right */
  border: solid 1px #999;
}

/* User Injected Menu Content */
cq-section-dynamic {
  display: block;
}

cq-section-dynamic cq-item {
  /* border-top: 1px dotted $DEFAULT-border-medium; */
  width: calc(100% - 16px); /* take off 16px for the margin */
}

cq-section-dynamic cq-heading,
cq-section-dynamic > div {
  border-top: none;
  padding-top: 10px;
}

cq-section-dynamic .ciq-icon {
  /* Delete button placement for custom item */
  /*float: right;*/ /* Not working properly for firefox */
  margin: 1px -3px 0 0;
}

.ciq-display.ciq-display cq-clickable span[ciq-menu-icon] {
  margin-left: 6px;
  margin-right: 8px;
}

.ciq-menu-icon span[ciq-menu-icon] {
  background-image: url(/assets/stx-sprite-chart-types-16bea5e4.svg);
  background-repeat: no-repeat;
  background-size: 54px;
  background-position-x: 0;
  background-position-y: -761px;
  display: inline-block;
  width: 24px;
  height: 21px;
  margin-right: 2px;
  vertical-align: middle;
}
.ciq-night .ciq-menu-icon span[ciq-menu-icon] {
  background-position-x: -25px;
}
.ciq-menu-icon > div {
  display: inline-block;
}

.break-md [stxbind='Layout.chartType'] [ciq-menu-icon],
.break-sm [stxbind='Layout.chartType'] [ciq-menu-icon] {
  margin-top: 2px;
}

.ciq-menu-icon.ciq-menu-icon .ciq-icon-candle {
  background-position-y: 0px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-bar {
  background-position-y: -21px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-colored-bar {
  background-position-y: -42px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-line {
  background-position-y: -63px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-vertex-line {
  background-position-y: -273px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-colored-line {
  background-position-y: -399px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-step {
  background-position-y: -294px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-mountain {
  background-position-y: -105px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-baseline-delta {
  background-position-y: -549px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-hollow-candle {
  background-position-y: -84px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-volume-candle {
  background-position-y: -147px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-colored-hlc {
  background-position-y: -315px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-scatterplot {
  background-position-y: -336px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-histogram {
  background-position-y: -357px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-heikinashi {
  background-position-y: -168px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-kagi {
  background-position-y: -231px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-linebreak {
  background-position-y: -189px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-renko {
  background-position-y: -252px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-rangebars {
  background-position-y: -210px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-pandf {
  background-position-y: -378px;
}
.ciq-menu-icon.ciq-menu-icon .ciq-icon-generic {
  background-position-y: -761px;
}

cq-study-menu-manager {
  display: block;
}

/* --------------------------------------------------------- Navigation --------------------------------------------------------- */
/* Search Area */
cq-lookup {
  display: block;
  width: 100%;
  transition: width 200ms 0s;
  z-index: 2;
}
.stxMenuActive cq-lookup {
  width: 481px;
}
.break-sm .stxMenuActive cq-lookup,
.break-md .stxMenuActive cq-lookup {
  width: 300px;
}
.break-sm cq-lookup {
  width: 30px;
}
.break-md cq-lookup {
  width: 95px;
}

.ciq-search {
  width: 130px;
  height: 45px;
  padding: 7px 0 0 0;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ciq-search.stxMenuActive {
  z-index: 4;
}
.ciq-search cq-lookup-input input {
  height: 27px;
  border: none;
}
.break-sm .ciq-search {
  width: 40px;
  padding: 9px 5px 0 5px;
}
.break-md .ciq-search {
  width: 95px;
}

cq-lookup-input {
  position: relative;
  width: 100%;
}
html:not([ciq-last-interaction='touch']) cq-lookup-input:hover input {
  background: #fafafa;
}
.stxMenuActive cq-lookup-input input {
  background: #fcfcfc;
}
cq-lookup-input input:not([type]),
cq-lookup-input input[type='text'][name='symbol'] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  transition: background 0.6s 0s;
  padding-left: 30px;
  height: 2rem;
}
cq-lookup-input cq-lookup-icon {
  position: absolute;
  top: -7px;
}

cq-lookup-icon {
  position: absolute;
  height: 27px;
  width: 27px;
  left: 0;
  top: -7px;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -50px -25px;
  opacity: 0.6;
  transition: opacity 0.2s 0s;
}
.break-sm cq-lookup-icon {
  right: 0;
}

.ciq-lookup-icon,
.ciq-lookup-icon span.icon {
  background-position: -50px -25px;
}

.ciq-comparison-icon,
.ciq-comparison-icon span.icon {
  background-position: -934px -25px;
}

.ciq-lookup-icon cq-lookup span.icon {
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  width: 27px;
  height: 27px;
}

.stxMenuActive cq-lookup-icon {
  opacity: 1;
}

/* Menus/Panel Toggles */
.ciq-dropdowns,
.ciq-menu {
  display: inline-block;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ciq-menu-section {
  float: right;
  padding-right: 10px;
  position: absolute;
  right: 0;
}

.ciq-dropdowns,
.ciq-toggles {
  float: left;
}

.ciq-menu,
cq-toggle {
  float: left;
}

.ciq-menu,
cq-toggle {
  cursor: pointer;
}

.ciq-menu,
cq-toggle {
  position: relative;
}

/* Dropdowns */
.ciq-dropdowns {
  margin-right: 5px;
  margin-top: 3px;
}

.ciq-menu {
  color: #575757;
  padding: 0 8px;
  transition: color 0.2s 0s;
}
html:not([ciq-last-interaction='touch']) .ciq-menu:hover {
  color: #000;
}
.ciq-menu:active {
  color: #000;
}
.ciq-menu.stxMenuActive {
  color: #000;
  max-height: 41px;
}
.break-sm .ciq-nav .ciq-menu.stxMenuActive,
.break-md .ciq-nav .ciq-menu.stxMenuActive:not(.toggle-options) {
  border-bottom: solid 3px #398dff;
}

.icon-toggles > cq-toggle,
.icon-toggles cq-menu,
.ciq-toggles > cq-toggle,
.ciq-toggles cq-menu {
  margin-right: 3px;
}

.ciq-menu.toggle-options {
  padding: 0;
  margin-left: -7px;
  margin-top: 7px;
  line-height: 30px;
  border: 1px solid transparent;
}
.ciq-menu.toggle-options::after {
  right: 3px;
  top: 14px;
}
.break-sm .ciq-menu.toggle-options {
  display: none;
}
.ciq-menu.toggle-options .ciq-radio {
  pointer-events: none;
}

.break-sm .ciq-nav .ciq-menu,
.break-md .ciq-nav .ciq-menu:not(.toggle-options) {
  width: 35px;
  padding: 0;
  margin: 0 1px;
}
.break-sm .ciq-nav .ciq-menu span,
.break-md .ciq-nav .ciq-menu:not(.toggle-options) span {
  padding: 0;
}
.break-sm .ciq-nav .ciq-menu.ciq-period span,
.break-md .ciq-nav .ciq-menu:not(.toggle-options).ciq-period span {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.ciq-menu > span {
  padding: 0 12px 0 4px;
  position: relative;
  font-weight: 400;
}
.break-sm .ciq-nav .ciq-menu > span,
.break-md .ciq-nav .ciq-menu > span {
  padding: 0 6px;
}

.ciq-menu:after,
.ciq-select:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 19px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: solid thin #959595;
  border-bottom: solid thin #959595;
  -webkit-transform: rotate(45deg) scale(1); /* Saf3.1+, Chrome */
  -moz-transform: rotate(45deg) scale(1); /* FF3.5+ */
  -ms-transform: rotate(45deg) scale(1); /* IE9 */
  -o-transform: rotate(45deg) scale(1); /* Opera 10.5 */
  transform: rotate(45deg) scale(1);
}

cq-toolbar .ciq-select:after {
  display: none;
}

.ciq-select:after {
  top: 0.75em;
}

.break-sm .ciq-menu:after,
.break-md .ciq-menu:not(.toggle-options):after {
  display: none;
}

/* Panel Toggles */
.sidenav-toggle {
  display: none;
}
.break-sm .sidenav-toggle {
  display: inherit;
}

/* Align button with sidenav */
.sidenav-toggle.ciq-toggles {
  padding: 0 0 0 0;
}

.ciq-toggles {
  position: relative;
  padding: 0 0 0 3px;
}
.ciq-toggles:not(.sidenav-toggle):after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 0px;
  width: 1px;
  background: #ddd;
}
.ciq-toggles:empty {
  padding: 0;
}

.break-sm cq-toggle.ciq-sidenav {
  display: block;
}

cq-toggle.ciq-draw,
cq-toggle.ciq-CH,
cq-toggle.ciq-HU {
  display: block;
}
.sidenav cq-toggle.ciq-DT {
  display: none;
}
.sidenav.active cq-toggle.ciq-DT {
  display: block;
}
.break-sm cq-toggle.ciq-sidenav span {
  display: block;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
}
.break-lg cq-toggle {
  display: block;
}
cq-toggle > *:not(cq-text, cq-clickable, cq-help),
cq-toggle > cq-clickable *:not(cq-text) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 27px;
  height: 30px;
  border: solid 1px transparent;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  opacity: 0.85;
  transition: opacity 0.2s 0s;
}
html:not([ciq-last-interaction='touch']) cq-toggle:hover:after {
  margin-top: 5px;
}

cq-toggle.active,
cq-clickable[role='button'].active {
  border-bottom: solid 3px #398dff;
  color: #000;
}

cq-toggle,
cq-clickable,
div[cq-toolbar-action],
[cq-tooltip-activator],
cq-undo-section .ciq-icon-btn,
cq-drawing-settings .ciq-icon-btn {
  position: relative;
}
cq-toggle cq-tooltip,
cq-clickable cq-tooltip,
div[cq-toolbar-action] cq-tooltip,
[cq-tooltip-activator] cq-tooltip,
cq-undo-section .ciq-icon-btn cq-tooltip,
cq-drawing-settings .ciq-icon-btn cq-tooltip {
  bottom: auto;
  top: 75%;
  position: absolute;
  display: block;
  background: #398dff;
  transition: opacity 0s 0s, margin 0.5s 0s;
  opacity: 0;
  z-index: 4;
  width: auto;
  min-width: 44px;
  height: auto;
  line-height: normal;
  left: -8px;
  text-align: center;
  font-weight: 400;
  font-size: 10px;
  color: #f8f8f8;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  pointer-events: none;
  padding: 3px;
}
html:not([ciq-last-interaction='touch']) cq-toggle:hover cq-tooltip,
html:not([ciq-last-interaction='touch']) cq-clickable:hover cq-tooltip,
html:not([ciq-last-interaction='touch'])
  div[cq-toolbar-action]:hover
  cq-tooltip,
html:not([ciq-last-interaction='touch'])
  [cq-tooltip-activator]:hover
  cq-tooltip,
html:not([ciq-last-interaction='touch'])
  cq-undo-section
  .ciq-icon-btn:hover
  cq-tooltip,
html:not([ciq-last-interaction='touch'])
  cq-drawing-settings
  .ciq-icon-btn:hover
  cq-tooltip {
  opacity: 1;
  transition: opacity 0.1s 0.1s, top 0.5s 0.1s;
  top: calc(100% + 5px);
  border: solid 1px #e4e4e4;
}

.ciq-display cq-tooltip {
  white-space: nowrap;
  line-height: normal;
  margin-top: -4px;
}

/* toggles in the nav bar need some space */
.ciq-nav {
  /* navigation button hover states */
}
.ciq-nav cq-toggle,
.ciq-nav cq-clickable cq-help {
  margin-top: 7px;
}
.ciq-nav cq-toggle {
  width: 40px;
  padding-bottom: 3px;
}
.ciq-nav cq-toggle > *:not(cq-text, cq-clickable, .ciq-screen-reader),
.ciq-nav cq-toggle > cq-clickable > *:not(cq-text) {
  margin: 0 7px;
}
.ciq-nav cq-toggle:after {
  top: 37px;
}
.ciq-nav .symbol-search:not([comparison]) cq-tooltip {
  left: 0;
}
.ciq-nav cq-toggle::before,
.ciq-nav cq-clickable::before,
.ciq-nav cq-info-toggle-dropdown .ciq-menu.toggle-options > span::after,
.ciq-nav cq-menu.ciq-menu::before {
  content: '';
  position: absolute;
  display: block;
  width: 36px;
  height: 36px;
  margin: -4px 2px;
  border-radius: 32px;
  background: #e4e4e4;
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
html:not([ciq-last-interaction='touch']) .ciq-nav cq-toggle:hover::before,
html:not([ciq-last-interaction='touch']) .ciq-nav cq-clickable:hover::before,
html:not([ciq-last-interaction='touch'])
  .ciq-nav
  cq-info-toggle-dropdown
  .ciq-menu.toggle-options:hover
  span::after,
html:not([ciq-last-interaction='touch']) .ciq-nav cq-menu:hover::before {
  opacity: 1;
}
.ciq-nav cq-info-toggle-dropdown .ciq-menu.toggle-options:before {
  content: none;
}
.ciq-nav cq-info-toggle-dropdown .ciq-menu.toggle-options > span {
  display: inline-block;
  height: 20px;
}
.ciq-nav cq-info-toggle-dropdown .ciq-menu.toggle-options > span::after {
  width: 16px;
  height: 16px;
  top: 14px;
  left: 0;
  border-radius: 16px;
}
.ciq-nav cq-menu.ciq-menu:before {
  top: 6px;
  left: -1px;
  width: 100%;
  height: 36px;
  border-radius: 36px;
}
.ciq-nav cq-menu.ciq-menu:not(.toggle-options):after {
  right: 7px;
}
.ciq-nav cq-menu cq-clickable::before {
  content: none;
}

.break-sm .ciq-menu.collapse > span,
.break-md .ciq-menu.collapse:not(.toggle-options) > span {
  display: block;
  width: 27px;
  height: 32px;
  margin: 6px auto 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px transparent;
  font: 0/0 a, sans-serif; /* hide text */
  text-shadow: none;
  color: transparent;
}

.break-sm
  html:not([ciq-last-interaction='touch'])
  .ciq-menu.collapse:hover
  > span,
.break-md
  html:not([ciq-last-interaction='touch'])
  .ciq-menu.collapse:hover:not(.toggle-options)
  > span {
  border: solid 1px #e4e4e4;
}

.break-sm .ciq-menu.collapse > span:after,
.break-sm .ciq-menu.collapse .menu-clickable span.icon:not([ciq-menu-icon]),
.break-md .ciq-menu.collapse:not(.toggle-options) > span:after,
.break-md
  .ciq-menu.collapse:not(.toggle-options)
  .menu-clickable
  span.icon:not([ciq-menu-icon]),
.break-sm cq-menu[icon] > span:after,
.break-sm cq-menu[icon] .menu-clickable span.icon:not([ciq-menu-icon]),
.break-md cq-menu[icon]:not(.toggle-options) > span:after,
.break-md
  cq-menu[icon]:not(.toggle-options)
  .menu-clickable
  span.icon:not([ciq-menu-icon]) {
  content: '';
  display: block;
  width: 27px;
  height: 27px;
  position: static;
  border-right: none;
  border-bottom: none;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
}
.break-sm .ciq-menu.collapse > span:after,
.break-md .ciq-menu.collapse:not(.toggle-options) > span:after,
.break-sm cq-menu[icon] > span:after,
.break-md cq-menu[icon]:not(.toggle-options) > span:after {
  opacity: 0.85;
  transition: opacity 0.2s 0s;
}
.break-sm .ciq-menu.collapse span.icon,
.break-md .ciq-menu.collapse:not(.toggle-options) span.icon,
.break-sm cq-menu[icon] span.icon,
.break-md cq-menu[icon]:not(.toggle-options) span.icon {
  opacity: 1;
}

cq-menu[icon] [ciq-menu-icon] [cq-tooltip] {
  top: 27px;
}
html:not([ciq-last-interaction='touch'])
  cq-menu[icon]:not(.stxMenuActive):hover
  [ciq-menu-icon]
  [cq-tooltip] {
  top: 36px;
}
.break-sm cq-menu[icon]:not([responsive]),
.break-md cq-menu[icon]:not([responsive]) {
  width: 35px;
}
.break-sm
  cq-menu[icon]:not([responsive])
  .menu-clickable:not(.responsive)
  span.icon,
.break-md
  cq-menu[icon]:not([responsive])
  .menu-clickable:not(.responsive)
  span.icon {
  width: 29px;
  position: relative;
  left: 7px;
}
.break-sm
  cq-menu[icon]:not([responsive])
  .menu-clickable:not(.responsive)
  span.icon[ciq-menu-icon],
.break-md
  cq-menu[icon]:not([responsive])
  .menu-clickable:not(.responsive)
  span.icon[ciq-menu-icon] {
  left: 3px;
}

html:not([ciq-last-interaction='touch'])
  .break-sm
  .ciq-menu.collapse:hover
  > span:after,
.break-sm .ciq-menu.collapse.stxMenuActive > span:after,
.break-sm .ciq-menu.collapse:active > span:after {
  opacity: 1;
}

.stx-watch span {
  background-position: -150px -25px;
}

.stx-trade span {
  background-position: -200px -25px;
}

.ciq-draw span {
  background-position: -250px -25px;
}

.ciq-HU span {
  background-position: -400px -25px;
}

.ciq-CH span {
  background-position: -443px -25px;
}

.ciq-DT span {
  background-position: -848px -25px;
}

.ciq-sidenav span {
  background-position: -815px -25px;
}

/* Collapsed Buttons */
.break-sm .ciq-menu.collapse > span {
  padding: 0;
}

.break-sm .ciq-menu.ciq-views > span:after,
.break-sm cq-menu.ciq-views .menu-clickable span.icon,
.break-md .ciq-menu.ciq-views > span:after,
.break-md cq-menu.ciq-views .menu-clickable span.icon {
  background-position: -481px -25px;
}

.break-sm .ciq-menu.ciq-studies > span:after,
.break-sm cq-menu.ciq-studies .menu-clickable span.icon,
.break-md .ciq-menu.ciq-studies > span:after,
.break-md cq-menu.ciq-studies .menu-clickable span.icon {
  background-position: -300px -25px;
}

.break-sm .ciq-menu.ciq-display > span:after,
.break-sm cq-menu.ciq-display .menu-clickable span.icon:not([ciq-menu-icon]),
.break-md .ciq-menu.ciq-display > span:after,
.break-md cq-menu.ciq-display .menu-clickable span.icon:not([ciq-menu-icon]) {
  background-position: -350px -25px;
}
.break-sm .ciq-menu.ciq-display > span[cq-toolbar-action]:after,
.break-md .ciq-menu.ciq-display > span[cq-toolbar-action]:after {
  display: none;
}

.break-sm .ciq-menu.stx-markers > span:after,
.break-sm cq-menu.ciq-markers .menu-clickable span.icon,
.break-md .ciq-menu.stx-markers > span:after,
.break-md cq-menu.ciq-markers .menu-clickable span.icon {
  background-position: -100px -25px;
}

cq-menu.ciq-display .menu-clickable span.icon {
  margin: 0;
}

.ciq-menu.ciq-preferences > span,
cq-menu.ciq-preferences .menu-clickable span.icon {
  display: block;
  margin-top: 6px;
  margin-left: -10px;
  padding-left: 0;
  width: 24px;
  height: 30px;
  background-position: -295px -25px;
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg) !important;
  opacity: 0.85;
}

cq-menu.ciq-preferences .menu-clickable span.icon {
  opacity: 1;
  width: 27px;
}

.break-sm .ciq-menu.ciq-preferences > span,
.break-md .ciq-menu.ciq-preferences > span {
  background-position: -300px;
}

.ciq-search cq-menu-dropdown > ul {
  /* Remove Vertical Padding */
  padding: 0;
}

cq-lookup-results {
  display: block;
  text-align: left;
  background-color: #fff;
  color: #666;
  opacity: 0;
  transition: opacity 0.2s 0.5s;
  overflow: hidden;
  height: 0px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.stxMenuActive cq-lookup-results {
  opacity: 1;
  height: auto;
}

cq-lookup-filters {
  /* Results Filter Row */
  margin-top: 0.5rem;
  text-align: center;
  min-height: 45px;
  padding: 0;
  border-bottom: solid thin #ddd;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

cq-lookup-filters > .ciq-filter,
cq-lookup-filters cq-filter {
  /* Filter Options */
  margin: 0 10px;
  padding: 0 5px;
  display: inline-block;
  line-height: 45px;
  height: 42px;
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
  cursor: pointer;
  transition: color 0.2s 0s;
}
cq-lookup-filters > .ciq-filter.true,
html:not([ciq-last-interaction='touch'])
  cq-lookup-filters
  > .ciq-filter.true:hover,
cq-lookup-filters > .ciq-filter.true:active,
cq-lookup-filters cq-filter.true,
html:not([ciq-last-interaction='touch']) cq-lookup-filters cq-filter.true:hover,
cq-lookup-filters cq-filter.true:active {
  /* Selected Filter Options */
  border-bottom: 3px solid #398dff;
  color: #398dff;
}
html:not([ciq-last-interaction='touch']) cq-lookup-filters > .ciq-filter:hover,
cq-lookup-filters > .ciq-filter:active,
html:not([ciq-last-interaction='touch']) cq-lookup-filters cq-filter:hover,
cq-lookup-filters cq-filter:active {
  color: #666;
}

button.ciq-filter {
  background: inherit;
  border: none;
  flex: 2 1 1rem;
}

.break-sm cq-lookup-filters,
.break-md cq-lookup-filters {
  height: 90px;
}

cq-lookup cq-menu-dropdown {
  /* Search Results Panel */
  position: relative;
  padding: 0px;
  transition: opacity 0.2s 0.5s;
}
.break-md cq-lookup cq-menu-dropdown,
.break-lg cq-lookup cq-menu-dropdown {
  width: auto;
}
.break-md cq-lookup cq-menu-dropdown {
  left: 0px;
  top: 45px;
  right: 0px;
  bottom: auto;
}
.break-sm cq-lookup cq-menu-dropdown {
  left: 0px;
  top: 10px;
  right: 0px;
  bottom: auto;
}

cq-lookup cq-scroll {
  /* Div Containing UL Containing Results */
  padding: 0;
}
.break-sm cq-lookup cq-scroll,
.break-md cq-lookup cq-scroll {
  padding-bottom: 5px;
}

.ciq-lookup-results .cq-iscroller,
cq-lookup-results .cq-iscroller {
  display: table;
  width: 100%;
}
.ciq-lookup-results cq-scroll:first-child,
cq-lookup-results cq-scroll:first-child {
  display: table;
  width: 100%;
}
.ciq-lookup-results cq-item,
cq-lookup-results cq-item {
  height: auto;
  display: table-row;
  cursor: pointer;
  white-space: normal;
}
.ciq-lookup-results cq-item span,
cq-lookup-results cq-item span {
  /* Results Row Content */
  line-height: 1.5em;
  display: table-cell;
  margin: 0px;
  padding: 0.5em 0;
}
.ciq-lookup-results cq-item span:nth-of-type(1),
cq-lookup-results cq-item span:nth-of-type(1) {
  /* Search results Symbol */
  color: #333333;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 20px;
  /*white-space: nowrap;*/
}
.ciq-lookup-results cq-item span:nth-of-type(2),
cq-lookup-results cq-item span:nth-of-type(2) {
  /* Search results Company */
  padding: 0 3px;
  width: 100%;
}
.ciq-lookup-results cq-item span:nth-of-type(3),
cq-lookup-results cq-item span:nth-of-type(3) {
  /* Search results exchange */
  color: #333333;
  font-size: 10px;
  min-width: 40px;
  text-align: right;
  padding: 0 3px;
  white-space: nowrap;
  padding-right: 20px;
}

/* Period Menu */
body .ciq-period cq-menu-dropdown {
  width: 100px;
}

/* Views Menu */
cq-views {
  display: block;
  overflow: hidden;
  padding: 0;
  width: 200px;
}
cq-views cq-views-content,
cq-views cq-view-save {
  display: inherit;
}
cq-views cq-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
cq-views cq-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
  vertical-align: text-bottom;
}
cq-views cq-label i {
  margin-left: 85px;
  margin-top: -2px;
  font-size: 13px;
}
.break-sm cq-views {
  width: inherit;
}

/* Themes in Display Menu */
cq-themes {
  display: block;
}
cq-themes cq-themes-builtin,
cq-themes cq-themes-custom,
cq-themes cq-theme-custom {
  display: inherit;
}
cq-themes cq-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
  vertical-align: text-bottom;
}

/* Panel Legends */
.stx-panel-legend .stx-panel-control .stx-panel-title,
.stx-panel-legend .stx-panel-control .stx-ico-edit {
  display: none;
}

.stx-panel-legend .stx-panel-control.stx-show:not(.stx-chart-panel) {
  display: contents;
}

.stx-panel-legend .stx-panel-control .stx-panel-legend {
  width: 256px;
}

.sharing .stx-panel-legend .stx-panel-control .stx-panel-legend,
.sharing
  .stx-panel-legend
  .stx-panel-control
  cq-study-legend[cq-hovershow]
  > cq-item
  > cq-label,
.sharing.stx-panel-legend .stx-panel-control .stx-panel-legend,
.sharing.stx-panel-legend
  .stx-panel-control
  cq-study-legend[cq-hovershow]
  > cq-item
  > cq-label {
  width: auto;
}
.sharing
  .stx-panel-legend
  .stx-panel-control
  cq-study-legend[cq-hovershow]
  > cq-item,
.sharing.stx-panel-legend
  .stx-panel-control
  cq-study-legend[cq-hovershow]
  > cq-item {
  opacity: 1;
  transition: none;
}
.sharing .stx-panel-legend .stx-panel-control.stx-show:not(.stx-chart-panel),
.sharing.stx-panel-legend .stx-panel-control.stx-show:not(.stx-chart-panel) {
  display: block;
}

.stx-panel-legend .stx-panel-is-min-height .stx-panel-legend {
  display: none;
}

cq-studies {
  display: block;
}

cq-study-legend {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 0;
}
.stx-holder cq-study-legend {
  background-color: rgba(255, 255, 255, 0.8392156863);
  clear: left;
  border-radius: 6px;
}
cq-study-legend cq-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.stx-holder cq-study-legend cq-item {
  margin-left: 0;
  margin-right: 0;
}
cq-study-legend cq-comparison .ciq-close {
  margin-top: 2px;
  margin-left: 2px;
}
cq-study-legend cq-comparison-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 58px;
  float: left;
  margin-left: 0;
}
cq-study-legend cq-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 145px;
  float: left;
}
.stx-holder cq-study-legend cq-label {
  width: 118px;
}
.break-sm cq-study-legend {
  width: inherit;
}
cq-menu.ciq-studies cq-study-legend {
  margin: -10px 0 10px;
}
.sharing cq-study-legend {
  height: auto !important;
  width: inherit;
}
.sharing cq-study-legend cq-comparison-price {
  display: none;
}
cq-study-legend .ciq-legend-color {
  width: 12px;
  height: 12px;
  position: relative;
  float: left;
  vertical-align: top;
  margin-top: 8px;
  margin-right: 4px;
  margin-left: 6px;
  display: flex;
}
cq-study-legend .ciq-legend-color > span {
  flex-grow: 1;
  height: 100%;
}

cq-study-legend cq-label.click-to-edit {
  width: 140px;
}

cq-study-legend cq-section-dynamic {
  /* Current studies container - height is set based on the height of the current studies content */
  border-top: 1px solid #ccc;
  background: #f3f3f3;
  padding-bottom: 20px;
  /* Add space above clear button  */
}
cq-study-legend cq-section-dynamic cq-heading {
  /* Color heading for current studies to make stand out  */
  color: #398dff;
}
cq-study-legend cq-section-dynamic .ciq-btn {
  margin-top: 10px;
}
html:not([ciq-last-interaction='touch'])
  cq-context:not(.ciq-night)
  cq-study-legend
  cq-section-dynamic
  cq-item:hover {
  background-color: #e6e6e6;
}

/* Code below is for study names beneath the comparison element */
/*
  html[ciq-last-interaction='touch'] is commented out to allow for drilling down on a cq-hovershow legend by clicking
  on its header.  This can be disabled by uncommenting them.
*/
cq-study-legend[cq-hovershow] {
  height: 24px;
  color: black;
  margin: 0 0 5px 10px;
  z-index: 2;
  min-width: 120px;
  max-width: 120px;
  /*html[ciq-last-interaction='touch']*/
}
cq-study-legend-fixed-wrapper cq-study-legend[cq-hovershow] {
  margin-top: 3px;
  background-color: none;
}
html:not([ciq-last-interaction='touch'])
  cq-study-legend-fixed-wrapper
  cq-study-legend[cq-hovershow] {
  max-width: 256px;
}
.ciq-day
  html:not([ciq-last-interaction='touch'])
  cq-study-legend-fixed-wrapper
  cq-study-legend[cq-hovershow] {
  background-color: rgba(243, 243, 243, 0.8);
}
.ciq-night
  html:not([ciq-last-interaction='touch'])
  cq-study-legend-fixed-wrapper
  cq-study-legend[cq-hovershow] {
  background-color: rgba(28, 42, 53, 0.7);
}
.break-sm cq-study-legend[cq-hovershow] {
  display: none;
}
html:not([ciq-last-interaction='touch'])
  cq-study-legend[cq-hovershow]
  > cq-item:hover,
html:not([ciq-last-interaction='touch'])
  cq-study-legend[cq-hovershow]
  cq-comparison-item:hover {
  background-color: #fafafa;
  border-radius: 1px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
cq-study-legend[cq-hovershow].ciq-active > cq-item,
cq-study-legend[cq-hovershow].ciq-active cq-comparison-item,
cq-study-legend[cq-hovershow].ciq-active .ciq-edit:active,
cq-study-legend[cq-hovershow].ciq-active .ciq-icon.ciq-close:active {
  opacity: 1;
}
cq-study-legend[cq-hovershow] > cq-item {
  padding-left: 15px;
}
cq-study-legend[cq-hovershow] cq-comparison-item > cq-comparison-label {
  font-weight: normal;
}
cq-study-legend[cq-hovershow] > cq-item > cq-label {
  font-weight: normal;
}
cq-study-legend[cq-hovershow] cq-comparison,
cq-study-legend[cq-hovershow] .ciq-comparison {
  margin: 0;
  padding: 0;
  width: initial;
}
cq-study-legend[cq-hovershow] cq-comparison > *,
cq-study-legend[cq-hovershow] .ciq-comparison > * {
  margin-left: 0;
}
cq-study-legend[cq-hovershow] cq-comparison-item .ciq-close {
  opacity: 0.5;
}
cq-study-legend[cq-hovershow] cq-item,
cq-study-legend[cq-hovershow] cq-comparison-item {
  opacity: 0;
  transition: opacity 0.2s 0.5s, background-color 0.25s ease-in-out;
}
html:not([ciq-last-interaction='touch']) cq-study-legend[cq-hovershow] cq-item,
html:not([ciq-last-interaction='touch'])
  cq-study-legend[cq-hovershow]
  cq-comparison-item {
  opacity: 1;
}
cq-study-legend[cq-hovershow] > cq-marker-label:after {
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}
cq-study-legend[cq-hovershow]:not(.ciq-active) > :not(cq-marker-label) {
  width: 80px;
}
.sharing
  cq-study-legend[cq-hovershow]:not(.ciq-active)
  > :not(cq-marker-label) {
  width: auto;
}
html:not([ciq-last-interaction='touch'])
  cq-study-legend[cq-hovershow]:hover
  > :not(cq-marker-label),
cq-study-legend[cq-hovershow].ciq-active > :not(cq-marker-label) {
  width: 224px;
}
html:not([ciq-last-interaction='touch'])
  cq-study-legend[cq-hovershow]:hover
  > cq-marker-label:after,
cq-study-legend[cq-hovershow].ciq-active > cq-marker-label:after {
  transform: rotate(90deg);
}
html:not([ciq-last-interaction='touch']) cq-study-legend[cq-hovershow]:hover,
cq-study-legend[cq-hovershow].ciq-active,
.sharing cq-study-legend[cq-hovershow] {
  height: auto;
  max-width: 226px;
}
html:not([ciq-last-interaction='touch'])
  .stx-holder:hover
  cq-study-legend[cq-hovershow] {
  width: 224px;
}

cq-study-legend-fixed-wrapper {
  display: block;
  position: absolute;
}
.sharing cq-study-legend-fixed-wrapper {
  position: inherit;
}

cq-study-legend cq-marker-label {
  padding: 6px 0 8px;
  margin-right: 10px;
}
.stx-panel-chart cq-study-legend cq-marker-label {
  display: inline-block;
}
cq-study-legend cq-item .ciq-icon.ciq-close {
  margin-top: 2px;
  margin-left: -2px;
}
.stx-holder cq-study-legend cq-item .ciq-icon.ciq-close {
  float: left;
}

cq-study-legend-content,
cq-studies-content {
  display: inherit;
}

cq-marker-label:after {
  content: '';
  display: inline-block;
  height: 12px;
  width: 12px;
  float: left;
  margin-left: 6px;
  margin-right: 4px;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -731px -31px;
}

cq-marker-label {
  cursor: pointer;
  margin-right: 40px;
  display: inline-block;
}

/* --------------------------------------------------------- TOOLBAR --------------------------------------------------------- */
/* Drawing Tools */
cq-annotation,
cq-axis-label,
cq-show-callout,
cq-line-style,
cq-line-color,
cq-cvp-controller,
cq-wave-parameters,
cq-fill-color,
cq-span-panels,
cq-clickable[cq-fib-settings],
cq-clickable[cq-volumeprofile-settings],
cq-clickable[cq-measurementline-settings] {
  display: none;
}
cq-annotation.ciq-active,
cq-axis-label.ciq-active,
cq-show-callout.ciq-active,
cq-line-style.ciq-active,
cq-line-color.ciq-active,
cq-cvp-controller.ciq-active,
cq-wave-parameters.ciq-active,
cq-fill-color.ciq-active,
cq-span-panels.ciq-active,
cq-clickable[cq-fib-settings].ciq-active,
cq-clickable[cq-volumeprofile-settings].ciq-active,
cq-clickable[cq-measurementline-settings].ciq-active {
  display: block;
}

.toolbar-on cq-toolbar[cq-drawing-edit] {
  height: auto;
  padding-bottom: 5px;
  width: 100%;
}
.toolbar-on cq-toolbar[cq-drawing-edit]:after {
  content: ' ';
  display: block;
  clear: both;
}
.toolbar-on cq-toolbar[cq-drawing-edit] cq-menu.ciq-drawing-tools {
  clear: left;
}

cq-toolbar-settings *[cq-section] {
  float: left;
}

cq-toolbar-settings br[cq-section] {
  clear: both;
}

cq-annotation .ciq-btn,
cq-toolbar .ciq-select {
  /* Make sure elements don't wrap and space */
  float: left;
  margin-left: 6px;
}

cq-toolbar .ciq-color {
  /* No space before colors */
  margin-top: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

cq-toolbar .ciq-heading {
  /* Background and line color headings */
  float: left;
  line-height: 27px;
  font-size: 11px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  color: #999999;
}

cq-toolbar .ciq-select {
  /* Menu Triggers in toolbar */
}
html:not([ciq-last-interaction='touch']) cq-toolbar .ciq-select:hover,
cq-toolbar .ciq-select:active,
cq-toolbar .ciq-select.stxMenuActive {
  color: #000;
}

cq-toolbar .ciq-select:not(:hover):not(:active):not(.stxMenuActive) {
  /* Remove borders from "select" Menus in annotation section */
  border-color: transparent;
}

cq-toolbar cq-menu-dropdown {
  /* Narrower Menus in toolbar */
  width: 180px;
}

cq-undo-section {
  float: left;
}

cq-undo,
cq-redo {
  opacity: 0.45;
}

cq-undo[cq-active],
cq-redo[cq-active] {
  opacity: 1;
}

cq-toolbar:not([cq-drawing-edit='none']) .ciq-drawing-edit-hidden,
cq-toolbar[cq-drawing-edit='none'] .ciq-drawing-edit-only {
  display: none;
}

cq-annotation .ciq-btn {
  /* Menu Triggers in toolbar */
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  color: #4d4d4d;
  border: solid 1px transparent;
  background: none;
}
html:not([ciq-last-interaction='touch']) cq-annotation .ciq-btn:hover {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  color: #000;
  background-color: #fff;
}
cq-annotation .ciq-btn.ciq-active,
cq-annotation .ciq-btn.ciq-active:active {
  color: #000;
  border: solid 1px #398dff;
}

cq-toolbar .ciq-checkbox {
  margin: 0 0 0 5px;
}

cq-toolbar-settings > * {
  /* Line and background color modules */
  float: left;
  margin: 0 0 0 10px;
}

cq-cvp-controller {
  padding-left: 5px;
}
cq-cvp-controller .ciq-checkbox {
  margin: 0;
}

cq-menu-dropdown.ciq-line-style-menu cq-item {
  padding-top: 0;
  padding-bottom: 0;
}

cq-menu-dropdown.ciq-line-style-menu cq-item.ciq-none {
  /* Center "none" option */
  text-align: center;
}

.ciq-line-style-option,
span.ciq-line {
  /* Formatting for line styles */
  display: block;
  width: auto;
  height: 0px;
  padding: 0px;
  border-top-color: #666;
  border-radius: 0;
}

/*Centers the span inside of its parent so the hover effect looks good*/
.ciq-line-style-option {
  top: 50%;
  position: relative;
}

cq-study-output .ciq-line-style ul {
  width: 80px;
  margin-left: -10px;
}

/* Line style types */
.ciq-solid-1 {
  border-top-style: solid;
  border-top-width: 1px;
}

.ciq-solid-3 {
  border-top-style: solid;
  border-top-width: 3px;
}

.ciq-solid-5 {
  border-top-style: solid;
  border-top-width: 5px;
}

.ciq-dotted-1 {
  border-top-style: dotted;
  border-top-width: 1px;
}

.ciq-dotted-3 {
  border-top-style: dotted;
  border-top-width: 3px;
}

.ciq-dotted-5 {
  border-top-style: dotted;
  border-top-width: 5px;
}

.ciq-dashed-1 {
  border-top-style: dashed;
  border-top-width: 1px;
}

.ciq-dashed-3 {
  border-top-style: dashed;
  border-top-width: 3px;
}

.ciq-dashed-5 {
  border-top-style: dashed;
  border-top-width: 5px;
}

cq-dropdown[config='studyLinestyle'] li > div {
  width: 50px;
}

span.ciq-line.ciq-selected {
  /* Formatting for selected line */
  margin: 13px 0 0 0;
  width: 30px;
}

cq-dropdown[config='studyLinestyle'] .menu-clickable [label],
cq-menu.ciq-line-style .menu-clickable [label],
cq-menu.ciq-cvp-line-style .menu-clickable [label] {
  display: none;
}
cq-dropdown[config='studyLinestyle'] .menu-clickable .icon,
cq-menu.ciq-line-style .menu-clickable .icon,
cq-menu.ciq-cvp-line-style .menu-clickable .icon {
  /* Formatting for selected line */
  margin: 13px 0 0 0;
  width: 30px;
}
cq-dropdown[config='studyLinestyle'] ul.content li.item div,
cq-menu.ciq-line-style ul.content li.item div,
cq-menu.ciq-cvp-line-style ul.content li.item div {
  height: 28px;
  overflow: hidden;
}
cq-dropdown[config='studyLinestyle'] ul.content li.item div span[label],
cq-menu.ciq-line-style ul.content li.item div span[label],
cq-menu.ciq-cvp-line-style ul.content li.item div span[label] {
  opacity: 0;
}
cq-dropdown[config='studyLinestyle'] ul.content li.item div .ciq-none,
cq-menu.ciq-line-style ul.content li.item div .ciq-none,
cq-menu.ciq-cvp-line-style ul.content li.item div .ciq-none {
  display: inline-block;
  width: 100%;
  text-align: center;
}
cq-dropdown[config='studyLinestyle'] ul.content li.item div .ciq-none:before,
cq-menu.ciq-line-style ul.content li.item div .ciq-none:before,
cq-menu.ciq-cvp-line-style ul.content li.item div .ciq-none:before {
  content: 'None';
}

/*  Annotation Formatting */
cq-annotation .ciq-btn {
  /* Make formatting buttons square */
  padding: 0;
  width: 27px;
}

cq-annotation .ciq-btn:first-child {
  margin-left: 0;
} /* Fix aligment by removing left margin from first button */
cq-menu-dropdown.ciq-font-size {
  width: 65px;
  text-align: center;
}
.break-sm cq-menu-dropdown.ciq-font-size {
  width: auto;
}

cq-menu-dropdown.ciq-font-family {
  width: 144px;
}
.break-sm cq-menu-dropdown.ciq-font-family {
  width: auto;
}

/* Wave Parameters formatting */
br[cq-wave-parameters]:not(.ciq-active) {
  display: none;
}

cq-wave-parameters {
  margin: 0;
}
cq-wave-parameters [cq-section] {
  margin-right: 6px;
}
cq-wave-parameters .ciq-wave-template cq-menu {
  width: 140px;
}
cq-wave-parameters .ciq-wave-template cq-menu-dropdown {
  width: 145px;
}
cq-wave-parameters .ciq-wave-impulse cq-menu {
  width: 90px;
}
cq-wave-parameters .ciq-wave-impulse cq-menu-dropdown {
  width: 100px;
}
cq-wave-parameters .ciq-wave-corrective cq-menu {
  width: 70px;
}
cq-wave-parameters .ciq-wave-corrective cq-menu-dropdown {
  width: 80px;
}
cq-wave-parameters cq-menu-dropdown {
  width: fit-content;
}
cq-wave-parameters .ciq-btn {
  width: 27px;
  height: 27px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  color: #4d4d4d;
  border: solid 1px transparent;
  background: none;
}
html:not([ciq-last-interaction='touch']) cq-wave-parameters .ciq-btn:hover {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  color: #000;
  background-color: #fff;
}
cq-wave-parameters .ciq-btn.ciq-active,
cq-wave-parameters .ciq-btn.ciq-active:active {
  color: #000;
  border: solid 1px #398dff;
}
cq-wave-parameters .ciq-btn cq-tooltip {
  text-transform: none;
  box-sizing: border-box;
  width: fit-content;
  min-width: 44px;
  height: 16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 4px;
}
cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration='none'] {
  background: transparent url(/assets/ew-none-6cfe75a5.svg) center no-repeat;
  background-size: contain;
}
cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration='parentheses'] {
  background: transparent url(/assets/ew-parentheses-7826efde.svg) center no-repeat;
  background-size: contain;
}
cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration='enclosed'] {
  background: transparent url(/assets/ew-circle-ac16e383.svg) center no-repeat;
  background-size: contain;
}
cq-wave-parameters .ciq-show-lines {
  padding: 0 6px 0 12px;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  height: 27px;
}

/*  Measuring tool */
cq-measure .mMeasure {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -29px;
  transform: translate(-50%, 0);
  width: auto;
  height: 27px;
  float: left;
  margin: 10px 0 0;
  padding: 0 2%;
  line-height: 27px;
  text-align: left;
  font-weight: bold;
  background: rgba(21, 31, 40, 0.95);
  color: #fff;
  transition: height 0.15s ease-out, bottom 0.15s ease-out,
    color 0.15s ease-out 0.15s;
  opacity: 1;
  border: solid 1px rgb(16, 28, 35);
  border-top: none;
}

cq-measure {
  position: absolute;
  bottom: 0;
  left: 50%;
  top: auto;
  transform: translateX(-50%);
}
cq-measure .mMeasure:empty {
  width: 0;
  height: 0;
  bottom: 0;
  color: transparent;
  border: none;
}

.break-sm cq-measure .mMeasure {
  left: auto;
  right: 0;
  transform: translate(0, 0);
}

cq-toolbar-settings div[cq-toolbar-action] {
  width: 20px;
  height: 27px;
  opacity: 0.5;
  display: none;
  padding: 0 2px;
  cursor: pointer;
}
cq-toolbar-settings div[cq-toolbar-action].ciq-active {
  display: block;
}
html:not([ciq-last-interaction='touch'])
  cq-toolbar-settings
  div[cq-toolbar-action]:hover,
cq-toolbar-settings div[cq-toolbar-action]:active {
  opacity: 1;
}
cq-toolbar-settings div[cq-toolbar-action]:active {
  /* Scale up when active */
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

cq-toolbar-settings div[cq-toolbar-action='done_edit'] {
  display: block;
  background-image: url(/assets/ciq-done-edit-100f4983.svg);
  background-position: 0px 0px;
  padding-right: 5px;
}

cq-toolbar-settings div[cq-toolbar-action='save'] {
  background-image: url(/assets/ciq-save-0567b0c8.svg);
  background-position: 0px 0px;
  padding-right: 5px;
}

cq-toolbar-settings div[cq-toolbar-action='restore'] {
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
  background-position: -253px -25px;
}

cq-toolbar-settings div[cq-toolbar-dirty] {
  background-color: #ce2029;
  border-radius: 5px;
  border: none;
  display: none;
  float: right;
  min-height: 8px;
  min-width: 8px;
  margin-right: -4px;
}
cq-toolbar-settings div[cq-toolbar-dirty].ciq-active {
  display: inline-block;
}

cq-toolbar-settings cq-toggle.ciq-active > * {
  display: block;
}

cq-undo-section .ciq-icon-btn {
  display: block;
  float: left;
  width: 23px;
  height: 23px;
  margin: 0 10px;
  background: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 50;
}

cq-undo-section cq-undo.ciq-icon-btn {
  background-image: url(/assets/ciq-undo-b426c837.svg);
}

cq-undo-section cq-redo.ciq-icon-btn {
  background-image: url(/assets/ciq-redo-ada63fbe.svg);
}

cq-undo-section .ciq-icon-btn.ciq-clear-drawings {
  background-image: url(/assets/ciq-clear-drawings-88e4214a.svg);
}

/* --------------------------------------------------------- HEADS UP --------------------------------------------------------- */
cq-hu-dynamic {
  /* HU Container Box */
  position: absolute;
  display: none;
  width: 215px;
  height: 140px;
  color: #4ea1fe;
  font-weight: 500;
  font-family: 'Roboto Condensed', sans-serif;
  left: 200px;
  top: 0px;
  z-index: 31;
  transition: left 0.1s 0s, top 0.1s 0s, right 0.1s 0s, bottom 0.1s 0s;
}
cq-hu-dynamic.stx-show {
  display: block;
}

/*
There are two svg images. The first is a simple square (for static display). The second has a callout.
 */
cq-hu-dynamic svg {
  position: absolute;
  display: block;
}

cq-hu-dynamic.stx-right svg {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: 'FlipH';
  filter: FlipH;
}

cq-hu-dynamic .ciq-hu-bg {
  /* HU BG Image Fill */
  fill: #ffffff;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

cq-hu-dynamic > div {
  position: absolute;
  height: 125px;
  width: 215px;
  right: 0;
  top: 0;
}

cq-hu-dynamic.stx-above > div {
  top: 0;
  bottom: auto;
}

cq-hu-dynamic.stx-below > div {
  bottom: 0;
  top: auto;
}

cq-hu-dynamic cq-hu-col1 {
  /* First Column of HU */
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 90px;
}

cq-hu-dynamic cq-hu-date {
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  color: #666;
  font-weight: 300;
}

cq-hu-dynamic cq-hu-price {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  line-height: 24px;
  display: block;
}

cq-hu-dynamic cq-volume-grouping > div:nth-of-type(1) {
  /* Volume Heading */
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 9px;
  padding-top: 6px;
  color: #666;
  border-top: 1px solid #666;
}

cq-hu-dynamic cq-volume-grouping > div:nth-of-type(2) {
  /* Volume Bar Area */
  background: #e7e7e7;
  height: 10px;
  margin: 2px 0;
}

cq-hu-dynamic cq-volume-visual {
  /* Volume Bar Fill */
  display: inline-block;
  background: #ccc;
  height: inherit;
  float: left;
  width: 0%;
}

cq-hu-dynamic cq-volume-grouping > div:nth-of-type(3) {
  /* Volume Number Text */
  font-size: 16px;
  color: #333;
  font-weight: 700;
}

cq-hu-dynamic cq-volume-rollup {
  font-size: 10px;
  font-weight: 500;
  margin-left: 2px;
}

cq-hu-dynamic cq-hu-col2 {
  /* Second column of HU */
  position: absolute;
  right: 15px;
  bottom: 10px;
  width: 90px;
  list-style: none;
}

cq-hu-dynamic cq-hu-col2 > * {
  /* HU Data Groups */
  text-align: right;
  font-weight: 700;
  font-size: 14px;
  color: #333;
  display: block;
}

cq-hu-dynamic cq-hu-col2 > div {
  /* Add heading for HU data */
  text-transform: uppercase;
  color: #999;
  font-weight: 500;
  font-size: 11px;
  padding-top: 2px;
  float: left;
}
cq-hu-dynamic cq-hu-col2 > div:after {
  content: ':';
}

cq-hu-dynamic.stx-below.stx-left svg {
  transform: scaleY(-1);
}

cq-hu-dynamic.stx-below.stx-right svg {
  transform: scale(-1, -1);
}

/* Simple Heads Up */
cq-hu-static {
  position: absolute;
  bottom: calc(100% - 45px);
  left: 250px;
  display: block;
  font-weight: 500;
  font-family: 'Roboto Condensed', sans-serif;
  background: #fff;
  padding-left: 15px;
  border-radius: 4px;
}
.ciq-empty-chart cq-hu-static {
  display: none !important;
}
cq-hu-static.being-dragged {
  opacity: 0.3;
}
.break-sm cq-hu-static {
  top: auto !important;
}
cq-hu-static > div {
  display: table-row;
  width: 265px;
}
cq-hu-static > div > * {
  /* value */
  display: table-cell;
  width: 53px;
  font-size: 11px;
  color: #000;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 3px;
}
cq-hu-static > div > div {
  /* label */
  text-transform: uppercase;
  color: #666;
  font-size: 10px;
  width: 32px;
  padding-top: 1px;
}
cq-hu-static > div > div:after {
  content: ':';
}
.sharing cq-hu-static > div > div:after {
  content: '';
}
.break-sm cq-hu-static div {
  width: 55px;
}
.break-sm cq-hu-static {
  top: auto;
  bottom: 20px;
  left: 20px;
  display: block;
  padding-left: 0px;
  background: transparent;
}
.break-sm cq-hu-static div > * {
  display: block;
}
.break-sm cq-hu-static div > div {
  display: none;
}
.break-sm cq-hu-static div > *:before {
  display: inline-block;
  float: left;
  color: #666;
  font-size: 10px;
  width: 20px;
  padding-top: 0px;
}
.break-sm cq-hu-static cq-hu-open:before {
  content: 'O:';
}
.break-sm cq-hu-static cq-hu-high:before {
  content: 'H:';
}
.break-sm cq-hu-static cq-hu-low:before {
  content: 'L:';
}
.break-sm cq-hu-static cq-hu-close:before {
  content: 'C:';
}
.break-sm cq-hu-static cq-hu-price:before {
  content: 'P:';
}
.break-sm cq-hu-static cq-volume-section:before {
  content: 'V:';
}

.mSticky {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
  font-weight: bold;
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #000;
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid #4ea1fe;
  padding: 5px;
}
.mSticky .mStickyInterior {
  padding: 0;
}
.mSticky .mStickyThumbnail.active {
  width: 12px;
  height: 12px;
  float: left;
  margin-right: 3px;
  margin-top: 1px;
}
.mSticky .mouseDeleteInstructions {
  /*text-align: center;*/
  font-family: 'Roboto', sans-serif;
  padding: 0;
}
.mSticky .label {
  display: inline-block;
}

/* --------------------------------------------------------- FOOTER --------------------------------------------------------- */
.ciq-footer {
  color: #575757;
}

.ciq-footer > .ciq-btn {
  /* Share button */
  float: right;
  margin: 8px 0;
}

cq-show-range {
  /* Set Range Button List Container */
  line-height: 40px;
  display: inline-block;
  margin-left: 0;
  float: right;
  position: absolute;
  right: 0px;
}
.ciq-phone cq-show-range {
  float: none;
}
.break-lg cq-show-range {
  /* Float Range Buttons Left When Breakpoint is Medium (View will be hidden) */
  margin: 0 15px 0 0;
}
cq-show-range > div {
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
  float: left;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html:not([ciq-last-interaction='touch']) cq-show-range > div:hover {
  color: #000;
}
cq-show-range > div:active {
  color: #000;
  border-top: solid 3px #398dff;
}

.break-sm .hide-sm {
  display: none;
}

/* --------------------------------------------------------- DIALOGS --------------------------------------------------------- */
body.ciq-dialog-open {
  height: 100%;
  overflow: hidden;
}

cq-dialogs,
.cq-dialogs,
[cq-lift] {
  color: #666;
  font-weight: 300;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

cq-dialog-overlay {
  /* Overlay for dialog placement */
  position: fixed;
  display: block;
  z-index: 2;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  /*background: rgba(#151f28, .4);*/
  transition: opacity 0.2s 0s;
}
cq-dialog-overlay[cq-active] {
  opacity: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
}

.cq-dialogs {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*position: absolute;
  top: 0;
  left: 50%;
  width: 1px; // prevents children for evaluated as invisible in CIQ.trulyVisible
  height: 1px;*/
}
.cq-dialogs.scrim[cq-active] {
  position: relative;
  height: 100vh;
  z-index: 2;
  background: rgba(21, 31, 40, 0.6);
}

cq-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  text-align: left;
  padding: 30px 10px;
  min-width: 260px;
  max-height: 90vh;
  max-width: 90vw;
  background: #fff;
  color: #666;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 3;
}
cq-dialog[native-tabbing] input:focus-visible,
cq-dialog[native-tabbing] button:focus-visible,
cq-dialog[native-tabbing] cq-swatch:focus-visible,
cq-dialog[native-tabbing] cq-item:focus-visible {
  .chartWrapper {
    [cq-title='Save View'] cq-view-dialog input {
      padding: 12px;
    }
  }
}
cq-dialog input {
  padding-top: 5px;
}

.chartWrapper {
  [cq-title='Save View'] cq-view-dialog input {
    padding: 12px;
  }
}

cq-dialog input {
  padding-top: 5px;
}

cq-dialog[native-tabbing] input:focus-visible,
cq-dialog[native-tabbing] button:focus-visible,
cq-dialog[native-tabbing] cq-swatch:focus-visible,
cq-dialog[native-tabbing] cq-item:focus-visible {
  outline: solid 2px #398dff;
  box-shadow: 0 0 5px white, 0 0 2px #398dff;
}
@supports not selector(:focus-visible) {
  cq-dialog[native-tabbing] input:focus,
  cq-dialog[native-tabbing] button:focus,
  cq-dialog[native-tabbing] cq-swatch:focus,
  cq-dialog[native-tabbing] cq-item:focus {
    /* Fallback for browsers without :focus-visible support */
    outline: solid 2px #398dff;
    box-shadow: 0 0 5px white, 0 0 2px #398dff;
  }
}

.break-sm cq-dialog {
  max-width: 320px;
}

cq-dialog[cq-active] {
  display: inline-block;
}

cq-dialog h4 {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 15px 0;
  color: #000;
  text-align: center;
}

cq-dialog hr {
  border: none;
  border: solid 1px #ccc;
  margin: 4px 0px 8px 0px;
  padding: 0px;
}

cq-dialog .ciq-close {
  /* Dialog close button */
  position: absolute;
  top: 3px;
  right: 3px;
  margin: 0px;
}

.ciq-dialog-cntrls {
  margin-top: 15px;
  text-align: center;
}

.ciq-dialog-cntrls .ciq-btn {
  margin-left: 10px;
}

.ciq-dialog-cntrls .ciq-btn:first-child {
  margin-left: 0;
}

cq-study-output,
cq-study-input,
cq-study-parameter,
cq-fibonacci-setting,
div[cq-custom-fibonacci-setting],
div.ciq-drawing-dialog-setting {
  display: block;
  width: 90%;
  margin: 0 5%;
}

cq-measurementline-settings-dialog .ciq-drawing-dialog-setting {
  clear: right;
}

cq-fib-settings-dialog div.ciq-heading,
cq-fib-settings-dialog div.stx-data {
  /* Dialog content columns */
  display: inline-block;
  line-height: 24px;
  margin-bottom: 10px;
}

cq-fib-settings-dialog div.stx-data {
  /* Dialog content swatches and fields */
  float: right;
  max-width: 150px;
  text-overflow: clip;
  white-space: nowrap;
}

cq-fib-settings-dialog div.stx-data input:invalid {
  /* input parameter not valid */
  border-color: #ee5c5c;
}

cq-fib-settings-dialog div[cq-custom-fibonacci-setting] input {
  text-align: right;
  width: 50px;
  height: 24px;
  margin-right: 5px;
  padding: 0 5px;
}

cq-fib-settings-dialog div[cq-custom-fibonacci-setting] div {
  height: 24px;
}

cq-aggregation-dialog label em {
  display: inline-block;
  margin: 1em 0;
}

cq-aggregation-dialog div label:first-child em {
  margin-top: 0;
}

.ciq-symbol-input .current-symbol {
  min-width: 90%;
}

cq-dialog[cq-lookup-dialog] + cq-dialog[cq-study-dialog] {
  z-index: 1;
}

cq-lookup-dialog {
  width: 480px;
  display: flex;
  flex-direction: column;
  max-height: 60vh;
}
cq-lookup-dialog .ciq-search-container {
  display: flex;
}
cq-lookup-dialog .ciq-search-container > *:not(:last-child) {
  margin-right: 6px;
}
cq-lookup-dialog .ciq-search-container cq-swatch-input input {
  display: none;
}
cq-lookup-dialog .ciq-search-container cq-swatch-input cq-swatch {
  display: none;
}
cq-lookup-dialog .ciq-search-container.comparison cq-swatch-input cq-swatch {
  display: block;
  height: 2rem;
  width: 2rem;
}
cq-lookup-dialog .ciq-search-container button {
  height: 2rem;
}
cq-lookup-dialog cq-lookup-input {
  display: flex;
}
cq-lookup-dialog cq-lookup-input cq-lookup-icon {
  top: 3px;
}
cq-lookup-dialog cq-lookup-input cq-swatch {
  display: none;
  height: 2rem;
  width: 2rem;
}
cq-lookup-dialog cq-lookup-input.comparison cq-swatch {
  display: initial;
  margin-right: 6px;
}
cq-lookup-dialog .ciq-lookup-results {
  max-height: 300px;
  overflow: auto;
  padding: 0;
  position: relative;
}
cq-lookup-dialog .ciq-lookup-results li {
  list-style-type: none;
  margin: 5px;
}

@media (max-width: 584px) {
  cq-lookup-dialog {
    width: 300px;
  }
  button.ciq-filter {
    flex: 1 1 80px;
  }
}
cq-study-dialog,
.ciq-drawing-dialog-setting {
  /* This will allow study input parameters to wrap around */
}
cq-study-dialog .ciq-heading,
cq-study-dialog .stx-data,
.ciq-drawing-dialog-setting .ciq-heading,
.ciq-drawing-dialog-setting .stx-data {
  /* Dialog content columns */
  display: inline-block;
  line-height: 24px;
  margin-bottom: 10px;
}
cq-study-dialog .stx-data,
.ciq-drawing-dialog-setting .stx-data {
  /* Dialog content swatches and fields */
  float: right;
  right: 12px;
  max-width: 150px;
  text-overflow: clip;
  white-space: nowrap;
}
cq-study-dialog .stx-data input:invalid,
.ciq-drawing-dialog-setting .stx-data input:invalid {
  border-color: #ee5c5c;
  box-shadow: none;
}
cq-study-dialog .stx-data input:not([type]),
cq-study-dialog .stx-data input[type='number'],
cq-study-dialog .stx-data input[type='text'],
cq-study-dialog .stx-data input[type='date'],
cq-study-dialog .stx-data input[type='time'],
.ciq-drawing-dialog-setting .stx-data input:not([type]),
.ciq-drawing-dialog-setting .stx-data input[type='number'],
.ciq-drawing-dialog-setting .stx-data input[type='text'],
.ciq-drawing-dialog-setting .stx-data input[type='date'],
.ciq-drawing-dialog-setting .stx-data input[type='time'] {
  width: 75px;
  height: 27px;
}
cq-study-dialog .stx-data input[type='date'],
cq-study-dialog .stx-data input[type='time'],
.ciq-drawing-dialog-setting .stx-data input[type='date'],
.ciq-drawing-dialog-setting .stx-data input[type='time'] {
  width: 120px;
}
cq-study-dialog .stx-data input[type='checkbox'],
.ciq-drawing-dialog-setting .stx-data input[type='checkbox'] {
  margin: 6px 0 0 0;
}
cq-study-dialog cq-swatch,
.ciq-drawing-dialog-setting cq-swatch {
  /* Dialog color swatch position */
  float: right;
  margin-left: 5px;
}
cq-study-dialog cq-study-inputs hr,
cq-study-dialog cq-study-outputs hr,
cq-study-dialog cq-study-parameters hr,
.ciq-drawing-dialog-setting cq-study-inputs hr,
.ciq-drawing-dialog-setting cq-study-outputs hr,
.ciq-drawing-dialog-setting cq-study-parameters hr {
  display: none;
}
cq-study-dialog
  cq-study-inputs
  cq-study-input:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
cq-study-dialog
  cq-study-inputs
  cq-study-output:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
cq-study-dialog
  cq-study-inputs
  cq-study-parameter:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
cq-study-dialog
  cq-study-outputs
  cq-study-input:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
cq-study-dialog
  cq-study-outputs
  cq-study-output:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
cq-study-dialog
  cq-study-outputs
  cq-study-parameter:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
cq-study-dialog
  cq-study-parameters
  cq-study-input:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
cq-study-dialog
  cq-study-parameters
  cq-study-output:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
cq-study-dialog
  cq-study-parameters
  cq-study-parameter:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
.ciq-drawing-dialog-setting
  cq-study-inputs
  cq-study-input:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
.ciq-drawing-dialog-setting
  cq-study-inputs
  cq-study-output:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
.ciq-drawing-dialog-setting
  cq-study-inputs
  cq-study-parameter:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
.ciq-drawing-dialog-setting
  cq-study-outputs
  cq-study-input:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
.ciq-drawing-dialog-setting
  cq-study-outputs
  cq-study-output:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
.ciq-drawing-dialog-setting
  cq-study-outputs
  cq-study-parameter:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
.ciq-drawing-dialog-setting
  cq-study-parameters
  cq-study-input:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
.ciq-drawing-dialog-setting
  cq-study-parameters
  cq-study-output:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type,
.ciq-drawing-dialog-setting
  cq-study-parameters
  cq-study-parameter:not([style*='display: none'])
  ~ hr:not([hidden]):last-of-type {
  display: block;
  float: left;
  width: 100%;
}
cq-study-dialog cq-study-input,
cq-study-dialog cq-study-output,
cq-study-dialog cq-study-parameter,
.ciq-drawing-dialog-setting cq-study-input,
.ciq-drawing-dialog-setting cq-study-output,
.ciq-drawing-dialog-setting cq-study-parameter {
  clear: both;
  padding: 5px 0 0 0;
}
cq-study-dialog cq-study-input .ciq-heading,
.ciq-drawing-dialog-setting cq-study-input .ciq-heading {
  float: left;
  max-width: 130px;
}
cq-study-dialog cq-study-input:last-child,
cq-study-dialog cq-study-output:last-child,
cq-study-dialog,
.ciq-drawing-dialog-setting cq-study-input:last-child,
.ciq-drawing-dialog-setting cq-study-output:last-child,
.ciq-drawing-dialog-setting {
  border: none;
}
cq-study-dialog .ciq-select,
.ciq-drawing-dialog-setting .ciq-select {
  min-width: 75px;
  float: left;
}
cq-study-dialog cq-study-parameters div.stx-data input[type='number'],
.ciq-drawing-dialog-setting
  cq-study-parameters
  div.stx-data
  input[type='number'] {
  width: 45px;
  float: left;
}
cq-study-dialog #parameters .outputTemplate div.ciq-heading,
.ciq-drawing-dialog-setting #parameters .outputTemplate div.ciq-heading {
  /* Dialog Parameters heading columns (RIS overbought/oversold) */
  width: 120px;
}
cq-study-dialog #parameters div.stx-data,
.ciq-drawing-dialog-setting #parameters div.stx-data {
  width: 70px;
}
cq-study-dialog #parameters input,
.ciq-drawing-dialog-setting #parameters input {
  float: none;
}
cq-study-dialog #parameters cq-swatch,
.ciq-drawing-dialog-setting #parameters cq-swatch {
  float: right;
}

cq-study-input[fieldname='Comparison Symbol'] .stx-data {
  min-width: 100%;
  float: left;
}
cq-study-input[fieldname='Comparison Symbol'] .show-results .results-area {
  opacity: 1;
  visibility: visible;
}
cq-study-input[fieldname='Comparison Symbol'] cq-menu {
  width: 100%;
}
cq-study-input[fieldname='Comparison Symbol'] cq-dropdown {
  width: 100%;
}

cq-timezone-dialog .timezoneDialogWrapper {
  max-height: 360px;
  overflow: hidden;
}
cq-timezone-dialog .timezoneDialogWrapper .ciq-ul {
  height: 360px;
}
cq-timezone-dialog .timezoneDialogWrapper .ciq-ul .timezoneTemplate {
  cursor: pointer;
}

cq-dialog[cq-drawing-context],
cq-dialog[cq-study-context],
cq-dialog[aria-labelledby='cq-yaxis-context-title'] {
  padding: 0px 0px;
  min-width: auto;
}
cq-dialog[cq-drawing-context] cq-drawing-context cq-menu,
cq-dialog[cq-study-context] cq-drawing-context cq-menu,
cq-dialog[aria-labelledby='cq-yaxis-context-title'] cq-drawing-context cq-menu {
  padding-left: 0;
}

.stx-yaxis-menu {
  background-color: #efefef;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 10000;
  opacity: 0.01;
  border-radius: 50%;
  cursor: pointer;
  background-image: url(/assets/ciq-ellipse-vertical-704b2969.svg);
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 5px;
  transition: opacity 0.25s ease-in-out;
}
.stx-yaxis-menu.ciq-visible,
.stx-yaxis-menu:focus {
  opacity: 1;
}
.stx-yaxis-menu:hover {
  background-color: #ffffff;
}

/* Context Dialog */
.ciq-context-menu {
  min-width: 130px;
  padding: 0px;
  display: block;
  /* Menu item hover state */
}
.ciq-context-menu div {
  /* Menu Item */
  padding: 0px 20px;
  cursor: pointer;
  clear: both;
  line-height: 27px;
  color: #666;
}
html[ciq-last-interaction='touch'] .ciq-context-menu div:active {
  background: #efefef;
  color: #000;
}
html:not([ciq-last-interaction='touch']) .ciq-context-menu div:hover {
  background: #efefef;
  color: #000;
}
.ciq-context-menu cq-menu {
  padding: 0;
  margin: 0;
}
.ciq-context-menu cq-menu-dropdown {
  border-radius: 0;
}
.ciq-context-menu cq-menu-dropdown cq-item {
  border-radius: 0;
  margin: 0;
  padding: 0 18px;
}
.ciq-context-menu .ciq-btn {
  width: 65px;
}
.ciq-context-menu .ciq-btn:first-child {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ciq-context-menu .ciq-btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ciq-context-menu .context-button-right-arrow {
  display: inline-block;
  border-bottom: 0.35em solid transparent;
  border-left: 0.35em solid black;
  border-top: 0.35em solid transparent;
  height: 0;
  margin-left: 1em;
  padding: 0;
  width: 0;
}

cq-share-button,
div.ciq-shortcut-button {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-flex;
  line-height: 40px;
  cursor: pointer;
  color: #575757;
  position: relative;
  padding: 1px 10px;
  opacity: 0.8;
  transition: opacity 0.2s 0s;
  font-weight: 400;
}
html:not([ciq-last-interaction='touch']) cq-share-button:hover,
html:not([ciq-last-interaction='touch']) div.ciq-shortcut-button:hover {
  opacity: 1;
}
html:not([ciq-last-interaction='touch']) cq-share-button:hover,
html:not([ciq-last-interaction='touch']) div.ciq-shortcut-button:hover {
  color: #000;
}
cq-share-button:active,
div.ciq-shortcut-button:active {
  color: #000;
}
cq-share-button.stxMenuActive,
div.ciq-shortcut-button.stxMenuActive {
  color: #000;
}
.break-sm cq-share-button.stxMenuActive,
.break-sm div.ciq-shortcut-button.stxMenuActive {
  border-bottom: solid 3px #398dff;
}

/* --------------------------------------------------------- CHART AREA ELEMENTS --------------------------------------------------------- */
.stx-panel-control {
  top: 0px; /* too much space by default in stx-chart.css */
}

.break-sm .stx-panel-control .stx-panel-legend {
  width: 0px;
}
.break-sm .stx-panel-control.stx-show .stx-btn-panel.stx-show {
  opacity: 1;
}

.cq-stable {
  transition: all 1s ease-out 0s;
}

.cq-down {
  color: #ff002a;
}

.cq-up {
  color: #85c730;
}

/* Chart Title */
.stx-chart-panel.stx-show {
  /* Hide default Chart Title and Icons */
}
cq-context .stx-chart-panel.stx-show,
[cq-context] .stx-chart-panel.stx-show {
  display: none;
}

cq-chart-title {
  display: none;
  position: relative;
  background: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  float: none;
  margin: 10px 10px;
  color: #333;
  padding: 2px 10px;
  border-radius: 8px;
  line-height: 22px;
  font-size: 12px;
  text-align: left;
  z-index: 100;
}
[cq-hide-menu-periodicity] cq-chart-title {
  padding: 2px 4px 8px 14px;
}

cq-chart-title.stx-show {
  display: inline-block;
  white-space: nowrap;
}

cq-chart-title cq-symbol {
  font-size: 28px;
}

cq-chart-title cq-chart-price {
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  line-height: 13px;
  font-size: 11px;
  margin-left: 5px;
  font-weight: 500;
  color: #666;
  vertical-align: text-bottom;
}

cq-chart-title cq-chart-price > * {
  position: relative;
  white-space: nowrap;
}

cq-chart-title cq-chart-price cq-change .ico {
  /* Up/Down Arrow indicators */
  content: '';
  display: block;
  height: 12px;
  width: 12px;
  float: left;
  background-color: inherit;
}

cq-chart-title cq-chart-price.stx-up cq-change .ico {
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -633px -31px;
}

cq-chart-title cq-chart-price.stx-down cq-change .ico {
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -683px -31px;
}

cq-chart-title .ciq-screen-reader {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  height: inherit;
  width: inherit;
}

cq-change {
  display: block;
}

cq-context cq-chart-title cq-menu.ciq-period {
  display: none;
}

cq-context[cq-hide-menu-periodicity] cq-chart-title cq-menu.ciq-period {
  border: solid 1px transparent;
  display: inline-block;
  padding: 5px 12px;
  margin-left: 6px;
  width: inherit !important;
  float: none;
  min-width: inherit;
  font-weight: 300;
  max-height: 36px;
  background: #f8f8f8;
  border-radius: 30px;
  text-align: center;
  padding-right: 25px;
}
cq-context[cq-hide-menu-periodicity] cq-chart-title cq-menu.ciq-period::before {
  content: '';
  pointer-events: none;
  height: 5px;
  width: 5px;
  position: absolute;
  border-right: solid thin #959595;
  border-bottom: solid thin #959595;
  right: 10px;
  top: 12px;
  transform: rotate(45deg);
}
cq-context[cq-hide-menu-periodicity] cq-chart-title cq-menu.ciq-period:hover {
  background-color: #efefef;
}
cq-context[cq-hide-menu-periodicity]
  cq-chart-title
  cq-menu.ciq-period.stxMenuActive {
  -webkit-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.1);
  box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.1);
}
cq-context[cq-hide-menu-periodicity] cq-chart-title cq-menu.ciq-period > span,
cq-context[cq-hide-menu-periodicity]
  cq-chart-title
  cq-menu.ciq-period
  .menu-clickable
  [label] {
  display: block;
  font-size: 22px;
  line-height: 36px;
  padding: 0;
  margin-top: -4px;
}
cq-context[cq-hide-menu-periodicity]
  cq-chart-title
  cq-menu.ciq-period
  cq-menu-dropdown {
  left: 15px;
  margin-top: 2px;
  font-weight: inherit;
}
cq-context[cq-hide-menu-periodicity] cq-chart-title cq-menu.ciq-period:after {
  display: none;
}
cq-context[cq-hide-menu-periodicity] cq-chart-title cq-clickable cq-symbol {
  display: inline-block;
  background: #f8f8f8;
  border: solid 1px transparent;
  border-radius: 100px;
  padding: 5px 12px;
  margin-bottom: 8px;
  margin-left: -12px;
}
cq-context[cq-hide-menu-periodicity]
  cq-chart-title
  cq-clickable
  cq-symbol:hover {
  background-color: #efefef;
}
cq-context[cq-hide-menu-periodicity] cq-chart-title .ciq-period cq-clickable {
  vertical-align: top;
  margin-top: -1px;
}
cq-context[cq-hide-menu-periodicity] cq-change {
  display: inline-block;
}
cq-context[cq-hide-menu-periodicity] cq-chart-price {
  display: block;
  margin-left: 0;
}
cq-context[cq-hide-menu-periodicity] .ciq-menu-section .ciq-period,
cq-context[cq-hide-menu-periodicity] cq-chartcontrol-group .ciq-period {
  display: none;
}

/* Comparisons */
cq-comparison,
.ciq-comparison {
  position: relative;
  margin: 5px 0 0 10px;
  padding: 5px 0;
  display: none;
  z-index: 3;
  width: 200px;
}
cq-comparison[cq-show],
.ciq-comparison[cq-show] {
  display: block;
}
.break-sm cq-comparison[cq-show],
.break-sm .ciq-comparison[cq-show] {
  display: none;
}

/* Add Comparison Btn */
cq-menu.cq-comparison-new {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  transition: color 0.2s 0s, opacity 0.2s 0s;
  z-index: 1;
  min-height: 1px; /* hack so that jquery doesn't think it's 0px */
  min-width: 1px;
}

cq-comparison-add-label {
  padding: 5px 18px 5px 5px;
  display: inline-block;
}
html:not([ciq-last-interaction='touch'])
  q-menu.cq-comparison-new:hover
  cq-comparison-add-label,
cq-menu.cq-comparison-new:active cq-comparison-add-label {
  /* Brighter text on hover */
}
html:not([ciq-last-interaction='touch'])
  q-menu.cq-comparison-new:hover
  cq-comparison-add-label,
cq-menu.cq-comparison-new:active cq-comparison-add-label {
  color: #333333;
}
cq-comparison-add-label > * {
  display: inline-block;
  vertical-align: top;
}
.stxMenuActive cq-comparison-add-label {
  height: 0px;
  display: none;
}

cq-comparison-plus {
  /* Plus icon image */
  width: 12px;
  height: 12px;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -532px -32px;
  margin-right: 4px;
}

/* Add Comparison Module */
cq-comparison-add {
  display: block;
  position: absolute;
  top: -15px;
  white-space: nowrap;
  min-width: 210px;
  height: 36px;
  opacity: 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  transition: opacity 0.5s;
}
cq-comparison-add .stx-btn {
  padding: 0 10px;
}
.stxMenuActive cq-comparison-add {
  background: #fafafa;
  opacity: 1;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.stxMenuActive cq-comparison-add > * {
  display: inline-block;
}
cq-comparison-add > * {
  display: none;
  vertical-align: top;
}
cq-comparison-add cq-swatch {
  margin: 8px;
}
cq-comparison-add input {
  border: none;
  height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*@include placeholder {
  	color: mix(#000, $DEFAULT-main, 40% );
  }*/
}
cq-comparison-add .stx-btn {
  transition: color 0.2s 0.2s !important;
  height: 36px !important;
  line-height: 36px !important;
  border: none !important;
  color: #666666;
}
html:not([ciq-last-interaction='touch']) cq-comparison-add .stx-btn:hover,
cq-comparison-add .stx-btn:active {
  color: #000 !important;
}

/* Comparison Key */
cq-comparison-key {
  min-width: 110px;
  display: block;
  position: relative;
}

cq-comparison-item {
  position: relative;
  display: block;
  padding-left: 15px;
  padding-right: 4px;
  font-size: 12px;
  font-weight: 700;
  height: 28px;
  line-height: 28px;
  opacity: 1;
  transition: background 0.2s 0s, padding 0.2s 0s, opacity 0.2s 0.2s,
    height 0.2s 0.4s, font-size 0s 0.4s, margin 0.2s 0.4s;
}
html:not([ciq-last-interaction='touch']) cq-comparison-item:hover {
  background: transparent;
  background: #fafafa;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
cq-comparison-item > * {
  margin-left: 5px;
}
cq-comparison-item[cq-error] {
  opacity: 0.5;
}
cq-comparison-item .ciq-switch {
  float: left;
  margin-left: 6px;
}

cq-comparison-swatch,
cq-comparison-item cq-swatch {
  display: inline-block;
  position: relative;
  top: 8px;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  background: #dd0000;
  float: left;
}

cq-comparison-price {
  float: right;
  color: #8d949a;
  font-weight: 500;
}

cq-comparison-item .ciq-close {
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
  background-position: -250px -25px;
  cursor: pointer;
  float: left;
  height: 25px;
  margin-top: 2px;
  transition: opacity 0.2s 0s;
  width: 25px;
}
cq-comparison-item .ciq-close {
  opacity: 0;
}

html:not([ciq-last-interaction='touch']) cq-comparison-item:hover .ciq-close,
html[ciq-last-interaction='touch'] cq-comparison-item .ciq-close {
  opacity: 0.6;
}

html:not([ciq-last-interaction='touch']) cq-comparison-item .ciq-close:hover,
cq-comparison-item:active .ciq-close,
cq-comparison-item .ciq-close:active {
  opacity: 1;
}

cq-comparison-loader {
  display: none;
  position: relative;
  height: 16px;
  width: 16px;
  top: 4px;
  background-image: url(/assets/loading-spin-50022ccd.svg);
  background-size: cover;
  z-index: 1;
}

cq-comparison-loader.stx-show {
  display: inline-block;
}

cq-attrib-container,
[attrib-container] {
  position: absolute;
  color: rgba(0, 0, 0, 0.4);
  left: 10px;
  bottom: 5px;
  margin: 0;
  font-size: 10px;
  padding: 0 5px;
  white-space: nowrap;
}
cq-attrib-container cq-attrib-source,
cq-attrib-container [attrib-source],
cq-attrib-container cq-attrib-quote-type,
cq-attrib-container [attrib-quote-type],
[attrib-container] cq-attrib-source,
[attrib-container] [attrib-source],
[attrib-container] cq-attrib-quote-type,
[attrib-container] [attrib-quote-type] {
  padding: 2px 0;
  outline: none;
}
cq-attrib-container cq-attrib-source > *,
cq-attrib-container [attrib-source] > *,
cq-attrib-container cq-attrib-quote-type > *,
cq-attrib-container [attrib-quote-type] > *,
[attrib-container] cq-attrib-source > *,
[attrib-container] [attrib-source] > *,
[attrib-container] cq-attrib-quote-type > *,
[attrib-container] [attrib-quote-type] > * {
  outline: none;
}
cq-attrib-container a,
[attrib-container] a {
  color: #000;
}

.stx-subholder cq-attrib-container:nth-of-type(2) {
  bottom: 20px;
}

cq-plus,
.icon.plus {
  /* Plus icon image */
  width: 27px;
  height: 27px;
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
  background-position: -100px -25px;
  opacity: 0.5;
}

cq-item cq-plus {
  display: inline-block;
  float: left;
  margin-left: -8px;
}

cq-theme-dialog {
  width: 440px;
}
cq-theme-dialog cq-section {
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
}
cq-theme-dialog cq-section:first-of-type {
  border-right: dashed 1px rgba(0, 0, 0, 0.5);
  padding-right: 5px;
}
cq-theme-dialog cq-action {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
cq-theme-dialog cq-action input {
  width: 200px;
  padding-left: 10px;
}
cq-theme-dialog cq-action div.ciq-btn {
  margin-left: 5px;
}
.break-sm cq-theme-dialog :not(cq-close):not(input) {
  text-align: center;
}

cq-theme-dialog cq-placeholder {
  width: 150px;
}

cq-theme-piece-container {
  float: right;
}

cq-theme-piece {
  display: block;
  float: left;
}
cq-theme-piece cq-swatch {
  margin-left: 5px;
  margin-top: 3px;
}

/* language dialog */
cq-languages > div {
  margin-left: 70px;
}
html[ciq-last-interaction='touch'] cq-languages > div:active {
  background: #efefef;
  color: #000;
}

cq-language-name {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
cq-dialog cq-language-name {
  height: 27px;
  line-height: 27px;
  font-size: 14px;
  cursor: pointer;
}
html:not([ciq-last-interaction='touch']) cq-dialog cq-language-name:hover {
  background-color: #f0f0f0;
}

cq-flag,
span.flag {
  display: inline-block;
  position: relative;
  height: 14px;
  width: 22px;
  background-image: url(/assets/languages-eb35655c.svg);
  background-repeat: no-repeat;
  margin-right: 6px;
  margin-top: 5px;
  margin-left: 1px;
  border: solid #ddd 1px;
}
cq-flag[cq-lang='en'],
cq-flag[cq-lang='en-US'],
span.flag[cq-lang='en'],
span.flag[cq-lang='en-US'] {
  background-position: -55px -30px;
}
cq-flag[cq-lang^='ar'],
span.flag[cq-lang^='ar'] {
  background-position: -103px -30px;
}
cq-flag[cq-lang='fr'],
cq-flag[cq-lang='fr-FR'],
span.flag[cq-lang='fr'],
span.flag[cq-lang='fr-FR'] {
  background-position: -151px -30px;
}
cq-flag[cq-lang='de'],
cq-flag[cq-lang='de-DE'],
span.flag[cq-lang='de'],
span.flag[cq-lang='de-DE'] {
  background-position: -199px -30px;
}
cq-flag[cq-lang='hu'],
cq-flag[cq-lang='hu-HU'],
span.flag[cq-lang='hu'],
span.flag[cq-lang='hu-HU'] {
  background-position: -247px -30px;
}
cq-flag[cq-lang='pt'],
cq-flag[cq-lang='pt-PT'],
span.flag[cq-lang='pt'],
span.flag[cq-lang='pt-PT'] {
  background-position: -294px -30px;
}
cq-flag[cq-lang='it'],
cq-flag[cq-lang='it-IT'],
span.flag[cq-lang='it'],
span.flag[cq-lang='it-IT'] {
  background-position: -342px -30px;
}
cq-flag[cq-lang='ru'],
cq-flag[cq-lang='ru-RU'],
span.flag[cq-lang='ru'],
span.flag[cq-lang='ru-RU'] {
  background-position: -390px -30px;
}
cq-flag[cq-lang='es'],
cq-flag[cq-lang='es-ES'],
span.flag[cq-lang='es'],
span.flag[cq-lang='es-ES'] {
  background-position: -438px -30px;
}
cq-flag[cq-lang='zh'],
cq-flag[cq-lang='zh-CN'],
span.flag[cq-lang='zh'],
span.flag[cq-lang='zh-CN'] {
  background-position: -486px -30px;
}
cq-flag[cq-lang='ja'],
cq-flag[cq-lang='ja-JP'],
span.flag[cq-lang='ja'],
span.flag[cq-lang='ja-JP'] {
  background-position: -534px -30px;
}

/* --------------------------------------------------------- CHART SDK --------------------------------------------------------- */
/* Chart */
.stx_mountain_chart {
  /* Default color for mountain Charts */
  color: rgba(0, 156, 255, 0.01); /* background color for mountain */
  background-color: rgba(0, 102, 255, 0.5); /* Optional gradient */
  border: #009cff; /* Optional line color */
  width: 2px; /* Optional line width */
}

/* -------- Axis tabs and current Prices -------- */
.stx-float-price,
.stx-float-date {
  border-radius: 0;
  -webkit-border-radius: 0;
}

.crossY,
.stx_crosshair_y {
  margin-top: 0px;
}

.stx_annotation {
  background: transparent;
  border: solid #398dff 1px;
}

.stx-btn-panel {
  top: 2px;
  opacity: 0;
  transition: opacity 0.5s;
  position: relative;
  /*background-color: $DEFAULT-main;*/
}
.stx-btn-panel .stx-show {
  margin-left: 20px;
}

.break-sm .stx-btn-panel {
  display: none;
}

html:not([ciq-last-interaction='touch']) .stx-holder:hover .stx-btn-panel {
  opacity: 1;
  transition: opacity 0.25s, height 0.3s;
}

.stx-holder:hover .stx-ico-bg {
  opacity: 1;
  margin-top: 1px;
}
.ciq-day .stx-holder:hover .stx-ico-bg {
  background-color: rgba(243, 243, 243, 0.8);
}
.ciq-night .stx-holder:hover .stx-ico-bg {
  background-color: rgba(28, 42, 53, 0.7);
}

.stx-btn-bg {
  opacity: 0;
  transition: opacity 0.5s;
  display: none;
}

.break-sm .stx-btn-bg {
  display: none;
}

html:not([ciq-last-interaction='touch']) .stx-holder:hover .stx-btn-bg {
  opacity: 1;
  transition: opacity 0.5s, height 0.3s;
  display: block;
}

/*[ciq-mobile] .stx-holder.stx-panel-study .stx-btn-panel {
	opacity: 1;
	transition: opacity .5s, height .3s;
}*/
/* Show the panel controls once screen is touched */
html[ciq-last-interaction='touch'] .stx-holder .stx-btn-panel {
  opacity: 1;
}

.stx-ico-handle {
  background-color: #ddd;
  opacity: 0;
}

html:not([ciq-last-interaction='touch']) .stx-ico-handle:hover {
  opacity: 0.3;
}

.stx-ico-handle.stx-grab {
  background-color: #398dff;
  opacity: 0.3;
  height: 2px;
}

/* hide the default panel drag */
.stx_panel_drag {
  color: transparent;
}

.stx_xaxis,
.stx_yaxis,
.stx_watermark {
  font-family: 'Roboto', sans-serif;
}

.break-sm .stx_xaxis,
.break-sm .stx_yaxis {
  font-size: 10px;
}

.stx_line_chart,
.stx_line_up,
.stx_line_down {
  width: 2px;
}

.stx_market_session.divider {
  background-color: rgba(0, 0, 0, 0);
  width: 1px;
}

.stx_market_session.pre {
  background-color: rgba(71, 218, 223, 0.3);
}

.stx_market_session.post {
  background-color: rgba(21, 118, 135, 0.3);
}

.sidenav.active {
  display: flex;
  padding-bottom: 10px;
}

.sidenav {
  width: 40px;
  position: absolute;
  z-index: 2;
  display: none;
  flex-direction: column;
  align-items: center;
  align-content: center;
  padding: 0;
}

.ciq-menu > span.icons-on {
  margin-top: -3px;
}

.sidenav cq-toggle.active {
  border-bottom: solid 3px #398dff;
}

.sidenav cq-tooltip {
  left: auto;
  right: 10px;
}
.break-sm .sidenav cq-tooltip {
  right: -18px;
}

.break-sm .sidenav {
  top: 45px;
}

.break-sm cq-toggle.ciq-sidenav {
  display: block;
  height: 34px;
}

.break-sm ciq-sidenav {
  display: block;
}

cq-chartcontrol-group,
.chart-control-group {
  display: block;
  float: left;
  clear: left;
  position: relative;
  margin: 0 10px 10px 10px;
  padding: 2px 10px 2px 2px;
  height: 30px;
  background: rgba(250, 250, 250, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  transition: opacity 0.5s;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.full-screen cq-chartcontrol-group .ciq-period,
.full-screen .chart-control-group .ciq-period {
  line-height: 28px;
}
.full-screen cq-chartcontrol-group .ciq-period:after,
.full-screen .chart-control-group .ciq-period:after {
  content: '';
  position: absolute;
  right: 5px;
  top: auto;
  bottom: 12px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: solid thin #959595;
  border-bottom: solid thin #959595;
  -webkit-transform: rotate(45deg) scale(1);
  -moz-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  -o-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
}
.full-screen cq-chartcontrol-group cq-menu,
.full-screen .chart-control-group cq-menu {
  line-height: 27px;
}
.break-sm .full-screen cq-chartcontrol-group cq-menu,
.break-md .full-screen cq-chartcontrol-group cq-menu,
.break-sm .full-screen .chart-control-group cq-menu,
.break-md .full-screen .chart-control-group cq-menu {
  padding: 0 10px;
}
.full-screen cq-chartcontrol-group cq-menu.ciq-period span,
.full-screen .chart-control-group cq-menu.ciq-period span {
  padding: 2px;
}
.full-screen cq-chartcontrol-group cq-menu cq-menu-dropdown,
.full-screen .chart-control-group cq-menu cq-menu-dropdown {
  top: 27px;
  width: 100px;
}
.full-screen cq-chartcontrol-group .ciq-search,
.full-screen .chart-control-group .ciq-search {
  padding: 0;
  height: 27px;
  width: 30px;
}
.full-screen
  cq-chartcontrol-group
  .ciq-search:not(.stxMenuActive)
  cq-lookup
  cq-lookup-results,
.full-screen
  .chart-control-group
  .ciq-search:not(.stxMenuActive)
  cq-lookup
  cq-lookup-results {
  display: none;
}
.full-screen
  cq-chartcontrol-group
  .ciq-search:not(.stxMenuActive)
  cq-lookup
  cq-lookup-input
  input,
.full-screen
  .chart-control-group
  .ciq-search:not(.stxMenuActive)
  cq-lookup
  cq-lookup-input
  input {
  /* collapse the width here instead of hiding the element because we need it to register in CIQ.trulyVisible for keyboard navigation */
  width: 15px;
  padding-left: 22px;
}
.full-screen cq-chartcontrol-group cq-lookup cq-lookup-icon,
.full-screen .chart-control-group cq-lookup cq-lookup-icon {
  right: -2px;
}
.break-lg .full-screen cq-chartcontrol-group cq-lookup cq-lookup-icon,
.break-lg .full-screen .chart-control-group cq-lookup cq-lookup-icon {
  right: 5px;
}
.full-screen cq-chartcontrol-group cq-lookup cq-lookup-results,
.full-screen .chart-control-group cq-lookup cq-lookup-results {
  height: calc(100vh - 250px);
}
@media screen and (min-width: 600px) and (max-height: 600px) {
  .full-screen cq-chartcontrol-group cq-lookup cq-lookup-results,
  .full-screen .chart-control-group cq-lookup cq-lookup-results {
    width: 150%;
  }
  .full-screen
    cq-chartcontrol-group
    cq-lookup
    cq-lookup-results
    cq-lookup-filters,
  .full-screen
    .chart-control-group
    cq-lookup
    cq-lookup-results
    cq-lookup-filters {
    height: 45px;
  }
}

.full-screen cq-chartcontrol-group .ciq-period:after {
  bottom: 8px;
}

.ciq-terminal-error {
  font-size: 1.1em;
  line-height: 1.5;
  padding: 12px 24px 24px;
  margin: 6% auto;
  display: block;
  box-sizing: border-box;
  border: solid 1px red;
  width: 80%;
  max-width: 650px;
}

cq-double-slider .ciq-double-slider-text {
  left: 70px;
  position: absolute;
  padding: 0 10px;
  color: #398dff;
  border-color: #ccc;
}
cq-double-slider .ciq-double-slider-range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 5px;
  position: absolute;
  outline: none;
}
cq-double-slider .ciq-double-slider-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #398dff;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  pointer-events: all;
  position: relative;
  z-index: 1;
}
cq-double-slider .ciq-double-slider-range::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #398dff;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  pointer-events: all;
  position: relative;
  z-index: 1;
}
cq-double-slider .ciq-double-slider-range[range='low']::-webkit-slider-thumb {
  z-index: 2;
}
cq-double-slider .ciq-double-slider-range[range='low']::-moz-range-thumb {
  z-index: 2;
}

/* --------------------------------------------------------- DATA TABLES --------------------------------------------------------- */
.ciq-data-table-container {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.95);
  display: flex;
  flex-direction: column;
  z-index: 101;
  color: #000;
  padding: 18px 18px;
  user-select: text;
  outline: none;
}
.ciq-data-table-container .ciq-spinner-wrapper {
  position: absolute;
  height: 50px;
  width: 50px;
  z-index: 0;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  opacity: 0;
  animation: ciq-fade-in 250ms linear 200ms forwards;
}
.ciq-data-table-container .ciq-spinner-wrapper .ciq-spinner {
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ciq-data-table-container.loading .ciq-spinner-wrapper {
  z-index: 100;
}
.ciq-data-table-container.loading .ciq-spinner-wrapper .ciq-spinner {
  opacity: 1;
}
.ciq-data-table-container.loading .ciq-data-table-toolbar button {
  visibility: hidden;
}
.ciq-data-table-container table {
  width: 100%;
  font-family: 'PT Sans Narrow', 'Roboto Condensed', sans-serif;
}
.ciq-data-table-container table,
.ciq-data-table-container thead,
.ciq-data-table-container tbody,
.ciq-data-table-container tr {
  display: block;
}
.ciq-data-table-container thead {
  text-align: right;
}
.ciq-data-table-container thead th:first-child {
  text-align: left;
}
.ciq-data-table-container tbody {
  overflow-y: auto;
  height: 100%;
  position: relative;
}
.ciq-data-table-container tbody th {
  text-align: left;
}
.ciq-data-table-container tbody td {
  text-align: right;
}
.ciq-data-table-container td,
.ciq-data-table-container th {
  width: 10%;
  float: left;
  padding: 2px 2px 0;
  border-top: solid 1px #ccc;
  text-align: right;
}
.ciq-data-table-container tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}
.ciq-data-table-container tr:hover {
  background-color: #ddd;
}

.ciq-data-table-toolbar div,
.ciq-data-table-toolbar button {
  display: inline-block;
  vertical-align: bottom;
}
.ciq-data-table-toolbar button {
  margin: 0 2px 8px 0;
  border: solid 1px #ccc;
  border-radius: 2px;
}
.ciq-data-table-toolbar button:hover {
  border-color: #888;
}
.ciq-data-table-toolbar label {
  --track-size: calc(var(--thumb-size) * 2);
  --track-padding: 2px;
  --thumb-position: 0%;
  --thumb-size: 0.5rem;
  --thumb-color: white;
  --thumb-highlight: hsl(0 0% 0% / 25%);
  --slider-active: #398dff;
  --thumb-color-highlight: var(--thumb-highlight);
  margin: 0 0 4px 2px;
  padding: 2px 4px;
  border-radius: 15px;
  display: flex;
  line-height: 17px;
}
.ciq-data-table-toolbar label > * {
  margin: 1px 2px;
}
.ciq-data-table-toolbar label > .ciq-switch {
  height: auto;
  top: -6px;
}
.ciq-data-table-toolbar label:hover {
  background: #efefef;
}
.ciq-data-table-toolbar label:hover input[type='checkbox']:checked {
  background: #2a51d0;
}
.ciq-data-table-toolbar .ciq-data-table-title {
  font-size: 1.6rem;
  font-weight: 800;
  margin: 0 12px 4px 0;
}
.ciq-data-table-toolbar cq-close {
  margin-top: 4px;
  position: relative;
  float: right;
}

.ciq-data-table-wrapper {
  display: flex;
  max-height: calc(100% - 48px);
  width: 100%;
  position: relative;
  margin-top: 8px;
  padding-bottom: 24px;
}

/* --------------------------------------------------------- FLOATING WINDOW --------------------------------------------------------- */
.ciq-window {
  z-index: 4;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  background-color: #f1f3f3;
  color: #666;
  min-width: 200px;
  min-height: 100px;
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  opacity: 0.97;
  border: solid 1px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: box-shadow 75ms;
}
.ciq-window.ciq-window-dragging {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.ciq-window.ciq-window-collapsed {
  min-height: 22px;
}

.ciq-window-bar {
  box-sizing: content-box;
  padding: 3px 0 3px 0px;
  min-height: 16px;
  cursor: move;
  color: #444;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-touch-callout: none;
  user-select: none;
}

.ciq-window-title {
  font-weight: 400;
  margin: 0 0 0 13px;
}

.ciq-window-close,
.ciq-window-collapse {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 2px;
  opacity: 0.4;
  width: 16px;
  height: 16px;
  padding-left: 1px;
  padding-top: 1px;
}
.ciq-window-close:hover,
.ciq-window-collapse:hover {
  opacity: 1;
}

.ciq-window-close {
  right: 8px;
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
  background-position: -250px -28px;
  transition: all 0.2s;
}

.ciq-window-collapse {
  right: 24px;
  background-image: url(/assets/window_collapse-0f164b24.svg);
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: -4px -12px;
}
.ciq-window-collapsed .ciq-window-collapse {
  background-image: url(/assets/window_expand-beb23d90.svg);
}

.ciq-window-body {
  margin: 1em 0.3em 1em 13px;
  overflow: auto;
}

.ciq-window-actions {
  display: flex;
  justify-content: center;
}

.ciq-window-resize-bottom-right,
.ciq-window-resize-bottom-left,
.ciq-window-resize-top-left,
.ciq-window-resize-top-right {
  width: 12px;
  height: 12px;
  position: absolute;
  cursor: nwse-resize;
}
.ciq-window-resize-bottom-right:hover,
.ciq-window-resize-bottom-left:hover,
.ciq-window-resize-top-left:hover,
.ciq-window-resize-top-right:hover {
  background: rgba(221, 221, 221, 0.2509803922);
}
.ciq-window-collapsed .ciq-window-resize-bottom-right,
.ciq-window-collapsed .ciq-window-resize-bottom-left,
.ciq-window-collapsed .ciq-window-resize-top-left,
.ciq-window-collapsed .ciq-window-resize-top-right {
  display: none;
}

.ciq-window-resize-bottom-right {
  bottom: -4px;
  right: -4px;
}

.ciq-window-resize-bottom-left {
  bottom: -4px;
  left: -4px;
  cursor: nesw-resize;
}

.ciq-window-resize-top-left {
  top: -4px;
  left: -4px;
}

.ciq-window-resize-top-right {
  top: -4px;
  right: -4px;
  cursor: nesw-resize;
}

.ciq-window-resize-left,
.ciq-window-resize-right {
  position: absolute;
  width: 6px;
  height: 100%;
  cursor: ew-resize;
}
.ciq-window-collapsed .ciq-window-resize-left,
.ciq-window-collapsed .ciq-window-resize-right {
  display: none;
}

.ciq-window-resize-left {
  left: -2px;
}

.ciq-window-resize-right {
  right: -2px;
}

.ciq-window-resize-top,
.ciq-window-resize-bottom {
  position: absolute;
  width: 100%;
  height: 6px;
  cursor: ns-resize;
}
.ciq-window-collapsed .ciq-window-resize-top,
.ciq-window-collapsed .ciq-window-resize-bottom {
  display: none;
}

.ciq-window-resize-top {
  top: -2px;
}

.ciq-window-resize-bottom {
  bottom: -2px;
}

/* --------------------------------------------------------- SHORTCUTS --------------------------------------------------------- */
.ciq-shortcut-container > div > div {
  margin: 4px 0;
  columns: 200px;
}
.ciq-shortcut-container > div > div > h4 {
  margin: 0;
}

.ciq-shortcut {
  display: flex;
  border: solid 1px transparent;
  border-top-color: #ddd;
  margin-right: 12px;
}
.ciq-shortcut > div {
  display: inline-block;
  word-wrap: none;
  padding: 2px;
}
.ciq-shortcut > div:first-child {
  flex-grow: 1;
  vertical-align: top;
}
.ciq-shortcut > div:nth-child(2) {
  text-align: right;
}
.ciq-shortcut > div:nth-child(2) span {
  border: solid 1px #aaa;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 4px;
  margin-bottom: 4px;
}

div.ciq-shortcut-button,
.ciq-shortcut-button .icon {
  box-sizing: border-box;
  display: inline-block;
  width: 33px;
  height: 32px;
  margin: 4px;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -888px -23px;
  opacity: 0.85;
  transition: opacity 0.2s 0s;
}

div.ciq-shortcut-button {
  width: 32px;
}
div.ciq-shortcut-button:hover {
  opacity: 0.9;
}

/* --------------------------------------------------------- TAB NAVIGATION --------------------------------------------------------- */
.cq-keyboard-selected-highlight {
  pointer-events: none;
  display: block;
  position: absolute;
  z-index: 500;
  border: solid 2px #398dff;
  box-shadow: 0 0 5px white, 0 0 2px #398dff;
  box-sizing: border-box;
  transition: all 100ms ease-in-out;
}
.cq-keyboard-selected-highlight.disabled {
  display: none;
}
cq-context-wrapper .cq-keyboard-selected-highlight {
  display: none;
}

.disable-mouse-pointer {
  cursor: none !important;
}

/* --------------------------------------------------------- SPINNER ANIMATION --------------------------------------------------------- */
@keyframes ciq-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes ciq-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ciq-spinner {
  animation: ciq-rotation 2s infinite linear;
  background: transparent url(/assets/loading-spin-50022ccd.svg) center no-repeat;
  background-size: contain;
}

/************************************** DATA DIALOG **************************************/
cq-data-dialog select {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  width: 7.75rem;
}
cq-data-dialog .select-holder {
  position: relative;
}
cq-data-dialog .select-holder::after {
  content: '';
  pointer-events: none;
  height: 5px;
  width: 5px;
  position: absolute;
  border-right: solid thin #959595;
  border-bottom: solid thin #959595;
  right: 10px;
  top: 12px;
  transform: rotate(45deg);
}
cq-data-dialog cq-scroll input,
cq-data-dialog cq-scroll label,
cq-data-dialog cq-scroll select {
  display: inline;
  outline: none;
}
cq-data-dialog cq-scroll cq-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-width: 360px;
}
cq-data-dialog cq-scroll cq-section.ciq-dialog-cntrls {
  justify-content: center;
}
cq-data-dialog cq-scroll cq-section > * {
  padding: 2px;
  margin: 2px;
}
cq-data-dialog cq-scroll form cq-section {
  padding: 0 6px;
}
cq-data-dialog form:empty {
  display: none;
}
cq-data-dialog fieldset[form] {
  margin-top: 0.5rem;
}
cq-data-dialog fieldset[form] div {
  display: flex;
  justify-content: space-between;
}
cq-data-dialog fieldset[form] div:invalid {
  border: 2px lightcoral solid;
}
cq-data-dialog fieldset[form] div > * {
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 2px 10px;
  align-items: center;
  height: 28px;
}
cq-data-dialog fieldset[form] div > :nth-child(n) {
  line-height: 2;
  padding-top: 2px;
}
cq-data-dialog fieldset[form] div input[type='checkbox'] {
  height: 13px;
  width: 13px;
  align-self: center;
  margin: 7px 10px;
}
cq-data-dialog fieldset[form] legend {
  margin: 0 0.25rem;
  padding: 0 0.25rem;
  height: 1rem;
}
cq-data-dialog fieldset[form] ul {
  list-style: none;
  padding-inline-start: 2rem;
  display: flex;
  flex-flow: row wrap;
  height: auto;
  flex: 1;
}
cq-data-dialog fieldset[form] ul li {
  flex-grow: 4rem;
  display: inline;
  margin: 0 0.5rem;
}
cq-data-dialog fieldset[form] .secondary-options {
  height: initial;
  margin-bottom: 0.5rem;
}
cq-data-dialog fieldset[form] .secondary-options cq-swatch {
  margin-top: 3px;
  padding-top: 0px;
  height: 19px;
}
cq-data-dialog fieldset[form] :last-child {
  margin-bottom: 0.25rem;
}
cq-data-dialog input[type='file'] {
  margin-top: 0.75rem;
  border-width: 1px;
  border-style: solid;
  padding: 0.25rem;
}
cq-data-dialog .content-justify-end {
  justify-content: flex-end;
  text-align: right;
}
cq-data-dialog .import {
  display: none;
}
cq-data-dialog .ciq-dialog-cntrls {
  margin: 1rem 0;
}
cq-data-dialog .secondary-options {
  display: none;
}
cq-data-dialog .secondary-options div {
  align-items: center;
}
cq-data-dialog .invalid-warning {
  padding: 4px;
  max-width: 360px;
  box-sizing: border-box;
  margin: 0;
  width: calc(100% - 2em);
}
cq-data-dialog .invalid-warning[cq-active] {
  border: 1px solid #ff002a;
  background-color: rgba(255, 0, 42, 0.2);
  text-align: center;
}
cq-data-dialog .invalid-warning[cq-active] .invalid-warning-title {
  font-weight: 700;
  text-align: center;
  padding: 0.25rem;
}
cq-data-dialog .invalid-warning[cq-active] .invalid-warning-text {
  font-weight: 400;
}

/* --------------------------------- Chart Instructions -----------------------------------*/
cq-chart-instructions {
  font-size: 0;
}
cq-chart-instructions ul {
  padding: 0;
}

/* --------------------------------- Plugin container -----------------------------------*/
.cq-plugin-container {
  border: transparent solid 1px;
  position: absolute;
  width: 100%;
}

/* Night theme. Use this as a base if you wish to design your own themes. */
.ciq-night {
  background: #151f28;
  color: white;
}

.ciq-phone .ciq-night {
  background: #1c2a35;
}

.ciq-night cq-loader,
.ciq-night cq-comparison-loader {
  background-image: url(/assets/loading-spin-white-643cb4fb.svg);
}

.ciq-color,
.stx-border-color {
  /* Swatch / Open Palette Button */
}
.ciq-night .ciq-color,
.ciq-night .stx-border-color {
  background-color: #fff;
}

.ciq-night .ciq-nav {
  border: 1px solid black;
  background: #151f28;
  color: white;
}

.ciq-night .sidenav {
  background: #151f28;
}

.ciq-night .ciq-window {
  border: 1px solid black;
  background: #151f28;
  color: white;
}

.ciq-night .ciq-window-close {
  background-position: -250px -54px;
}

.ciq-night .ciq-window-title {
  color: #f9f9f9;
}

.ciq-night .ciq-window-body {
  color: #c4c7ca;
}

.ciq-night .ciq-window-title {
  color: white;
}

.ciq-night cq-toolbar {
  border-bottom: 1px solid #131d24;
}

.ciq-night cq-undo-section cq-undo.ciq-icon-btn {
  background-image: url(/assets/ciq-undo-white-5b87f34c.svg);
}

.ciq-night cq-undo-section cq-redo.ciq-icon-btn {
  background-image: url(/assets/ciq-redo-white-d24d8c75.svg);
}

.ciq-night cq-undo-section .ciq-icon-btn.ciq-clear-drawings {
  background-image: url(/assets/ciq-clear-drawings-white-03f3dece.svg);
}

.ciq-night .ciq-chart-area {
  background: #151f28;
}

.ciq-night .ciq-chart {
  /* Darker Drop-shadow and different background in ciq-night mode */
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
.break-sm.ciq-night .ciq-chart {
  /* Hide Drop-shadow when app is in break-sm + ciq-night mode */
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0);
}
.ciq-night .ciq-chart:first-of-type {
  background: #1c2a35;
}

.ciq-night .chartContainer {
  background: #1c2a35;
  color: #fff;
}

.ciq-night .ciq-footer {
  border-top: 1px solid black;
  background: #151f28;
  color: #fff;
}

.ciq-night cq-lookup-input input {
  background: rgba(21, 31, 40, 0);
  color: #fff;
}
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-lookup-input:hover
  input {
  background: #233542;
}
.ciq-night .stxMenuActive cq-lookup-input input {
  background: #233542;
}

/*
	Icons
*/
.ciq-night cq-lookup-icon,
.ciq-night .ciq-lookup-icon,
.ciq-night .ciq-lookup-icon span.icon {
  background-position: -50px -50px;
}

.ciq-night .ciq-comparison-icon,
.ciq-night .ciq-comparison-icon span.icon {
  background-position-y: -50px;
}

.ciq-night cq-plus,
.ciq-night .icon.plus,
.ciq-night .ciq-edit {
  background-position-y: -50px;
}

.ciq-night cq-separator,
cq-dialog.ciq-night hr {
  border: none; /* clear out the default border because we're not using left and right here */
  border-top: solid 1px #13171a;
  border-bottom: solid 1px #495764;
}

cq-context.ciq-night input,
[cq-context].ciq-night input,
cq-dialog.ciq-night input,
.ciq-night .share-copy .share-link-div,
.ciq-night .share-copy .share-link-div {
  border-color: #495764;
  background-color: #151f28;
  color: #fff;
  outline: none;
}
cq-context.ciq-night input:hover,
[cq-context].ciq-night input:hover,
cq-dialog.ciq-night input:hover,
.ciq-night .share-copy .share-link-div:hover,
.ciq-night .share-copy .share-link-div:hover {
  background-color: #2c4154;
}

.ciq-night .ciq-select {
  background-color: #151f28;
}
.ciq-night .ciq-select:hover {
  background-color: #2c4154;
}
.ciq-night .ciq-select option {
  background-color: #151f28;
}

/* Invert the date & time field icons in webkit browsers. Will appear white instead of black. */
.ciq-night ::-webkit-calendar-picker-indicator {
  filter: invert(100%);
}

.ciq-night cq-color-picker {
  border-color: #495764;
}
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-color-picker
  ul
  li
  span:hover,
.ciq-night cq-color-picker ul li span:active {
  border-color: #fff;
}

/*
	Menus
*/
.ciq-night input[type='search'] {
  background: #151f28;
  color: #fff;
  border-color: #398dff;
}

.ciq-night cq-menu-dropdown,
cq-menu-dropdown.ciq-night,
.ciq-night cq-lookup-results,
cq-lookup-results.ciq-night {
  background: #151f28;
  color: #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.2);
}

/* Applies only to "lifted" menus */
cq-menu-dropdown.ciq-night {
  -webkit-box-shadow: 1 1px 5px #495764;
  -moz-box-shadow: 1 1px 5px #495764;
  box-shadow: 1 1px 5px #495764;
}

html:not([ciq-last-interaction='touch']) .ciq-night cq-item:hover,
.ciq-night cq-item:focus,
html[ciq-last-interaction='touch'] .ciq-night cq-item:active,
.ciq-night cq-item[cq-focused] {
  background-color: #2c4154;
  color: #fff;
}

.ciq-night .ciq-menu {
  color: #c5c7c9;
}
html:not([ciq-last-interaction='touch']) .ciq-night .ciq-menu cq-item:hover,
html[ciq-last-interaction='touch'] .ciq-night .ciq-menu cq-item:active,
.ciq-night .ciq-menu cq-item[cq-focused] {
  background-color: #2c4154;
  color: #fff;
}
html:not([ciq-last-interaction='touch']) .ciq-night .ciq-menu:hover {
  color: #fff;
}
.ciq-night .ciq-menu:active {
  color: #fff;
}
.ciq-night .ciq-menu.stxMenuActive {
  color: #fff;
}
.ciq-night .break-sm .ciq-menu.stxMenuActive {
  color: #fff;
}

.ciq-night .ciq-menu:after {
  border-right: solid thin #8a8f94;
  border-bottom: solid thin #8a8f94;
}

.ciq-night cq-study-legend cq-section-dynamic {
  background: #202f3d;
  border-top: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}

.ciq-night .stx-holder cq-study-legend {
  background-color: rgba(28, 42, 53, 0.8823529412);
}

.ciq-night ciq-btn,
.ciq-night .annotationCancel,
.ciq-night .annotationSave {
  background-color: #2c4354;
  color: #fff;
  border: solid 1px #fff;
}

.ciq-night .ciq-icon.ciq-close:after,
.ciq-night cq-close:after {
  background-position: -250px -50px;
}

.ciq-night .ciq-lookup-results cq-item span:nth-of-type(1),
.ciq-night cq-lookup-results cq-item span:nth-of-type(1),
.ciq-night .ciq-lookup-results cq-item span:nth-of-type(3),
.ciq-night cq-lookup-results cq-item span:nth-of-type(3) {
  color: inherit;
}

/*
	Context Menu
*/
html:not([ciq-last-interaction='touch'])
  .ciq-night
  .ciq-context-menu
  div:hover {
  background-color: #2c4154;
  color: #fff;
}
.ciq-night .ciq-context-menu div {
  color: #fff;
}
.ciq-night .ciq-context-menu .context-button-right-arrow {
  border-left-color: #fff;
}

/*
	Dialogs
*/
cq-dialog.ciq-night {
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}
cq-dialog.ciq-night h4 {
  color: #fff;
}
cq-dialog.ciq-night[cq-drawing-context],
cq-dialog.ciq-night[cq-study-context],
cq-dialog.ciq-night[cq-yaxis-context] {
  -webkit-box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2);
}
html:not([ciq-last-interaction='touch'])
  cq-dialog.ciq-night
  cq-language-name:hover,
html:not([ciq-last-interaction='touch'])
  cq-dialog.ciq-night
  cq-timezone-dialog
  li:hover {
  background-color: #2c4354;
}
cq-dialog.ciq-night .timezoneDialogWrapper {
  border-color: #495764;
}
cq-dialog.ciq-night cq-theme-dialog cq-section:first-of-type {
  border-right: dashed 1px rgba(255, 255, 255, 0.5);
}

.ciq-night .ciq-select {
  border-color: #495764;
}
.ciq-night .ciq-select:hover {
  background-color: #2c4154;
}

/*
	Buttons
*/
.ciq-night .ciq-btn,
.ciq-night .ciq-btn-negative,
.ciq-night .annotationCancel,
.ciq-night .annotationSave {
  background-color: #243645;
  border: none;
  box-shadow: none;
}

/*
	Toggles
*/
.ciq-night .ciq-toggles:after {
  background: #38536b;
}

.ciq-night cq-toggle.active {
  color: #fff;
}

html:not([ciq-last-interaction='touch']) .ciq-night cq-toggle:hover > span,
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-clickable[role='button']:hover
  > span,
.ciq-night cq-toggle:active > span,
html:not([ciq-last-interaction='touch'])
  .break-sm
  .ciq-night
  .ciq-menu.collapse:hover
  > span,
.break-sm .ciq-night .ciq-menu.collapse:active > span,
.ciq-night .ciq-menu.toggle-options:hover {
  border: solid 1px #273949;
}

html:not([ciq-last-interaction='touch'])
  .ciq-night
  .ciq-nav
  cq-toggle:hover
  > span,
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-clickable[role='button']:hover
  > span,
.ciq-night .ciq-nav .ciq-menu.toggle-options:hover {
  border-color: transparent;
}

.ciq-night .ciq-nav cq-toggle::before,
.ciq-night .ciq-nav cq-clickable::before,
.ciq-night
  .ciq-nav
  cq-info-toggle-dropdown
  .ciq-menu.toggle-options
  > span::after,
.ciq-night .ciq-nav cq-menu::before {
  background-color: #273949;
}

.ciq-night .stx-watch span {
  background-position: -150px -50px;
}

.ciq-night .stx-trade span {
  background-position: -200px -50px;
}

.ciq-night .ciq-draw span {
  background-position: -250px -50px;
}

.ciq-night .ciq-HU span {
  background-position: -400px -50px;
}

.ciq-night .ciq-CH span {
  background-position: -443px -50px;
}

.ciq-night .ciq-DT span {
  background-position: -848px -50px;
}

.ciq-night .ciq-sidenav span {
  background-position: -815px -50px;
}

.break-sm .ciq-night .ciq-menu.ciq-views > span:after,
.break-sm .ciq-night cq-menu.ciq-views .menu-clickable span.icon,
.break-sm.ciq-night .ciq-menu.ciq-views > span:after,
.break-sm.ciq-night cq-menu.ciq-views .menu-clickable span.icon,
.break-md .ciq-night .ciq-menu.ciq-views > span:after,
.break-md .ciq-night cq-menu.ciq-views .menu-clickable span.icon,
.break-md.ciq-night .ciq-menu.ciq-views > span:after,
.break-md.ciq-night cq-menu.ciq-views .menu-clickable span.icon {
  background-position: -481px -50px;
}

.break-sm .ciq-night .ciq-menu.ciq-studies > span:after,
.break-sm .ciq-night cq-menu.ciq-studies .menu-clickable span.icon,
.break-sm.ciq-night .ciq-menu.ciq-studies > span:after,
.break-sm.ciq-night cq-menu.ciq-studies .menu-clickable span.icon,
.break-md .ciq-night .ciq-menu.ciq-studies > span:after,
.break-md .ciq-night cq-menu.ciq-studies .menu-clickable span.icon,
.break-md.ciq-night .ciq-menu.ciq-studies > span:after,
.break-md.ciq-night cq-menu.ciq-studies .menu-clickable span.icon {
  background-position: -300px -50px;
}

.break-sm .ciq-night .ciq-menu.ciq-display > span:after,
.break-sm
  .ciq-night
  cq-menu.ciq-display
  .menu-clickable
  span.icon:not([ciq-menu-icon]),
.break-sm.ciq-night .ciq-menu.ciq-display > span:after,
.break-sm.ciq-night
  cq-menu.ciq-display
  .menu-clickable
  span.icon:not([ciq-menu-icon]),
.break-md .ciq-night .ciq-menu.ciq-display > span:after,
.break-md
  .ciq-night
  cq-menu.ciq-display
  .menu-clickable
  span.icon:not([ciq-menu-icon]),
.break-md.ciq-night .ciq-menu.ciq-display > span:after,
.break-md.ciq-night
  cq-menu.ciq-display
  .menu-clickable
  span.icon:not([ciq-menu-icon]) {
  background-position: -350px -50px;
}

.break-sm .ciq-night .ciq-menu.stx-markers > span:after,
.break-sm .ciq-night cq-menu.ciq-markers .menu-clickable span.icon,
.break-sm.ciq-night .ciq-menu.stx-markers > span:after,
.break-sm.ciq-night cq-menu.ciq-markers .menu-clickable span.icon,
.break-md .ciq-night .ciq-menu.stx-markers > span:after,
.break-md .ciq-night cq-menu.ciq-markers .menu-clickable span.icon,
.break-md.ciq-night .ciq-menu.stx-markers > span:after,
.break-md.ciq-night cq-menu.ciq-markers .menu-clickable span.icon {
  background-position: -100px -50px;
}

.ciq-night .ciq-menu.ciq-preferences > span,
.ciq-night cq-menu.ciq-preferences .menu-clickable span.icon {
  background-position-y: -50px;
}

cq-toolbar .ciq-heading {
  /* Background and line color headings */
}
.ciq-night cq-toolbar .ciq-heading {
  color: #777f86;
}

cq-toolbar .ciq-select {
  /* Menu Triggers in toolbar */
}
.ciq-night cq-toolbar .ciq-select {
  background: none;
  border-color: #2e4456;
}
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-toolbar
  .ciq-select:hover,
.ciq-night cq-toolbar .ciq-select:active,
.ciq-night cq-toolbar .ciq-select.stxMenuActive {
  color: #fff;
}

cq-annotation .ciq-btn,
cq-wave-parameters .ciq-btn {
  /* Menu Triggers in toolbar */
}
.ciq-night cq-annotation .ciq-btn,
.ciq-night cq-wave-parameters .ciq-btn {
  color: #bbbfc2;
  background: none;
}
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-annotation
  .ciq-btn:hover,
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-wave-parameters
  .ciq-btn:hover {
  color: #fff;
  background-color: #2c4154;
}
.ciq-night cq-annotation .ciq-btn:active,
.ciq-night cq-wave-parameters .ciq-btn:active {
  color: #fff;
  border-color: #2e4456;
}
.ciq-night cq-annotation .ciq-btn.ciq-active,
.ciq-night cq-annotation .ciq-btn.ciq-active:active,
.ciq-night cq-wave-parameters .ciq-btn.ciq-active,
.ciq-night cq-wave-parameters .ciq-btn.ciq-active:active {
  color: #fff;
}

.ciq-night cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration='blank'],
.ciq-night cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration='none'] {
  background-image: url(/assets/ew-none-white-7bebceaa.svg);
}
.ciq-night cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration='parentheses'] {
  background-image: url(/assets/ew-parentheses-white-e352a054.svg);
}
.ciq-night cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration='enclosed'] {
  background-image: url(/assets/ew-circle-white-2e667571.svg);
}
.ciq-night cq-wave-parameters .ciq-show-lines {
  color: #fff;
  border-color: #2e4456;
}

.ciq-night cq-toolbar .ciq-checkbox span {
  border-color: #517999;
}
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-toolbar
  .ciq-checkbox:hover
  span {
  border-color: #8dabc3;
}

cq-toolbar-settings > * {
  /* Line and background color modules */
}

.ciq-night cq-toolbar-settings div[cq-toolbar-action='done_edit'] {
  background-image: url(/assets/ciq-done-edit-white-5724447f.svg);
}

.ciq-night cq-toolbar-settings div[cq-toolbar-action='save'] {
  background-image: url(/assets/ciq-save-white-d03a5683.svg);
}

.ciq-night cq-toolbar-settings div[cq-toolbar-action='restore'] {
  background-position: -253px -50px;
}

span.ciq-line.ciq-selected {
  /* Formatting for selected line */
}
.ciq-night span.ciq-line.ciq-selected {
  border-color: #fff;
}

cq-hu-dynamic .ciq-hu-bg {
  /* HU BG Image Fill */
}
.ciq-night cq-hu-dynamic .ciq-hu-bg {
  fill: #2a51d0;
}

.ciq-night cq-hu-dynamic cq-hu-date {
  color: #64adff;
}

.ciq-night cq-hu-dynamic cq-hu-price {
  color: #fff;
}

cq-hu-dynamic cq-volume-grouping > div:nth-of-type(1) {
  /* Volume Heading */
}
.ciq-night cq-hu-dynamic cq-volume-grouping > div:nth-of-type(1) {
  color: #64adff;
  border-top: 1px solid #90c9ff;
}

cq-hu-dynamic cq-volume-grouping > div:nth-of-type(2) {
  /* Volume Bar Area */
}
.ciq-night cq-hu-dynamic cq-volume-grouping > div:nth-of-type(2) {
  background: #2a6ce4;
}

cq-hu-dynamic cq-volume-visual {
  /* Volume Bar Fill */
}
.ciq-night cq-hu-dynamic cq-volume-visual {
  background: #64adff;
}

cq-hu-dynamic cq-volume-grouping > div:nth-of-type(3) {
  /* Volume Number Text */
}
.ciq-night cq-hu-dynamic cq-volume-grouping > div:nth-of-type(3) {
  color: #b8e2ff;
}

cq-hu-dynamic cq-hu-col2 > * {
  /* Hu Data Groups */
}
.ciq-night cq-hu-dynamic cq-hu-col2 > * {
  color: #b8e2ff;
}
.ciq-night cq-hu-dynamic cq-hu-col2 > *:before {
  color: #4ea1fe;
}

.ciq-night:not(.break-sm) cq-hu-static {
  background: #1c2a35;
}
.break-sm .ciq-night:not(.break-sm) cq-hu-static {
  background: transparent;
}
cq-hu-static > div > div {
  /* label */
}
.ciq-night cq-hu-static > div > div {
  color: #ccc;
}
cq-hu-static > div > * {
  /* value */
}
.ciq-night cq-hu-static > div > * {
  color: #8bd0ff;
}
.ciq-night cq-hu-static > div > *:before {
  color: #ccc;
}

.ciq-night .hu-tooltip {
  border: 2px solid #4ea1fe;
  background-color: rgba(42, 81, 208, 0.75);
  color: white;
}

/* legend will have light icons */
.ciq-night cq-study-legend .ciq-icon.ciq-close:after {
  background-position: -250px -50px;
}
.ciq-night cq-study-legend .ciq-icon.ciq-edit:after,
.ciq-night cq-study-legend .ciq-edit {
  background-position: -300px -50px;
}
.ciq-night cq-study-legend .ciq-icon.ciq-delete:after {
  background-position: -400px -50px;
}

.ciq-night .ciq-sb-categories {
  background-color: #21313f;
}
.ciq-night .ciq-sb-categories cq-item > div {
  background-position-x: -26px;
}
.ciq-night .ciq-sb-studies {
  background-color: #171f27;
}
.ciq-night .ciq-info-btn {
  background-position-x: -25px;
}
.ciq-night .ciq-info-panel {
  background-color: #171f27;
}
.ciq-night .ciq-info-panel .ciq-info-panel-back-btn {
  background-position-x: -32px;
}
.ciq-night .ciq-info-panel a {
  background-color: #304152;
  color: white;
}

.ciq-night .mSticky {
  border: 2px solid #4ea1fe;
  background-color: rgba(42, 81, 208, 0.75);
  color: white;
}

.ciq-night cq-chart-title {
  background: #1c2a35;
  color: #fff;
}

.ciq-night cq-chart-title cq-chart-price {
  color: #8e959a;
}

cq-context[cq-hide-menu-periodicity].ciq-night
  cq-chart-title
  cq-menu.ciq-period,
cq-context[cq-hide-menu-periodicity].ciq-night
  cq-chart-title
  cq-clickable
  cq-symbol {
  background-color: #151f28;
}
cq-context[cq-hide-menu-periodicity].ciq-night
  cq-chart-title
  cq-menu.ciq-period:hover:not(.stxMenuActive),
cq-context[cq-hide-menu-periodicity].ciq-night
  cq-chart-title
  cq-clickable
  cq-symbol:hover:not(.stxMenuActive) {
  background-color: #2c4154;
}
cq-context[cq-hide-menu-periodicity].ciq-night
  cq-chart-title
  cq-menu.ciq-period.stxMenuActive {
  -webkit-box-shadow: -1px 0px 2px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: -1px 0px 2px rgba(255, 255, 255, 0.1);
  box-shadow: -1px 0px 2px rgba(255, 255, 255, 0.1);
}

.ciq-night .stx-panel-title {
  color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.ciq-night cq-comparison-add-label {
  color: #a4aaae;
}
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-menu.cq-comparison-new:hover
  cq-comparison-add-label,
.ciq-night cq-menu.cq-comparison-new:active cq-comparison-add-label {
  /* Brighter text on hover */
  color: white;
}

.ciq-night .stxMenuActive cq-comparison-add {
  background: #253746;
}
.ciq-night cq-comparison-add input {
  color: #d2d4d7;
  /*@include placeholder {
  	color: mix(#FFF, $theme2-main, 40% );
  }*/
}
.ciq-night cq-comparison-add .stx-btn {
  color: #a4aaae !important;
}
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-comparison-add
  .stx-btn:hover,
.ciq-night cq-comparison-add .stx-btn:active {
  color: #fff !important;
}

html:not([ciq-last-interaction='touch']) .ciq-night cq-comparison-item:hover {
  background: #21323f;
}
.ciq-night cq-comparison-item .ciq-close {
  background-position: -250px -50px;
}

/* Use the white version of the icon for Night Theme */
.ciq-night cq-comparison-key .stx-btn-ico.close:after {
  background-position: -250px -50px;
}

.ciq-night cq-attrib-container,
.ciq-night [attrib-container] {
  color: rgba(255, 255, 255, 0.6);
}
.ciq-night cq-attrib-container a,
.ciq-night [attrib-container] a {
  color: #fff;
}

/* --------------------------------------------------------- FOOTER --------------------------------------------------------- */
.ciq-night .ciq-footer {
  color: #c5c7c9;
}

cq-show-range {
  /* Set Range Button List Container */
}
html:not([ciq-last-interaction='touch']) .ciq-night cq-show-range > div:hover {
  color: #fff;
}
.ciq-night cq-show-range > div:active {
  color: #fff;
}

.ciq-night cq-share-button {
  color: #c5c7c9;
}
html:not([ciq-last-interaction='touch']) .ciq-night cq-share-button:hover {
  color: #fff;
}
.ciq-night cq-share-button:active {
  color: #fff;
}
.ciq-night cq-share-button.stxMenuActive {
  color: #fff;
}
.ciq-night .break-sm cq-share-button.stxMenuActive {
  color: #fff;
}

/* -------- Dark Buttons and Panel Controls -------- */
.ciq-night .stx-btn-panel > span.stx-ico-up {
  background-position: -150px -50px;
}

.ciq-night .stx-btn-panel > span.stx-ico-down {
  background-position: -200px -50px;
}

.ciq-night .stx-btn-panel > span.stx-ico-close {
  background-position: -250px -50px;
}

.ciq-night .stx-btn-panel > span.stx-ico-edit {
  background-position: -300px -50px;
}

.ciq-night .stx-btn-panel > span.stx-ico-focus {
  background-position: -350px -50px;
}

.ciq-night .chartSize,
.ciq-night .stx_notification_tray,
.ciq-night .stx_jump_today {
  background: rgba(33, 50, 63, 0.8);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.ciq-night .chartSize:after {
  background: rgba(255, 255, 255, 0.1);
}

.ciq-night .chartSize .stx-zoom-out {
  background-position: -45px -50px;
}

.ciq-night .chartSize .stx-zoom-in {
  background-position: -95px -50px;
}

.ciq-night .chartSize .stx-smart-zoom {
  background-image: url(/assets/smart-zoom-white-a4a566fe.svg);
}

.ciq-night .chartSize .stx-full-screen {
  background-image: url(/assets/full-screen-white-b387626c.svg);
}

.ciq-night .stx_jump_today span {
  background-position: -448px -50px;
}

/* ------- chart controls -----*/
.ciq-night .stx-float-date {
  background-color: #fff;
  color: #333;
}

.ciq-night .stx-float-price {
  background-color: #fff;
  color: #333;
}

.ciq-night .stx_xaxis {
  color: #c5c7c9;
}

.ciq-night .stx_xaxis_dark {
  color: #fff;
}

.ciq-night .stx_yaxis {
  color: #c5c7c9;
}

.ciq-night .stx_crosshair {
  background-color: rgba(255, 255, 255, 0.4);
}

.ciq-night .stx_crosshair_drawing {
  background-color: rgba(255, 255, 255, 0.9);
}

.ciq-night .stx_panel_border {
  color: #666;
}

.ciq-night .stx_panel_drag {
  color: #ccc;
}

.ciq-night .stx_grid {
  color: #21323f;
}

.ciq-night .stx_grid_dark {
  color: #253746;
}

.ciq-night .stx_line_chart {
  color: #fff;
}

.ciq-night .stx_bar_chart {
  color: #fff;
}

.ciq-night .stx_candle_shadow,
.ciq-night .stx_bar_even {
  color: #ccc;
}

.ciq-night .stx_line_down,
.ciq-night .stx_histogram_down {
  border-left-color: #e34621;
}

.ciq-night .stx_line_up,
.ciq-night .stx_histogram_up {
  border-left-color: #b8dea8;
}

.ciq-night .stx_histogram_even {
  border-left-color: #cccccc;
}

.ciq-night .stx_candle_up,
.ciq-night .stx_candle_down {
  border-left-color: transparent;
}

.ciq-night .stx_baseline {
  color: #ccc;
}

.ciq-night .stx_mountain_chart {
  /* Default color for mountain Charts */
  background-color: rgba(0, 156, 255, 0.5); /* background color for mountain */
  color: rgba(0, 102, 255, 0.01); /* Optional gradient */
  border: #009cff; /* Optional line color */
  width: 2px; /* Optional line width */
}

.ciq-night .stx-yaxis-menu {
  background-color: #2c4154;
}
.ciq-night .stx-yaxis-menu:hover {
  background-color: #1c2a35;
}

/* Volume underlay styles */
.ciq-night .stx_volume_underlay_up {
  color: rgb(
    140,
    193,
    118
  ); /* legacy only. Use study library output "Up Volume" instead */
  opacity: 0.4;
  border-left-color: rgb(148, 201, 126);
}

.ciq-night .stx_volume_underlay_down {
  color: rgb(
    184,
    45,
    12
  ); /* legacy only. Use study library output "Down Volume" instead */
  opacity: 0.4;
  border-left-color: rgb(242, 103, 70);
}

/* Volume profile styles */
.ciq-night .stx_volume_profile {
  color: #b64a96;
  opacity: 0.3;
  border-color: rgb(255, 255, 255);
}

.ciq-night .stx_projection {
  color: #fff;
}

.ciq-night .stx_histogram {
  color: #fff;
  opacity: 0.3;
}

.ciq-night .stx-btn-panel {
  /*background-color: $DARK-main;*/
}

.ciq-night .stx-ico-handle {
  background-color: #517999;
}

.ciq-night .stx_market_session.pre {
  background-color: rgba(10, 229, 237, 0.3);
}

.ciq-night .stx_market_session.post {
  background-color: rgba(41, 131, 214, 0.3);
}

html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-study-legend[cq-hovershow]:hover
  > cq-marker-label {
  color: white;
}

.ciq-night cq-study-legend[cq-hovershow] {
  color: #a2a8ad;
}

.ciq-night cq-study-legend[cq-hovershow] > cq-item,
.ciq-night cq-study-legend[cq-hovershow] cq-comparison-item {
  color: #fff;
}

html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-study-legend[cq-hovershow]
  > cq-item:hover
  > .ciq-edit {
  background-position: -300px -50px;
}

html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-study-legend[cq-hovershow]
  > cq-item:hover
  > .ciq-icon.ciq-close:after {
  background-position: -250px -50px;
}

html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-study-legend[cq-hovershow]
  > cq-item:hover,
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-study-legend[cq-hovershow]
  cq-comparison-item:hover {
  background: #21323f;
}

.ciq-night cq-chartcontrol-group,
.ciq-night .chart-control-group {
  background: rgba(28, 42, 53, 0.75);
  border: solid thin rgba(255, 255, 255, 0.05);
}

.ciq-night div.ciq-shortcut-button,
.ciq-night .ciq-shortcut-button .icon {
  background-position-y: -48px;
}

/* Data Table */
.ciq-night .ciq-data-table-container {
  background-color: rgba(28, 42, 53, 0.95);
  color: #fff;
}
.ciq-night .ciq-data-table-container label:hover {
  background-color: #2c4154;
}
.ciq-night .ciq-data-table-container label:hover input[type='checkbox'] {
  background: #999999;
}
.ciq-night
  .ciq-data-table-container
  label:hover
  input[type='checkbox']:checked {
  background: #2a51d0;
}
.ciq-night .ciq-data-table-container tr:hover {
  background-color: #2c4154;
}
.ciq-night .ciq-data-table-container th,
.ciq-night .ciq-data-table-container td {
  border-color: #495764;
}
.ciq-night .ciq-data-table-container button {
  background-color: #243645;
  border-color: #495764;
}

.ciq-night .ciq-spinner {
  background-image: url(/assets/loading-spin-white-643cb4fb.svg);
}

.ciq-night div.ciq-help-button:after {
  color: #fff;
  border-color: #fff;
  background-color: #fff;
}

.ciq-night .ciq-help-button .icon:after {
  filter: invert(1);
}

.ciq-night cq-help .press-indicator {
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.5) 25%,
    #86b9ff 50%,
    #d2e5ff 60%,
    rgba(255, 255, 255, 0) 61%
  );
}
.ciq-night cq-help .ciq-help-widget {
  background: #398dff;
}

/* Plugins and other pieces */
/* Basic Text */
/* Borders */
/* Light Theme */
/* ciq-night Theme */
/* Layout */
cq-timezone-dialog {
  width: 375px;
}

cq-timezone-dialog h4 {
  display: block;
  text-align: center;
}

cq-timezone-dialog p {
  text-align: center;
  font-weight: 400;
}

cq-timezone-dialog ul,
cq-timezone-dialog .ciq-ul {
  padding-left: 20px;
  text-align: left;
  border-left: 0 none;
  margin-left: 0;
}

cq-timezone-dialog li {
  margin-left: 0px;
  padding: 8px 0;
}

.timezoneDialogWrapper {
  border-top: solid #ddd 1px;
  border-bottom: solid #ddd 1px;
}

cq-timezone-dialog .detect {
  text-align: center;
  margin: 20px auto;
}

cq-timezone-dialog .instruct {
  text-align: center;
  margin: 10px auto 0px;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 11px;
  font-style: italic;
  color: #999;
}

html:not([ciq-last-interaction='touch']) cq-timezone-dialog li:hover {
  background-color: #f0f0f0;
}

html[ciq-last-interaction='touch'] cq-timezone-dialog li:active {
  background: #efefef;
  color: #000;
}

/* --------------------------------------------------------- Trade from Chart --------------------------------------------------------- */
/* We add body selectors to increase the specificity over defaults from tfc.css */
body .stx-panel-side {
  position: absolute;
  width: 0px;
  right: 0px;
  top: 0;
  bottom: 0;
}

body .stx-trade-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body .ciq-night .tfc-price {
  color: #000;
}

body .stx-trade-login-panel {
  background: none;
}

body .stx-trade-login-panel .stx-wrapper {
  padding: 20px;
}

body .stx-tooltip {
  display: block;
  position: absolute;
  top: 5px;
  font-size: 9px;
  padding: 0;
  height: 14px;
  width: 0px;
  overflow: hidden;
  transition: margin 0.25s ease-out 0.1s;
}

html:not([ciq-last-interaction='touch']) body *:hover > .stx-tooltip {
  overflow: visible;
  width: auto;
  opacity: 1;
}

body .stx-tooltip.right {
  left: 40px;
  margin-left: 5px;
}

html:not([ciq-last-interaction='touch']) body *:hover > .stx-tooltip.right {
  margin-left: 0px;
}

body .stx-tooltip.left {
  right: 40px;
  margin-right: 5px;
}

html:not([ciq-last-interaction='touch']) body *:hover > .stx-tooltip.left {
  margin-right: 0px;
}

body .stx-tooltip > div {
  display: block;
  position: absolute;
  font-size: 9px;
  height: 14px;
  line-height: 14px;
  z-index: 2;
}

body .stx-tooltip.right > div {
  left: 6px;
  padding: 0 4px 0 4px;
}

body .stx-tooltip.left > div {
  right: 6px;
  padding: 0 4px 0 4px;
}

body .stx-tooltip > span {
  position: absolute;
  top: 2px;
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg) scale(1);
  z-index: 1;
}

body .stx-tooltip.left span {
  right: 2px;
}

body .stx-tooltip.right span {
  left: 2px;
}

body .stx-tooltip div,
body .stx-tooltip span {
  background: #398dff;
  color: #fff;
}

.stx-trade-panel {
  display: none;
}
cq-side-panel .stx-trade-panel {
  display: inherit;
}

body .stx-trade-panel .stx-wrapper {
  height: 100%;
  float: left;
  border-right: none;
  overflow: hidden;
  display: none;
  padding-top: 10px;
  box-sizing: border-box;
}

body .stx-trade-panel .stx-wrapper.active {
  display: block;
}

body .stx-wrapper.stx-trade-nav {
  z-index: 2;
  width: 68px;
}

body .stx-wrapper.stx-trade-info {
  z-index: 1;
  width: 280px;
}

.break-md .stx-wrapper.stx-trade-info.active,
.break-sm .stx-wrapper.stx-trade-info.active {
  display: none;
}

.break-md .stx-wrapper.stx-trade-nav,
.break-sm .stx-wrapper.stx-trade-nav {
  display: block;
}

.break-md .stx-trade-ticket-toggle,
.break-sm .stx-trade-ticket-toggle {
  display: none;
}

body .stx-orders li {
  border: solid 1px transparent;
  transition: border-color 0.25s;
  margin: 0 0 10px 10px;
}

body .stx-orders li:active,
html:not([ciq-last-interaction='touch']) body .stx-orders li:hover {
  border-color: #e4e4e4;
}

body .ciq-night .stx-orders li:active,
html:not([ciq-last-interaction='touch']) body .ciq-night .stx-orders li:hover {
  border-color: #233443;
}

body .stx-orders li.active,
html:not([ciq-last-interaction='touch']) body .stx-orders li.active:hover {
  border-color: #398dff;
}

body .stx-orders a {
  cursor: pointer;
}

body .stx-orders li.stx-market a {
  background-position: 0px 0px;
}

body .stx-orders li.stx-buy a {
  background-position: 0px -40px;
}

body .stx-orders li.stx-sell a {
  background-position: 0px -80px;
}

body .stx-orders li.stx-short a {
  background-position: 0px -280px;
}

body .stx-orders li.stx-cover a {
  background-position: 0px -240px;
}

body .stx-orders li.stx-strangle a {
  background-position: 0px -120px;
}

body .stx-orders li.stx-straddle a {
  background-position: 0px -160px;
}

body .stx-orders li.stx-bracket a {
  background-position: 0px -200px;
}

body .ciq-night .stx-orders li.stx-market a {
  background-position: -40px 0px;
}

body .ciq-night .stx-orders li.stx-buy a {
  background-position: -40px -40px;
}

body .ciq-night .stx-orders li.stx-sell a {
  background-position: -40px -80px;
}

body .ciq-night .stx-orders li.stx-short a {
  background-position: -40px -280px;
}

body .ciq-night .stx-orders li.stx-cover a {
  background-position: -40px -240px;
}

body .ciq-night .stx-orders li.stx-strangle a {
  background-position: -40px -120px;
}

body .ciq-night .stx-orders li.stx-straddle a {
  background-position: -40px -160px;
}

body .ciq-night .stx-orders li.stx-bracket a {
  background-position: -40px -200px;
}

body .stx-trade-info ul.stx-orders {
  width: auto;
  margin: 0 auto;
  display: inline;
}

body .stx-trade-info .stx-orders li {
  display: inline-block;
  margin: 10px 5px;
}

body .stx-trade-current .stx-head-bar .stx-ico {
  background-position: 0px -525px;
}

body .stx-trade-positions .stx-head-bar .stx-ico {
  background-position: -40px -525px;
}

html:not([ciq-last-interaction='touch'])
  body
  .stx-panel-module
  .stx-head-bar
  span.stx-switch-account:hover
  a,
body .stx-panel-module .stx-head-bar span.stx-switch-account:active a {
  color: #666;
}

html:not([ciq-last-interaction='touch'])
  body
  .ciq-night
  .stx-panel-module
  .stx-head-bar
  span.stx-switch-account:hover
  a,
.ciq-night .stx-panel-module .stx-head-bar span.stx-switch-account:active a {
  color: #999;
}

body .stx-panel-module .stx-section {
  padding: 0px 10px;
  position: relative;
}

body .stx-trade-account .stx-section {
  padding: 5px 10px;
}

body .stx-panel-module .stx-section h4 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 10px;
  margin: 5px 0 5px;
  color: #999;
}

body .ciq-night .stx-panel-module .stx-section h4 {
  color: #666;
}

body .stx-panel-module table {
  width: 100%;
  font-size: 11px;
  border-spacing: 0 4px;
  position: relative;
  z-index: 2;
}

body .stx-panel-module cq-scroll.ps--active-y table {
  width: calc(100% - 20px);
}

body .stx-panel-module th,
body .stx-panel-module td {
  line-height: 20px;
}

body .stx-panel-module th {
  color: #999;
}

body .stx-panel-module td.total {
  font-weight: bold;
  color: #000;
}

body .ciq-night .stx-panel-module td.total {
  color: #fff;
}

body .stx-panel-module .stx-divider td {
  height: 1px;
  background: #efefef;
}

.ciq-night .stx-panel-module .stx-divider td {
  background: #333;
}

body .stx-panel-module .stx-divider tr {
  border-spacing: 0 6px;
}

body .stx-trade-account tr td:nth-of-type(2) {
  text-align: right;
}

body
  .stx-panel-module
  .stx-current-position
  tr.tfc-current-symbol
  td:nth-of-type(1),
body
  .stx-panel-module
  .stx-current-orders
  tr.tfc-current-symbol
  td:nth-of-type(3) {
  font-weight: bold;
  color: #000;
}

body
  .ciq-night
  .stx-panel-module
  .stx-current-position
  tr.tfc-current-symbol
  td:nth-of-type(1),
body
  .ciq-night
  .stx-panel-module
  .stx-current-orders
  tr.tfc-current-symbol
  td:nth-of-type(3) {
  color: #fff;
}

body .stx-orders li {
  border-radius: 0px;
}

body .stx-trade-account .stx-section {
  border-top: 0px;
}

body .tfc-lots-position .stx-btn.click.up,
.tfc-current-trades .stx-btn.click.up {
  background: rgba(139, 194, 115, 0.6);
}

body .tfc-lots-position .stx-btn.click.down,
.tfc-current-trades .stx-btn.click.down {
  background: rgba(236, 85, 60, 0.6);
}

body .ciq-night .stx-btn.click.up,
.ciq-night .stx-btn.click.down {
  color: #ccc;
}

html:not([ciq-last-interaction='touch'])
  body
  .ciq-night
  .stx-btn.click.up:hover,
html:not([ciq-last-interaction='touch'])
  body
  .ciq-night
  .stx-btn.click.down:hover {
  border-color: #fff;
  color: #fff;
}

body
  .ciq-night
  .stx-trade-positions
  .stx-current-position
  .stx-btn.click:not(.up):not(.down),
body .ciq-night .stx-trade-positions .stx-head-bar .stx-btn.click {
  color: #999;
  background-color: #1f1f1f;
  border-color: #333;
}

body
  .ciq-night
  .stx-trade-positions
  .stx-current-position
  .stx-btn.click:active:not(.up):not(.down),
html:not([ciq-last-interaction='touch'])
  body
  .ciq-night
  .stx-trade-positions
  .stx-current-position
  .stx-btn.click:hover:not(.up):not(.down),
body .ciq-night .stx-trade-positions .stx-head-bar .stx-btn.click:active,
html:not([ciq-last-interaction='touch'])
  body
  .ciq-night
  .stx-trade-positions
  .stx-head-bar
  .stx-btn.click:hover {
  border-color: #666;
  color: #fff;
}

body .stx-section {
  background: #fff;
}

body .ciq-night .stx-section {
  background: none;
}

body .stx-trade-positions .stx-head-bar li.tfc-positions-view.active {
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

html:not([ciq-last-interaction='touch'])
  body
  .stx-trade-positions
  .stx-head-bar
  li.tfc-positions-view:hover {
  border: solid 1px rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.05);
}

body
  .ciq-night
  .stx-trade-positions
  .stx-head-bar
  li.tfc-positions-view.active {
  border: solid 1px rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.2);
}

html:not([ciq-last-interaction='touch'])
  body
  .ciq-night
  .stx-trade-positions
  .stx-head-bar
  li.tfc-positions-view:hover {
  border: solid 1px rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
}

body .stx-panel-module th,
.stx-panel-module td {
  font-weight: 300;
}

body .stx-select {
  color: #000;
}

body .stx-trade-ticket-toggle {
  cursor: pointer;
}

body .stx-trade-ticket-toggle.open {
  width: 45px;
  left: 5px;
}

body.break-lg .stx-watch-panel.active {
  width: 180px;
}

/*.break-lg*/
.stx-trade-panel.active {
  width: auto;
}

body .stx-trade-panel ul.stx-account {
  border-top: 1px solid #4a4a4a;
}

body .stx-trade-panel ul.stx-account li {
  margin-left: 0;
}

/***** TFC dialog close icons ***/
body .stx-btn.stx-ico,
html:not([ciq-last-interaction='touch']) body .stx-btn.stx-ico:hover,
html:not([ciq-last-interaction='touch'])
  body
  .stx-btn.stx-ico
  > span
  .stx-btn.stx-ico:hover
  > span,
body .stx-btn.stx-ico:active > span {
  overflow: hidden;
  padding: 0px !important;
  line-height: 0px;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body .stx-btn.stx-ico {
  /* This is the button wrapper and hit area */
  width: 27px;
  height: 27px;
  padding: 0px;
}

body .stx-btn.stx-ico > span,
html:not([ciq-last-interaction='touch']) body .stx-btn.stx-ico:hover > span,
body .stx-btn.stx-ico:active > span {
  /* Styling of visible area and text hiding */
  display: initial;
  position: absolute;
  left: 0;
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
  background-position: -250px -25px;
  width: 17px;
  height: 17px;
  transition: color 0.25s, border 0.25s, background-color 0.25s,
    box-shadow 0.25s;
  -webkit-transition: color 0.25s, border 0.25s, background-color 0.25s,
    box-shadow 0.25s;
  opacity: 0.7;
}

html:not([ciq-last-interaction='touch']) body .stx-btn.stx-ico:hover > span {
  opacity: 1;
}

body .stx-dialog-container {
  width: 100%;
  top: 0px;
  left: 0px;
  text-align: center;
  position: absolute;
}

body .stx-dialog {
  position: relative;
  text-align: left;
  margin: 100px auto;
  padding: 25px 30px;
  width: 200px;
  border: solid 1px #ccc;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 9px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 9px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px 0px rgba(0, 0, 0, 0.5);
}

body .trade .stx-btn.stx-ico {
  position: absolute;
  right: 0;
  top: 0;
}

/* ------------------------------------------------------- CHART OVERLAY ELEMENTS ------------------------------------------------------ */
.rightclick_drawing .no_edit .mouseDeleteText,
.rightclick_study .no_edit .mouseDeleteText,
.rightclick_drawing .mouseManageText,
.rightclick_study .mouseManageText {
  display: inline;
}

.rightclick_drawing .no_edit .mouseManageText,
.rightclick_study .no_edit .mouseManageText,
.rightclick_drawing .mouseDeleteText,
.rightclick_study .mouseDeleteText {
  display: none;
}

.rightclick_drawing .overlayText,
.rightclick_drawing .overlayEdit,
.rightclick_study .overlayEdit {
  margin-top: -6px;
  opacity: 1;
  background: transparent;
  border: none;
}
.rightclick_drawing .overlayText.stx-btn span,
.rightclick_drawing .overlayEdit.stx-btn span,
.rightclick_study .overlayEdit.stx-btn span {
  background-color: #fff;
  width: 23px;
  border: solid #cfcfcf 1px;
  border-radius: 3px;
}
.ciq-night .rightclick_drawing .overlayText.stx-btn span,
.ciq-night .rightclick_drawing .overlayEdit.stx-btn span,
.ciq-night .rightclick_study .overlayEdit.stx-btn span {
  background-color: #1c2a35;
}

.rightclick_drawing .overlayText {
  margin-left: 70px;
}
.rightclick_drawing .overlayText.stx-btn span {
  background-position: -505px -26px;
}
.ciq-night .rightclick_drawing .overlayText.stx-btn span {
  background-position: -505px -52px;
}

.rightclick_drawing .overlayEdit,
.rightclick_study .overlayEdit {
  margin-left: 10px;
}
.rightclick_drawing .overlayEdit.stx-btn span,
.rightclick_study .overlayEdit.stx-btn span {
  background-position: -301px -26px;
}
.ciq-night .rightclick_drawing .overlayEdit.stx-btn span,
.ciq-night .rightclick_study .overlayEdit.stx-btn span {
  background-position: -301px -52px;
}

.rightclick_drawing .overlayTrashCan,
.rightclick_study .overlayTrashCan {
  margin-left: 39px;
}

.rightclick_drawing .overlayTrashCan,
.rightclick_study .overlayTrashCan,
.rightclick_series .overlayTrashCan {
  margin-top: -6px;
  background: transparent;
  border: none;
}
.rightclick_drawing .overlayTrashCan.stx-btn span,
.rightclick_study .overlayTrashCan.stx-btn span,
.rightclick_series .overlayTrashCan.stx-btn span {
  background-color: #fff;
  background-position: -400px -26px;
  width: 25px;
  border: solid #cfcfcf 1px;
  border-radius: 3px;
}
.ciq-night .rightclick_drawing .overlayTrashCan.stx-btn span,
.ciq-night .rightclick_study .overlayTrashCan.stx-btn span,
.ciq-night .rightclick_series .overlayTrashCan.stx-btn span {
  background-color: #1c2a35;
  background-position: -400px -52px;
}

/* ---------------------------------------------------- PINNED TOOLTIPS --------------------------------------------------- */
.pinned-tooltip {
  position: absolute;
  display: inline-block;
  padding: 4px;
  font-size: 10px;
  border: solid 2px #398dff;
  border-radius: 5px;
  z-index: 1;
  color: #000;
  background-color: #ffffff;
}
.ciq-night .pinned-tooltip {
  color: #fff;
  background-color: #2a51d0;
}
.pinned-tooltip tr {
  text-align: right;
}
.pinned-tooltip th {
  padding: 2px;
  white-space: nowrap;
}
.pinned-tooltip td {
  padding: 2px 2px 2px 10px;
  white-space: nowrap;
}
.pinned-tooltip td.ciq-close {
  padding: 0;
  height: auto;
}
.pinned-tooltip td.ciq-close:after {
  left: 9px;
  top: -15px;
}

.pinned-stem {
  width: 2px;
  color: #398dff;
}

.pinned-event-marker td.ciq-close {
  position: absolute;
  padding: 0;
  height: auto;
  z-index: 10;
}
.pinned-event-marker td.ciq-close:after {
  left: -9px;
  top: -15px;
}

cq-consolidated td.ciq-close {
  display: none;
}

.pinned-slider {
  width: 5px;
  height: 5px;
  border: solid 2px #398dff;
  border-radius: 1px;
  background-color: #f8f8f8;
  display: inline-block;
  position: absolute;
}
.ciq-night .pinned-slider {
  background-color: #151f28;
}

.being-dragged {
  opacity: 0.2 !important;
}

/* ------------------------------------------------------- SLEEP MODE ------------------------------------------------------ */
.ciq-sleeping .chartContainer {
  opacity: 0.5;
}

/* ------------------------------------------------------- RANGE SLIDER SHADING ------------------------------------------------------ */
-panel.stx-show > * {
  display: none;
}

/* ------------------------------------------------------- PLUGIN PROTECTION ------------------------------------------------------ */
cq-orderbook {
  display: none;
}

/* Stuff in nav bar */
body .tableview-ui {
  display: none;
}

/* Stuff in menus */
.marketdepth-ui,
.scriptiq-ui,
.timespanevent-ui,
.ta_markers-ui,
.video_markers-ui,
.crosssection-ui,
.advanced-ui,
.rangeslider-ui,
.extendedhours-ui,
.animation-ui,
.shortcuts-ui,
.outliers-ui,
.dataLoader-ui,
.tooltip-ui,
.signaliq-ui,
.markers-ui {
  display: none;
}

/* Hide shortcuts and info toggle (if tooltip addOn has not been initiated) on mobile screens */
cq-context[ciq-mobile]:not([tooltip-feature]) cq-toggle[cq-member='headsUp'],
cq-context[ciq-mobile][dataLoader-feature] .dataLoader-ui,
cq-context[ciq-mobile][shortcuts-feature] .shortcuts-ui {
  display: none;
}

/* Hide additional features section as long as all the features in it have also been hidden */
cq-context[ciq-mobile] cq-menu-dropdown-section.chart-addons {
  display: none;
}

/* Enable activated addOn UI */
body *[advanced-feature] .advanced-ui,
body *[extendedhours-feature] .extendedhours-ui,
body *[animation-feature] .animation-ui,
body *[shortcuts-feature] .shortcuts-ui,
body *[outliers-feature] .outliers-ui,
body *[rangeslider-feature] .rangeslider-ui,
body *[tableview-feature] .tableview-ui,
body *[dataLoader-feature] .dataLoader-ui,
body *[tooltip-feature] .tooltip-ui,
body *[help-feature] .help-ui {
  display: inherit;
}

/* Plugin activator toggles */
.stx-technicalinsights span {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAYAAACMGIOFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAq1JREFUeNrsmN9xqkAUxkkmBZgOtAPtQPOUR60gUEGkglwq0FQAqeDymKdoByEVaAl2kJyT+XbmXLILqAs3OOeb2UGQhf1x/uzZDQKVSqVSqVQqlUql8q2713BMbWr77+oC4AZ0+EvNABbUZm/32cHcc30BRmRABr1F499zecN1z62YwoJbthyst6c2lPfd9BwwxGlI5x+AY+io9zFZAiwrIotmvYY8FtDprqWMxT6+oM7FLwAMjwWsSjwrZKkRtWdqG4D/b8DU8XfiAqxKPBzAMXVkK67pBSuARw6rp0jbBb5o0SFgRu/7U9XfZUmGW9HDh9SWIoNNLYAbWH3CqRznXQJGdc9wQcaw5g4WlG5cBhzDXQpq3G+AgfkAnJ4LWJldYcGV4wNkApCVw5W5zxO7LQ1gcm4tKrzkZMDaKYRe9C5AjExVMa559qQqNjkURKbMEP9NAH/UpnWqq3hiS4wNGgCyHm2JSrj6O2KYB7uja2t2e4SJN8BGxQAy6/JEr7u1DQgT+ti4tJjgD+JDegFsWqAn4uU5Kv2o5L4TcY/U0hFrYQlkKOC8AjaCxINjnL6g2s8E4AyxZ5uMHxyFxjcYAe8Q93ItmOAoP+LiVMCjalcajImTGDH5JABNItlZuvIAczElVM2jI05A4lnyI56sY9aTEV66QVL55+XIjrkjARmljsLD9JuLoxdA76uQCkuN4JKpq7AWE79Z9HpbFHhfanGclVfmsNTUklR4RT9ru7hvY/sjsVybO7Jm0sUKpg3I3DGd/LiPrLjtJSRSfd7g1rirtWhbu3V1briWtWovIQFgXJGLhJkoFg5dxWLblgywbWK2JrYCLDmnevlVkKhy9qiMAhz3dH3d9f5Q2zvoC54+aO78xDSyCC5VqEVVKpVKpVKpVCqVKgi+BBgAxjAodqnBBM4AAAAASUVORK5CYII=) no-repeat;
  background-size: 27px 27px;
  background-position: 0px 0px;
}

.stx-analystviews span {
  background: url(/assets/analystviews-black-50d1a7e8.png) no-repeat;
  background-size: 27px 27px;
  background-position: 0px 0px;
}

.ciq-night .stx-analystviews span {
  background-image: url(/assets/analystviews-white-95a2f246.png);
}

/* Drawing palette */
cq-context[ciq-mobile] .mStickyRightClick .mouseDeleteInstructions {
  display: none !important;
}

cq-drawing-palette {
  display: block;
  width: 69px; /* size of palette can be adjusted. be sure to set .palette-settings left property accordingly */
  height: 500px; /* default height. necessary to float the palette above the chart w/o obstructing it with the palette container set the height in a resize event to match container */
  overflow: visible;
  background: #f1f3f3;
}
.ciq-night cq-drawing-palette {
  background: #19252f;
}
cq-drawing-palette .tool-context-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  z-index: 100;
  transform: translateY(-100%);
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.ciq-night cq-drawing-palette .tool-context-menu {
  background: #1c2a35;
}
.ciq-night cq-drawing-palette .tool-context-menu {
  border: solid 1px rgba(255, 255, 255, 0.3);
  box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.1);
}
cq-drawing-palette .tool-context-menu .menu-item {
  white-space: pre;
  margin: 2px;
  padding: 5px 10px;
}
cq-drawing-palette .tool-context-menu .menu-item:hover {
  background-color: #e5e5e5;
}
.ciq-night cq-drawing-palette .tool-context-menu .menu-item:hover {
  background-color: #263949;
}
cq-drawing-palette cq-separator {
  margin: 5px 4px;
  opacity: 0.4;
  border-color: #666;
}
.ciq-night cq-drawing-palette cq-separator {
  border-color: #ccc;
  border-bottom: none;
}
cq-drawing-palette cq-menu-dropdown {
  width: auto;
}
cq-drawing-palette .mini-widget-group {
  margin-left: 4px;
  margin-bottom: 8px;
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget {
  width: 16px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px; /* account for border when squaring off the button */
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget .icon {
  width: 16px;
  padding-bottom: 16px;
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget[cq-view='detach'] {
  display: inline-block;
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget[cq-view='attach'] {
  display: none;
}
cq-drawing-palette[docked='false']
  .mini-widget-group
  .ciq-mini-widget[cq-view='detach'] {
  display: none;
}
cq-drawing-palette[docked='false']
  .mini-widget-group
  .ciq-mini-widget[cq-view='attach'] {
  display: inline-block;
}
cq-drawing-palette .primary-tool-group {
  margin: 0 3px;
}
cq-drawing-palette .primary-tool-group cq-menu {
  display: inline-block;
  float: none;
  width: 82%;
  margin: 6% 0 6% 9%;
}
cq-context[ciq-mobile]
  cq-drawing-palette
  .primary-tool-group
  cq-menu.ciq-select {
  display: block;
  position: relative;
}
cq-context[ciq-mobile]
  cq-drawing-palette
  .primary-tool-group
  cq-menu.ciq-select
  cq-menu-dropdown {
  width: 100px;
}
cq-drawing-palette .primary-tool-group cq-menu.ciq-tool-group-selection {
  padding-left: 0;
  margin-left: 5px;
}
cq-drawing-palette
  .primary-tool-group
  cq-menu.ciq-tool-group-selection
  [label] {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 5px;
}
cq-drawing-palette .primary-tool-group cq-menu cq-help {
  top: 0;
  left: -5px;
}
cq-drawing-palette .tool-group {
  position: relative;
  height: calc(100% - 172px);
  z-index: 0;
}
cq-drawing-palette .tool-group .drawing-tools-group {
  margin: 0 3px;
}
cq-drawing-palette .tool-group .drawing-tools-group cq-separator {
  margin: 5px 1px;
}
cq-drawing-palette[docked='false'] .tool-group {
  height: calc(100% - 187px);
}
cq-drawing-palette .ciq-tool {
  margin: 1px 0 4px 0;
  padding: 3px;
}
cq-drawing-palette .ciq-mini-widget {
  margin-left: 6px;
}
cq-drawing-palette .ciq-tool,
cq-drawing-palette .ciq-mini-widget {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 1px;
  box-sizing: content-box;
  padding-bottom: 23px;
  border: solid 1px transparent;
  cursor: pointer;
  transition: none;
  background: transparent;
  overflow: visible;
}
html:not([ciq-last-interaction='touch']) cq-drawing-palette .ciq-tool:hover,
html:not([ciq-last-interaction='touch'])
  cq-drawing-palette
  .ciq-mini-widget:hover {
  background: transparent;
}
cq-drawing-palette .ciq-tool:before,
cq-drawing-palette .ciq-mini-widget:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 28px;
  height: 28px;
  background-color: #e5e5e5;
  border-radius: 14px;
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ciq-night cq-drawing-palette .ciq-tool:before,
.ciq-night cq-drawing-palette .ciq-mini-widget:before {
  background-color: #263949;
}
html:not([ciq-last-interaction='touch'])
  cq-drawing-palette
  .ciq-tool:hover:before,
html:not([ciq-last-interaction='touch'])
  cq-drawing-palette
  .ciq-mini-widget:hover:before {
  opacity: 1;
}
cq-drawing-palette .ciq-tool .icon,
cq-drawing-palette .ciq-mini-widget .icon {
  display: inline-block;
  position: relative;
  width: 20px;
  margin: 2px 0 0 0;
  padding-bottom: 19px;
  pointer-events: none;
}
cq-drawing-palette .ciq-tool:hover .icon,
cq-drawing-palette .ciq-mini-widget:hover .icon {
  border-color: #e5e5e5;
}
.ciq-night cq-drawing-palette .ciq-tool:hover .icon,
.ciq-night cq-drawing-palette .ciq-mini-widget:hover .icon {
  border-color: #263949;
}
cq-drawing-palette .ciq-tool .selected .icon,
cq-drawing-palette .ciq-mini-widget .selected .icon {
  background: #398dff;
}
.ciq-night cq-drawing-palette .ciq-tool .selected .icon,
.ciq-night cq-drawing-palette .ciq-mini-widget .selected .icon {
  background: #398dff;
}
cq-drawing-palette .ciq-tool label,
cq-drawing-palette .ciq-tool span[label],
cq-drawing-palette .ciq-mini-widget label,
cq-drawing-palette .ciq-mini-widget span[label] {
  display: inline-block;
  z-index: 2000000; /* set unusually high to float over prettier scrollbar */
  position: absolute;
  top: 75%;
  left: 0;
  width: auto;
  padding: 3px;
  text-align: center;
  font-size: 10px;
  line-height: 1em;
  font-weight: 400;
  white-space: normal;
  color: #f8f8f8;
  background: #398dff;
  border: solid 1px #e4e4e4;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  cursor: pointer;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
cq-drawing-palette .ciq-tool:hover label,
cq-drawing-palette .ciq-tool:hover span[label],
cq-drawing-palette .ciq-mini-widget:hover label,
cq-drawing-palette .ciq-mini-widget:hover span[label] {
  opacity: 1;
  top: calc(100% + 5px);
  transition: opacity 0.1s 0.1s, top 0.5s 0.1s;
}
cq-drawing-palette .ciq-mini-widget:before {
  width: 20px;
  height: 20px;
  top: 0px;
  left: -2px;
}
cq-drawing-palette cq-scroll {
  width: 100%;
  height: calc(100% - 42px);
}
cq-drawing-palette cq-scroll.ps-container:hover > .ps-scrollbar-y-rail:hover,
cq-drawing-palette
  cq-scroll.ps-container.ps-in-scrolling.ps-y
  > .ps-scrollbar-y-rail,
cq-drawing-palette
  cq-scroll.ps-container:hover.ps-in-scrolling.ps-y
  > .ps-scrollbar-y-rail {
  background-color: rgba(255, 255, 255, 0.15);
  opacity: 0.9;
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.break-lg cq-drawing-palette.grid .ciq-mini-widget,
.break-md cq-drawing-palette.grid .ciq-mini-widget {
  margin: 3px 0 -3px 0;
}
.break-lg cq-drawing-palette.grid .ciq-tool,
.break-md cq-drawing-palette.grid .ciq-tool {
  margin: 2px 0 -2px 0;
}
.break-lg cq-drawing-palette.grid .ciq-tool label,
.break-lg cq-drawing-palette.grid .ciq-tool span[label],
.break-md cq-drawing-palette.grid .ciq-tool label,
.break-md cq-drawing-palette.grid .ciq-tool span[label] {
  max-width: 52px;
  min-width: 44px;
  left: -5px;
  width: auto;
  overflow-wrap: break-word;
}
.break-lg cq-drawing-palette.grid .ciq-tool.odd,
.break-md cq-drawing-palette.grid .ciq-tool.odd {
  margin-left: 4px;
}
.break-lg cq-drawing-palette.grid .ciq-tool.odd label,
.break-lg cq-drawing-palette.grid .ciq-tool.odd span[label],
.break-md cq-drawing-palette.grid .ciq-tool.odd label,
.break-md cq-drawing-palette.grid .ciq-tool.odd span[label] {
  left: auto;
  right: -8px;
}
cq-drawing-palette.list,
.break-sm cq-drawing-palette,
.break-height-sm cq-drawing-palette {
  /* always display list mode on small screens */
  width: 230px;
}
cq-drawing-palette.list .palette-container,
.break-sm cq-drawing-palette .palette-container,
.break-height-sm cq-drawing-palette .palette-container {
  margin-top: 0;
}
cq-drawing-palette.list cq-separator,
.break-sm cq-drawing-palette cq-separator,
.break-height-sm cq-drawing-palette cq-separator {
  margin: 2% 0;
}
cq-drawing-palette.list .mini-widget-group,
.break-sm cq-drawing-palette .mini-widget-group,
.break-height-sm cq-drawing-palette .mini-widget-group {
  margin-bottom: 0;
}
cq-drawing-palette.list .mini-widget-group .ciq-mini-widget,
.break-sm cq-drawing-palette .mini-widget-group .ciq-mini-widget,
.break-height-sm cq-drawing-palette .mini-widget-group .ciq-mini-widget {
  margin: 0 0 0 1%;
  padding: 3px 5px;
  padding-bottom: 23px;
}
cq-drawing-palette.list .mini-widget-group .ciq-mini-widget:nth-of-type(n + 3),
.break-sm
  cq-drawing-palette
  .mini-widget-group
  .ciq-mini-widget:nth-of-type(n + 3),
.break-height-sm
  cq-drawing-palette
  .mini-widget-group
  .ciq-mini-widget:nth-of-type(n + 3) {
  margin-right: 3%;
}
cq-drawing-palette.list .primary-tool-group cq-menu,
.break-sm cq-drawing-palette .primary-tool-group cq-menu,
.break-height-sm cq-drawing-palette .primary-tool-group cq-menu {
  float: left;
  width: 27%;
  margin: 1% 0 3% 3%;
}
cq-drawing-palette.list .primary-tool-group .ciq-tool,
.break-sm cq-drawing-palette .primary-tool-group .ciq-tool,
.break-height-sm cq-drawing-palette .primary-tool-group .ciq-tool {
  margin: 0 0 0 3%;
}
cq-drawing-palette.list .tool-group,
.break-sm cq-drawing-palette .tool-group,
.break-height-sm cq-drawing-palette .tool-group {
  height: calc(100% - 85px);
}
cq-drawing-palette.list .tool-group .ciq-tool,
.break-sm cq-drawing-palette .tool-group .ciq-tool,
.break-height-sm cq-drawing-palette .tool-group .ciq-tool {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 5px 0;
  box-sizing: border-box;
  border-radius: 0;
}
cq-drawing-palette.list .tool-group .ciq-tool .icon,
.break-sm cq-drawing-palette .tool-group .ciq-tool .icon,
.break-height-sm cq-drawing-palette .tool-group .ciq-tool .icon {
  margin: 2px 3%;
}
cq-drawing-palette.list .tool-group .ciq-tool label,
cq-drawing-palette.list .tool-group .ciq-tool span[label],
.break-sm cq-drawing-palette .tool-group .ciq-tool label,
.break-sm cq-drawing-palette .tool-group .ciq-tool span[label],
.break-height-sm cq-drawing-palette .tool-group .ciq-tool label,
.break-height-sm cq-drawing-palette .tool-group .ciq-tool span[label] {
  display: inline-block;
  position: static;
  width: auto;
  margin-left: 5px;
  padding: 0;
  font-size: 1.15em;
  line-height: 2em;
  color: #575757;
  background: transparent;
  border: none;
  overflow: hidden;
  opacity: 1;
  transition: none;
}
.ciq-night cq-drawing-palette.list .tool-group .ciq-tool label,
.ciq-night cq-drawing-palette.list .tool-group .ciq-tool span[label],
.ciq-night .break-sm cq-drawing-palette .tool-group .ciq-tool label,
.ciq-night .break-sm cq-drawing-palette .tool-group .ciq-tool span[label],
.ciq-night .break-height-sm cq-drawing-palette .tool-group .ciq-tool label,
.ciq-night
  .break-height-sm
  cq-drawing-palette
  .tool-group
  .ciq-tool
  span[label] {
  color: #fff;
}
cq-drawing-palette.list .tool-group .ciq-tool:hover label,
cq-drawing-palette.list .tool-group .ciq-tool:hover span[label],
.break-sm cq-drawing-palette .tool-group .ciq-tool:hover label,
.break-sm cq-drawing-palette .tool-group .ciq-tool:hover span[label],
.break-height-sm cq-drawing-palette .tool-group .ciq-tool:hover label,
.break-height-sm cq-drawing-palette .tool-group .ciq-tool:hover span[label] {
  padding: 0;
  border: none;
}
cq-drawing-palette.list .tool-group .ciq-tool.active label,
cq-drawing-palette.list .tool-group .ciq-tool.active span[label],
.break-sm cq-drawing-palette .tool-group .ciq-tool.active label,
.break-sm cq-drawing-palette .tool-group .ciq-tool.active span[label],
.break-height-sm cq-drawing-palette .tool-group .ciq-tool.active label,
.break-height-sm cq-drawing-palette .tool-group .ciq-tool.active span[label] {
  color: #398dff;
  font-weight: bold;
}
cq-drawing-palette.list .tool-group cq-scroll,
.break-sm cq-drawing-palette .tool-group cq-scroll,
.break-height-sm cq-drawing-palette .tool-group cq-scroll {
  height: calc(100% - 60px);
}
cq-drawing-palette.list[docked='false'] .tool-group,
.break-sm cq-drawing-palette[docked='false'] .tool-group,
.break-height-sm cq-drawing-palette[docked='false'] .tool-group {
  height: calc(100% - 100px);
}
cq-drawing-palette.list .tool-group .ciq-tool:before,
.break-sm cq-drawing-palette .tool-group .ciq-tool:before,
.break-height-sm cq-drawing-palette .tool-group .ciq-tool:before {
  top: 5px;
  left: 3px;
  width: calc(100% - 5px);
  z-index: -1;
}
cq-drawing-palette.list .ciq-mini-widget:before,
.break-sm cq-drawing-palette .ciq-mini-widget:before,
.break-height-sm cq-drawing-palette .ciq-mini-widget:before {
  top: 4px;
  left: 1px;
}
cq-drawing-palette.list .palette-settings,
.break-sm cq-drawing-palette .palette-settings,
.break-height-sm cq-drawing-palette .palette-settings {
  left: calc(230px + 5px);
  width: calc(100% - 280px);
}
cq-drawing-palette .tool-group cq-scroll .ciq-tool,
cq-drawing-palette .tool-group .drawing-tools-group {
  display: none;
}
cq-drawing-palette .tool-group[tool-group-filter='all'] .ciq-tool {
  display: inline-block;
}
cq-drawing-palette .tool-group[tool-group-filter='all'] .drawing-tools-group,
cq-drawing-palette
  .tool-group[tool-group-filter='all']
  .drawing-tools-group.favorites
  cq-separator {
  display: block;
}
cq-drawing-palette
  .tool-group[tool-group-filter='all']
  .drawing-tools-group:nth-last-of-type(3)
  cq-separator {
  display: none;
}
cq-drawing-palette
  .tool-group[tool-group-filter='text']
  [cq-tool-group*='text'],
cq-drawing-palette
  .tool-group[tool-group-filter='statistics']
  [cq-tool-group*='statistics'],
cq-drawing-palette
  .tool-group[tool-group-filter='technicals']
  [cq-tool-group*='technicals'],
cq-drawing-palette
  .tool-group[tool-group-filter='fibonacci']
  [cq-tool-group*='fibonacci'],
cq-drawing-palette
  .tool-group[tool-group-filter='favorite']
  [cq-tool-group*='favorite'],
cq-drawing-palette
  .tool-group[tool-group-filter='favorites']
  [cq-tool-group*='favorite'],
cq-drawing-palette
  .tool-group[tool-group-filter='line']
  [cq-tool-group*='line'],
cq-drawing-palette
  .tool-group[tool-group-filter='lines']
  [cq-tool-group*='line'],
cq-drawing-palette
  .tool-group[tool-group-filter='marking']
  [cq-tool-group*='marking'],
cq-drawing-palette
  .tool-group[tool-group-filter='markings']
  [cq-tool-group*='marking'] {
  display: inline-block;
}
cq-drawing-palette
  .tool-group[tool-group-filter='text']
  .drawing-tools-group.text,
cq-drawing-palette
  .tool-group[tool-group-filter='statistics']
  .drawing-tools-group.statistics,
cq-drawing-palette
  .tool-group[tool-group-filter='technicals']
  .drawing-tools-group.technicals,
cq-drawing-palette
  .tool-group[tool-group-filter='fibonacci']
  .drawing-tools-group.fibonacci,
cq-drawing-palette
  .tool-group[tool-group-filter='line']
  .drawing-tools-group.lines,
cq-drawing-palette
  .tool-group[tool-group-filter='lines']
  .drawing-tools-group.lines,
cq-drawing-palette
  .tool-group[tool-group-filter='marking']
  .drawing-tools-group.markings,
cq-drawing-palette
  .tool-group[tool-group-filter='markings']
  .drawing-tools-group.markings,
cq-drawing-palette .tool-group .drawing-tools-group.favorites {
  display: block;
}
cq-drawing-palette
  .tool-group[tool-group-filter='text']
  .drawing-tools-group.text
  cq-separator,
cq-drawing-palette
  .tool-group[tool-group-filter='statistics']
  .drawing-tools-group.statistics
  cq-separator,
cq-drawing-palette
  .tool-group[tool-group-filter='technicals']
  .drawing-tools-group.technicals
  cq-separator,
cq-drawing-palette
  .tool-group[tool-group-filter='fibonacci']
  .drawing-tools-group.fibonacci
  cq-separator,
cq-drawing-palette
  .tool-group[tool-group-filter='line']
  .drawing-tools-group.lines
  cq-separator,
cq-drawing-palette
  .tool-group[tool-group-filter='lines']
  .drawing-tools-group.lines
  cq-separator,
cq-drawing-palette
  .tool-group[tool-group-filter='marking']
  .drawing-tools-group.markings
  cq-separator,
cq-drawing-palette
  .tool-group[tool-group-filter='markings']
  .drawing-tools-group.markings
  cq-separator,
cq-drawing-palette .tool-group .drawing-tools-group.favorites cq-separator {
  display: none;
}
cq-drawing-palette .ciq-tool .icon {
  background: transparent url('/assets/stx-sprite-drawing-tools-black-c4f62030.svg') top left
    no-repeat;
  background-size: 100%;
  background-position: 0 0;
}
.ciq-night cq-drawing-palette .ciq-tool .icon {
  background-image: url('/assets/stx-sprite-drawing-tools-white-57ffd78d.svg');
}
cq-drawing-palette .ciq-tool .icon.annotation {
  background-position: 0 0;
}
cq-drawing-palette .ciq-tool .icon.callout {
  background-position: 0 -40px;
}
cq-drawing-palette .ciq-tool .icon.average {
  background-position: 0 -20px;
}
cq-drawing-palette .ciq-tool .icon.channel {
  background-position: 0 -60px;
}
cq-drawing-palette .ciq-tool .icon.continuous {
  background-position: 0 -180px;
}
cq-drawing-palette .ciq-tool .icon.crossline {
  background-position: 0 -80px;
}
cq-drawing-palette .ciq-tool .icon.freeform {
  background-position: 0 -100px;
}
cq-drawing-palette .ciq-tool .icon.ellipse {
  background-position: 0 -220px;
}
cq-drawing-palette .ciq-tool .icon.retracement {
  background-position: 0 -240px;
}
cq-drawing-palette .ciq-tool .icon.fibprojection {
  background-position: 0 -260px;
}
cq-drawing-palette .ciq-tool .icon.fibarc {
  background-position: 0 -280px;
}
cq-drawing-palette .ciq-tool .icon.fibfan {
  background-position: 0 -300px;
}
cq-drawing-palette .ciq-tool .icon.fibtimezone {
  background-position: 0 -320px;
}
cq-drawing-palette .ciq-tool .icon.gannfan {
  background-position: 0 -340px;
}
cq-drawing-palette .ciq-tool .icon.gartley {
  background-position: 0 -360px;
}
cq-drawing-palette .ciq-tool .icon.horizontal {
  background-position: 0 -120px;
}
cq-drawing-palette .ciq-tool .icon.line {
  background-position: 0 -140px;
}
cq-drawing-palette .ciq-tool .icon.pitchfork {
  background-position: 0 -380px;
}
cq-drawing-palette .ciq-tool .icon.quadrant {
  background-position: 0 -400px;
}
cq-drawing-palette .ciq-tool .icon.ray {
  background-position: 0 -420px;
}
cq-drawing-palette .ciq-tool .icon.rectangle {
  background-position: 0 -440px;
}
cq-drawing-palette .ciq-tool .icon.regression {
  background-position: 0 -460px;
}
cq-drawing-palette .ciq-tool .icon.segment {
  background-position: 0 -160px;
}
cq-drawing-palette .ciq-tool .icon.arrow {
  background-position: 0 -580px;
}
cq-drawing-palette .ciq-tool .icon.check {
  background-position: 0 -480px;
}
cq-drawing-palette .ciq-tool .icon.xcross {
  background-position: 0 -500px;
}
cq-drawing-palette .ciq-tool .icon.focusarrow {
  background-position: 0 -520px;
}
cq-drawing-palette .ciq-tool .icon.heart {
  background-position: 0 -540px;
}
cq-drawing-palette .ciq-tool .icon.star {
  background-position: 0 -560px;
}
cq-drawing-palette .ciq-tool .icon.speedarc {
  background-position: 0 -600px;
}
cq-drawing-palette .ciq-tool .icon.speedline {
  background-position: 0 -680px;
}
cq-drawing-palette .ciq-tool .icon.timecycle {
  background-position: 0 -620px;
}
cq-drawing-palette .ciq-tool .icon.tirone {
  background-position: 0 -640px;
}
cq-drawing-palette .ciq-tool .icon.trendline {
  background-position: 0 -160px;
}
cq-drawing-palette .ciq-tool .icon.vertical {
  background-position: 0 -200px;
}
cq-drawing-palette .ciq-tool .icon.undo {
  background-position: 0 -780px;
}
cq-drawing-palette .ciq-tool .icon.redo {
  background-position: 0 -800px;
}
cq-drawing-palette .ciq-tool .icon.pointer {
  background-position: 0 -820px;
}
cq-drawing-palette .ciq-tool .icon.measure {
  background-position: 0 -700px;
}
cq-drawing-palette .ciq-tool .icon.clear {
  background-position: 0 -740px;
}
cq-drawing-palette .ciq-tool .icon.restore {
  background-position: 0 -720px;
}
cq-drawing-palette .ciq-tool .icon.elliottwave,
cq-drawing-palette .ciq-tool .icon.elliott {
  background-position: 0 -1000px;
}
cq-drawing-palette .ciq-tool .icon.volumeprofile {
  background-position: 0 -1020px;
}
cq-drawing-palette .ciq-tool .icon.measurementline {
  background-position: 0 -1040px;
}
cq-drawing-palette .ciq-tool.active .icon {
  background-image: url('/assets/stx-sprite-drawing-tools-blue-65aa0929.svg');
}
cq-drawing-palette .ciq-tool:active .icon {
  background-image: url('/assets/stx-sprite-drawing-tools-blue-65aa0929.svg');
}
cq-drawing-palette .ciq-tool:focus {
  background-color: transparent;
}
cq-drawing-palette .ciq-mini-widget .icon {
  background: transparent url('/assets/stx-sprite-palette-miniwidgets-black-f277b442.svg')
    top left no-repeat;
  background-size: 16px;
  background-position: 0 0;
}
.ciq-night cq-drawing-palette .ciq-mini-widget .icon {
  background-image: url('/assets/stx-sprite-palette-miniwidgets-white-acd00888.svg');
}
cq-drawing-palette .ciq-mini-widget:focus {
  background-color: transparent;
}
cq-drawing-palette.list
  .mini-widget-group
  .ciq-mini-widget[cq-view='list']
  .icon,
cq-drawing-palette.grid
  .mini-widget-group
  .ciq-mini-widget[cq-view='grid']
  .icon,
cq-drawing-palette .ciq-mini-widget.active .icon,
cq-drawing-palette .ciq-mini-widget .active .icon,
cq-drawing-palette .ciq-mini-widget:active .icon {
  background-image: url('/assets/stx-sprite-palette-miniwidgets-blue-603f2b39.svg');
}
cq-drawing-palette .ciq-mini-widget .active + .icon {
  background-image: url('/assets/stx-sprite-palette-miniwidgets-blue-603f2b39.svg');
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget[cq-view='list'] .icon {
  background-position: 0 -16px;
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget[cq-view='grid'] .icon {
  background-position: 0 0px;
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget[cq-view='detach'] .icon {
  background-position: 0 -32px;
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget[cq-view='attach'] .icon {
  background-position: 0 -48px;
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget .icon.magnet {
  background-position: 0 -96px;
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget .icon.clear {
  background-position: 0 -128px;
}
cq-drawing-palette .mini-widget-group .ciq-mini-widget .icon.restore {
  background-position: 0 -112px;
}
.ciq-multi-chart-container-wrapper
  cq-drawing-palette
  .mini-widget-group
  .ciq-mini-widget.ciq-hide-drawings {
  display: none;
}
cq-drawing-palette
  .mini-widget-group
  .ciq-mini-widget.ciq-hide-drawings
  .icon.hide {
  background-position: 0 -144px;
}
cq-drawing-palette .mini-widget-group.mini-widget-foot {
  margin-bottom: 4px;
}
cq-drawing-palette .mini-widget-group.mini-widget-foot .ciq-mini-widget {
  margin: 0 0 4px 6px;
  width: 16px;
  padding-bottom: 20px;
}
cq-drawing-palette .mini-widget-group.mini-widget-foot .ciq-mini-widget label,
cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  span[label] {
  width: auto;
  height: auto;
  left: -5px;
  top: 0;
  opacity: 0;
  transform: translateY(calc(-75% - 5px));
}
cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget:hover
  label,
cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget:hover
  span[label] {
  opacity: 1;
  transform: translateY(calc(-100% - 5px));
  transition: opacity 0.1s 0.1s, transform 0.5s 0.1s;
}
cq-drawing-palette .mini-widget-group.mini-widget-foot .ciq-mini-widget .icon {
  background-position-x: center;
}
cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  .icon.magnet {
  border: none;
  height: 0;
  margin-top: 2px;
}
cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  cq-toggle {
  position: absolute;
  width: inherit;
  height: 100%;
}
cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  cq-toggle:before {
  content: none;
}
cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget.ciq-magnet {
  margin-right: 3px;
  border-bottom-color: transparent;
}
cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget.ciq-magnet.strong {
  border-bottom: solid 1px #398dff;
}
cq-drawing-palette.list .mini-widget-group.mini-widget-foot,
.break-sm cq-drawing-palette .mini-widget-group.mini-widget-foot,
.break-height-sm cq-drawing-palette .mini-widget-group.mini-widget-foot {
  margin: 5px 0;
  float: left;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 1;
}
cq-drawing-palette.list .mini-widget-group.mini-widget-foot .ciq-mini-widget,
.break-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget,
.break-height-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget {
  margin: 0 10px 4px 10px;
  padding: 3px 3px 23px 4px;
  transform-origin: center;
  transform: scale(1.5);
  float: none;
}
cq-drawing-palette.list
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  label,
cq-drawing-palette.list
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  span[label],
.break-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  label,
.break-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  span[label],
.break-height-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  label,
.break-height-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  span[label] {
  width: auto;
  height: auto;
  top: auto;
  bottom: 0;
  transform: scale(0.75) translateY(-20px);
}
cq-drawing-palette.list
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget:hover
  label,
cq-drawing-palette.list
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget:hover
  span[label],
.break-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget:hover
  label,
.break-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget:hover
  span[label],
.break-height-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget:hover
  label,
.break-height-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget:hover
  span[label] {
  transition: opacity 0.1s 0.1s, bottom 0.5s 0.1s;
  bottom: 5px;
}
cq-drawing-palette.list
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  .icon,
.break-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  .icon,
.break-height-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  .icon {
  width: 14px;
  padding-bottom: 16px;
}
cq-drawing-palette.list
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  .icon.magnet,
.break-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  .icon.magnet,
.break-height-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  .ciq-mini-widget
  .icon.magnet {
  height: 0;
}
cq-drawing-palette.list .mini-widget-group.mini-widget-foot cq-toggle,
.break-sm cq-drawing-palette .mini-widget-group.mini-widget-foot cq-toggle,
.break-height-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  cq-toggle {
  /*&.ciq-mini-widget .icon.magnet{
  	margin-top: 5px;
  	position: absolute;
  }*/
}
cq-drawing-palette.list .mini-widget-group.mini-widget-foot cq-toggle cq-help,
.break-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  cq-toggle
  cq-help,
.break-height-sm
  cq-drawing-palette
  .mini-widget-group.mini-widget-foot
  cq-toggle
  cq-help {
  left: -3px;
  top: -2px;
  transition: none;
}
cq-drawing-palette .ciq-tool .fav-marker {
  content: ' ';
  display: none;
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 12px;
  height: 12px;
  background: transparent url('/assets/stx-sprite-drawing-tools-black-c4f62030.svg') top left
    no-repeat;
  background-size: 100%;
  background-position: 0 -576px;
  pointer-events: none;
}
.ciq-night cq-drawing-palette .ciq-tool .fav-marker {
  background-image: url('/assets/stx-sprite-drawing-tools-white-57ffd78d.svg');
}
cq-drawing-palette.list .ciq-tool .fav-marker,
.break-sm cq-drawing-palette.grid .ciq-tool .fav-marker,
.break-height-sm cq-drawing-palette.grid .ciq-tool .fav-marker {
  display: block;
  bottom: auto;
  right: 15px;
  width: 18px;
  height: 18px;
  background-position: 0 -504px;
  top: 11px;
  pointer-events: auto;
  z-index: 1;
}
cq-drawing-palette .ciq-tool[cq-tool-group*='favorite'] .fav-marker {
  display: block;
  background-image: url('/assets/stx-sprite-drawing-tools-blue-65aa0929.svg');
  background-position: 0 -576px;
}
cq-drawing-palette.list .ciq-tool[cq-tool-group*='favorite'] .fav-marker {
  background-position: 0 -863px;
}
cq-context:not(.ciq-show-help) cq-drawing-palette .help-instr {
  display: none;
}
cq-drawing-palette .ciq-screen-reader {
  opacity: 0;
  overflow: hidden;
  height: 0;
  font-size: 0;
  position: absolute;
}
cq-drawing-palette *:focus {
  outline: none;
}

cq-drawing-settings {
  min-height: 35px;
  line-height: 34px;
  background: #f1f3f3;
  /*  Measuring tool */
}
.ciq-night cq-drawing-settings {
  background: #19252f;
}
cq-drawing-settings[hide='true'] {
  display: none;
}
.break-sm cq-drawing-settings[hide='true'],
.break-height-sm cq-drawing-settings[hide='true'] {
  display: block;
}
cq-drawing-settings .mini-widget-group {
  margin: 4px 10px 0 0;
  float: left;
  line-height: 16px;
}
cq-drawing-settings .mini-widget-group .ciq-mini-widget {
  display: inline-block;
  position: relative;
  height: 18px;
  width: 18px;
  box-sizing: border-box;
  padding: 0;
  border: solid 1px transparent;
  cursor: pointer;
  transition: none;
  background: transparent;
  overflow: hidden;
  margin: 2px;
  line-height: 16px;
  padding-bottom: 14px; /* account for border when squaring off the button */
}
cq-drawing-settings .mini-widget-group .ciq-mini-widget:hover {
  overflow: visible;
  background-color: #e5e5e5;
}
.ciq-night cq-drawing-settings .mini-widget-group .ciq-mini-widget:hover {
  background-color: #263949;
}
cq-drawing-settings .mini-widget-group .ciq-mini-widget .icon {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 1px;
  pointer-events: none;
  background: transparent url('/assets/stx-sprite-palette-miniwidgets-black-f277b442.svg')
    top left no-repeat;
  background-size: 14px;
  background-position: 0 0;
}
.ciq-night cq-drawing-settings .mini-widget-group .ciq-mini-widget .icon {
  background-image: url('/assets/stx-sprite-palette-miniwidgets-white-acd00888.svg');
}
cq-drawing-settings .mini-widget-group .ciq-mini-widget:hover .icon {
  border-color: #e5e5e5;
}
.ciq-night cq-drawing-settings .mini-widget-group .ciq-mini-widget:hover .icon {
  border-color: #263949;
}
cq-drawing-settings .mini-widget-group .ciq-mini-widget .selected .icon {
  background: #398dff;
}
.ciq-night
  cq-drawing-settings
  .mini-widget-group
  .ciq-mini-widget
  .selected
  .icon {
  background: #398dff;
}
cq-drawing-settings .mini-widget-group .ciq-mini-widget label,
cq-drawing-settings .mini-widget-group .ciq-mini-widget span[label] {
  display: inline-block;
  z-index: 100;
  position: absolute;
  top: calc(20px + 5px);
  left: 50%;
  width: 32px;
  padding: 2px 3px;
  font-size: 10px;
  line-height: 1em;
  font-weight: 400;
  white-space: normal;
  color: #f8f8f8;
  background: #398dff;
  border: solid 1px #e4e4e4;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  transition: opacity 0.25s 0.5s;
  cursor: pointer;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
cq-drawing-settings .mini-widget-group .ciq-mini-widget:hover label,
cq-drawing-settings .mini-widget-group .ciq-mini-widget:hover span[label] {
  opacity: 1;
}
cq-drawing-settings .mini-widget-group .ciq-mini-widget[cq-view='attach'] {
  display: none;
}
.break-sm cq-drawing-settings .mini-widget-group,
.break-height-sm cq-drawing-settings .mini-widget-group {
  display: none;
}
cq-drawing-settings
  .mini-widget-group
  .ciq-mini-widget[cq-view='detach']
  .icon {
  background-position: 0 -28px; /* position is set manually here because background is scaled */
}
cq-drawing-settings
  .mini-widget-group
  .ciq-mini-widget[cq-view='attach']
  .icon {
  background-position: 0 -42px; /* position is set manually here because background is scaled */
}
cq-drawing-settings[docked='false'] .ciq-mini-widget[cq-view='detach'] {
  display: none;
}
cq-drawing-settings[docked='false'] .ciq-mini-widget[cq-view='attach'] {
  display: inline-block;
}
cq-drawing-settings cq-toolbar-settings {
  float: left;
}
cq-drawing-settings cq-toolbar-settings div[cq-toolbar-action='done_edit'] {
  display: block;
  background-image: url(/assets/stx-sprite-ui-42451728.svg) !important;
  background-position: -575px -50px;
  padding-right: 5px;
}
cq-drawing-settings cq-toolbar-settings .ciq-checkbox {
  display: inline;
  white-space: nowrap;
}
cq-drawing-settings cq-tooltip,
cq-drawing-settings [cq-tooltip] {
  line-height: 1;
  top: 6px;
}
html:not([ciq-last-interaction='touch'])
  cq-drawing-settings
  cq-menu[icon]:not(.stxMenuActive):hover
  [cq-tooltip] {
  top: 17px;
}
cq-drawing-settings .drawing-settings-wrapper {
  height: auto;
  width: inherit;
  float: left;
  padding: 7px 10px 5px 25px;
  box-sizing: border-box;
  position: relative;
  line-height: 32px;
}
.break-sm cq-drawing-settings .drawing-settings-wrapper,
.break-height-sm cq-drawing-settings .drawing-settings-wrapper {
  padding-left: 0;
  padding-bottom: 7px;
}
cq-drawing-settings[docked='true'] .drawing-settings-wrapper {
  padding-left: 10px;
}
cq-drawing-settings .ciq-mobile-palette-toggle {
  display: none;
  padding-right: 0;
  text-transform: uppercase;
}
cq-drawing-settings .ciq-mobile-palette-toggle span {
  position: relative;
  padding-right: 25px;
}
cq-drawing-settings .ciq-heading {
  /* Background and line color headings */
  float: left;
  line-height: 32px;
  font-size: 11px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  color: #919292;
  margin: 0;
}
.ciq-night cq-drawing-settings .ciq-heading {
  color: #757c82;
}
cq-drawing-settings .ciq-heading span.shortcut {
  display: none;
}
cq-drawing-settings .ciq-checkbox span {
  margin: 0 5px;
}
.ciq-night cq-drawing-settings .ciq-checkbox span {
  border-color: #4e7493;
}
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-drawing-settings
  .ciq-checkbox:hover
  span {
  border-color: #88a6bf;
}
cq-drawing-settings cq-clickable[cq-fib-settings],
cq-drawing-settings cq-clickable[cq-volumeprofile-settings],
cq-drawing-settings cq-clickable[cq-measurementline-settings] {
  line-height: 22px;
  margin-top: 5px;
}
cq-drawing-settings .ciq-icon-btn {
  display: inline-block;
}
cq-drawing-settings .ciq-icon-btn.cq-icon-gear {
  cursor: pointer;
  width: 20px;
  padding-bottom: 20px;
  color: transparent;
  background: transparent url('/assets/stx-sprite-drawing-tools-black-c4f62030.svg') top left
    no-repeat;
  background-size: cover;
  border: solid 1px transparent;
  background-position: 0 -940px;
}
.ciq-night cq-drawing-settings .ciq-icon-btn.cq-icon-gear {
  background-image: url('/assets/stx-sprite-drawing-tools-white-57ffd78d.svg');
}
cq-drawing-settings .ciq-icon-btn.cq-icon-gear.active .icon {
  background-image: url('/assets/stx-sprite-drawing-tools-blue-65aa0929.svg');
}
cq-drawing-settings cq-menu.nav-dropdown:after {
  top: 8px;
  right: 8px;
}
cq-drawing-settings cq-menu cq-dropdown .content {
  left: -10px;
}
cq-drawing-settings cq-menu cq-dropdown .content {
  width: auto;
}
cq-drawing-settings cq-menu.ciq-font-size cq-dropdown .content {
  text-align: right;
}
cq-drawing-settings cq-menu.ciq-line-style cq-dropdown .content,
cq-drawing-settings cq-menu.ciq-cvp-line-style cq-dropdown .content {
  width: 80px;
}
cq-drawing-settings cq-measure .mMeasure {
  display: block;
  float: left;
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  bottom: -29px;
  width: auto;
  height: 27px;
  margin: 10px 0 0;
  padding: 0 2%;
  line-height: 27px;
  text-align: left;
  font-weight: bold;
  background: rgba(21, 31, 40, 0.95);
  color: #fff;
  border: solid 1px rgb(16, 28, 35);
  border-top: none;
  transition: height 0.15s ease-out, bottom 0.15s ease-out,
    color 0.15s ease-out 0.15s;
}
cq-drawing-settings cq-measure .mMeasure:empty {
  bottom: 0;
  width: 0;
  height: 0;
  color: transparent;
  border: none;
  opacity: 0;
  visibility: hidden;
  font-size: 0;
  position: absolute;
}
cq-drawing-settings .break-sm cq-measure .mMeasure,
cq-drawing-settings .break-height-sm cq-measure .mMeasure {
  transform: translate(0, 0);
  left: auto;
  right: 0;
}
cq-drawing-settings:not([cq-drawing-edit='none']) .ciq-drawing-edit-hidden,
cq-drawing-settings[cq-drawing-edit='none'] .ciq-drawing-edit-only {
  display: none;
}
cq-drawing-settings:not([cq-drawing-edit='none']) cq-wave-parameters {
  display: none;
}
cq-context[ciq-mobile] cq-drawing-settings cq-line-style.ciq-active,
cq-context[ciq-mobile] cq-drawing-settings cq-menu.ciq-select,
.break-sm cq-drawing-settings cq-line-style.ciq-active,
.break-sm cq-drawing-settings cq-menu.ciq-select,
.break-height-sm cq-drawing-settings cq-line-style.ciq-active,
.break-height-sm cq-drawing-settings cq-menu.ciq-select {
  display: block;
  position: relative;
}
.break-md cq-drawing-settings cq-menu.ciq-select.ciq-line-style,
.break-md cq-drawing-settings cq-menu.ciq-select.ciq-cvp-line-style,
.break-sm cq-drawing-settings cq-menu.ciq-select.ciq-line-style,
.break-sm cq-drawing-settings cq-menu.ciq-select.ciq-cvp-line-style {
  width: 60px;
  padding: 0;
}
cq-drawing-settings cq-measure .mMeasure {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -29px;
  transform: translate(-50%, 0);
  width: auto;
  min-width: 150px;
  height: 27px;
  float: left;
  margin: 10px 0 0;
  padding: 0 2%;
  line-height: 27px;
  text-align: center;
  font-weight: bold;
  background: rgba(21, 31, 40, 0.95);
  color: #fff;
  transition: height 0.15s ease-out, bottom 0.15s ease-out,
    color 0.15s ease-out 0.15s;
  opacity: 1;
  border: solid 1px rgb(16, 28, 35);
  border-top: none;
}
cq-drawing-settings cq-measure .mMeasure:empty {
  width: 0;
  height: 0;
  bottom: 0;
  color: transparent;
  border: none;
}
cq-drawing-settings .break-sm cq-measure .mMeasure,
cq-drawing-settings .break-height-sm cq-measure .mMeasure {
  left: auto;
  right: 0;
  transform: translate(0, 0);
}

cq-palette-dock {
  display: none; /* default state is hidden overridden by toolbar-on class */
  z-index: 100;
  position: absolute;
}
.toolbar-on cq-palette-dock {
  display: block;
}
cq-palette-dock .ciq-select {
  /* Menu Triggers */
  float: left;
  margin-left: 6px;
}
cq-palette-dock .ciq-select > span:after {
  right: 10px;
}
html:not([ciq-last-interaction='touch']) cq-palette-dock .ciq-select:hover,
cq-palette-dock .ciq-select:active,
cq-palette-dock .ciq-select.stxMenuActive {
  color: #000;
}
.ciq-night cq-palette-dock .ciq-select {
  background: none;
  border-color: #2b3f50;
}
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-palette-dock
  .ciq-select:hover,
.ciq-night cq-palette-dock .ciq-select:active,
.ciq-night cq-palette-dock .ciq-select.stxMenuActive {
  color: #fff;
}
cq-palette-dock .ciq-select:not(:hover):not(:active):not(.stxMenuActive) {
  /* Remove borders from "select" Menus in annotation section */
  border-color: transparent;
}
cq-palette-dock .ciq-color {
  margin-top: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
cq-palette-dock .ciq-color .ciq-screen-reader {
  opacity: 0;
  font-size: 0;
  position: absolute;
}
cq-palette-dock [orientation='horizontal'] {
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
}
.ciq-night cq-palette-dock [orientation='horizontal'] {
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
cq-palette-dock [orientation='vertical'] {
  border-right: solid 1px rgba(0, 0, 0, 0.3);
}
.ciq-night cq-palette-dock [orientation='vertical'] {
  border-right: solid 1px rgba(255, 255, 255, 0.3);
}
cq-palette-dock .palette-main[docked='false'] .tool-group {
  height: calc(100% - 200px);
}
cq-palette-dock.list .palette-main[docked='false'] .tool-group {
  height: calc(100% - 110px);
}
cq-palette-dock [docked='false'] {
  border: solid 1px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: box-shadow 75ms;
}
.ciq-night cq-palette-dock [docked='false'] {
  border: solid 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.05);
}
cq-palette-dock [docked='false'].dragging {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.ciq-night cq-palette-dock [docked='false'].dragging {
  box-shadow: 2px 2px 10px rgba(200, 210, 255, 0.25);
}

cq-palette-dock {
  width: 100%;
  height: 0;
  overflow: visible;
}
cq-palette-dock.dragging,
cq-palette-dock.context {
  height: 100%;
}
cq-palette-dock .palette-dock-container {
  height: 0;
}

cq-drawing-palette,
cq-drawing-settings {
  position: absolute;
  display: block;
}
cq-drawing-palette .palette-container,
cq-drawing-settings .palette-container {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
}
cq-drawing-palette[orientation='vertical'] .palette-container,
cq-drawing-settings[orientation='vertical'] .palette-container {
  margin-top: 5px; /* Add a small margin at the top when docked */
}
cq-drawing-palette .drag-strip,
cq-drawing-palette .resize-strip,
cq-drawing-settings .drag-strip,
cq-drawing-settings .resize-strip {
  display: none;
}
cq-drawing-palette[docked='false'],
cq-drawing-settings[docked='false'] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
cq-drawing-palette[docked='false'][orientation='horizontal'],
cq-drawing-settings[docked='false'][orientation='horizontal'] {
  width: max-content !important; /* override the full-chart width set by the palette dock when undocked */
}
cq-drawing-palette[docked='false'][orientation='horizontal'] .drag-strip,
cq-drawing-settings[docked='false'][orientation='horizontal'] .drag-strip {
  width: 20px;
  height: 100%;
  z-index: 100;
  position: absolute;
  background-image: url('/assets/palette-drag-strip-01880ecf.svg');
}
cq-drawing-palette[docked='false'][orientation='horizontal'] .resize-strip,
cq-drawing-settings[docked='false'][orientation='horizontal'] .resize-strip {
  width: 2px;
  height: 100%;
  top: 0;
  left: auto;
  right: 0;
}
cq-drawing-palette[docked='false'][orientation='vertical'] .drag-strip,
cq-drawing-settings[docked='false'][orientation='vertical'] .drag-strip {
  background-image: url('/assets/palette-drag-strip-horizontal-0c0b65cc.svg');
  background-position: center;
  background-size: contain;
}
cq-drawing-palette[docked='false'] .palette-container,
cq-drawing-settings[docked='false'] .palette-container {
  margin-top: 0;
}
cq-drawing-palette[docked='false'] .drag-strip,
cq-drawing-palette[docked='false'] .resize-strip,
cq-drawing-settings[docked='false'] .drag-strip,
cq-drawing-settings[docked='false'] .resize-strip {
  display: block;
  height: 20px;
  width: 100%;
  margin-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.1);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
cq-drawing-palette[docked='false'] .drag-strip,
cq-drawing-settings[docked='false'] .drag-strip {
  cursor: move;
}
cq-drawing-palette[docked='false'] .resize-strip,
cq-drawing-settings[docked='false'] .resize-strip {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  height: 4px;
}
cq-drawing-palette[docked='false'][orientation='vertical'] .resize-strip,
cq-drawing-settings[docked='false'][orientation='vertical'] .resize-strip {
  cursor: ns-resize;
}

.break-sm cq-drawing-settings,
.break-height-sm cq-drawing-settings {
  left: 0;
  width: 100%;
}
.break-sm cq-drawing-settings .drawing-settings-wrapper,
.break-height-sm cq-drawing-settings .drawing-settings-wrapper {
  margin-left: 0;
}
.break-sm
  cq-drawing-settings
  .drawing-settings-wrapper
  .ciq-mobile-palette-toggle,
.break-height-sm
  cq-drawing-settings
  .drawing-settings-wrapper
  .ciq-mobile-palette-toggle {
  display: initial;
  position: relative;
}
.break-sm cq-drawing-settings .drawing-settings-wrapper .ciq-active-tool-label,
.break-height-sm
  cq-drawing-settings
  .drawing-settings-wrapper
  .ciq-active-tool-label {
  display: none;
}
.break-sm cq-drawing-settings .drawing-settings-wrapper .shortcut,
.break-height-sm cq-drawing-settings .drawing-settings-wrapper .shortcut {
  display: none;
}

.break-sm cq-drawing-palette,
.break-height-sm cq-drawing-palette {
  z-index: 99 !important;
  position: absolute;
  top: 40px !important;
  line-height: 35px;
}
.break-sm cq-drawing-palette .palette-container,
.break-height-sm cq-drawing-palette .palette-container {
  margin-top: 0;
}
.break-sm cq-drawing-palette .palette-container cq-separator:first-of-type,
.break-height-sm
  cq-drawing-palette
  .palette-container
  cq-separator:first-of-type {
  margin-top: 0;
  border-color: rgba(255, 255, 255, 0.3);
}
.break-sm cq-drawing-palette .palette-container cq-menu.ciq-select,
.break-height-sm cq-drawing-palette .palette-container cq-menu.ciq-select {
  display: block;
  position: relative;
}
.break-sm
  cq-drawing-palette
  .palette-container
  cq-menu.ciq-select
  cq-menu-dropdown,
.break-height-sm
  cq-drawing-palette
  .palette-container
  cq-menu.ciq-select
  cq-menu-dropdown {
  right: auto;
  top: 27px;
  margin: 0;
}
.break-sm cq-drawing-palette .mini-widget-group,
.break-height-sm cq-drawing-palette .mini-widget-group {
  display: none;
}
.break-sm cq-drawing-palette .mini-widget-group.mini-widget-foot,
.break-height-sm cq-drawing-palette .mini-widget-group.mini-widget-foot {
  display: block;
  margin-top: 10px;
}
.break-sm cq-drawing-palette .primary-tool-group,
.break-height-sm cq-drawing-palette .primary-tool-group {
  margin-top: 10px;
}
.break-sm cq-drawing-palette .tool-group,
.break-height-sm cq-drawing-palette .tool-group {
  height: calc(100% - 75px);
}
.break-sm cq-drawing-palette .tool-group cq-scroll,
.break-height-sm cq-drawing-palette .tool-group cq-scroll {
  height: calc(100% - 86px);
}
.break-sm cq-drawing-palette.palette-hide,
.break-height-sm cq-drawing-palette.palette-hide {
  display: none;
  width: 0;
}
.break-sm cq-drawing-palette .shortcut,
.break-height-sm cq-drawing-palette .shortcut {
  display: none;
}
.break-sm.ciq-night cq-drawing-palette .tool-group .ciq-tool label,
.break-sm.ciq-night cq-drawing-palette .tool-group .ciq-tool span[label],
.break-height-sm.ciq-night cq-drawing-palette .tool-group .ciq-tool label,
.break-height-sm.ciq-night
  cq-drawing-palette
  .tool-group
  .ciq-tool
  span[label] {
  color: #fff;
  max-width: initial;
}

.cq-editing-drawing {
  opacity: 0.3;
}

/* Markers */
.stx-marker-templates {
  position: absolute;
  bottom: 20px;
  width: 100%;
  z-index: 4;
}

.stx-marker {
  /* Basic Marker */
  left: 0;
  top: 0;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  text-align: left;
  color: #000;
}

.stx-marker p,
.stx-marker h4 {
  display: inline-block;
  margin: 0;
}

.stx-marker h4 {
  font-size: 14px;
  width: 100%;
}

.stx-marker p {
  font-size: 12px;
  line-height: 16px;
}

.stx-marker a {
  color: inherit;
}

.stx-marker .stx-marker-expand {
  width: 0;
  max-height: 0;
  overflow: hidden;
  z-index: 1;
}

.stx-stem {
  /* Basic Stems */
  display: block;
  height: 60px;
  width: 50%;
  float: right;
  margin-bottom: 3px;
  border-left: 1px dotted rgba(0, 0, 0, 0.8);
}
.ciq-night .stx-stem {
  border-left: 1px dotted rgba(255, 255, 255, 0.6);
}

.stx-marker.square .stx-visual,
.stx-marker.circle .stx-visual {
  /* Simple Marker */
  width: 25px;
  height: 25px;
  background-image: url(/assets/stx-sprite-markers-35c39012.svg);
}

.stx-marker.square .stx-visual:after,
.stx-marker.circle .stx-visual:after {
  /* Basic Marker */
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  height: 25px;
  width: 25px;
  opacity: 0;
  transition: opacity 0.2s 0s, border 0.2s 0s, width 0.2s 0s, height 0.2s 0s,
    top 0.2s 0s, left 0.2s 0s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html:not([ciq-last-interaction='touch'])
  .stx-marker.square
  .stx-visual:hover:after,
html:not([ciq-last-interaction='touch'])
  .stx-marker.circle
  .stx-visual:hover:after {
  height: 35px;
  width: 35px;
  top: -5px;
  left: -5px;
  opacity: 0.2;
  border: 1px solid #000;
}

html:not([ciq-last-interaction='touch'])
  .ciq-night
  .stx-marker.square:hover
  .stx-visual:after,
html:not([ciq-last-interaction='touch'])
  .ciq-night
  .stx-marker.circle:hover
  .stx-visual:after {
  border-color: #fff;
}

.stx-marker.square.highlight .stx-visual:after,
.stx-marker.circle.highlight .stx-visual:after {
  height: 35px;
  width: 35px;
  top: -5px;
  left: -5px;
  opacity: 0.1;
  border: 5px solid #000;
}
.ciq-night .stx-marker.square.highlight .stx-visual:after,
.ciq-night .stx-marker.circle.highlight .stx-visual:after {
  border-color: #fff;
  opacity: 0.15;
}

.stx-marker.circle .stx-visual,
.stx-marker.circle .stx-visual:after {
  /* Basic Marker */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.stx-marker.news .stx-visual {
  background-color: #c600d8;
  border-color: #c600d8;
  background-position: -50px -50px;
}

.stx-marker.earningsUp .stx-visual {
  background-color: #85c730;
  border-color: #85c730;
  background-position: -100px -50px;
}

.stx-marker.earningsDown .stx-visual {
  background-color: #ff002a;
  border-color: #ff002a;
  background-position: -100px -50px;
}

.stx-marker.dividend .stx-visual {
  background-color: #000;
  border-color: #000;
  background-position: -150px -50px;
}
.ciq-night .stx-marker.dividend .stx-visual {
  background-color: #fff;
  background-position: -150px -25px;
}

.stx-marker.filing .stx-visual {
  background-color: #999;
  border-color: #999;
  background-position: -200px -50px;
}

.stx-marker.split .stx-visual {
  background-color: #16b0c2;
  border-color: #16b0c2;
  background-position: -250px -50px;
}

.stx-marker.group > .stx-visual {
  /* Simple Marker */
  background: #3366ff;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
}

.stx-marker.group.small > .stx-visual {
  width: 10px;
  height: 10px;
  color: transparent !important;
}

.stx-marker.group.invert .stx-visual {
  position: absolute;
  bottom: 0;
}
.stx-marker.group.invert .stx-stem {
  margin-left: 25px;
  margin-bottom: 25px;
}
.stx-marker.group.invert.small .stx-stem {
  margin-left: 10px;
  margin-bottom: 10px;
}

html:not([ciq-last-interaction='touch'])
  .stx-marker.group.small
  > .stx-visual:hover:after,
.stx-marker.group.small.highlight > .stx-visual:after {
  height: 20px;
  width: 20px;
}

.stx-marker.square .stx-marker-expand,
.stx-marker.circle .stx-marker-expand {
  position: absolute;
  bottom: 30px;
  left: 30px;
  text-align: left;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: opacity 0.5s 0s;
}
.ciq-night .stx-marker.square .stx-marker-expand,
.ciq-night .stx-marker.circle .stx-marker-expand {
  background-color: rgba(42, 81, 208, 0.75);
  color: white;
}

.stx-marker.highlight.square .stx-marker-expand,
.stx-marker.highlight.circle .stx-marker-expand,
.stx-marker.group .ciq-expansion-holder .stx-marker-expand,
.stx-marker.group .ciq-pinned-holder .stx-marker-expand {
  width: 210px;
  max-height: 200px;
  padding: 11px;
  border: 2px solid #4ea1fe;
  opacity: 1;
}

.stx-marker.highlight .stx-marker-expand {
  min-height: 1px;
}

.stx-marker.square p,
.stx-marker.circle p {
  margin: 3px 0 10px 0;
}

.stx-marker.callout .stx-visual {
  width: 200px;
}

.stx-marker.callout .stx-marker-content {
  position: relative;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.65);
  z-index: 0;
}

.stx-marker.callout .stx-marker-content .pwrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 250ms ease-in-out;
}
.stx-marker.callout .stx-marker-content .pwrap p {
  overflow: hidden;
}

.stx-marker.callout.highlight .stx-marker-content .pwrap {
  grid-template-rows: 1fr;
}

html:not([ciq-last-interaction='touch'])
  .stx-marker.callout
  .stx-marker-content:hover,
.stx-marker.highlight.callout .stx-marker-content {
  background: rgba(255, 255, 255, 0.8);
}

.stx-marker.callout .stx-marker-content h4 {
  padding-bottom: 4px;
}

.stx-marker.callout .stx-marker-expand {
  max-height: 0;
  transition: max-height 0s 0s;
}

.stx-marker.callout .stx-marker-expand {
  position: relative;
  width: 200px;
  max-height: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: inherit;
  border-bottom: solid 3px;
  border-color: inherit;
  outline: rgba(0, 0, 0, 0.15) solid 1px;
  transition: outline 250ms ease-in-out;
}

.stx-marker.callout.highlight .stx-marker-expand {
  outline-width: 5px;
}
.ciq-night .stx-marker.callout.highlight .stx-marker-expand {
  outline-color: rgba(255, 255, 255, 0.25);
}

.stx-performance-marker.stx-marker-expand {
  background: rgba(255, 255, 255, 0.9);
  max-width: 200px;
  max-height: 200px;
  padding: 11px;
  opacity: 1;
  color: #000;
  display: block;
  border: 2px solid #4ea1fe;
  overflow: auto;
  position: absolute;
  box-sizing: border-box;
}
.ciq-night .stx-performance-marker.stx-marker-expand {
  background-color: rgba(42, 81, 208, 0.75);
  color: white;
}

.stx-marker.group > .stx-marker-expand {
  display: none;
}

.stx-marker.group.highlight > .stx-marker-expand {
  display: block;
  border: none;
  border-radius: 20px;
  padding: 0 5px;
  background: #fff;
  color: #666;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 5;
}
.ciq-night .stx-marker.group.highlight > .stx-marker-expand,
.stx-marker.group.highlight > .stx-marker-expand.ciq-night {
  background: #151f28;
  color: #ddd;
  -webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.2);
}

.stx-marker.group .ciq-marker-list {
  position: relative;
  width: 210px;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.stx-marker.group .ciq-marker-list li {
  position: relative;
  margin: 5px 0;
  padding: 6px 7px 6px 30px;
  border-radius: 15px;
}
html:not([ciq-last-interaction='touch'])
  .stx-marker.group
  .ciq-marker-list
  li:hover,
html[ciq-last-interaction='touch'] .stx-marker.group .ciq-marker-list li:active,
.stx-marker.group .ciq-marker-list li[cq-focused],
.stx-marker.group .ciq-marker-list liactive {
  background: #efefef;
  color: #000;
}
.stx-marker.group .ciq-marker-list li .ciq-headline {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stx-marker.group .ciq-marker-list li .stx-marker {
  left: 7px;
}
.stx-marker.group .ciq-marker-list li .stx-marker .stx-visual {
  width: 15px;
  height: 15px;
  margin-top: 12px;
  background-image: none;
  text-align: center;
  line-height: 17px;
  font-size: 13px;
}
.stx-marker.group .ciq-marker-list li .stx-marker .stx-visual img {
  width: 100%;
}
.stx-marker.group .ciq-marker-list li .stx-marker .stx-visual:after {
  content: none;
}
.stx-marker.group .ciq-marker-list li .stx-marker.circle .stx-visual {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.stx-marker.group .ciq-marker-list li .stx-marker.square .stx-visual,
.stx-marker.group .ciq-marker-list li .stx-marker.diamond .stx-visual,
.stx-marker.group .ciq-marker-list li .stx-marker.text .stx-visual {
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  -ms-border-radius: 0%;
  border-radius: 0%;
}
.stx-marker.group .ciq-marker-list li .stx-marker.diamond {
  left: 7px;
  margin-top: 2px;
}
.stx-marker.group .ciq-marker-list li .stx-marker.diamond .stx-visual {
  transform: rotate(45deg);
  width: 12px;
  height: 12px;
}
.stx-marker.group .ciq-marker-list li .stx-marker.text .stx-visual {
  background: none;
}

html:not([ciq-last-interaction='touch'])
  .ciq-night
  .stx-marker.group
  .ciq-marker-list
  li:hover,
html[ciq-last-interaction='touch']
  .ciq-night
  .stx-marker.group
  .ciq-marker-list
  li:active,
.ciq-night .stx-marker.group .ciq-marker-list li[cq-focused],
.ciq-night .stx-marker.group .ciq-marker-list li.active {
  color: #ddd;
  background: #2c4154;
}

.stx-marker.group .ciq-expansion-holder {
  position: absolute;
  width: auto;
  height: auto;
  padding: 2px 2px 2px 2px;
  right: 15px;
  bottom: 0;
  max-height: 400px;
  min-height: 1px;
  visibility: hidden;
}
.stx-marker.group .ciq-expansion-holder.ps.ps--active-y {
  padding-right: 15px;
}
.stx-marker.group .ciq-expansion-holder.ps.ps--active-y > .ps__rail-y {
  background: rgba(128, 128, 128, 0.5);
  border-radius: 10px;
  opacity: 1;
}
.stx-marker.group .ciq-expansion-holder.ps.ps--active-y .ps__thumb-y {
  width: 11px;
}
.stx-marker.group .ciq-expansion-holder .stx-marker,
.stx-marker.group .ciq-expansion-holder .stx-marker-expand {
  position: relative;
  bottom: auto;
  left: auto;
}

.stx-marker.group.small .ciq-expansion-holder {
  margin: 0 -15px;
}

.stx-marker.group .ciq-pinned-holder {
  position: absolute;
  width: auto;
  height: auto;
  padding: 2px 2px 2px 2px;
  right: 15px;
  bottom: 0;
  max-height: 400px;
  min-height: 1px;
  visibility: visible;
}

/* Message Toaster */
.cq-toast-message {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  min-width: 200px;
  transform: translate(-50%, 10px);
  z-index: 500;
}
.cq-toast-message.align-bottom {
  transform: translate(-50%, calc(-100% - 10px));
}
.cq-toast-message .cq-message-container {
  position: relative;
  width: auto;
  max-width: 300px;
  padding: 10px 20px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.9);
  border: solid 2px #9c9c9c;
  border-radius: 25px;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
  animation-direction: normal;
  animation-fill-mode: forwards;
}
.ciq-night .cq-toast-message .cq-message-container {
  background: rgba(28, 42, 53, 0.9);
  color: rgba(221, 221, 221, 0.9);
}
.cq-toast-message .cq-message-container .cq-message-icon {
  position: absolute;
  top: 0;
  left: 10px;
  width: 20px;
  height: 100%;
  background: transparent url('/assets/ciq-notification-info-f47df4d2.svg') center no-repeat;
  background-size: contain;
}
.cq-toast-message .cq-message-container .cq-message-text {
  padding-left: 20px;
  font-weight: bold;
  font-size: 1.05em;
}
.cq-toast-message.type-error .cq-message-container .cq-message-icon {
  background-image: url('/assets/ciq-notification-error-c876f43f.svg');
}
.cq-toast-message.type-warning .cq-message-container .cq-message-icon {
  background-image: url('/assets/ciq-notification-warning-09872c9e.svg');
}
.cq-toast-message.type-confirmation .cq-message-container .cq-message-icon {
  background-image: url('/assets/ciq-notification-confirmation-c6801fe8.svg');
}
.cq-toast-message.transition-fade .cq-message-container {
  animation-name: notification-fade-in;
}
.cq-toast-message.transition-slide .cq-message-container {
  animation-name: notification-slide-in;
}
.cq-toast-message.transition-slide.align-bottom .cq-message-container {
  animation-name: notification-slide-up-in;
}
.cq-toast-message.transition-pop .cq-message-container {
  animation-name: notification-pop-in;
  animation-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);
  animation-duration: 0.5s;
}
.cq-toast-message.transition-drop .cq-message-container {
  animation-name: notification-drop-in;
  animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
  animation-duration: 0.5s;
}
.cq-toast-message.hide {
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
.cq-toast-message.hide.transition-fade .cq-message-container {
  animation-name: notification-fade-out;
}
.cq-toast-message.hide.transition-slide .cq-message-container {
  animation-name: notification-slide-out;
}
.cq-toast-message.hide.transition-slide.align-bottom .cq-message-container {
  animation-name: notification-slide-up-out;
}
.cq-toast-message.hide.transition-pop .cq-message-container {
  animation-name: notification-pop-out;
  animation-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.cq-toast-message.hide.transition-drop .cq-message-container {
  animation-name: notification-drop-out;
}

@keyframes notification-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes notification-fade-out {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes notification-slide-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes notification-slide-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes notification-slide-up-in {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes notification-slide-up-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes notification-pop-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes notification-pop-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes notification-drop-in {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes notification-drop-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}
/* Full Screen Mode */
body:not(.full-screen) .full-screen-show,
*[cq-context]:not(.full-screen) .full-screen-show,
cq-context:not(.full-screen) .full-screen-show {
  display: none;
}
body:not(.full-screen) *[cq-context].full-screen .full-screen-show,
body:not(.full-screen) cq-context.full-screen .full-screen-show,
*[cq-context]:not(.full-screen) *[cq-context].full-screen .full-screen-show,
*[cq-context]:not(.full-screen) cq-context.full-screen .full-screen-show,
cq-context:not(.full-screen) *[cq-context].full-screen .full-screen-show,
cq-context:not(.full-screen) cq-context.full-screen .full-screen-show {
  display: block;
}
body:not(.full-screen)
  *[cq-context].full-screen
  .full-screen-show
  .symbol-search,
body:not(.full-screen) cq-context.full-screen .full-screen-show .symbol-search,
*[cq-context]:not(.full-screen)
  *[cq-context].full-screen
  .full-screen-show
  .symbol-search,
*[cq-context]:not(.full-screen)
  cq-context.full-screen
  .full-screen-show
  .symbol-search,
cq-context:not(.full-screen)
  *[cq-context].full-screen
  .full-screen-show
  .symbol-search,
cq-context:not(.full-screen)
  cq-context.full-screen
  .full-screen-show
  .symbol-search {
  margin: 0;
}
body:not(.full-screen) *[cq-context].full-screen .full-screen-show .ciq-menu,
body:not(.full-screen) cq-context.full-screen .full-screen-show .ciq-menu,
*[cq-context]:not(.full-screen)
  *[cq-context].full-screen
  .full-screen-show
  .ciq-menu,
*[cq-context]:not(.full-screen)
  cq-context.full-screen
  .full-screen-show
  .ciq-menu,
cq-context:not(.full-screen)
  *[cq-context].full-screen
  .full-screen-show
  .ciq-menu,
cq-context:not(.full-screen)
  cq-context.full-screen
  .full-screen-show
  .ciq-menu {
  padding-left: 0;
}
body:not(.full-screen) *[cq-context].full-screen .full-screen-show > * > span,
body:not(.full-screen) cq-context.full-screen .full-screen-show > * > span,
*[cq-context]:not(.full-screen)
  *[cq-context].full-screen
  .full-screen-show
  > *
  > span,
*[cq-context]:not(.full-screen)
  cq-context.full-screen
  .full-screen-show
  > *
  > span,
cq-context:not(.full-screen)
  *[cq-context].full-screen
  .full-screen-show
  > *
  > span,
cq-context:not(.full-screen)
  cq-context.full-screen
  .full-screen-show
  > *
  > span {
  margin: 0 6px;
  padding: 0;
}
body.full-screen .full-screen-hide,
*[cq-context].full-screen .full-screen-hide,
cq-context.full-screen .full-screen-hide {
  display: none;
}
body.full-screen .ciq-chart-area,
*[cq-context].full-screen .ciq-chart-area,
cq-context.full-screen .ciq-chart-area {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
}
body.full-screen cq-chart-title,
body.full-screen cq-comparison,
body.full-screen cq-study-legend,
*[cq-context].full-screen cq-chart-title,
*[cq-context].full-screen cq-comparison,
*[cq-context].full-screen cq-study-legend,
cq-context.full-screen cq-chart-title,
cq-context.full-screen cq-comparison,
cq-context.full-screen cq-study-legend {
  float: left;
  clear: left;
}
body.full-screen cq-comparison-label cq-marker-label,
*[cq-context].full-screen cq-comparison-label cq-marker-label,
cq-context.full-screen cq-comparison-label cq-marker-label {
  max-width: 85px;
  display: inline-block;
  overflow: hidden;
  line-height: 1em;
  height: 1em;
  position: absolute;
  margin-top: 8px;
  transition: all 500ms;
}
body.full-screen cq-comparison-label:hover cq-marker-label,
*[cq-context].full-screen cq-comparison-label:hover cq-marker-label,
cq-context.full-screen cq-comparison-label:hover cq-marker-label {
  max-width: 300px;
  background: #21323f;
  z-index: 9999;
}
.break-sm body.full-screen cq-drawing-palette .tool-group,
.break-sm *[cq-context].full-screen cq-drawing-palette .tool-group,
.break-sm cq-context.full-screen cq-drawing-palette .tool-group {
  height: calc(100% - 105px);
}

/* Outlier markers */
.outlier-sticker {
  left: 0;
  top: 0;
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 20;
  cursor: pointer;
  text-align: center;
}
.outlier-sticker.quote {
  width: 15px;
  height: 13px;
  padding-top: 37px;
  transition: transform 500ms cubic-bezier(0.68, -1.55, 0.265, 2.55);
}
.outlier-sticker.quote:hover {
  z-index: 100;
}
.outlier-sticker.quote:hover .outlier-value {
  border: solid 1px rgba(0, 0, 0, 0.25);
}
.ciq-night .outlier-sticker.quote:hover .outlier-value {
  border: solid 1px rgba(255, 255, 255, 0.25);
}
.outlier-sticker.quote .pill {
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 26px;
  overflow: hidden;
  border-radius: 8px;
  background: #f8f8f8;
  border: solid 1px #4c5668;
}
.ciq-night .outlier-sticker.quote .pill {
  background-color: #151f28;
}
.outlier-sticker.quote .pill .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5) url(/assets/window_collapse-0f164b24.svg)
    center center no-repeat;
}
.ciq-night .outlier-sticker.quote .pill .icon {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url('/assets/outliers_night_more-above-0a7d41b6.svg');
}
.outlier-sticker.quote.mini {
  padding-top: 26px;
}
.outlier-sticker.quote.mini .pill {
  height: 15px;
}
.outlier-sticker.quote.mini.micro {
  padding-top: 20px;
}
.outlier-sticker.quote.mini.micro .pill {
  height: 10px;
  background-color: transparent;
  border: none;
}
.outlier-sticker.quote.nano .outlier-value {
  display: none;
}
.outlier-sticker.quote .outlier-value {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f2f2f2;
  padding: 1px 10px;
  border-radius: 5px;
}
.ciq-night .outlier-sticker.quote .outlier-value {
  background-color: #131d24;
}
.outlier-sticker.quote.low:not(.flipped),
.outlier-sticker.quote.high.flipped {
  padding-top: 0;
  height: 50px;
  background-repeat: no-repeat;
}
.outlier-sticker.quote.low:not(.flipped) .pill,
.outlier-sticker.quote.high.flipped .pill {
  top: auto;
  bottom: 5px;
}
.outlier-sticker.quote.low:not(.flipped) .pill .icon,
.outlier-sticker.quote.high.flipped .pill .icon {
  background-image: url('/assets/window_expand-beb23d90.svg');
}
.ciq-night .outlier-sticker.quote.low:not(.flipped) .pill .icon,
.ciq-night .outlier-sticker.quote.high.flipped .pill .icon {
  background-image: url('/assets/outliers_night_more-below-5945bc18.svg');
}
.outlier-sticker.quote.low:not(.flipped).mini,
.outlier-sticker.quote.high.flipped.mini {
  height: 39px;
}
.outlier-sticker.quote.low:not(.flipped).mini.micro,
.outlier-sticker.quote.high.flipped.mini.micro {
  height: 33px;
}
.outlier-sticker.quote:hover {
  transform: translateY(-3px);
}
.outlier-sticker.quote:hover.low {
  transform: translateY(3px);
}
.outlier-sticker.axis {
  margin-left: 1px;
  text-align: left;
  height: 100px;
}
.outlier-sticker.axis .expansion,
.outlier-sticker.axis .compression {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background: #fafafa;
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
.ciq-night .outlier-sticker.axis .expansion,
.ciq-night .outlier-sticker.axis .compression {
  background-color: #253746;
}
.outlier-sticker.axis .expansion .pill,
.outlier-sticker.axis .compression .pill {
  position: absolute;
  top: 15px;
  left: 50%;
  width: 15px;
  height: 26px;
  transform: translateX(-50%);
  overflow: hidden;
  border-radius: 8px;
  background: #f8f8f8;
  border: solid 1px #4c5668;
}
.ciq-night .outlier-sticker.axis .expansion .pill,
.ciq-night .outlier-sticker.axis .compression .pill {
  background-color: #151f28;
}
.outlier-sticker.axis .expansion .pill .icon,
.outlier-sticker.axis .compression .pill .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5) url('/assets/outliers_day_expansion-d4af9ebb.svg')
    center center no-repeat;
}
.ciq-night .outlier-sticker.axis .expansion .pill .icon,
.ciq-night .outlier-sticker.axis .compression .pill .icon {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url('/assets/outliers_night_expansion-06f744e2.svg');
}
.outlier-sticker.axis .expansion {
  background-position-y: calc(50% + 5px);
}
.outlier-sticker.axis .expansion .tick {
  position: absolute;
  height: 6px;
  width: 2px;
  border-bottom: solid 1px;
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
.outlier-sticker.axis .expansion .outlier-value {
  margin-left: 5px;
  margin-right: 0;
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
.outlier-sticker.axis.right .expansion {
  margin-left: 0;
  margin-right: 1px;
  text-align: right;
}
.outlier-sticker.axis.right .expansion .tick {
  right: 0;
}
.outlier-sticker.axis.right .expansion .outlier-value {
  margin-left: 0;
  margin-right: 5px;
}
.outlier-sticker.axis .compression {
  height: 0;
  margin-top: 50px;
  background-position: center -100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
}
.ciq-night .outlier-sticker.axis .compression {
  box-shadow: 0 3px 7px #000;
}
.outlier-sticker.axis .compression .pill .icon {
  background: rgba(255, 255, 255, 0.5) url('/assets/outliers_day_compression-f2403dcc.svg')
    center center no-repeat;
}
.ciq-night .outlier-sticker.axis .compression .pill .icon {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url('/assets/outliers_night_compression-465d7366.svg');
}
.outlier-sticker.axis.compress .expansion {
  height: 0;
  top: 50px;
}
.outlier-sticker.axis.compress .compression {
  height: 50px;
  background-position: center 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.outlier-sticker.axis.low:not(.flipped) .expansion .pill,
.outlier-sticker.axis.high.flipped .expansion .pill {
  top: 5px;
}
.outlier-sticker.axis.low:not(.flipped) .compression .pill,
.outlier-sticker.axis.high.flipped .compression .pill {
  top: 10px;
}
.outlier-sticker.axis.low:not(.flipped) .expansion,
.outlier-sticker.axis.high.flipped .expansion {
  background-position-y: calc(50% - 5px);
  padding-top: 35px;
  height: 15px; /* padding-top + height = 50px */
}
.outlier-sticker.axis.low:not(.flipped) .compression,
.outlier-sticker.axis.high.flipped .compression {
  margin-top: 0px;
  background-position: center 200%;
  box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.25);
}
.ciq-night .outlier-sticker.axis.low:not(.flipped) .compression,
.ciq-night .outlier-sticker.axis.high.flipped .compression {
  box-shadow: 0 -3px 7px #000;
}
.outlier-sticker.axis.low:not(.flipped).compress .expansion,
.outlier-sticker.axis.high.flipped.compress .expansion {
  top: 0;
  height: 0;
  padding-top: 0;
}
.outlier-sticker.axis.low:not(.flipped).compress .expansion .tick,
.outlier-sticker.axis.low:not(.flipped).compress .expansion .outlier-value,
.outlier-sticker.axis.high.flipped.compress .expansion .tick,
.outlier-sticker.axis.high.flipped.compress .expansion .outlier-value {
  opacity: 0;
}
.outlier-sticker.axis.low:not(.flipped).compress .compression,
.outlier-sticker.axis.high.flipped.compress .compression {
  margin-top: -52px;
  background-position: center 50%;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.4);
}
.ciq-night .outlier-sticker.axis.low:not(.flipped).compress .compression,
.ciq-night .outlier-sticker.axis.high.flipped.compress .compression {
  box-shadow: 0 -2px 7px #000;
}
.outlier-sticker.axis.mini {
  height: 70px;
}
.outlier-sticker.axis.mini .expansion {
  height: 35px;
}
.outlier-sticker.axis.mini .expansion .pill .icon {
  background-image: url('/assets/outliers_day_expansion_mini-6a1f1e1a.svg');
}
.ciq-night .outlier-sticker.axis.mini .expansion .pill .icon {
  background-image: url('/assets/outliers_night_expansion_mini-c1e16112.svg');
}
.outlier-sticker.axis.mini .compression {
  margin-top: 35px;
}
.outlier-sticker.axis.mini .compression .pill {
  top: 10px;
}
.outlier-sticker.axis.mini .compression .pill .icon {
  background-image: url('/assets/outliers_day_compression_mini-483ba307.svg');
}
.ciq-night .outlier-sticker.axis.mini .compression .pill .icon {
  background-image: url('/assets/outliers_night_compression_mini-8f9f59a7.svg');
}
.outlier-sticker.axis.mini .pill {
  height: 15px;
}
.outlier-sticker.axis.mini.micro .pill {
  height: 10px;
  background-color: transparent;
  border: none;
}
.outlier-sticker.axis.mini.compress .expansion {
  height: 0;
  top: 35px;
}
.outlier-sticker.axis.mini.compress .compression {
  height: 35px;
}
.outlier-sticker.axis.mini.low:not(.flipped),
.outlier-sticker.axis.mini.high.flipped {
  margin-top: 15px;
}
.outlier-sticker.axis.mini.low:not(.flipped) .expansion,
.outlier-sticker.axis.mini.high.flipped .expansion {
  padding-top: 20px;
}
.outlier-sticker.axis.mini.low:not(.flipped).compress .expansion,
.outlier-sticker.axis.mini.high.flipped.compress .expansion {
  padding-top: 0;
}
.outlier-sticker.axis.mini.low:not(.flipped).compress .compression,
.outlier-sticker.axis.mini.high.flipped.compress .compression {
  margin-top: -37px;
}
.outlier-sticker.axis.micro {
  height: 30px;
}
.outlier-sticker.axis.micro .expansion {
  height: 15px;
}
.outlier-sticker.axis.micro .compression {
  margin-top: 15px;
  background-image: none;
}
.outlier-sticker.axis.micro .pill {
  display: none;
}
.outlier-sticker.axis.micro.compress .expansion {
  height: 0;
  top: 15px;
}
.outlier-sticker.axis.micro.compress .compression {
  height: 15px;
}
.outlier-sticker.axis.micro.compress .compression .pill {
  display: block;
  top: 3px;
}
.outlier-sticker.axis.micro.low:not(.flipped),
.outlier-sticker.axis.micro.high.flipped {
  margin-top: 30px;
}
.outlier-sticker.axis.micro.low:not(.flipped) .expansion,
.outlier-sticker.axis.micro.high.flipped .expansion {
  padding-top: 5px;
}
.outlier-sticker.axis.micro.low:not(.flipped).compress .expansion,
.outlier-sticker.axis.micro.high.flipped.compress .expansion {
  padding-top: 0;
}
.outlier-sticker.axis.micro.low:not(.flipped).compress .compression,
.outlier-sticker.axis.micro.high.flipped.compress .compression {
  margin-top: -17px;
}
.outlier-sticker.axis.nano .expansion,
.outlier-sticker.axis.nano .compression {
  display: none;
}
.outlier-sticker.axis.nano.compress .compression {
  display: block;
  margin-top: 13px;
}

/* PerfectScrollbar */
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-x:focus-visible,
.ps__thumb-y:focus-visible {
  outline: none;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
/* Interactive Help */
.ciq-help-button.help-ui,
.ciq-help-button .icon {
  display: none;
  width: 32px;
  height: 32px;
  margin: 5px;
  box-sizing: border-box;
  float: left;
  padding: 4px 0;
  cursor: pointer;
}
.ciq-help-button.help-ui:hover:after,
.ciq-help-button .icon:hover:after {
  opacity: 0.9;
}
.ciq-help-button.help-ui {
  margin: inherit 0;
}
.ciq-help-button.ciq-show-help {
  border-bottom: solid 3px #398dff;
}

div.ciq-help-button:after,
.ciq-help-button .icon {
  display: block;
  font-size: 20px;
  line-height: 22px;
  font-weight: 300;
  opacity: 0.7;
  transition: opacity 0.2s 0s;
  color: #000;
  height: 1.4em;
  margin: 0 5px;
}

div.ciq-help-button:after {
  content: '';
  background-color: #000;
  mask-image: url(/assets/ciq-help-2864722f.svg);
  -webkit-mask-image: url(/assets/ciq-help-2864722f.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-origin: content-box;
  -webkit-mask-origin: content-box;
}

.ciq-help-button .icon:after {
  content: '';
  background-image: url(/assets/ciq-help-2864722f.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 14px;
  height: 28px;
  width: 32px;
  display: block;
  top: 0;
  left: -3px;
  position: absolute;
}

div.ciq-help-button:after {
  height: 1em;
}

body.ciq-show-help cq-help.help-available .ciq-help-widget,
*[cq-context].ciq-show-help cq-help.help-available .ciq-help-widget,
cq-context.ciq-show-help cq-help.help-available .ciq-help-widget {
  display: block;
}

cq-help {
  --help-widget-size: 6px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
  transition: all 500ms;
  z-index: 1;
}
cq-help .press-indicator {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  height: 100%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.5) 25%,
    #398dff 50%,
    #398dff 60%,
    rgba(255, 255, 255, 0) 61%
  );
  transform: translateX(-50%) scale(0);
}
cq-help .press-indicator img {
  display: block;
  height: 100%;
  width: auto;
}
cq-help.pressing .press-indicator {
  animation: pulse 1000ms 200ms cubic-bezier(0, 0.915, 1, 0.645);
}
cq-help .ciq-help-widget {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--help-widget-size);
  height: var(--help-widget-size);
  background: #398dff;
  color: #398dff;
  text-align: center;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  transition: all 500ms;
  border: none;
  border-radius: 5px;
}

html:not([ciq-last-interaction='touch']) cq-toggle:hover > cq-help,
cq-toggle:active > cq-help,
.ciq-nav cq-toggle > cq-help,
html:not([ciq-last-interaction='touch']) cq-share-button:hover > cq-help,
cq-share-button:active > cq-help {
  border: none !important;
}

@keyframes pulse {
  0% {
    transform: translateX(-50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translateX(-50%) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translateX(-50%) scale(2);
    opacity: 0;
  }
}
@keyframes delayed-fade {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Multi chart */
cq-context,
*[cq-context] {
  /* when chart is in solo hide grid menu items and show info */
}
cq-context .ciq-multi-chart-container-wrapper,
*[cq-context] .ciq-multi-chart-container-wrapper {
  overflow: hidden;
}
cq-context .ciq-solo-only,
*[cq-context] .ciq-solo-only {
  display: none;
}
cq-context.ciq-multi-chart.ciq-solo .ciq-grid cq-item,
*[cq-context].ciq-multi-chart.ciq-solo .ciq-grid cq-item {
  display: none;
}
cq-context.ciq-multi-chart.ciq-solo .ciq-grid cq-item.ciq-solo-only,
*[cq-context].ciq-multi-chart.ciq-solo .ciq-grid cq-item.ciq-solo-only {
  display: inherit;
}

cq-context-wrapper {
  position: relative;
  border: solid transparent 2px;
  flex-grow: 1;
  z-index: 1;
  transition: all 300ms, border 100ms, opacity 250ms, z-index 0ms;
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  max-height: 100%;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  box-sizing: border-box;
}
.ciq-multi-chart cq-context-wrapper.active:not(.ciq-solo) {
  border-color: #398dff;
}
cq-context-wrapper .ciq-chart-area,
cq-context-wrapper cq-side-panel {
  top: 0;
  bottom: 0;
}
.sharing cq-context-wrapper {
  transition: none;
}
cq-context-wrapper cq-close {
  bottom: 0;
  right: 0;
  left: auto;
  top: auto;
  z-index: 1;
  display: none;
}
cq-context-wrapper cq-close:hover:after {
  opacity: 1;
}
cq-context-wrapper.ciq-solo-minimized .ciq-multi-chart-controls {
  display: none;
}
.ciq-multi-chart cq-context-wrapper:not(.ciq-solo-minimized) cq-close {
  display: inherit;
}

/* Chart Soloing */
.ciq-multi-chart.ciq-solo .ciq-multi-chart-container {
  display: block;
}
.ciq-multi-chart.ciq-solo .ciq-multi-chart-container cq-context-wrapper {
  position: absolute;
  display: block;
  z-index: 0;
  opacity: 0.7;
}
.ciq-multi-chart.ciq-solo
  .ciq-multi-chart-container
  cq-context-wrapper.ciq-solo {
  z-index: 11;
  opacity: 1;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.ciq-multi-chart.ciq-solo
  .ciq-multi-chart-container
  cq-context-wrapper.ciq-solo
  .ciq-solo-toggle {
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
  background-position: -602px -32px;
}
.ciq-multi-chart.ciq-solo.ciq-night
  cq-context-wrapper.ciq-solo
  .ciq-solo-toggle {
  background-position: -602px -55px;
}

.ciq-multi-chart-controls {
  position: absolute;
  display: none;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  padding: 3px 6px;
  z-index: 1;
  bottom: 2px;
  right: 4px;
  left: auto;
  top: auto;
  height: 20px;
}
.ciq-multi-chart-controls > span.ciq-solo-toggle,
.ciq-multi-chart-controls > cq-menu > span {
  color: black;
  cursor: pointer;
  transition: opacity 350ms;
  font-weight: bold;
  opacity: 0.5;
  margin-right: 5px;
}
.ciq-multi-chart-controls > span.ciq-solo-toggle:hover,
.ciq-multi-chart-controls > cq-menu > span:hover {
  opacity: 1;
}
.ciq-multi-chart-container
  cq-context-wrapper
  .ciq-multi-chart-controls
  .ciq-menu.ciq-multi-chart-options {
  width: 20px;
  height: 20px;
  float: right;
  border: none;
  padding: 0;
  line-height: 0;
}
.ciq-multi-chart-container
  cq-context-wrapper
  .ciq-multi-chart-controls
  .ciq-menu.ciq-multi-chart-options:after {
  display: none;
}
.ciq-multi-chart-container
  cq-context-wrapper
  .ciq-multi-chart-controls
  .ciq-menu.ciq-multi-chart-options
  > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  padding: 0;
  border: none;
}
.ciq-multi-chart-container
  cq-context-wrapper
  .ciq-multi-chart-controls
  .ciq-menu.ciq-multi-chart-options
  > span:after {
  display: block;
  content: '';
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background-position: -817px -29px;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  opacity: 0.85;
  transform: scale(0.85);
}
.ciq-night
  .ciq-multi-chart-container
  cq-context-wrapper
  .ciq-multi-chart-controls
  .ciq-menu.ciq-multi-chart-options
  > span:after {
  background-position: -817px -55px;
}
.ciq-multi-chart-container
  cq-context-wrapper
  .ciq-multi-chart-controls
  .ciq-menu.ciq-multi-chart-options
  cq-menu-dropdown {
  bottom: 25px;
  top: auto;
  left: auto;
  right: 15px;
  width: 100px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  box-sizing: border-box;
}
.ciq-multi-chart-container
  cq-context-wrapper
  .ciq-multi-chart-controls
  .ciq-menu.ciq-multi-chart-options
  cq-menu-dropdown
  cq-item.ciq-warning:hover {
  background-color: #ee5c5c;
  color: white;
}

.ciq-multi-chart-container cq-context-wrapper.active .ciq-multi-chart-controls,
.ciq-multi-chart-container cq-context-wrapper:hover .ciq-multi-chart-controls,
.ciq-multi-chart-container
  cq-context-wrapper.ciq-solo
  .ciq-multi-chart-controls {
  display: inline-block;
}
.ciq-multi-chart-container cq-context-wrapper.active {
  z-index: 10;
}
.ciq-multi-chart-container
  cq-context-wrapper.ciq-solo
  cq-menu.ciq-multi-chart-options {
  display: none;
}

.ciq-solo-toggle {
  cursor: pointer;
  background-image: url(/assets/stx-sprite-panels-8db34be5.svg);
  background-position: -556px -32px;
  width: 16px;
  height: 14px;
  opacity: 0.5;
  display: none;
  vertical-align: middle;
}
.ciq-solo-toggle:hover {
  opacity: 1;
}
.ciq-multi-chart .ciq-solo-toggle {
  display: inline-block;
  float: right;
}
.ciq-empty-chart .ciq-solo-toggle {
  display: none !important;
}

.ciq-multi-chart .stx-full-screen {
  display: none;
}
.ciq-multi-chart .break-height-sm cq-study-legend[cq-hovershow],
.ciq-multi-chart .break-height-sm cq-comparison[cq-show],
.ciq-multi-chart .break-height-sm .ciq-comparison[cq-show] {
  display: none;
}

.ciq-multi-chart-container-wrapper {
  display: flex;
  position: absolute;
  top: 45px;
  bottom: 45px;
  left: 2px;
  right: 1px;
  z-index: 1;
}
.full-screen .ciq-multi-chart-container-wrapper {
  top: 0;
  bottom: 0;
}
.ciq-multi-chart-container-wrapper cq-side-panel {
  top: 0;
  bottom: 0;
}

/* Default grid layout */
.ciq-multi-chart-container,
.ciq-multi-chart-button {
  position: relative;
  width: calc(100% - 2px);
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-flow: row;
  --orphan-span-start: 1;
  --orphan-span-end: 1;
}
.ciq-multi-chart-container > *:nth-last-child(1),
.ciq-multi-chart-button > *:nth-last-child(1) {
  grid-column-start: var(--orphan-span-start);
  grid-column-end: calc(-1 * var(--orphan-span-end));
}

.ciq-multi-chart-container {
  transition: all 50ms;
  transition-timing-function: cubic-bezier(1, 0, 1, 0.88);
}

/* Grid Menu */
.ciq-grid cq-menu-dropdown {
  width: auto;
  padding-bottom: 15px;
}
.ciq-grid cq-menu-dropdown .ciq-multi-chart-button {
  grid-gap: 2px;
  height: 24px;
  width: 24px;
  margin: 0;
  padding: 0;
}
.ciq-grid cq-menu-dropdown .ciq-multi-chart-button > div,
.ciq-grid cq-menu-dropdown .ciq-multi-chart-button > li {
  background: rgba(0, 0, 0, 0.25);
  border: solid 1px transparent;
  border-radius: 2px;
}
.ciq-night .ciq-grid cq-menu-dropdown .ciq-multi-chart-button > div,
.ciq-night .ciq-grid cq-menu-dropdown .ciq-multi-chart-button > li {
  background: rgba(255, 255, 255, 0.6);
}
.ciq-grid cq-menu-dropdown .ciq-multi-chart-button:hover > div,
.ciq-grid cq-menu-dropdown .ciq-multi-chart-button.active > div,
.ciq-grid cq-menu-dropdown .ciq-multi-chart-button:hover > li,
.ciq-grid cq-menu-dropdown .ciq-multi-chart-button.active > li {
  background: rgba(0, 0, 0, 0.5);
}
.ciq-night .ciq-grid cq-menu-dropdown .ciq-multi-chart-button:hover > div,
.ciq-night .ciq-grid cq-menu-dropdown .ciq-multi-chart-button.active > div,
.ciq-night .ciq-grid cq-menu-dropdown .ciq-multi-chart-button:hover > li,
.ciq-night .ciq-grid cq-menu-dropdown .ciq-multi-chart-button.active > li {
  background: rgb(255, 255, 255);
}
.ciq-grid cq-menu-dropdown h4 {
  margin: 0;
}

cq-menu cq-menu-dropdown {
  display: none;
}

cq-menu.stxMenuActive cq-menu-dropdown {
  display: inherit;
}

/* grid size picker */
html:not([ciq-last-interaction='touch']) cq-menu cq-item.ciq-grid-layout:hover,
html:not([ciq-last-interaction='touch'])
  .ciq-night
  cq-menu
  cq-item.ciq-grid-layout:hover {
  background: none;
}

.ciq-grid-layout > span {
  display: inline-block;
  line-height: 2;
  vertical-align: top;
}
.ciq-grid-layout > span::after {
  content: ':';
}
.ciq-grid-layout cq-grid-size-picker {
  display: block;
  float: left;
}
.ciq-grid-layout cq-grid-size-picker p {
  display: none;
}
.ciq-grid-layout cq-grid-size-picker td {
  width: 25px;
  height: 25px;
}
.ciq-grid-layout cq-grid-size-picker td div,
.ciq-grid-layout cq-grid-size-picker td li {
  width: 20px;
  height: 20px;
}
.ciq-night .ciq-grid-layout {
  --grid-size-border-color: #2c4354;
  --grid-size-background-color: #151f28;
  --grid-size-border-hl-color: #398dff;
  --grid-size-background-hl-color: #2c4354;
}

.ciq-night .ciq-solo-toggle {
  background-position: -556px -56px;
}

.ciq-night cq-context-wrapper.ciq-solo .ciq-solo-toggle {
  background-position: -602px -56px;
}

.ciq-night .ciq-multi-chart-controls {
  background: rgba(28, 42, 53, 0.7803921569);
}

.ciq-night .ciq-multi-chart-controls > span:first-child,
.ciq-night .ciq-multi-chart-controls > span:nth-child(2) {
  color: white;
}

/*
 *
 *	Multi-Chart Template Styles
 *
*/
/* 2x layouts */
.ciq-auto-grid-1 {
  --grid-dimension: 2;
  grid-template-columns: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-1 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

.ciq-auto-grid-1 > *:nth-child(1) {
  grid-column-start: calc(-1 * var(--orphan-span-start));
  grid-column-end: var(--orphan-span-end);
}

.ciq-auto-grid-2 {
  --grid-dimension: 2;
  grid-template-columns: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-2 > *:nth-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

.ciq-auto-grid-2 > *:nth-last-child(1) {
  grid-column-start: var(--orphan-span-start);
  grid-column-end: calc(-1 * var(--orphan-span-end));
}

.ciq-auto-grid-3 {
  --grid-dimension: 2;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-rows: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-3 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

.ciq-auto-grid-3 > *:nth-child(1) {
  grid-row-start: calc(-1 * var(--orphan-span-start));
  grid-row-end: var(--orphan-span-end);
}

.ciq-auto-grid-4 {
  --grid-dimension: 2;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-rows: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-4 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
  grid-row-end: calc(-1 * var(--orphan-span-end));
  grid-row-start: var(--orphan-span-start);
}

/* 3x layouts */
.ciq-auto-grid-5 {
  --grid-dimension: 3;
  grid-template-columns: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-5 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

.ciq-auto-grid-5 > *:nth-child(1) {
  grid-column-start: calc(-1 * var(--orphan-span-start));
  grid-column-end: var(--orphan-span-end);
}

.ciq-auto-grid-6 {
  --grid-dimension: 3;
  grid-template-columns: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-6 > *:nth-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

.ciq-auto-grid-6 > *:nth-last-child(1) {
  grid-column-start: var(--orphan-span-start);
  grid-column-end: calc(-1 * var(--orphan-span-end));
}

.ciq-auto-grid-7 {
  --grid-dimension: 3;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-rows: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-7 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

.ciq-auto-grid-7 > *:nth-child(1) {
  grid-row-start: calc(-1 * var(--orphan-span-start));
  grid-row-end: var(--orphan-span-end);
}

.ciq-auto-grid-8 {
  --grid-dimension: 3;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-rows: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-8 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
  grid-row-end: calc(-1 * var(--orphan-span-end));
  grid-row-start: var(--orphan-span-start);
}

/* 4x Layouts */
.ciq-auto-grid-9 {
  --grid-dimension: 4;
  grid-template-columns: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-9 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

.ciq-auto-grid-9 > *:nth-child(1) {
  grid-column-start: calc(-1 * var(--orphan-span-start));
  grid-column-end: var(--orphan-span-end);
}

.ciq-auto-grid-10 {
  --grid-dimension: 4;
  grid-template-columns: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-10 > *:nth-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

.ciq-auto-grid-10 > *:nth-last-child(1) {
  grid-column-start: var(--orphan-span-start);
  grid-column-end: calc(-1 * var(--orphan-span-end));
}

.ciq-auto-grid-11 {
  --grid-dimension: 4;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-rows: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-11 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

.ciq-auto-grid-11 > *:nth-child(1) {
  grid-row-start: calc(-1 * var(--orphan-span-start));
  grid-row-end: var(--orphan-span-end);
}

.ciq-auto-grid-12 {
  --grid-dimension: 4;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-rows: repeat(var(--grid-dimension), 1fr);
}

.ciq-auto-grid-12 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
  grid-row-end: calc(-1 * var(--orphan-span-end));
  grid-row-start: var(--orphan-span-start);
}

/*
 *
 *	Custom CSS-Grid Template Example
 *	Presently undocumented. This feature is available for those familiar with css-grid templates
 *
*/
.example-custom-grid {
  grid-template: 'a a b' 1fr 'a a c' 1fr 'd e f' 1fr/1fr 1fr 1fr; /* Include sizing for the 3 columns */
}

/* Always reset the span value set by default on nth-last-child(1) */
.example-custom-grid > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

/* Regions that span rows/cols must be assigned a chart by order number (nth-child) */
.example-custom-grid > *:nth-child(1) {
  grid-area: a;
}

.example-custom-grid-2 {
  grid-template: 'a a b c d d' 1fr 'a a e e d d' 1fr 'a a f f f f' 1fr/1fr 1fr 1fr 1fr 1fr 1fr;
}

/* Always reset the span value set by default on nth-last-child(1) */
.example-custom-grid-2 > *:nth-last-child(1) {
  grid-column-start: initial;
  grid-column-end: initial;
}

/* Regions that span rows/cols must be assigned a chart by order number (nth-child) */
.example-custom-grid-2 > *:nth-child(1) {
  grid-area: a;
}

.example-custom-grid-2 > *:nth-child(4) {
  grid-area: d;
}

.example-custom-grid-2 > *:nth-child(5) {
  grid-area: e;
}

.example-custom-grid-2 > *:nth-child(6) {
  grid-area: f;
}

/* Emoji */
/* Emojis.
   List is generated as follows:
   1. Fetch reference JSON from https://raw.githubusercontent.com/iamcal/emoji-data/master/emoji.json
   2. Run the following script, after assigning the JSON to "complete":
   		let res = "";
		complete.forEach((record)=>{
    		record.short_names.forEach((name) => {
        		res += ".emoji_" + name + ":before { content: \"\\" + record.unified.toLowerCase().replace(/-/g, "\\") + "\"; }\n";
    		});
		});
		console.log(res);
   3. Copy result into this file.  You may need to clean up a backslash at the EOL.
*/
.emoji_hash:before {
  content: '#️⃣';
}

.emoji_keycap_star:before {
  content: '*️⃣';
}

.emoji_zero:before {
  content: '0️⃣';
}

.emoji_one:before {
  content: '1️⃣';
}

.emoji_two:before {
  content: '2️⃣';
}

.emoji_three:before {
  content: '3️⃣';
}

.emoji_four:before {
  content: '4️⃣';
}

.emoji_five:before {
  content: '5️⃣';
}

.emoji_six:before {
  content: '6️⃣';
}

.emoji_seven:before {
  content: '7️⃣';
}

.emoji_eight:before {
  content: '8️⃣';
}

.emoji_nine:before {
  content: '9️⃣';
}

.emoji_copyright:before {
  content: '©️';
}

.emoji_registered:before {
  content: '®️';
}

.emoji_mahjong:before {
  content: '🀄';
}

.emoji_black_joker:before {
  content: '🃏';
}

.emoji_a:before {
  content: '🅰️';
}

.emoji_b:before {
  content: '🅱️';
}

.emoji_o2:before {
  content: '🅾️';
}

.emoji_parking:before {
  content: '🅿️';
}

.emoji_ab:before {
  content: '🆎';
}

.emoji_cl:before {
  content: '🆑';
}

.emoji_cool:before {
  content: '🆒';
}

.emoji_free:before {
  content: '🆓';
}

.emoji_id:before {
  content: '🆔';
}

.emoji_new:before {
  content: '🆕';
}

.emoji_ng:before {
  content: '🆖';
}

.emoji_ok:before {
  content: '🆗';
}

.emoji_sos:before {
  content: '🆘';
}

.emoji_up:before {
  content: '🆙';
}

.emoji_vs:before {
  content: '🆚';
}

.emoji_flag-ac:before {
  content: '🇦🇨';
}

.emoji_flag-ad:before {
  content: '🇦🇩';
}

.emoji_flag-ae:before {
  content: '🇦🇪';
}

.emoji_flag-af:before {
  content: '🇦🇫';
}

.emoji_flag-ag:before {
  content: '🇦🇬';
}

.emoji_flag-ai:before {
  content: '🇦🇮';
}

.emoji_flag-al:before {
  content: '🇦🇱';
}

.emoji_flag-am:before {
  content: '🇦🇲';
}

.emoji_flag-ao:before {
  content: '🇦🇴';
}

.emoji_flag-aq:before {
  content: '🇦🇶';
}

.emoji_flag-ar:before {
  content: '🇦🇷';
}

.emoji_flag-as:before {
  content: '🇦🇸';
}

.emoji_flag-at:before {
  content: '🇦🇹';
}

.emoji_flag-au:before {
  content: '🇦🇺';
}

.emoji_flag-aw:before {
  content: '🇦🇼';
}

.emoji_flag-ax:before {
  content: '🇦🇽';
}

.emoji_flag-az:before {
  content: '🇦🇿';
}

.emoji_flag-ba:before {
  content: '🇧🇦';
}

.emoji_flag-bb:before {
  content: '🇧🇧';
}

.emoji_flag-bd:before {
  content: '🇧🇩';
}

.emoji_flag-be:before {
  content: '🇧🇪';
}

.emoji_flag-bf:before {
  content: '🇧🇫';
}

.emoji_flag-bg:before {
  content: '🇧🇬';
}

.emoji_flag-bh:before {
  content: '🇧🇭';
}

.emoji_flag-bi:before {
  content: '🇧🇮';
}

.emoji_flag-bj:before {
  content: '🇧🇯';
}

.emoji_flag-bl:before {
  content: '🇧🇱';
}

.emoji_flag-bm:before {
  content: '🇧🇲';
}

.emoji_flag-bn:before {
  content: '🇧🇳';
}

.emoji_flag-bo:before {
  content: '🇧🇴';
}

.emoji_flag-bq:before {
  content: '🇧🇶';
}

.emoji_flag-br:before {
  content: '🇧🇷';
}

.emoji_flag-bs:before {
  content: '🇧🇸';
}

.emoji_flag-bt:before {
  content: '🇧🇹';
}

.emoji_flag-bv:before {
  content: '🇧🇻';
}

.emoji_flag-bw:before {
  content: '🇧🇼';
}

.emoji_flag-by:before {
  content: '🇧🇾';
}

.emoji_flag-bz:before {
  content: '🇧🇿';
}

.emoji_flag-ca:before {
  content: '🇨🇦';
}

.emoji_flag-cc:before {
  content: '🇨🇨';
}

.emoji_flag-cd:before {
  content: '🇨🇩';
}

.emoji_flag-cf:before {
  content: '🇨🇫';
}

.emoji_flag-cg:before {
  content: '🇨🇬';
}

.emoji_flag-ch:before {
  content: '🇨🇭';
}

.emoji_flag-ci:before {
  content: '🇨🇮';
}

.emoji_flag-ck:before {
  content: '🇨🇰';
}

.emoji_flag-cl:before {
  content: '🇨🇱';
}

.emoji_flag-cm:before {
  content: '🇨🇲';
}

.emoji_cn:before {
  content: '🇨🇳';
}

.emoji_flag-cn:before {
  content: '🇨🇳';
}

.emoji_flag-co:before {
  content: '🇨🇴';
}

.emoji_flag-cp:before {
  content: '🇨🇵';
}

.emoji_flag-cr:before {
  content: '🇨🇷';
}

.emoji_flag-cu:before {
  content: '🇨🇺';
}

.emoji_flag-cv:before {
  content: '🇨🇻';
}

.emoji_flag-cw:before {
  content: '🇨🇼';
}

.emoji_flag-cx:before {
  content: '🇨🇽';
}

.emoji_flag-cy:before {
  content: '🇨🇾';
}

.emoji_flag-cz:before {
  content: '🇨🇿';
}

.emoji_de:before {
  content: '🇩🇪';
}

.emoji_flag-de:before {
  content: '🇩🇪';
}

.emoji_flag-dg:before {
  content: '🇩🇬';
}

.emoji_flag-dj:before {
  content: '🇩🇯';
}

.emoji_flag-dk:before {
  content: '🇩🇰';
}

.emoji_flag-dm:before {
  content: '🇩🇲';
}

.emoji_flag-do:before {
  content: '🇩🇴';
}

.emoji_flag-dz:before {
  content: '🇩🇿';
}

.emoji_flag-ea:before {
  content: '🇪🇦';
}

.emoji_flag-ec:before {
  content: '🇪🇨';
}

.emoji_flag-ee:before {
  content: '🇪🇪';
}

.emoji_flag-eg:before {
  content: '🇪🇬';
}

.emoji_flag-eh:before {
  content: '🇪🇭';
}

.emoji_flag-er:before {
  content: '🇪🇷';
}

.emoji_es:before {
  content: '🇪🇸';
}

.emoji_flag-es:before {
  content: '🇪🇸';
}

.emoji_flag-et:before {
  content: '🇪🇹';
}

.emoji_flag-eu:before {
  content: '🇪🇺';
}

.emoji_flag-fi:before {
  content: '🇫🇮';
}

.emoji_flag-fj:before {
  content: '🇫🇯';
}

.emoji_flag-fk:before {
  content: '🇫🇰';
}

.emoji_flag-fm:before {
  content: '🇫🇲';
}

.emoji_flag-fo:before {
  content: '🇫🇴';
}

.emoji_fr:before {
  content: '🇫🇷';
}

.emoji_flag-fr:before {
  content: '🇫🇷';
}

.emoji_flag-ga:before {
  content: '🇬🇦';
}

.emoji_gb:before {
  content: '🇬🇧';
}

.emoji_uk:before {
  content: '🇬🇧';
}

.emoji_flag-gb:before {
  content: '🇬🇧';
}

.emoji_flag-gd:before {
  content: '🇬🇩';
}

.emoji_flag-ge:before {
  content: '🇬🇪';
}

.emoji_flag-gf:before {
  content: '🇬🇫';
}

.emoji_flag-gg:before {
  content: '🇬🇬';
}

.emoji_flag-gh:before {
  content: '🇬🇭';
}

.emoji_flag-gi:before {
  content: '🇬🇮';
}

.emoji_flag-gl:before {
  content: '🇬🇱';
}

.emoji_flag-gm:before {
  content: '🇬🇲';
}

.emoji_flag-gn:before {
  content: '🇬🇳';
}

.emoji_flag-gp:before {
  content: '🇬🇵';
}

.emoji_flag-gq:before {
  content: '🇬🇶';
}

.emoji_flag-gr:before {
  content: '🇬🇷';
}

.emoji_flag-gs:before {
  content: '🇬🇸';
}

.emoji_flag-gt:before {
  content: '🇬🇹';
}

.emoji_flag-gu:before {
  content: '🇬🇺';
}

.emoji_flag-gw:before {
  content: '🇬🇼';
}

.emoji_flag-gy:before {
  content: '🇬🇾';
}

.emoji_flag-hk:before {
  content: '🇭🇰';
}

.emoji_flag-hm:before {
  content: '🇭🇲';
}

.emoji_flag-hn:before {
  content: '🇭🇳';
}

.emoji_flag-hr:before {
  content: '🇭🇷';
}

.emoji_flag-ht:before {
  content: '🇭🇹';
}

.emoji_flag-hu:before {
  content: '🇭🇺';
}

.emoji_flag-ic:before {
  content: '🇮🇨';
}

.emoji_flag-id:before {
  content: '🇮🇩';
}

.emoji_flag-ie:before {
  content: '🇮🇪';
}

.emoji_flag-il:before {
  content: '🇮🇱';
}

.emoji_flag-im:before {
  content: '🇮🇲';
}

.emoji_flag-in:before {
  content: '🇮🇳';
}

.emoji_flag-io:before {
  content: '🇮🇴';
}

.emoji_flag-iq:before {
  content: '🇮🇶';
}

.emoji_flag-ir:before {
  content: '🇮🇷';
}

.emoji_flag-is:before {
  content: '🇮🇸';
}

.emoji_it:before {
  content: '🇮🇹';
}

.emoji_flag-it:before {
  content: '🇮🇹';
}

.emoji_flag-je:before {
  content: '🇯🇪';
}

.emoji_flag-jm:before {
  content: '🇯🇲';
}

.emoji_flag-jo:before {
  content: '🇯🇴';
}

.emoji_jp:before {
  content: '🇯🇵';
}

.emoji_flag-jp:before {
  content: '🇯🇵';
}

.emoji_flag-ke:before {
  content: '🇰🇪';
}

.emoji_flag-kg:before {
  content: '🇰🇬';
}

.emoji_flag-kh:before {
  content: '🇰🇭';
}

.emoji_flag-ki:before {
  content: '🇰🇮';
}

.emoji_flag-km:before {
  content: '🇰🇲';
}

.emoji_flag-kn:before {
  content: '🇰🇳';
}

.emoji_flag-kp:before {
  content: '🇰🇵';
}

.emoji_kr:before {
  content: '🇰🇷';
}

.emoji_flag-kr:before {
  content: '🇰🇷';
}

.emoji_flag-kw:before {
  content: '🇰🇼';
}

.emoji_flag-ky:before {
  content: '🇰🇾';
}

.emoji_flag-kz:before {
  content: '🇰🇿';
}

.emoji_flag-la:before {
  content: '🇱🇦';
}

.emoji_flag-lb:before {
  content: '🇱🇧';
}

.emoji_flag-lc:before {
  content: '🇱🇨';
}

.emoji_flag-li:before {
  content: '🇱🇮';
}

.emoji_flag-lk:before {
  content: '🇱🇰';
}

.emoji_flag-lr:before {
  content: '🇱🇷';
}

.emoji_flag-ls:before {
  content: '🇱🇸';
}

.emoji_flag-lt:before {
  content: '🇱🇹';
}

.emoji_flag-lu:before {
  content: '🇱🇺';
}

.emoji_flag-lv:before {
  content: '🇱🇻';
}

.emoji_flag-ly:before {
  content: '🇱🇾';
}

.emoji_flag-ma:before {
  content: '🇲🇦';
}

.emoji_flag-mc:before {
  content: '🇲🇨';
}

.emoji_flag-md:before {
  content: '🇲🇩';
}

.emoji_flag-me:before {
  content: '🇲🇪';
}

.emoji_flag-mf:before {
  content: '🇲🇫';
}

.emoji_flag-mg:before {
  content: '🇲🇬';
}

.emoji_flag-mh:before {
  content: '🇲🇭';
}

.emoji_flag-mk:before {
  content: '🇲🇰';
}

.emoji_flag-ml:before {
  content: '🇲🇱';
}

.emoji_flag-mm:before {
  content: '🇲🇲';
}

.emoji_flag-mn:before {
  content: '🇲🇳';
}

.emoji_flag-mo:before {
  content: '🇲🇴';
}

.emoji_flag-mp:before {
  content: '🇲🇵';
}

.emoji_flag-mq:before {
  content: '🇲🇶';
}

.emoji_flag-mr:before {
  content: '🇲🇷';
}

.emoji_flag-ms:before {
  content: '🇲🇸';
}

.emoji_flag-mt:before {
  content: '🇲🇹';
}

.emoji_flag-mu:before {
  content: '🇲🇺';
}

.emoji_flag-mv:before {
  content: '🇲🇻';
}

.emoji_flag-mw:before {
  content: '🇲🇼';
}

.emoji_flag-mx:before {
  content: '🇲🇽';
}

.emoji_flag-my:before {
  content: '🇲🇾';
}

.emoji_flag-mz:before {
  content: '🇲🇿';
}

.emoji_flag-na:before {
  content: '🇳🇦';
}

.emoji_flag-nc:before {
  content: '🇳🇨';
}

.emoji_flag-ne:before {
  content: '🇳🇪';
}

.emoji_flag-nf:before {
  content: '🇳🇫';
}

.emoji_flag-ng:before {
  content: '🇳🇬';
}

.emoji_flag-ni:before {
  content: '🇳🇮';
}

.emoji_flag-nl:before {
  content: '🇳🇱';
}

.emoji_flag-no:before {
  content: '🇳🇴';
}

.emoji_flag-np:before {
  content: '🇳🇵';
}

.emoji_flag-nr:before {
  content: '🇳🇷';
}

.emoji_flag-nu:before {
  content: '🇳🇺';
}

.emoji_flag-nz:before {
  content: '🇳🇿';
}

.emoji_flag-om:before {
  content: '🇴🇲';
}

.emoji_flag-pa:before {
  content: '🇵🇦';
}

.emoji_flag-pe:before {
  content: '🇵🇪';
}

.emoji_flag-pf:before {
  content: '🇵🇫';
}

.emoji_flag-pg:before {
  content: '🇵🇬';
}

.emoji_flag-ph:before {
  content: '🇵🇭';
}

.emoji_flag-pk:before {
  content: '🇵🇰';
}

.emoji_flag-pl:before {
  content: '🇵🇱';
}

.emoji_flag-pm:before {
  content: '🇵🇲';
}

.emoji_flag-pn:before {
  content: '🇵🇳';
}

.emoji_flag-pr:before {
  content: '🇵🇷';
}

.emoji_flag-ps:before {
  content: '🇵🇸';
}

.emoji_flag-pt:before {
  content: '🇵🇹';
}

.emoji_flag-pw:before {
  content: '🇵🇼';
}

.emoji_flag-py:before {
  content: '🇵🇾';
}

.emoji_flag-qa:before {
  content: '🇶🇦';
}

.emoji_flag-re:before {
  content: '🇷🇪';
}

.emoji_flag-ro:before {
  content: '🇷🇴';
}

.emoji_flag-rs:before {
  content: '🇷🇸';
}

.emoji_ru:before {
  content: '🇷🇺';
}

.emoji_flag-ru:before {
  content: '🇷🇺';
}

.emoji_flag-rw:before {
  content: '🇷🇼';
}

.emoji_flag-sa:before {
  content: '🇸🇦';
}

.emoji_flag-sb:before {
  content: '🇸🇧';
}

.emoji_flag-sc:before {
  content: '🇸🇨';
}

.emoji_flag-sd:before {
  content: '🇸🇩';
}

.emoji_flag-se:before {
  content: '🇸🇪';
}

.emoji_flag-sg:before {
  content: '🇸🇬';
}

.emoji_flag-sh:before {
  content: '🇸🇭';
}

.emoji_flag-si:before {
  content: '🇸🇮';
}

.emoji_flag-sj:before {
  content: '🇸🇯';
}

.emoji_flag-sk:before {
  content: '🇸🇰';
}

.emoji_flag-sl:before {
  content: '🇸🇱';
}

.emoji_flag-sm:before {
  content: '🇸🇲';
}

.emoji_flag-sn:before {
  content: '🇸🇳';
}

.emoji_flag-so:before {
  content: '🇸🇴';
}

.emoji_flag-sr:before {
  content: '🇸🇷';
}

.emoji_flag-ss:before {
  content: '🇸🇸';
}

.emoji_flag-st:before {
  content: '🇸🇹';
}

.emoji_flag-sv:before {
  content: '🇸🇻';
}

.emoji_flag-sx:before {
  content: '🇸🇽';
}

.emoji_flag-sy:before {
  content: '🇸🇾';
}

.emoji_flag-sz:before {
  content: '🇸🇿';
}

.emoji_flag-ta:before {
  content: '🇹🇦';
}

.emoji_flag-tc:before {
  content: '🇹🇨';
}

.emoji_flag-td:before {
  content: '🇹🇩';
}

.emoji_flag-tf:before {
  content: '🇹🇫';
}

.emoji_flag-tg:before {
  content: '🇹🇬';
}

.emoji_flag-th:before {
  content: '🇹🇭';
}

.emoji_flag-tj:before {
  content: '🇹🇯';
}

.emoji_flag-tk:before {
  content: '🇹🇰';
}

.emoji_flag-tl:before {
  content: '🇹🇱';
}

.emoji_flag-tm:before {
  content: '🇹🇲';
}

.emoji_flag-tn:before {
  content: '🇹🇳';
}

.emoji_flag-to:before {
  content: '🇹🇴';
}

.emoji_flag-tr:before {
  content: '🇹🇷';
}

.emoji_flag-tt:before {
  content: '🇹🇹';
}

.emoji_flag-tv:before {
  content: '🇹🇻';
}

.emoji_flag-tw:before {
  content: '🇹🇼';
}

.emoji_flag-tz:before {
  content: '🇹🇿';
}

.emoji_flag-ua:before {
  content: '🇺🇦';
}

.emoji_flag-ug:before {
  content: '🇺🇬';
}

.emoji_flag-um:before {
  content: '🇺🇲';
}

.emoji_flag-un:before {
  content: '🇺🇳';
}

.emoji_us:before {
  content: '🇺🇸';
}

.emoji_flag-us:before {
  content: '🇺🇸';
}

.emoji_flag-uy:before {
  content: '🇺🇾';
}

.emoji_flag-uz:before {
  content: '🇺🇿';
}

.emoji_flag-va:before {
  content: '🇻🇦';
}

.emoji_flag-vc:before {
  content: '🇻🇨';
}

.emoji_flag-ve:before {
  content: '🇻🇪';
}

.emoji_flag-vg:before {
  content: '🇻🇬';
}

.emoji_flag-vi:before {
  content: '🇻🇮';
}

.emoji_flag-vn:before {
  content: '🇻🇳';
}

.emoji_flag-vu:before {
  content: '🇻🇺';
}

.emoji_flag-wf:before {
  content: '🇼🇫';
}

.emoji_flag-ws:before {
  content: '🇼🇸';
}

.emoji_flag-xk:before {
  content: '🇽🇰';
}

.emoji_flag-ye:before {
  content: '🇾🇪';
}

.emoji_flag-yt:before {
  content: '🇾🇹';
}

.emoji_flag-za:before {
  content: '🇿🇦';
}

.emoji_flag-zm:before {
  content: '🇿🇲';
}

.emoji_flag-zw:before {
  content: '🇿🇼';
}

.emoji_koko:before {
  content: '🈁';
}

.emoji_sa:before {
  content: '🈂️';
}

.emoji_u7121:before {
  content: '🈚';
}

.emoji_u6307:before {
  content: '🈯';
}

.emoji_u7981:before {
  content: '🈲';
}

.emoji_u7a7a:before {
  content: '🈳';
}

.emoji_u5408:before {
  content: '🈴';
}

.emoji_u6e80:before {
  content: '🈵';
}

.emoji_u6709:before {
  content: '🈶';
}

.emoji_u6708:before {
  content: '🈷️';
}

.emoji_u7533:before {
  content: '🈸';
}

.emoji_u5272:before {
  content: '🈹';
}

.emoji_u55b6:before {
  content: '🈺';
}

.emoji_ideograph_advantage:before {
  content: '🉐';
}

.emoji_accept:before {
  content: '🉑';
}

.emoji_cyclone:before {
  content: '🌀';
}

.emoji_foggy:before {
  content: '🌁';
}

.emoji_closed_umbrella:before {
  content: '🌂';
}

.emoji_night_with_stars:before {
  content: '🌃';
}

.emoji_sunrise_over_mountains:before {
  content: '🌄';
}

.emoji_sunrise:before {
  content: '🌅';
}

.emoji_city_sunset:before {
  content: '🌆';
}

.emoji_city_sunrise:before {
  content: '🌇';
}

.emoji_rainbow:before {
  content: '🌈';
}

.emoji_bridge_at_night:before {
  content: '🌉';
}

.emoji_ocean:before {
  content: '🌊';
}

.emoji_volcano:before {
  content: '🌋';
}

.emoji_milky_way:before {
  content: '🌌';
}

.emoji_earth_africa:before {
  content: '🌍';
}

.emoji_earth_americas:before {
  content: '🌎';
}

.emoji_earth_asia:before {
  content: '🌏';
}

.emoji_globe_with_meridians:before {
  content: '🌐';
}

.emoji_new_moon:before {
  content: '🌑';
}

.emoji_waxing_crescent_moon:before {
  content: '🌒';
}

.emoji_first_quarter_moon:before {
  content: '🌓';
}

.emoji_moon:before {
  content: '🌔';
}

.emoji_waxing_gibbous_moon:before {
  content: '🌔';
}

.emoji_full_moon:before {
  content: '🌕';
}

.emoji_waning_gibbous_moon:before {
  content: '🌖';
}

.emoji_last_quarter_moon:before {
  content: '🌗';
}

.emoji_waning_crescent_moon:before {
  content: '🌘';
}

.emoji_crescent_moon:before {
  content: '🌙';
}

.emoji_new_moon_with_face:before {
  content: '🌚';
}

.emoji_first_quarter_moon_with_face:before {
  content: '🌛';
}

.emoji_last_quarter_moon_with_face:before {
  content: '🌜';
}

.emoji_full_moon_with_face:before {
  content: '🌝';
}

.emoji_sun_with_face:before {
  content: '🌞';
}

.emoji_star2:before {
  content: '🌟';
}

.emoji_stars:before {
  content: '🌠';
}

.emoji_thermometer:before {
  content: '🌡️';
}

.emoji_mostly_sunny:before {
  content: '🌤️';
}

.emoji_sun_small_cloud:before {
  content: '🌤️';
}

.emoji_barely_sunny:before {
  content: '🌥️';
}

.emoji_sun_behind_cloud:before {
  content: '🌥️';
}

.emoji_partly_sunny_rain:before {
  content: '🌦️';
}

.emoji_sun_behind_rain_cloud:before {
  content: '🌦️';
}

.emoji_rain_cloud:before {
  content: '🌧️';
}

.emoji_snow_cloud:before {
  content: '🌨️';
}

.emoji_lightning:before {
  content: '🌩️';
}

.emoji_lightning_cloud:before {
  content: '🌩️';
}

.emoji_tornado:before {
  content: '🌪️';
}

.emoji_tornado_cloud:before {
  content: '🌪️';
}

.emoji_fog:before {
  content: '🌫️';
}

.emoji_wind_blowing_face:before {
  content: '🌬️';
}

.emoji_hotdog:before {
  content: '🌭';
}

.emoji_taco:before {
  content: '🌮';
}

.emoji_burrito:before {
  content: '🌯';
}

.emoji_chestnut:before {
  content: '🌰';
}

.emoji_seedling:before {
  content: '🌱';
}

.emoji_evergreen_tree:before {
  content: '🌲';
}

.emoji_deciduous_tree:before {
  content: '🌳';
}

.emoji_palm_tree:before {
  content: '🌴';
}

.emoji_cactus:before {
  content: '🌵';
}

.emoji_hot_pepper:before {
  content: '🌶️';
}

.emoji_tulip:before {
  content: '🌷';
}

.emoji_cherry_blossom:before {
  content: '🌸';
}

.emoji_rose:before {
  content: '🌹';
}

.emoji_hibiscus:before {
  content: '🌺';
}

.emoji_sunflower:before {
  content: '🌻';
}

.emoji_blossom:before {
  content: '🌼';
}

.emoji_corn:before {
  content: '🌽';
}

.emoji_ear_of_rice:before {
  content: '🌾';
}

.emoji_herb:before {
  content: '🌿';
}

.emoji_four_leaf_clover:before {
  content: '🍀';
}

.emoji_maple_leaf:before {
  content: '🍁';
}

.emoji_fallen_leaf:before {
  content: '🍂';
}

.emoji_leaves:before {
  content: '🍃';
}

.emoji_mushroom:before {
  content: '🍄';
}

.emoji_tomato:before {
  content: '🍅';
}

.emoji_eggplant:before {
  content: '🍆';
}

.emoji_grapes:before {
  content: '🍇';
}

.emoji_melon:before {
  content: '🍈';
}

.emoji_watermelon:before {
  content: '🍉';
}

.emoji_tangerine:before {
  content: '🍊';
}

.emoji_lemon:before {
  content: '🍋';
}

.emoji_banana:before {
  content: '🍌';
}

.emoji_pineapple:before {
  content: '🍍';
}

.emoji_apple:before {
  content: '🍎';
}

.emoji_green_apple:before {
  content: '🍏';
}

.emoji_pear:before {
  content: '🍐';
}

.emoji_peach:before {
  content: '🍑';
}

.emoji_cherries:before {
  content: '🍒';
}

.emoji_strawberry:before {
  content: '🍓';
}

.emoji_hamburger:before {
  content: '🍔';
}

.emoji_pizza:before {
  content: '🍕';
}

.emoji_meat_on_bone:before {
  content: '🍖';
}

.emoji_poultry_leg:before {
  content: '🍗';
}

.emoji_rice_cracker:before {
  content: '🍘';
}

.emoji_rice_ball:before {
  content: '🍙';
}

.emoji_rice:before {
  content: '🍚';
}

.emoji_curry:before {
  content: '🍛';
}

.emoji_ramen:before {
  content: '🍜';
}

.emoji_spaghetti:before {
  content: '🍝';
}

.emoji_bread:before {
  content: '🍞';
}

.emoji_fries:before {
  content: '🍟';
}

.emoji_sweet_potato:before {
  content: '🍠';
}

.emoji_dango:before {
  content: '🍡';
}

.emoji_oden:before {
  content: '🍢';
}

.emoji_sushi:before {
  content: '🍣';
}

.emoji_fried_shrimp:before {
  content: '🍤';
}

.emoji_fish_cake:before {
  content: '🍥';
}

.emoji_icecream:before {
  content: '🍦';
}

.emoji_shaved_ice:before {
  content: '🍧';
}

.emoji_ice_cream:before {
  content: '🍨';
}

.emoji_doughnut:before {
  content: '🍩';
}

.emoji_cookie:before {
  content: '🍪';
}

.emoji_chocolate_bar:before {
  content: '🍫';
}

.emoji_candy:before {
  content: '🍬';
}

.emoji_lollipop:before {
  content: '🍭';
}

.emoji_custard:before {
  content: '🍮';
}

.emoji_honey_pot:before {
  content: '🍯';
}

.emoji_cake:before {
  content: '🍰';
}

.emoji_bento:before {
  content: '🍱';
}

.emoji_stew:before {
  content: '🍲';
}

.emoji_fried_egg:before {
  content: '🍳';
}

.emoji_cooking:before {
  content: '🍳';
}

.emoji_fork_and_knife:before {
  content: '🍴';
}

.emoji_tea:before {
  content: '🍵';
}

.emoji_sake:before {
  content: '🍶';
}

.emoji_wine_glass:before {
  content: '🍷';
}

.emoji_cocktail:before {
  content: '🍸';
}

.emoji_tropical_drink:before {
  content: '🍹';
}

.emoji_beer:before {
  content: '🍺';
}

.emoji_beers:before {
  content: '🍻';
}

.emoji_baby_bottle:before {
  content: '🍼';
}

.emoji_knife_fork_plate:before {
  content: '🍽️';
}

.emoji_champagne:before {
  content: '🍾';
}

.emoji_popcorn:before {
  content: '🍿';
}

.emoji_ribbon:before {
  content: '🎀';
}

.emoji_gift:before {
  content: '🎁';
}

.emoji_birthday:before {
  content: '🎂';
}

.emoji_jack_o_lantern:before {
  content: '🎃';
}

.emoji_christmas_tree:before {
  content: '🎄';
}

.emoji_santa:before {
  content: '🎅';
}

.emoji_fireworks:before {
  content: '🎆';
}

.emoji_sparkler:before {
  content: '🎇';
}

.emoji_balloon:before {
  content: '🎈';
}

.emoji_tada:before {
  content: '🎉';
}

.emoji_confetti_ball:before {
  content: '🎊';
}

.emoji_tanabata_tree:before {
  content: '🎋';
}

.emoji_crossed_flags:before {
  content: '🎌';
}

.emoji_bamboo:before {
  content: '🎍';
}

.emoji_dolls:before {
  content: '🎎';
}

.emoji_flags:before {
  content: '🎏';
}

.emoji_wind_chime:before {
  content: '🎐';
}

.emoji_rice_scene:before {
  content: '🎑';
}

.emoji_school_satchel:before {
  content: '🎒';
}

.emoji_mortar_board:before {
  content: '🎓';
}

.emoji_medal:before {
  content: '🎖️';
}

.emoji_reminder_ribbon:before {
  content: '🎗️';
}

.emoji_studio_microphone:before {
  content: '🎙️';
}

.emoji_level_slider:before {
  content: '🎚️';
}

.emoji_control_knobs:before {
  content: '🎛️';
}

.emoji_film_frames:before {
  content: '🎞️';
}

.emoji_admission_tickets:before {
  content: '🎟️';
}

.emoji_carousel_horse:before {
  content: '🎠';
}

.emoji_ferris_wheel:before {
  content: '🎡';
}

.emoji_roller_coaster:before {
  content: '🎢';
}

.emoji_fishing_pole_and_fish:before {
  content: '🎣';
}

.emoji_microphone:before {
  content: '🎤';
}

.emoji_movie_camera:before {
  content: '🎥';
}

.emoji_cinema:before {
  content: '🎦';
}

.emoji_headphones:before {
  content: '🎧';
}

.emoji_art:before {
  content: '🎨';
}

.emoji_tophat:before {
  content: '🎩';
}

.emoji_circus_tent:before {
  content: '🎪';
}

.emoji_ticket:before {
  content: '🎫';
}

.emoji_clapper:before {
  content: '🎬';
}

.emoji_performing_arts:before {
  content: '🎭';
}

.emoji_video_game:before {
  content: '🎮';
}

.emoji_dart:before {
  content: '🎯';
}

.emoji_slot_machine:before {
  content: '🎰';
}

.emoji_8ball:before {
  content: '🎱';
}

.emoji_game_die:before {
  content: '🎲';
}

.emoji_bowling:before {
  content: '🎳';
}

.emoji_flower_playing_cards:before {
  content: '🎴';
}

.emoji_musical_note:before {
  content: '🎵';
}

.emoji_notes:before {
  content: '🎶';
}

.emoji_saxophone:before {
  content: '🎷';
}

.emoji_guitar:before {
  content: '🎸';
}

.emoji_musical_keyboard:before {
  content: '🎹';
}

.emoji_trumpet:before {
  content: '🎺';
}

.emoji_violin:before {
  content: '🎻';
}

.emoji_musical_score:before {
  content: '🎼';
}

.emoji_running_shirt_with_sash:before {
  content: '🎽';
}

.emoji_tennis:before {
  content: '🎾';
}

.emoji_ski:before {
  content: '🎿';
}

.emoji_basketball:before {
  content: '🏀';
}

.emoji_checkered_flag:before {
  content: '🏁';
}

.emoji_snowboarder:before {
  content: '🏂';
}

.emoji_woman-running:before {
  content: '🏃‍♀️';
}

.emoji_man-running:before {
  content: '🏃‍♂️';
}

.emoji_runner:before {
  content: '🏃';
}

.emoji_running:before {
  content: '🏃';
}

.emoji_woman-surfing:before {
  content: '🏄‍♀️';
}

.emoji_man-surfing:before {
  content: '🏄‍♂️';
}

.emoji_surfer:before {
  content: '🏄';
}

.emoji_sports_medal:before {
  content: '🏅';
}

.emoji_trophy:before {
  content: '🏆';
}

.emoji_horse_racing:before {
  content: '🏇';
}

.emoji_football:before {
  content: '🏈';
}

.emoji_rugby_football:before {
  content: '🏉';
}

.emoji_woman-swimming:before {
  content: '🏊‍♀️';
}

.emoji_man-swimming:before {
  content: '🏊‍♂️';
}

.emoji_swimmer:before {
  content: '🏊';
}

.emoji_woman-lifting-weights:before {
  content: '🏋️‍♀️';
}

.emoji_man-lifting-weights:before {
  content: '🏋️‍♂️';
}

.emoji_weight_lifter:before {
  content: '🏋️';
}

.emoji_woman-golfing:before {
  content: '🏌️‍♀️';
}

.emoji_man-golfing:before {
  content: '🏌️‍♂️';
}

.emoji_golfer:before {
  content: '🏌️';
}

.emoji_racing_motorcycle:before {
  content: '🏍️';
}

.emoji_racing_car:before {
  content: '🏎️';
}

.emoji_cricket_bat_and_ball:before {
  content: '🏏';
}

.emoji_volleyball:before {
  content: '🏐';
}

.emoji_field_hockey_stick_and_ball:before {
  content: '🏑';
}

.emoji_ice_hockey_stick_and_puck:before {
  content: '🏒';
}

.emoji_table_tennis_paddle_and_ball:before {
  content: '🏓';
}

.emoji_snow_capped_mountain:before {
  content: '🏔️';
}

.emoji_camping:before {
  content: '🏕️';
}

.emoji_beach_with_umbrella:before {
  content: '🏖️';
}

.emoji_building_construction:before {
  content: '🏗️';
}

.emoji_house_buildings:before {
  content: '🏘️';
}

.emoji_cityscape:before {
  content: '🏙️';
}

.emoji_derelict_house_building:before {
  content: '🏚️';
}

.emoji_classical_building:before {
  content: '🏛️';
}

.emoji_desert:before {
  content: '🏜️';
}

.emoji_desert_island:before {
  content: '🏝️';
}

.emoji_national_park:before {
  content: '🏞️';
}

.emoji_stadium:before {
  content: '🏟️';
}

.emoji_house:before {
  content: '🏠';
}

.emoji_house_with_garden:before {
  content: '🏡';
}

.emoji_office:before {
  content: '🏢';
}

.emoji_post_office:before {
  content: '🏣';
}

.emoji_european_post_office:before {
  content: '🏤';
}

.emoji_hospital:before {
  content: '🏥';
}

.emoji_bank:before {
  content: '🏦';
}

.emoji_atm:before {
  content: '🏧';
}

.emoji_hotel:before {
  content: '🏨';
}

.emoji_love_hotel:before {
  content: '🏩';
}

.emoji_convenience_store:before {
  content: '🏪';
}

.emoji_school:before {
  content: '🏫';
}

.emoji_department_store:before {
  content: '🏬';
}

.emoji_factory:before {
  content: '🏭';
}

.emoji_izakaya_lantern:before {
  content: '🏮';
}

.emoji_lantern:before {
  content: '🏮';
}

.emoji_japanese_castle:before {
  content: '🏯';
}

.emoji_european_castle:before {
  content: '🏰';
}

.emoji_rainbow-flag:before {
  content: '🏳️‍🌈';
}

.emoji_transgender_flag:before {
  content: '🏳️‍⚧️';
}

.emoji_waving_white_flag:before {
  content: '🏳️';
}

.emoji_pirate_flag:before {
  content: '🏴‍☠️';
}

.emoji_flag-england:before {
  content: '🏴󠁧󠁢󠁥󠁮󠁧󠁿';
}

.emoji_flag-scotland:before {
  content: '🏴󠁧󠁢󠁳󠁣󠁴󠁿';
}

.emoji_flag-wales:before {
  content: '🏴󠁧󠁢󠁷󠁬󠁳󠁿';
}

.emoji_waving_black_flag:before {
  content: '🏴';
}

.emoji_rosette:before {
  content: '🏵️';
}

.emoji_label:before {
  content: '🏷️';
}

.emoji_badminton_racquet_and_shuttlecock:before {
  content: '🏸';
}

.emoji_bow_and_arrow:before {
  content: '🏹';
}

.emoji_amphora:before {
  content: '🏺';
}

.emoji_skin-tone-2:before {
  content: '🏻';
}

.emoji_skin-tone-3:before {
  content: '🏼';
}

.emoji_skin-tone-4:before {
  content: '🏽';
}

.emoji_skin-tone-5:before {
  content: '🏾';
}

.emoji_skin-tone-6:before {
  content: '🏿';
}

.emoji_rat:before {
  content: '🐀';
}

.emoji_mouse2:before {
  content: '🐁';
}

.emoji_ox:before {
  content: '🐂';
}

.emoji_water_buffalo:before {
  content: '🐃';
}

.emoji_cow2:before {
  content: '🐄';
}

.emoji_tiger2:before {
  content: '🐅';
}

.emoji_leopard:before {
  content: '🐆';
}

.emoji_rabbit2:before {
  content: '🐇';
}

.emoji_black_cat:before {
  content: '🐈‍⬛';
}

.emoji_cat2:before {
  content: '🐈';
}

.emoji_dragon:before {
  content: '🐉';
}

.emoji_crocodile:before {
  content: '🐊';
}

.emoji_whale2:before {
  content: '🐋';
}

.emoji_snail:before {
  content: '🐌';
}

.emoji_snake:before {
  content: '🐍';
}

.emoji_racehorse:before {
  content: '🐎';
}

.emoji_ram:before {
  content: '🐏';
}

.emoji_goat:before {
  content: '🐐';
}

.emoji_sheep:before {
  content: '🐑';
}

.emoji_monkey:before {
  content: '🐒';
}

.emoji_rooster:before {
  content: '🐓';
}

.emoji_chicken:before {
  content: '🐔';
}

.emoji_service_dog:before {
  content: '🐕‍🦺';
}

.emoji_dog2:before {
  content: '🐕';
}

.emoji_pig2:before {
  content: '🐖';
}

.emoji_boar:before {
  content: '🐗';
}

.emoji_elephant:before {
  content: '🐘';
}

.emoji_octopus:before {
  content: '🐙';
}

.emoji_shell:before {
  content: '🐚';
}

.emoji_bug:before {
  content: '🐛';
}

.emoji_ant:before {
  content: '🐜';
}

.emoji_bee:before {
  content: '🐝';
}

.emoji_honeybee:before {
  content: '🐝';
}

.emoji_ladybug:before {
  content: '🐞';
}

.emoji_lady_beetle:before {
  content: '🐞';
}

.emoji_fish:before {
  content: '🐟';
}

.emoji_tropical_fish:before {
  content: '🐠';
}

.emoji_blowfish:before {
  content: '🐡';
}

.emoji_turtle:before {
  content: '🐢';
}

.emoji_hatching_chick:before {
  content: '🐣';
}

.emoji_baby_chick:before {
  content: '🐤';
}

.emoji_hatched_chick:before {
  content: '🐥';
}

.emoji_bird:before {
  content: '🐦';
}

.emoji_penguin:before {
  content: '🐧';
}

.emoji_koala:before {
  content: '🐨';
}

.emoji_poodle:before {
  content: '🐩';
}

.emoji_dromedary_camel:before {
  content: '🐪';
}

.emoji_camel:before {
  content: '🐫';
}

.emoji_dolphin:before {
  content: '🐬';
}

.emoji_flipper:before {
  content: '🐬';
}

.emoji_mouse:before {
  content: '🐭';
}

.emoji_cow:before {
  content: '🐮';
}

.emoji_tiger:before {
  content: '🐯';
}

.emoji_rabbit:before {
  content: '🐰';
}

.emoji_cat:before {
  content: '🐱';
}

.emoji_dragon_face:before {
  content: '🐲';
}

.emoji_whale:before {
  content: '🐳';
}

.emoji_horse:before {
  content: '🐴';
}

.emoji_monkey_face:before {
  content: '🐵';
}

.emoji_dog:before {
  content: '🐶';
}

.emoji_pig:before {
  content: '🐷';
}

.emoji_frog:before {
  content: '🐸';
}

.emoji_hamster:before {
  content: '🐹';
}

.emoji_wolf:before {
  content: '🐺';
}

.emoji_polar_bear:before {
  content: '🐻‍❄️';
}

.emoji_bear:before {
  content: '🐻';
}

.emoji_panda_face:before {
  content: '🐼';
}

.emoji_pig_nose:before {
  content: '🐽';
}

.emoji_feet:before {
  content: '🐾';
}

.emoji_paw_prints:before {
  content: '🐾';
}

.emoji_chipmunk:before {
  content: '🐿️';
}

.emoji_eyes:before {
  content: '👀';
}

.emoji_eye-in-speech-bubble:before {
  content: '👁️‍🗨️';
}

.emoji_eye:before {
  content: '👁️';
}

.emoji_ear:before {
  content: '👂';
}

.emoji_nose:before {
  content: '👃';
}

.emoji_lips:before {
  content: '👄';
}

.emoji_tongue:before {
  content: '👅';
}

.emoji_point_up_2:before {
  content: '👆';
}

.emoji_point_down:before {
  content: '👇';
}

.emoji_point_left:before {
  content: '👈';
}

.emoji_point_right:before {
  content: '👉';
}

.emoji_facepunch:before {
  content: '👊';
}

.emoji_punch:before {
  content: '👊';
}

.emoji_wave:before {
  content: '👋';
}

.emoji_ok_hand:before {
  content: '👌';
}

.emoji_thumbsup:before {
  content: '👍';
}

.emoji_-1:before {
  content: '👎';
}

.emoji_thumbsdown:before {
  content: '👎';
}

.emoji_clap:before {
  content: '👏';
}

.emoji_open_hands:before {
  content: '👐';
}

.emoji_crown:before {
  content: '👑';
}

.emoji_womans_hat:before {
  content: '👒';
}

.emoji_eyeglasses:before {
  content: '👓';
}

.emoji_necktie:before {
  content: '👔';
}

.emoji_shirt:before {
  content: '👕';
}

.emoji_tshirt:before {
  content: '👕';
}

.emoji_jeans:before {
  content: '👖';
}

.emoji_dress:before {
  content: '👗';
}

.emoji_kimono:before {
  content: '👘';
}

.emoji_bikini:before {
  content: '👙';
}

.emoji_womans_clothes:before {
  content: '👚';
}

.emoji_purse:before {
  content: '👛';
}

.emoji_handbag:before {
  content: '👜';
}

.emoji_pouch:before {
  content: '👝';
}

.emoji_mans_shoe:before {
  content: '👞';
}

.emoji_shoe:before {
  content: '👞';
}

.emoji_athletic_shoe:before {
  content: '👟';
}

.emoji_high_heel:before {
  content: '👠';
}

.emoji_sandal:before {
  content: '👡';
}

.emoji_boot:before {
  content: '👢';
}

.emoji_footprints:before {
  content: '👣';
}

.emoji_bust_in_silhouette:before {
  content: '👤';
}

.emoji_busts_in_silhouette:before {
  content: '👥';
}

.emoji_boy:before {
  content: '👦';
}

.emoji_girl:before {
  content: '👧';
}

.emoji_male-farmer:before {
  content: '👨‍🌾';
}

.emoji_male-cook:before {
  content: '👨‍🍳';
}

.emoji_man_feeding_baby:before {
  content: '👨‍🍼';
}

.emoji_male-student:before {
  content: '👨‍🎓';
}

.emoji_male-singer:before {
  content: '👨‍🎤';
}

.emoji_male-artist:before {
  content: '👨‍🎨';
}

.emoji_male-teacher:before {
  content: '👨‍🏫';
}

.emoji_male-factory-worker:before {
  content: '👨‍🏭';
}

.emoji_man-boy-boy:before {
  content: '👨‍👦‍👦';
}

.emoji_man-boy:before {
  content: '👨‍👦';
}

.emoji_man-girl-boy:before {
  content: '👨‍👧‍👦';
}

.emoji_man-girl-girl:before {
  content: '👨‍👧‍👧';
}

.emoji_man-girl:before {
  content: '👨‍👧';
}

.emoji_man-man-boy:before {
  content: '👨‍👨‍👦';
}

.emoji_man-man-boy-boy:before {
  content: '👨‍👨‍👦‍👦';
}

.emoji_man-man-girl:before {
  content: '👨‍👨‍👧';
}

.emoji_man-man-girl-boy:before {
  content: '👨‍👨‍👧‍👦';
}

.emoji_man-man-girl-girl:before {
  content: '👨‍👨‍👧‍👧';
}

.emoji_man-woman-boy:before {
  content: '👨‍👩‍👦';
}

.emoji_man-woman-boy-boy:before {
  content: '👨‍👩‍👦‍👦';
}

.emoji_man-woman-girl:before {
  content: '👨‍👩‍👧';
}

.emoji_man-woman-girl-boy:before {
  content: '👨‍👩‍👧‍👦';
}

.emoji_man-woman-girl-girl:before {
  content: '👨‍👩‍👧‍👧';
}

.emoji_male-technologist:before {
  content: '👨‍💻';
}

.emoji_male-office-worker:before {
  content: '👨‍💼';
}

.emoji_male-mechanic:before {
  content: '👨‍🔧';
}

.emoji_male-scientist:before {
  content: '👨‍🔬';
}

.emoji_male-astronaut:before {
  content: '👨‍🚀';
}

.emoji_male-firefighter:before {
  content: '👨‍🚒';
}

.emoji_man_with_probing_cane:before {
  content: '👨‍🦯';
}

.emoji_red_haired_man:before {
  content: '👨‍🦰';
}

.emoji_curly_haired_man:before {
  content: '👨‍🦱';
}

.emoji_bald_man:before {
  content: '👨‍🦲';
}

.emoji_white_haired_man:before {
  content: '👨‍🦳';
}

.emoji_man_in_motorized_wheelchair:before {
  content: '👨‍🦼';
}

.emoji_man_in_manual_wheelchair:before {
  content: '👨‍🦽';
}

.emoji_male-doctor:before {
  content: '👨‍⚕️';
}

.emoji_male-judge:before {
  content: '👨‍⚖️';
}

.emoji_male-pilot:before {
  content: '👨‍✈️';
}

.emoji_man-heart-man:before {
  content: '👨‍❤️‍👨';
}

.emoji_man-kiss-man:before {
  content: '👨‍❤️‍💋‍👨';
}

.emoji_man:before {
  content: '👨';
}

.emoji_female-farmer:before {
  content: '👩‍🌾';
}

.emoji_female-cook:before {
  content: '👩‍🍳';
}

.emoji_woman_feeding_baby:before {
  content: '👩‍🍼';
}

.emoji_female-student:before {
  content: '👩‍🎓';
}

.emoji_female-singer:before {
  content: '👩‍🎤';
}

.emoji_female-artist:before {
  content: '👩‍🎨';
}

.emoji_female-teacher:before {
  content: '👩‍🏫';
}

.emoji_female-factory-worker:before {
  content: '👩‍🏭';
}

.emoji_woman-boy-boy:before {
  content: '👩‍👦‍👦';
}

.emoji_woman-boy:before {
  content: '👩‍👦';
}

.emoji_woman-girl-boy:before {
  content: '👩‍👧‍👦';
}

.emoji_woman-girl-girl:before {
  content: '👩‍👧‍👧';
}

.emoji_woman-girl:before {
  content: '👩‍👧';
}

.emoji_woman-woman-boy:before {
  content: '👩‍👩‍👦';
}

.emoji_woman-woman-boy-boy:before {
  content: '👩‍👩‍👦‍👦';
}

.emoji_woman-woman-girl:before {
  content: '👩‍👩‍👧';
}

.emoji_woman-woman-girl-boy:before {
  content: '👩‍👩‍👧‍👦';
}

.emoji_woman-woman-girl-girl:before {
  content: '👩‍👩‍👧‍👧';
}

.emoji_female-technologist:before {
  content: '👩‍💻';
}

.emoji_female-office-worker:before {
  content: '👩‍💼';
}

.emoji_female-mechanic:before {
  content: '👩‍🔧';
}

.emoji_female-scientist:before {
  content: '👩‍🔬';
}

.emoji_female-astronaut:before {
  content: '👩‍🚀';
}

.emoji_female-firefighter:before {
  content: '👩‍🚒';
}

.emoji_woman_with_probing_cane:before {
  content: '👩‍🦯';
}

.emoji_red_haired_woman:before {
  content: '👩‍🦰';
}

.emoji_curly_haired_woman:before {
  content: '👩‍🦱';
}

.emoji_bald_woman:before {
  content: '👩‍🦲';
}

.emoji_white_haired_woman:before {
  content: '👩‍🦳';
}

.emoji_woman_in_motorized_wheelchair:before {
  content: '👩‍🦼';
}

.emoji_woman_in_manual_wheelchair:before {
  content: '👩‍🦽';
}

.emoji_female-doctor:before {
  content: '👩‍⚕️';
}

.emoji_female-judge:before {
  content: '👩‍⚖️';
}

.emoji_female-pilot:before {
  content: '👩‍✈️';
}

.emoji_woman-heart-man:before {
  content: '👩‍❤️‍👨';
}

.emoji_woman-heart-woman:before {
  content: '👩‍❤️‍👩';
}

.emoji_woman-kiss-man:before {
  content: '👩‍❤️‍💋‍👨';
}

.emoji_woman-kiss-woman:before {
  content: '👩‍❤️‍💋‍👩';
}

.emoji_woman:before {
  content: '👩';
}

.emoji_family:before {
  content: '👪';
}

.emoji_man_and_woman_holding_hands:before {
  content: '👫';
}

.emoji_woman_and_man_holding_hands:before {
  content: '👫';
}

.emoji_couple:before {
  content: '👫';
}

.emoji_two_men_holding_hands:before {
  content: '👬';
}

.emoji_men_holding_hands:before {
  content: '👬';
}

.emoji_two_women_holding_hands:before {
  content: '👭';
}

.emoji_women_holding_hands:before {
  content: '👭';
}

.emoji_female-police-officer:before {
  content: '👮‍♀️';
}

.emoji_male-police-officer:before {
  content: '👮‍♂️';
}

.emoji_cop:before {
  content: '👮';
}

.emoji_women-with-bunny-ears-partying:before {
  content: '👯‍♀️';
}

.emoji_woman-with-bunny-ears-partying:before {
  content: '👯‍♀️';
}

.emoji_men-with-bunny-ears-partying:before {
  content: '👯‍♂️';
}

.emoji_man-with-bunny-ears-partying:before {
  content: '👯‍♂️';
}

.emoji_dancers:before {
  content: '👯';
}

.emoji_woman_with_veil:before {
  content: '👰‍♀️';
}

.emoji_man_with_veil:before {
  content: '👰‍♂️';
}

.emoji_bride_with_veil:before {
  content: '👰';
}

.emoji_blond-haired-woman:before {
  content: '👱‍♀️';
}

.emoji_blond-haired-man:before {
  content: '👱‍♂️';
}

.emoji_person_with_blond_hair:before {
  content: '👱';
}

.emoji_man_with_gua_pi_mao:before {
  content: '👲';
}

.emoji_woman-wearing-turban:before {
  content: '👳‍♀️';
}

.emoji_man-wearing-turban:before {
  content: '👳‍♂️';
}

.emoji_man_with_turban:before {
  content: '👳';
}

.emoji_older_man:before {
  content: '👴';
}

.emoji_older_woman:before {
  content: '👵';
}

.emoji_baby:before {
  content: '👶';
}

.emoji_female-construction-worker:before {
  content: '👷‍♀️';
}

.emoji_male-construction-worker:before {
  content: '👷‍♂️';
}

.emoji_construction_worker:before {
  content: '👷';
}

.emoji_princess:before {
  content: '👸';
}

.emoji_japanese_ogre:before {
  content: '👹';
}

.emoji_japanese_goblin:before {
  content: '👺';
}

.emoji_ghost:before {
  content: '👻';
}

.emoji_angel:before {
  content: '👼';
}

.emoji_alien:before {
  content: '👽';
}

.emoji_space_invader:before {
  content: '👾';
}

.emoji_imp:before {
  content: '👿';
}

.emoji_skull:before {
  content: '💀';
}

.emoji_woman-tipping-hand:before {
  content: '💁‍♀️';
}

.emoji_man-tipping-hand:before {
  content: '💁‍♂️';
}

.emoji_information_desk_person:before {
  content: '💁';
}

.emoji_female-guard:before {
  content: '💂‍♀️';
}

.emoji_male-guard:before {
  content: '💂‍♂️';
}

.emoji_guardsman:before {
  content: '💂';
}

.emoji_dancer:before {
  content: '💃';
}

.emoji_lipstick:before {
  content: '💄';
}

.emoji_nail_care:before {
  content: '💅';
}

.emoji_woman-getting-massage:before {
  content: '💆‍♀️';
}

.emoji_man-getting-massage:before {
  content: '💆‍♂️';
}

.emoji_massage:before {
  content: '💆';
}

.emoji_woman-getting-haircut:before {
  content: '💇‍♀️';
}

.emoji_man-getting-haircut:before {
  content: '💇‍♂️';
}

.emoji_haircut:before {
  content: '💇';
}

.emoji_barber:before {
  content: '💈';
}

.emoji_syringe:before {
  content: '💉';
}

.emoji_pill:before {
  content: '💊';
}

.emoji_kiss:before {
  content: '💋';
}

.emoji_love_letter:before {
  content: '💌';
}

.emoji_ring:before {
  content: '💍';
}

.emoji_gem:before {
  content: '💎';
}

.emoji_couplekiss:before {
  content: '💏';
}

.emoji_bouquet:before {
  content: '💐';
}

.emoji_couple_with_heart:before {
  content: '💑';
}

.emoji_wedding:before {
  content: '💒';
}

.emoji_heartbeat:before {
  content: '💓';
}

.emoji_broken_heart:before {
  content: '💔';
}

.emoji_two_hearts:before {
  content: '💕';
}

.emoji_sparkling_heart:before {
  content: '💖';
}

.emoji_heartpulse:before {
  content: '💗';
}

.emoji_cupid:before {
  content: '💘';
}

.emoji_blue_heart:before {
  content: '💙';
}

.emoji_green_heart:before {
  content: '💚';
}

.emoji_yellow_heart:before {
  content: '💛';
}

.emoji_purple_heart:before {
  content: '💜';
}

.emoji_gift_heart:before {
  content: '💝';
}

.emoji_revolving_hearts:before {
  content: '💞';
}

.emoji_heart_decoration:before {
  content: '💟';
}

.emoji_diamond_shape_with_a_dot_inside:before {
  content: '💠';
}

.emoji_bulb:before {
  content: '💡';
}

.emoji_anger:before {
  content: '💢';
}

.emoji_bomb:before {
  content: '💣';
}

.emoji_zzz:before {
  content: '💤';
}

.emoji_boom:before {
  content: '💥';
}

.emoji_collision:before {
  content: '💥';
}

.emoji_sweat_drops:before {
  content: '💦';
}

.emoji_droplet:before {
  content: '💧';
}

.emoji_dash:before {
  content: '💨';
}

.emoji_hankey:before {
  content: '💩';
}

.emoji_poop:before {
  content: '💩';
}

.emoji_shit:before {
  content: '💩';
}

.emoji_muscle:before {
  content: '💪';
}

.emoji_dizzy:before {
  content: '💫';
}

.emoji_speech_balloon:before {
  content: '💬';
}

.emoji_thought_balloon:before {
  content: '💭';
}

.emoji_white_flower:before {
  content: '💮';
}

.emoji_100:before {
  content: '💯';
}

.emoji_moneybag:before {
  content: '💰';
}

.emoji_currency_exchange:before {
  content: '💱';
}

.emoji_heavy_dollar_sign:before {
  content: '💲';
}

.emoji_credit_card:before {
  content: '💳';
}

.emoji_yen:before {
  content: '💴';
}

.emoji_dollar:before {
  content: '💵';
}

.emoji_euro:before {
  content: '💶';
}

.emoji_pound:before {
  content: '💷';
}

.emoji_money_with_wings:before {
  content: '💸';
}

.emoji_chart:before {
  content: '💹';
}

.emoji_seat:before {
  content: '💺';
}

.emoji_computer:before {
  content: '💻';
}

.emoji_briefcase:before {
  content: '💼';
}

.emoji_minidisc:before {
  content: '💽';
}

.emoji_floppy_disk:before {
  content: '💾';
}

.emoji_cd:before {
  content: '💿';
}

.emoji_dvd:before {
  content: '📀';
}

.emoji_file_folder:before {
  content: '📁';
}

.emoji_open_file_folder:before {
  content: '📂';
}

.emoji_page_with_curl:before {
  content: '📃';
}

.emoji_page_facing_up:before {
  content: '📄';
}

.emoji_date:before {
  content: '📅';
}

.emoji_calendar:before {
  content: '📆';
}

.emoji_card_index:before {
  content: '📇';
}

.emoji_chart_with_upwards_trend:before {
  content: '📈';
}

.emoji_chart_with_downwards_trend:before {
  content: '📉';
}

.emoji_bar_chart:before {
  content: '📊';
}

.emoji_clipboard:before {
  content: '📋';
}

.emoji_pushpin:before {
  content: '📌';
}

.emoji_round_pushpin:before {
  content: '📍';
}

.emoji_paperclip:before {
  content: '📎';
}

.emoji_straight_ruler:before {
  content: '📏';
}

.emoji_triangular_ruler:before {
  content: '📐';
}

.emoji_bookmark_tabs:before {
  content: '📑';
}

.emoji_ledger:before {
  content: '📒';
}

.emoji_notebook:before {
  content: '📓';
}

.emoji_notebook_with_decorative_cover:before {
  content: '📔';
}

.emoji_closed_book:before {
  content: '📕';
}

.emoji_book:before {
  content: '📖';
}

.emoji_open_book:before {
  content: '📖';
}

.emoji_green_book:before {
  content: '📗';
}

.emoji_blue_book:before {
  content: '📘';
}

.emoji_orange_book:before {
  content: '📙';
}

.emoji_books:before {
  content: '📚';
}

.emoji_name_badge:before {
  content: '📛';
}

.emoji_scroll:before {
  content: '📜';
}

.emoji_memo:before {
  content: '📝';
}

.emoji_pencil:before {
  content: '📝';
}

.emoji_telephone_receiver:before {
  content: '📞';
}

.emoji_pager:before {
  content: '📟';
}

.emoji_fax:before {
  content: '📠';
}

.emoji_satellite_antenna:before {
  content: '📡';
}

.emoji_loudspeaker:before {
  content: '📢';
}

.emoji_mega:before {
  content: '📣';
}

.emoji_outbox_tray:before {
  content: '📤';
}

.emoji_inbox_tray:before {
  content: '📥';
}

.emoji_package:before {
  content: '📦';
}

.emoji_e-mail:before {
  content: '📧';
}

.emoji_incoming_envelope:before {
  content: '📨';
}

.emoji_envelope_with_arrow:before {
  content: '📩';
}

.emoji_mailbox_closed:before {
  content: '📪';
}

.emoji_mailbox:before {
  content: '📫';
}

.emoji_mailbox_with_mail:before {
  content: '📬';
}

.emoji_mailbox_with_no_mail:before {
  content: '📭';
}

.emoji_postbox:before {
  content: '📮';
}

.emoji_postal_horn:before {
  content: '📯';
}

.emoji_newspaper:before {
  content: '📰';
}

.emoji_iphone:before {
  content: '📱';
}

.emoji_calling:before {
  content: '📲';
}

.emoji_vibration_mode:before {
  content: '📳';
}

.emoji_mobile_phone_off:before {
  content: '📴';
}

.emoji_no_mobile_phones:before {
  content: '📵';
}

.emoji_signal_strength:before {
  content: '📶';
}

.emoji_camera:before {
  content: '📷';
}

.emoji_camera_with_flash:before {
  content: '📸';
}

.emoji_video_camera:before {
  content: '📹';
}

.emoji_tv:before {
  content: '📺';
}

.emoji_radio:before {
  content: '📻';
}

.emoji_vhs:before {
  content: '📼';
}

.emoji_film_projector:before {
  content: '📽️';
}

.emoji_prayer_beads:before {
  content: '📿';
}

.emoji_twisted_rightwards_arrows:before {
  content: '🔀';
}

.emoji_repeat:before {
  content: '🔁';
}

.emoji_repeat_one:before {
  content: '🔂';
}

.emoji_arrows_clockwise:before {
  content: '🔃';
}

.emoji_arrows_counterclockwise:before {
  content: '🔄';
}

.emoji_low_brightness:before {
  content: '🔅';
}

.emoji_high_brightness:before {
  content: '🔆';
}

.emoji_mute:before {
  content: '🔇';
}

.emoji_speaker:before {
  content: '🔈';
}

.emoji_sound:before {
  content: '🔉';
}

.emoji_loud_sound:before {
  content: '🔊';
}

.emoji_battery:before {
  content: '🔋';
}

.emoji_electric_plug:before {
  content: '🔌';
}

.emoji_mag:before {
  content: '🔍';
}

.emoji_mag_right:before {
  content: '🔎';
}

.emoji_lock_with_ink_pen:before {
  content: '🔏';
}

.emoji_closed_lock_with_key:before {
  content: '🔐';
}

.emoji_key:before {
  content: '🔑';
}

.emoji_lock:before {
  content: '🔒';
}

.emoji_unlock:before {
  content: '🔓';
}

.emoji_bell:before {
  content: '🔔';
}

.emoji_no_bell:before {
  content: '🔕';
}

.emoji_bookmark:before {
  content: '🔖';
}

.emoji_link:before {
  content: '🔗';
}

.emoji_radio_button:before {
  content: '🔘';
}

.emoji_back:before {
  content: '🔙';
}

.emoji_end:before {
  content: '🔚';
}

.emoji_on:before {
  content: '🔛';
}

.emoji_soon:before {
  content: '🔜';
}

.emoji_top:before {
  content: '🔝';
}

.emoji_underage:before {
  content: '🔞';
}

.emoji_keycap_ten:before {
  content: '🔟';
}

.emoji_capital_abcd:before {
  content: '🔠';
}

.emoji_abcd:before {
  content: '🔡';
}

.emoji_1234:before {
  content: '🔢';
}

.emoji_symbols:before {
  content: '🔣';
}

.emoji_abc:before {
  content: '🔤';
}

.emoji_fire:before {
  content: '🔥';
}

.emoji_flashlight:before {
  content: '🔦';
}

.emoji_wrench:before {
  content: '🔧';
}

.emoji_hammer:before {
  content: '🔨';
}

.emoji_nut_and_bolt:before {
  content: '🔩';
}

.emoji_hocho:before {
  content: '🔪';
}

.emoji_knife:before {
  content: '🔪';
}

.emoji_gun:before {
  content: '🔫';
}

.emoji_microscope:before {
  content: '🔬';
}

.emoji_telescope:before {
  content: '🔭';
}

.emoji_crystal_ball:before {
  content: '🔮';
}

.emoji_six_pointed_star:before {
  content: '🔯';
}

.emoji_beginner:before {
  content: '🔰';
}

.emoji_trident:before {
  content: '🔱';
}

.emoji_black_square_button:before {
  content: '🔲';
}

.emoji_white_square_button:before {
  content: '🔳';
}

.emoji_red_circle:before {
  content: '🔴';
}

.emoji_large_blue_circle:before {
  content: '🔵';
}

.emoji_large_orange_diamond:before {
  content: '🔶';
}

.emoji_large_blue_diamond:before {
  content: '🔷';
}

.emoji_small_orange_diamond:before {
  content: '🔸';
}

.emoji_small_blue_diamond:before {
  content: '🔹';
}

.emoji_small_red_triangle:before {
  content: '🔺';
}

.emoji_small_red_triangle_down:before {
  content: '🔻';
}

.emoji_arrow_up_small:before {
  content: '🔼';
}

.emoji_arrow_down_small:before {
  content: '🔽';
}

.emoji_om_symbol:before {
  content: '🕉️';
}

.emoji_dove_of_peace:before {
  content: '🕊️';
}

.emoji_kaaba:before {
  content: '🕋';
}

.emoji_mosque:before {
  content: '🕌';
}

.emoji_synagogue:before {
  content: '🕍';
}

.emoji_menorah_with_nine_branches:before {
  content: '🕎';
}

.emoji_clock1:before {
  content: '🕐';
}

.emoji_clock2:before {
  content: '🕑';
}

.emoji_clock3:before {
  content: '🕒';
}

.emoji_clock4:before {
  content: '🕓';
}

.emoji_clock5:before {
  content: '🕔';
}

.emoji_clock6:before {
  content: '🕕';
}

.emoji_clock7:before {
  content: '🕖';
}

.emoji_clock8:before {
  content: '🕗';
}

.emoji_clock9:before {
  content: '🕘';
}

.emoji_clock10:before {
  content: '🕙';
}

.emoji_clock11:before {
  content: '🕚';
}

.emoji_clock12:before {
  content: '🕛';
}

.emoji_clock130:before {
  content: '🕜';
}

.emoji_clock230:before {
  content: '🕝';
}

.emoji_clock330:before {
  content: '🕞';
}

.emoji_clock430:before {
  content: '🕟';
}

.emoji_clock530:before {
  content: '🕠';
}

.emoji_clock630:before {
  content: '🕡';
}

.emoji_clock730:before {
  content: '🕢';
}

.emoji_clock830:before {
  content: '🕣';
}

.emoji_clock930:before {
  content: '🕤';
}

.emoji_clock1030:before {
  content: '🕥';
}

.emoji_clock1130:before {
  content: '🕦';
}

.emoji_clock1230:before {
  content: '🕧';
}

.emoji_candle:before {
  content: '🕯️';
}

.emoji_mantelpiece_clock:before {
  content: '🕰️';
}

.emoji_hole:before {
  content: '🕳️';
}

.emoji_man_in_business_suit_levitating:before {
  content: '🕴️';
}

.emoji_female-detective:before {
  content: '🕵️‍♀️';
}

.emoji_male-detective:before {
  content: '🕵️‍♂️';
}

.emoji_sleuth_or_spy:before {
  content: '🕵️';
}

.emoji_dark_sunglasses:before {
  content: '🕶️';
}

.emoji_spider:before {
  content: '🕷️';
}

.emoji_spider_web:before {
  content: '🕸️';
}

.emoji_joystick:before {
  content: '🕹️';
}

.emoji_man_dancing:before {
  content: '🕺';
}

.emoji_linked_paperclips:before {
  content: '🖇️';
}

.emoji_lower_left_ballpoint_pen:before {
  content: '🖊️';
}

.emoji_lower_left_fountain_pen:before {
  content: '🖋️';
}

.emoji_lower_left_paintbrush:before {
  content: '🖌️';
}

.emoji_lower_left_crayon:before {
  content: '🖍️';
}

.emoji_raised_hand_with_fingers_splayed:before {
  content: '🖐️';
}

.emoji_middle_finger:before {
  content: '🖕';
}

.emoji_reversed_hand_with_middle_finger_extended:before {
  content: '🖕';
}

.emoji_spock-hand:before {
  content: '🖖';
}

.emoji_black_heart:before {
  content: '🖤';
}

.emoji_desktop_computer:before {
  content: '🖥️';
}

.emoji_printer:before {
  content: '🖨️';
}

.emoji_three_button_mouse:before {
  content: '🖱️';
}

.emoji_trackball:before {
  content: '🖲️';
}

.emoji_frame_with_picture:before {
  content: '🖼️';
}

.emoji_card_index_dividers:before {
  content: '🗂️';
}

.emoji_card_file_box:before {
  content: '🗃️';
}

.emoji_file_cabinet:before {
  content: '🗄️';
}

.emoji_wastebasket:before {
  content: '🗑️';
}

.emoji_spiral_note_pad:before {
  content: '🗒️';
}

.emoji_spiral_calendar_pad:before {
  content: '🗓️';
}

.emoji_compression:before {
  content: '🗜️';
}

.emoji_old_key:before {
  content: '🗝️';
}

.emoji_rolled_up_newspaper:before {
  content: '🗞️';
}

.emoji_dagger_knife:before {
  content: '🗡️';
}

.emoji_speaking_head_in_silhouette:before {
  content: '🗣️';
}

.emoji_left_speech_bubble:before {
  content: '🗨️';
}

.emoji_right_anger_bubble:before {
  content: '🗯️';
}

.emoji_ballot_box_with_ballot:before {
  content: '🗳️';
}

.emoji_world_map:before {
  content: '🗺️';
}

.emoji_mount_fuji:before {
  content: '🗻';
}

.emoji_tokyo_tower:before {
  content: '🗼';
}

.emoji_statue_of_liberty:before {
  content: '🗽';
}

.emoji_japan:before {
  content: '🗾';
}

.emoji_moyai:before {
  content: '🗿';
}

.emoji_grinning:before {
  content: '😀';
}

.emoji_grin:before {
  content: '😁';
}

.emoji_joy:before {
  content: '😂';
}

.emoji_smiley:before {
  content: '😃';
}

.emoji_smile:before {
  content: '😄';
}

.emoji_sweat_smile:before {
  content: '😅';
}

.emoji_laughing:before {
  content: '😆';
}

.emoji_satisfied:before {
  content: '😆';
}

.emoji_innocent:before {
  content: '😇';
}

.emoji_smiling_imp:before {
  content: '😈';
}

.emoji_wink:before {
  content: '😉';
}

.emoji_blush:before {
  content: '😊';
}

.emoji_yum:before {
  content: '😋';
}

.emoji_relieved:before {
  content: '😌';
}

.emoji_heart_eyes:before {
  content: '😍';
}

.emoji_sunglasses:before {
  content: '😎';
}

.emoji_smirk:before {
  content: '😏';
}

.emoji_neutral_face:before {
  content: '😐';
}

.emoji_expressionless:before {
  content: '😑';
}

.emoji_unamused:before {
  content: '😒';
}

.emoji_sweat:before {
  content: '😓';
}

.emoji_pensive:before {
  content: '😔';
}

.emoji_confused:before {
  content: '😕';
}

.emoji_confounded:before {
  content: '😖';
}

.emoji_kissing:before {
  content: '😗';
}

.emoji_kissing_heart:before {
  content: '😘';
}

.emoji_kissing_smiling_eyes:before {
  content: '😙';
}

.emoji_kissing_closed_eyes:before {
  content: '😚';
}

.emoji_stuck_out_tongue:before {
  content: '😛';
}

.emoji_stuck_out_tongue_winking_eye:before {
  content: '😜';
}

.emoji_stuck_out_tongue_closed_eyes:before {
  content: '😝';
}

.emoji_disappointed:before {
  content: '😞';
}

.emoji_worried:before {
  content: '😟';
}

.emoji_angry:before {
  content: '😠';
}

.emoji_rage:before {
  content: '😡';
}

.emoji_cry:before {
  content: '😢';
}

.emoji_persevere:before {
  content: '😣';
}

.emoji_triumph:before {
  content: '😤';
}

.emoji_disappointed_relieved:before {
  content: '😥';
}

.emoji_frowning:before {
  content: '😦';
}

.emoji_anguished:before {
  content: '😧';
}

.emoji_fearful:before {
  content: '😨';
}

.emoji_weary:before {
  content: '😩';
}

.emoji_sleepy:before {
  content: '😪';
}

.emoji_tired_face:before {
  content: '😫';
}

.emoji_grimacing:before {
  content: '😬';
}

.emoji_sob:before {
  content: '😭';
}

.emoji_face_exhaling:before {
  content: '😮‍💨';
}

.emoji_open_mouth:before {
  content: '😮';
}

.emoji_hushed:before {
  content: '😯';
}

.emoji_cold_sweat:before {
  content: '😰';
}

.emoji_scream:before {
  content: '😱';
}

.emoji_astonished:before {
  content: '😲';
}

.emoji_flushed:before {
  content: '😳';
}

.emoji_sleeping:before {
  content: '😴';
}

.emoji_face_with_spiral_eyes:before {
  content: '😵‍💫';
}

.emoji_dizzy_face:before {
  content: '😵';
}

.emoji_face_in_clouds:before {
  content: '😶‍🌫️';
}

.emoji_no_mouth:before {
  content: '😶';
}

.emoji_mask:before {
  content: '😷';
}

.emoji_smile_cat:before {
  content: '😸';
}

.emoji_joy_cat:before {
  content: '😹';
}

.emoji_smiley_cat:before {
  content: '😺';
}

.emoji_heart_eyes_cat:before {
  content: '😻';
}

.emoji_smirk_cat:before {
  content: '😼';
}

.emoji_kissing_cat:before {
  content: '😽';
}

.emoji_pouting_cat:before {
  content: '😾';
}

.emoji_crying_cat_face:before {
  content: '😿';
}

.emoji_scream_cat:before {
  content: '🙀';
}

.emoji_slightly_frowning_face:before {
  content: '🙁';
}

.emoji_slightly_smiling_face:before {
  content: '🙂';
}

.emoji_upside_down_face:before {
  content: '🙃';
}

.emoji_face_with_rolling_eyes:before {
  content: '🙄';
}

.emoji_woman-gesturing-no:before {
  content: '🙅‍♀️';
}

.emoji_man-gesturing-no:before {
  content: '🙅‍♂️';
}

.emoji_no_good:before {
  content: '🙅';
}

.emoji_woman-gesturing-ok:before {
  content: '🙆‍♀️';
}

.emoji_man-gesturing-ok:before {
  content: '🙆‍♂️';
}

.emoji_ok_woman:before {
  content: '🙆';
}

.emoji_woman-bowing:before {
  content: '🙇‍♀️';
}

.emoji_man-bowing:before {
  content: '🙇‍♂️';
}

.emoji_bow:before {
  content: '🙇';
}

.emoji_see_no_evil:before {
  content: '🙈';
}

.emoji_hear_no_evil:before {
  content: '🙉';
}

.emoji_speak_no_evil:before {
  content: '🙊';
}

.emoji_woman-raising-hand:before {
  content: '🙋‍♀️';
}

.emoji_man-raising-hand:before {
  content: '🙋‍♂️';
}

.emoji_raising_hand:before {
  content: '🙋';
}

.emoji_raised_hands:before {
  content: '🙌';
}

.emoji_woman-frowning:before {
  content: '🙍‍♀️';
}

.emoji_man-frowning:before {
  content: '🙍‍♂️';
}

.emoji_person_frowning:before {
  content: '🙍';
}

.emoji_woman-pouting:before {
  content: '🙎‍♀️';
}

.emoji_man-pouting:before {
  content: '🙎‍♂️';
}

.emoji_person_with_pouting_face:before {
  content: '🙎';
}

.emoji_pray:before {
  content: '🙏';
}

.emoji_rocket:before {
  content: '🚀';
}

.emoji_helicopter:before {
  content: '🚁';
}

.emoji_steam_locomotive:before {
  content: '🚂';
}

.emoji_railway_car:before {
  content: '🚃';
}

.emoji_bullettrain_side:before {
  content: '🚄';
}

.emoji_bullettrain_front:before {
  content: '🚅';
}

.emoji_train2:before {
  content: '🚆';
}

.emoji_metro:before {
  content: '🚇';
}

.emoji_light_rail:before {
  content: '🚈';
}

.emoji_station:before {
  content: '🚉';
}

.emoji_tram:before {
  content: '🚊';
}

.emoji_train:before {
  content: '🚋';
}

.emoji_bus:before {
  content: '🚌';
}

.emoji_oncoming_bus:before {
  content: '🚍';
}

.emoji_trolleybus:before {
  content: '🚎';
}

.emoji_busstop:before {
  content: '🚏';
}

.emoji_minibus:before {
  content: '🚐';
}

.emoji_ambulance:before {
  content: '🚑';
}

.emoji_fire_engine:before {
  content: '🚒';
}

.emoji_police_car:before {
  content: '🚓';
}

.emoji_oncoming_police_car:before {
  content: '🚔';
}

.emoji_taxi:before {
  content: '🚕';
}

.emoji_oncoming_taxi:before {
  content: '🚖';
}

.emoji_car:before {
  content: '🚗';
}

.emoji_red_car:before {
  content: '🚗';
}

.emoji_oncoming_automobile:before {
  content: '🚘';
}

.emoji_blue_car:before {
  content: '🚙';
}

.emoji_truck:before {
  content: '🚚';
}

.emoji_articulated_lorry:before {
  content: '🚛';
}

.emoji_tractor:before {
  content: '🚜';
}

.emoji_monorail:before {
  content: '🚝';
}

.emoji_mountain_railway:before {
  content: '🚞';
}

.emoji_suspension_railway:before {
  content: '🚟';
}

.emoji_mountain_cableway:before {
  content: '🚠';
}

.emoji_aerial_tramway:before {
  content: '🚡';
}

.emoji_ship:before {
  content: '🚢';
}

.emoji_woman-rowing-boat:before {
  content: '🚣‍♀️';
}

.emoji_man-rowing-boat:before {
  content: '🚣‍♂️';
}

.emoji_rowboat:before {
  content: '🚣';
}

.emoji_speedboat:before {
  content: '🚤';
}

.emoji_traffic_light:before {
  content: '🚥';
}

.emoji_vertical_traffic_light:before {
  content: '🚦';
}

.emoji_construction:before {
  content: '🚧';
}

.emoji_rotating_light:before {
  content: '🚨';
}

.emoji_triangular_flag_on_post:before {
  content: '🚩';
}

.emoji_door:before {
  content: '🚪';
}

.emoji_no_entry_sign:before {
  content: '🚫';
}

.emoji_smoking:before {
  content: '🚬';
}

.emoji_no_smoking:before {
  content: '🚭';
}

.emoji_put_litter_in_its_place:before {
  content: '🚮';
}

.emoji_do_not_litter:before {
  content: '🚯';
}

.emoji_potable_water:before {
  content: '🚰';
}

.emoji_non-potable_water:before {
  content: '🚱';
}

.emoji_bike:before {
  content: '🚲';
}

.emoji_no_bicycles:before {
  content: '🚳';
}

.emoji_woman-biking:before {
  content: '🚴‍♀️';
}

.emoji_man-biking:before {
  content: '🚴‍♂️';
}

.emoji_bicyclist:before {
  content: '🚴';
}

.emoji_woman-mountain-biking:before {
  content: '🚵‍♀️';
}

.emoji_man-mountain-biking:before {
  content: '🚵‍♂️';
}

.emoji_mountain_bicyclist:before {
  content: '🚵';
}

.emoji_woman-walking:before {
  content: '🚶‍♀️';
}

.emoji_man-walking:before {
  content: '🚶‍♂️';
}

.emoji_walking:before {
  content: '🚶';
}

.emoji_no_pedestrians:before {
  content: '🚷';
}

.emoji_children_crossing:before {
  content: '🚸';
}

.emoji_mens:before {
  content: '🚹';
}

.emoji_womens:before {
  content: '🚺';
}

.emoji_restroom:before {
  content: '🚻';
}

.emoji_baby_symbol:before {
  content: '🚼';
}

.emoji_toilet:before {
  content: '🚽';
}

.emoji_wc:before {
  content: '🚾';
}

.emoji_shower:before {
  content: '🚿';
}

.emoji_bath:before {
  content: '🛀';
}

.emoji_bathtub:before {
  content: '🛁';
}

.emoji_passport_control:before {
  content: '🛂';
}

.emoji_customs:before {
  content: '🛃';
}

.emoji_baggage_claim:before {
  content: '🛄';
}

.emoji_left_luggage:before {
  content: '🛅';
}

.emoji_couch_and_lamp:before {
  content: '🛋️';
}

.emoji_sleeping_accommodation:before {
  content: '🛌';
}

.emoji_shopping_bags:before {
  content: '🛍️';
}

.emoji_bellhop_bell:before {
  content: '🛎️';
}

.emoji_bed:before {
  content: '🛏️';
}

.emoji_place_of_worship:before {
  content: '🛐';
}

.emoji_octagonal_sign:before {
  content: '🛑';
}

.emoji_shopping_trolley:before {
  content: '🛒';
}

.emoji_hindu_temple:before {
  content: '🛕';
}

.emoji_hut:before {
  content: '🛖';
}

.emoji_elevator:before {
  content: '🛗';
}

.emoji_playground_slide:before {
  content: '🛝';
}

.emoji_wheel:before {
  content: '🛞';
}

.emoji_ring_buoy:before {
  content: '🛟';
}

.emoji_hammer_and_wrench:before {
  content: '🛠️';
}

.emoji_shield:before {
  content: '🛡️';
}

.emoji_oil_drum:before {
  content: '🛢️';
}

.emoji_motorway:before {
  content: '🛣️';
}

.emoji_railway_track:before {
  content: '🛤️';
}

.emoji_motor_boat:before {
  content: '🛥️';
}

.emoji_small_airplane:before {
  content: '🛩️';
}

.emoji_airplane_departure:before {
  content: '🛫';
}

.emoji_airplane_arriving:before {
  content: '🛬';
}

.emoji_satellite:before {
  content: '🛰️';
}

.emoji_passenger_ship:before {
  content: '🛳️';
}

.emoji_scooter:before {
  content: '🛴';
}

.emoji_motor_scooter:before {
  content: '🛵';
}

.emoji_canoe:before {
  content: '🛶';
}

.emoji_sled:before {
  content: '🛷';
}

.emoji_flying_saucer:before {
  content: '🛸';
}

.emoji_skateboard:before {
  content: '🛹';
}

.emoji_auto_rickshaw:before {
  content: '🛺';
}

.emoji_pickup_truck:before {
  content: '🛻';
}

.emoji_roller_skate:before {
  content: '🛼';
}

.emoji_large_orange_circle:before {
  content: '🟠';
}

.emoji_large_yellow_circle:before {
  content: '🟡';
}

.emoji_large_green_circle:before {
  content: '🟢';
}

.emoji_large_purple_circle:before {
  content: '🟣';
}

.emoji_large_brown_circle:before {
  content: '🟤';
}

.emoji_large_red_square:before {
  content: '🟥';
}

.emoji_large_blue_square:before {
  content: '🟦';
}

.emoji_large_orange_square:before {
  content: '🟧';
}

.emoji_large_yellow_square:before {
  content: '🟨';
}

.emoji_large_green_square:before {
  content: '🟩';
}

.emoji_large_purple_square:before {
  content: '🟪';
}

.emoji_large_brown_square:before {
  content: '🟫';
}

.emoji_heavy_equals_sign:before {
  content: '🟰';
}

.emoji_pinched_fingers:before {
  content: '🤌';
}

.emoji_white_heart:before {
  content: '🤍';
}

.emoji_brown_heart:before {
  content: '🤎';
}

.emoji_pinching_hand:before {
  content: '🤏';
}

.emoji_zipper_mouth_face:before {
  content: '🤐';
}

.emoji_money_mouth_face:before {
  content: '🤑';
}

.emoji_face_with_thermometer:before {
  content: '🤒';
}

.emoji_nerd_face:before {
  content: '🤓';
}

.emoji_thinking_face:before {
  content: '🤔';
}

.emoji_face_with_head_bandage:before {
  content: '🤕';
}

.emoji_robot_face:before {
  content: '🤖';
}

.emoji_hugging_face:before {
  content: '🤗';
}

.emoji_the_horns:before {
  content: '🤘';
}

.emoji_sign_of_the_horns:before {
  content: '🤘';
}

.emoji_call_me_hand:before {
  content: '🤙';
}

.emoji_raised_back_of_hand:before {
  content: '🤚';
}

.emoji_left-facing_fist:before {
  content: '🤛';
}

.emoji_right-facing_fist:before {
  content: '🤜';
}

.emoji_handshake:before {
  content: '🤝';
}

.emoji_crossed_fingers:before {
  content: '🤞';
}

.emoji_hand_with_index_and_middle_fingers_crossed:before {
  content: '🤞';
}

.emoji_i_love_you_hand_sign:before {
  content: '🤟';
}

.emoji_face_with_cowboy_hat:before {
  content: '🤠';
}

.emoji_clown_face:before {
  content: '🤡';
}

.emoji_nauseated_face:before {
  content: '🤢';
}

.emoji_rolling_on_the_floor_laughing:before {
  content: '🤣';
}

.emoji_drooling_face:before {
  content: '🤤';
}

.emoji_lying_face:before {
  content: '🤥';
}

.emoji_woman-facepalming:before {
  content: '🤦‍♀️';
}

.emoji_man-facepalming:before {
  content: '🤦‍♂️';
}

.emoji_face_palm:before {
  content: '🤦';
}

.emoji_sneezing_face:before {
  content: '🤧';
}

.emoji_face_with_raised_eyebrow:before {
  content: '🤨';
}

.emoji_face_with_one_eyebrow_raised:before {
  content: '🤨';
}

.emoji_star-struck:before {
  content: '🤩';
}

.emoji_grinning_face_with_star_eyes:before {
  content: '🤩';
}

.emoji_zany_face:before {
  content: '🤪';
}

.emoji_grinning_face_with_one_large_and_one_small_eye:before {
  content: '🤪';
}

.emoji_shushing_face:before {
  content: '🤫';
}

.emoji_face_with_finger_covering_closed_lips:before {
  content: '🤫';
}

.emoji_face_with_symbols_on_mouth:before {
  content: '🤬';
}

.emoji_serious_face_with_symbols_covering_mouth:before {
  content: '🤬';
}

.emoji_face_with_hand_over_mouth:before {
  content: '🤭';
}

.emoji_smiling_face_with_smiling_eyes_and_hand_covering_mouth:before {
  content: '🤭';
}

.emoji_face_vomiting:before {
  content: '🤮';
}

.emoji_face_with_open_mouth_vomiting:before {
  content: '🤮';
}

.emoji_exploding_head:before {
  content: '🤯';
}

.emoji_shocked_face_with_exploding_head:before {
  content: '🤯';
}

.emoji_pregnant_woman:before {
  content: '🤰';
}

.emoji_breast-feeding:before {
  content: '🤱';
}

.emoji_palms_up_together:before {
  content: '🤲';
}

.emoji_selfie:before {
  content: '🤳';
}

.emoji_prince:before {
  content: '🤴';
}

.emoji_woman_in_tuxedo:before {
  content: '🤵‍♀️';
}

.emoji_man_in_tuxedo:before {
  content: '🤵‍♂️';
}

.emoji_person_in_tuxedo:before {
  content: '🤵';
}

.emoji_mrs_claus:before {
  content: '🤶';
}

.emoji_mother_christmas:before {
  content: '🤶';
}

.emoji_woman-shrugging:before {
  content: '🤷‍♀️';
}

.emoji_man-shrugging:before {
  content: '🤷‍♂️';
}

.emoji_shrug:before {
  content: '🤷';
}

.emoji_woman-cartwheeling:before {
  content: '🤸‍♀️';
}

.emoji_man-cartwheeling:before {
  content: '🤸‍♂️';
}

.emoji_person_doing_cartwheel:before {
  content: '🤸';
}

.emoji_woman-juggling:before {
  content: '🤹‍♀️';
}

.emoji_man-juggling:before {
  content: '🤹‍♂️';
}

.emoji_juggling:before {
  content: '🤹';
}

.emoji_fencer:before {
  content: '🤺';
}

.emoji_woman-wrestling:before {
  content: '🤼‍♀️';
}

.emoji_man-wrestling:before {
  content: '🤼‍♂️';
}

.emoji_wrestlers:before {
  content: '🤼';
}

.emoji_woman-playing-water-polo:before {
  content: '🤽‍♀️';
}

.emoji_man-playing-water-polo:before {
  content: '🤽‍♂️';
}

.emoji_water_polo:before {
  content: '🤽';
}

.emoji_woman-playing-handball:before {
  content: '🤾‍♀️';
}

.emoji_man-playing-handball:before {
  content: '🤾‍♂️';
}

.emoji_handball:before {
  content: '🤾';
}

.emoji_diving_mask:before {
  content: '🤿';
}

.emoji_wilted_flower:before {
  content: '🥀';
}

.emoji_drum_with_drumsticks:before {
  content: '🥁';
}

.emoji_clinking_glasses:before {
  content: '🥂';
}

.emoji_tumbler_glass:before {
  content: '🥃';
}

.emoji_spoon:before {
  content: '🥄';
}

.emoji_goal_net:before {
  content: '🥅';
}

.emoji_first_place_medal:before {
  content: '🥇';
}

.emoji_second_place_medal:before {
  content: '🥈';
}

.emoji_third_place_medal:before {
  content: '🥉';
}

.emoji_boxing_glove:before {
  content: '🥊';
}

.emoji_martial_arts_uniform:before {
  content: '🥋';
}

.emoji_curling_stone:before {
  content: '🥌';
}

.emoji_lacrosse:before {
  content: '🥍';
}

.emoji_softball:before {
  content: '🥎';
}

.emoji_flying_disc:before {
  content: '🥏';
}

.emoji_croissant:before {
  content: '🥐';
}

.emoji_avocado:before {
  content: '🥑';
}

.emoji_cucumber:before {
  content: '🥒';
}

.emoji_bacon:before {
  content: '🥓';
}

.emoji_potato:before {
  content: '🥔';
}

.emoji_carrot:before {
  content: '🥕';
}

.emoji_baguette_bread:before {
  content: '🥖';
}

.emoji_green_salad:before {
  content: '🥗';
}

.emoji_shallow_pan_of_food:before {
  content: '🥘';
}

.emoji_stuffed_flatbread:before {
  content: '🥙';
}

.emoji_egg:before {
  content: '🥚';
}

.emoji_glass_of_milk:before {
  content: '🥛';
}

.emoji_peanuts:before {
  content: '🥜';
}

.emoji_kiwifruit:before {
  content: '🥝';
}

.emoji_pancakes:before {
  content: '🥞';
}

.emoji_dumpling:before {
  content: '🥟';
}

.emoji_fortune_cookie:before {
  content: '🥠';
}

.emoji_takeout_box:before {
  content: '🥡';
}

.emoji_chopsticks:before {
  content: '🥢';
}

.emoji_bowl_with_spoon:before {
  content: '🥣';
}

.emoji_cup_with_straw:before {
  content: '🥤';
}

.emoji_coconut:before {
  content: '🥥';
}

.emoji_broccoli:before {
  content: '🥦';
}

.emoji_pie:before {
  content: '🥧';
}

.emoji_pretzel:before {
  content: '🥨';
}

.emoji_cut_of_meat:before {
  content: '🥩';
}

.emoji_sandwich:before {
  content: '🥪';
}

.emoji_canned_food:before {
  content: '🥫';
}

.emoji_leafy_green:before {
  content: '🥬';
}

.emoji_mango:before {
  content: '🥭';
}

.emoji_moon_cake:before {
  content: '🥮';
}

.emoji_bagel:before {
  content: '🥯';
}

.emoji_smiling_face_with_3_hearts:before {
  content: '🥰';
}

.emoji_yawning_face:before {
  content: '🥱';
}

.emoji_smiling_face_with_tear:before {
  content: '🥲';
}

.emoji_partying_face:before {
  content: '🥳';
}

.emoji_woozy_face:before {
  content: '🥴';
}

.emoji_hot_face:before {
  content: '🥵';
}

.emoji_cold_face:before {
  content: '🥶';
}

.emoji_ninja:before {
  content: '🥷';
}

.emoji_disguised_face:before {
  content: '🥸';
}

.emoji_face_holding_back_tears:before {
  content: '🥹';
}

.emoji_pleading_face:before {
  content: '🥺';
}

.emoji_sari:before {
  content: '🥻';
}

.emoji_lab_coat:before {
  content: '🥼';
}

.emoji_goggles:before {
  content: '🥽';
}

.emoji_hiking_boot:before {
  content: '🥾';
}

.emoji_womans_flat_shoe:before {
  content: '🥿';
}

.emoji_crab:before {
  content: '🦀';
}

.emoji_lion_face:before {
  content: '🦁';
}

.emoji_scorpion:before {
  content: '🦂';
}

.emoji_turkey:before {
  content: '🦃';
}

.emoji_unicorn_face:before {
  content: '🦄';
}

.emoji_eagle:before {
  content: '🦅';
}

.emoji_duck:before {
  content: '🦆';
}

.emoji_bat:before {
  content: '🦇';
}

.emoji_shark:before {
  content: '🦈';
}

.emoji_owl:before {
  content: '🦉';
}

.emoji_fox_face:before {
  content: '🦊';
}

.emoji_butterfly:before {
  content: '🦋';
}

.emoji_deer:before {
  content: '🦌';
}

.emoji_gorilla:before {
  content: '🦍';
}

.emoji_lizard:before {
  content: '🦎';
}

.emoji_rhinoceros:before {
  content: '🦏';
}

.emoji_shrimp:before {
  content: '🦐';
}

.emoji_squid:before {
  content: '🦑';
}

.emoji_giraffe_face:before {
  content: '🦒';
}

.emoji_zebra_face:before {
  content: '🦓';
}

.emoji_hedgehog:before {
  content: '🦔';
}

.emoji_sauropod:before {
  content: '🦕';
}

.emoji_t-rex:before {
  content: '🦖';
}

.emoji_cricket:before {
  content: '🦗';
}

.emoji_kangaroo:before {
  content: '🦘';
}

.emoji_llama:before {
  content: '🦙';
}

.emoji_peacock:before {
  content: '🦚';
}

.emoji_hippopotamus:before {
  content: '🦛';
}

.emoji_parrot:before {
  content: '🦜';
}

.emoji_raccoon:before {
  content: '🦝';
}

.emoji_lobster:before {
  content: '🦞';
}

.emoji_mosquito:before {
  content: '🦟';
}

.emoji_microbe:before {
  content: '🦠';
}

.emoji_badger:before {
  content: '🦡';
}

.emoji_swan:before {
  content: '🦢';
}

.emoji_mammoth:before {
  content: '🦣';
}

.emoji_dodo:before {
  content: '🦤';
}

.emoji_sloth:before {
  content: '🦥';
}

.emoji_otter:before {
  content: '🦦';
}

.emoji_orangutan:before {
  content: '🦧';
}

.emoji_skunk:before {
  content: '🦨';
}

.emoji_flamingo:before {
  content: '🦩';
}

.emoji_oyster:before {
  content: '🦪';
}

.emoji_beaver:before {
  content: '🦫';
}

.emoji_bison:before {
  content: '🦬';
}

.emoji_seal:before {
  content: '🦭';
}

.emoji_guide_dog:before {
  content: '🦮';
}

.emoji_probing_cane:before {
  content: '🦯';
}

.emoji_bone:before {
  content: '🦴';
}

.emoji_leg:before {
  content: '🦵';
}

.emoji_foot:before {
  content: '🦶';
}

.emoji_tooth:before {
  content: '🦷';
}

.emoji_female_superhero:before {
  content: '🦸‍♀️';
}

.emoji_male_superhero:before {
  content: '🦸‍♂️';
}

.emoji_superhero:before {
  content: '🦸';
}

.emoji_female_supervillain:before {
  content: '🦹‍♀️';
}

.emoji_male_supervillain:before {
  content: '🦹‍♂️';
}

.emoji_supervillain:before {
  content: '🦹';
}

.emoji_safety_vest:before {
  content: '🦺';
}

.emoji_ear_with_hearing_aid:before {
  content: '🦻';
}

.emoji_motorized_wheelchair:before {
  content: '🦼';
}

.emoji_manual_wheelchair:before {
  content: '🦽';
}

.emoji_mechanical_arm:before {
  content: '🦾';
}

.emoji_mechanical_leg:before {
  content: '🦿';
}

.emoji_cheese_wedge:before {
  content: '🧀';
}

.emoji_cupcake:before {
  content: '🧁';
}

.emoji_salt:before {
  content: '🧂';
}

.emoji_beverage_box:before {
  content: '🧃';
}

.emoji_garlic:before {
  content: '🧄';
}

.emoji_onion:before {
  content: '🧅';
}

.emoji_falafel:before {
  content: '🧆';
}

.emoji_waffle:before {
  content: '🧇';
}

.emoji_butter:before {
  content: '🧈';
}

.emoji_mate_drink:before {
  content: '🧉';
}

.emoji_ice_cube:before {
  content: '🧊';
}

.emoji_bubble_tea:before {
  content: '🧋';
}

.emoji_troll:before {
  content: '🧌';
}

.emoji_woman_standing:before {
  content: '🧍‍♀️';
}

.emoji_man_standing:before {
  content: '🧍‍♂️';
}

.emoji_standing_person:before {
  content: '🧍';
}

.emoji_woman_kneeling:before {
  content: '🧎‍♀️';
}

.emoji_man_kneeling:before {
  content: '🧎‍♂️';
}

.emoji_kneeling_person:before {
  content: '🧎';
}

.emoji_deaf_woman:before {
  content: '🧏‍♀️';
}

.emoji_deaf_man:before {
  content: '🧏‍♂️';
}

.emoji_deaf_person:before {
  content: '🧏';
}

.emoji_face_with_monocle:before {
  content: '🧐';
}

.emoji_farmer:before {
  content: '🧑‍🌾';
}

.emoji_cook:before {
  content: '🧑‍🍳';
}

.emoji_person_feeding_baby:before {
  content: '🧑‍🍼';
}

.emoji_mx_claus:before {
  content: '🧑‍🎄';
}

.emoji_student:before {
  content: '🧑‍🎓';
}

.emoji_singer:before {
  content: '🧑‍🎤';
}

.emoji_artist:before {
  content: '🧑‍🎨';
}

.emoji_teacher:before {
  content: '🧑‍🏫';
}

.emoji_factory_worker:before {
  content: '🧑‍🏭';
}

.emoji_technologist:before {
  content: '🧑‍💻';
}

.emoji_office_worker:before {
  content: '🧑‍💼';
}

.emoji_mechanic:before {
  content: '🧑‍🔧';
}

.emoji_scientist:before {
  content: '🧑‍🔬';
}

.emoji_astronaut:before {
  content: '🧑‍🚀';
}

.emoji_firefighter:before {
  content: '🧑‍🚒';
}

.emoji_people_holding_hands:before {
  content: '🧑‍🤝‍🧑';
}

.emoji_person_with_probing_cane:before {
  content: '🧑‍🦯';
}

.emoji_red_haired_person:before {
  content: '🧑‍🦰';
}

.emoji_curly_haired_person:before {
  content: '🧑‍🦱';
}

.emoji_bald_person:before {
  content: '🧑‍🦲';
}

.emoji_white_haired_person:before {
  content: '🧑‍🦳';
}

.emoji_person_in_motorized_wheelchair:before {
  content: '🧑‍🦼';
}

.emoji_person_in_manual_wheelchair:before {
  content: '🧑‍🦽';
}

.emoji_health_worker:before {
  content: '🧑‍⚕️';
}

.emoji_judge:before {
  content: '🧑‍⚖️';
}

.emoji_pilot:before {
  content: '🧑‍✈️';
}

.emoji_adult:before {
  content: '🧑';
}

.emoji_child:before {
  content: '🧒';
}

.emoji_older_adult:before {
  content: '🧓';
}

.emoji_woman_with_beard:before {
  content: '🧔‍♀️';
}

.emoji_man_with_beard:before {
  content: '🧔‍♂️';
}

.emoji_bearded_person:before {
  content: '🧔';
}

.emoji_person_with_headscarf:before {
  content: '🧕';
}

.emoji_woman_in_steamy_room:before {
  content: '🧖‍♀️';
}

.emoji_man_in_steamy_room:before {
  content: '🧖‍♂️';
}

.emoji_person_in_steamy_room:before {
  content: '🧖';
}

.emoji_woman_climbing:before {
  content: '🧗‍♀️';
}

.emoji_man_climbing:before {
  content: '🧗‍♂️';
}

.emoji_person_climbing:before {
  content: '🧗';
}

.emoji_woman_in_lotus_position:before {
  content: '🧘‍♀️';
}

.emoji_man_in_lotus_position:before {
  content: '🧘‍♂️';
}

.emoji_person_in_lotus_position:before {
  content: '🧘';
}

.emoji_female_mage:before {
  content: '🧙‍♀️';
}

.emoji_male_mage:before {
  content: '🧙‍♂️';
}

.emoji_mage:before {
  content: '🧙';
}

.emoji_female_fairy:before {
  content: '🧚‍♀️';
}

.emoji_male_fairy:before {
  content: '🧚‍♂️';
}

.emoji_fairy:before {
  content: '🧚';
}

.emoji_female_vampire:before {
  content: '🧛‍♀️';
}

.emoji_male_vampire:before {
  content: '🧛‍♂️';
}

.emoji_vampire:before {
  content: '🧛';
}

.emoji_mermaid:before {
  content: '🧜‍♀️';
}

.emoji_merman:before {
  content: '🧜‍♂️';
}

.emoji_merperson:before {
  content: '🧜';
}

.emoji_female_elf:before {
  content: '🧝‍♀️';
}

.emoji_male_elf:before {
  content: '🧝‍♂️';
}

.emoji_elf:before {
  content: '🧝';
}

.emoji_female_genie:before {
  content: '🧞‍♀️';
}

.emoji_male_genie:before {
  content: '🧞‍♂️';
}

.emoji_genie:before {
  content: '🧞';
}

.emoji_female_zombie:before {
  content: '🧟‍♀️';
}

.emoji_male_zombie:before {
  content: '🧟‍♂️';
}

.emoji_zombie:before {
  content: '🧟';
}

.emoji_brain:before {
  content: '🧠';
}

.emoji_orange_heart:before {
  content: '🧡';
}

.emoji_billed_cap:before {
  content: '🧢';
}

.emoji_scarf:before {
  content: '🧣';
}

.emoji_gloves:before {
  content: '🧤';
}

.emoji_coat:before {
  content: '🧥';
}

.emoji_socks:before {
  content: '🧦';
}

.emoji_red_envelope:before {
  content: '🧧';
}

.emoji_firecracker:before {
  content: '🧨';
}

.emoji_jigsaw:before {
  content: '🧩';
}

.emoji_test_tube:before {
  content: '🧪';
}

.emoji_petri_dish:before {
  content: '🧫';
}

.emoji_dna:before {
  content: '🧬';
}

.emoji_compass:before {
  content: '🧭';
}

.emoji_abacus:before {
  content: '🧮';
}

.emoji_fire_extinguisher:before {
  content: '🧯';
}

.emoji_toolbox:before {
  content: '🧰';
}

.emoji_bricks:before {
  content: '🧱';
}

.emoji_magnet:before {
  content: '🧲';
}

.emoji_luggage:before {
  content: '🧳';
}

.emoji_lotion_bottle:before {
  content: '🧴';
}

.emoji_thread:before {
  content: '🧵';
}

.emoji_yarn:before {
  content: '🧶';
}

.emoji_safety_pin:before {
  content: '🧷';
}

.emoji_teddy_bear:before {
  content: '🧸';
}

.emoji_broom:before {
  content: '🧹';
}

.emoji_basket:before {
  content: '🧺';
}

.emoji_roll_of_paper:before {
  content: '🧻';
}

.emoji_soap:before {
  content: '🧼';
}

.emoji_sponge:before {
  content: '🧽';
}

.emoji_receipt:before {
  content: '🧾';
}

.emoji_nazar_amulet:before {
  content: '🧿';
}

.emoji_ballet_shoes:before {
  content: '🩰';
}

.emoji_one-piece_swimsuit:before {
  content: '🩱';
}

.emoji_briefs:before {
  content: '🩲';
}

.emoji_shorts:before {
  content: '🩳';
}

.emoji_thong_sandal:before {
  content: '🩴';
}

.emoji_drop_of_blood:before {
  content: '🩸';
}

.emoji_adhesive_bandage:before {
  content: '🩹';
}

.emoji_stethoscope:before {
  content: '🩺';
}

.emoji_x-ray:before {
  content: '🩻';
}

.emoji_crutch:before {
  content: '🩼';
}

.emoji_yo-yo:before {
  content: '🪀';
}

.emoji_kite:before {
  content: '🪁';
}

.emoji_parachute:before {
  content: '🪂';
}

.emoji_boomerang:before {
  content: '🪃';
}

.emoji_magic_wand:before {
  content: '🪄';
}

.emoji_pinata:before {
  content: '🪅';
}

.emoji_nesting_dolls:before {
  content: '🪆';
}

.emoji_ringed_planet:before {
  content: '🪐';
}

.emoji_chair:before {
  content: '🪑';
}

.emoji_razor:before {
  content: '🪒';
}

.emoji_axe:before {
  content: '🪓';
}

.emoji_diya_lamp:before {
  content: '🪔';
}

.emoji_banjo:before {
  content: '🪕';
}

.emoji_military_helmet:before {
  content: '🪖';
}

.emoji_accordion:before {
  content: '🪗';
}

.emoji_long_drum:before {
  content: '🪘';
}

.emoji_coin:before {
  content: '🪙';
}

.emoji_carpentry_saw:before {
  content: '🪚';
}

.emoji_screwdriver:before {
  content: '🪛';
}

.emoji_ladder:before {
  content: '🪜';
}

.emoji_hook:before {
  content: '🪝';
}

.emoji_mirror:before {
  content: '🪞';
}

.emoji_window:before {
  content: '🪟';
}

.emoji_plunger:before {
  content: '🪠';
}

.emoji_sewing_needle:before {
  content: '🪡';
}

.emoji_knot:before {
  content: '🪢';
}

.emoji_bucket:before {
  content: '🪣';
}

.emoji_mouse_trap:before {
  content: '🪤';
}

.emoji_toothbrush:before {
  content: '🪥';
}

.emoji_headstone:before {
  content: '🪦';
}

.emoji_placard:before {
  content: '🪧';
}

.emoji_rock:before {
  content: '🪨';
}

.emoji_mirror_ball:before {
  content: '🪩';
}

.emoji_identification_card:before {
  content: '🪪';
}

.emoji_low_battery:before {
  content: '🪫';
}

.emoji_hamsa:before {
  content: '🪬';
}

.emoji_fly:before {
  content: '🪰';
}

.emoji_worm:before {
  content: '🪱';
}

.emoji_beetle:before {
  content: '🪲';
}

.emoji_cockroach:before {
  content: '🪳';
}

.emoji_potted_plant:before {
  content: '🪴';
}

.emoji_wood:before {
  content: '🪵';
}

.emoji_feather:before {
  content: '🪶';
}

.emoji_lotus:before {
  content: '🪷';
}

.emoji_coral:before {
  content: '🪸';
}

.emoji_empty_nest:before {
  content: '🪹';
}

.emoji_nest_with_eggs:before {
  content: '🪺';
}

.emoji_anatomical_heart:before {
  content: '🫀';
}

.emoji_lungs:before {
  content: '🫁';
}

.emoji_people_hugging:before {
  content: '🫂';
}

.emoji_pregnant_man:before {
  content: '🫃';
}

.emoji_pregnant_person:before {
  content: '🫄';
}

.emoji_person_with_crown:before {
  content: '🫅';
}

.emoji_blueberries:before {
  content: '🫐';
}

.emoji_bell_pepper:before {
  content: '🫑';
}

.emoji_olive:before {
  content: '🫒';
}

.emoji_flatbread:before {
  content: '🫓';
}

.emoji_tamale:before {
  content: '🫔';
}

.emoji_fondue:before {
  content: '🫕';
}

.emoji_teapot:before {
  content: '🫖';
}

.emoji_pouring_liquid:before {
  content: '🫗';
}

.emoji_beans:before {
  content: '🫘';
}

.emoji_jar:before {
  content: '🫙';
}

.emoji_melting_face:before {
  content: '🫠';
}

.emoji_saluting_face:before {
  content: '🫡';
}

.emoji_face_with_open_eyes_and_hand_over_mouth:before {
  content: '🫢';
}

.emoji_face_with_peeking_eye:before {
  content: '🫣';
}

.emoji_face_with_diagonal_mouth:before {
  content: '🫤';
}

.emoji_dotted_line_face:before {
  content: '🫥';
}

.emoji_biting_lip:before {
  content: '🫦';
}

.emoji_bubbles:before {
  content: '🫧';
}

.emoji_hand_with_index_finger_and_thumb_crossed:before {
  content: '🫰';
}

.emoji_rightwards_hand:before {
  content: '🫱';
}

.emoji_leftwards_hand:before {
  content: '🫲';
}

.emoji_palm_down_hand:before {
  content: '🫳';
}

.emoji_palm_up_hand:before {
  content: '🫴';
}

.emoji_index_pointing_at_the_viewer:before {
  content: '🫵';
}

.emoji_heart_hands:before {
  content: '🫶';
}

.emoji_bangbang:before {
  content: '‼️';
}

.emoji_interrobang:before {
  content: '⁉️';
}

.emoji_tm:before {
  content: '™️';
}

.emoji_information_source:before {
  content: 'ℹ️';
}

.emoji_left_right_arrow:before {
  content: '↔️';
}

.emoji_arrow_up_down:before {
  content: '↕️';
}

.emoji_arrow_upper_left:before {
  content: '↖️';
}

.emoji_arrow_upper_right:before {
  content: '↗️';
}

.emoji_arrow_lower_right:before {
  content: '↘️';
}

.emoji_arrow_lower_left:before {
  content: '↙️';
}

.emoji_leftwards_arrow_with_hook:before {
  content: '↩️';
}

.emoji_arrow_right_hook:before {
  content: '↪️';
}

.emoji_watch:before {
  content: '⌚';
}

.emoji_hourglass:before {
  content: '⌛';
}

.emoji_keyboard:before {
  content: '⌨️';
}

.emoji_eject:before {
  content: '⏏️';
}

.emoji_fast_forward:before {
  content: '⏩';
}

.emoji_rewind:before {
  content: '⏪';
}

.emoji_arrow_double_up:before {
  content: '⏫';
}

.emoji_arrow_double_down:before {
  content: '⏬';
}

.emoji_black_right_pointing_double_triangle_with_vertical_bar:before {
  content: '⏭️';
}

.emoji_black_left_pointing_double_triangle_with_vertical_bar:before {
  content: '⏮️';
}

.emoji_black_right_pointing_triangle_with_double_vertical_bar:before {
  content: '⏯️';
}

.emoji_alarm_clock:before {
  content: '⏰';
}

.emoji_stopwatch:before {
  content: '⏱️';
}

.emoji_timer_clock:before {
  content: '⏲️';
}

.emoji_hourglass_flowing_sand:before {
  content: '⏳';
}

.emoji_double_vertical_bar:before {
  content: '⏸️';
}

.emoji_black_square_for_stop:before {
  content: '⏹️';
}

.emoji_black_circle_for_record:before {
  content: '⏺️';
}

.emoji_m:before {
  content: 'Ⓜ️';
}

.emoji_black_small_square:before {
  content: '▪️';
}

.emoji_white_small_square:before {
  content: '▫️';
}

.emoji_arrow_forward:before {
  content: '▶️';
}

.emoji_arrow_backward:before {
  content: '◀️';
}

.emoji_white_medium_square:before {
  content: '◻️';
}

.emoji_black_medium_square:before {
  content: '◼️';
}

.emoji_white_medium_small_square:before {
  content: '◽';
}

.emoji_black_medium_small_square:before {
  content: '◾';
}

.emoji_sunny:before {
  content: '☀️';
}

.emoji_cloud:before {
  content: '☁️';
}

.emoji_umbrella:before {
  content: '☂️';
}

.emoji_snowman:before {
  content: '☃️';
}

.emoji_comet:before {
  content: '☄️';
}

.emoji_phone:before {
  content: '☎️';
}

.emoji_telephone:before {
  content: '☎️';
}

.emoji_ballot_box_with_check:before {
  content: '☑️';
}

.emoji_umbrella_with_rain_drops:before {
  content: '☔';
}

.emoji_coffee:before {
  content: '☕';
}

.emoji_shamrock:before {
  content: '☘️';
}

.emoji_point_up:before {
  content: '☝️';
}

.emoji_skull_and_crossbones:before {
  content: '☠️';
}

.emoji_radioactive_sign:before {
  content: '☢️';
}

.emoji_biohazard_sign:before {
  content: '☣️';
}

.emoji_orthodox_cross:before {
  content: '☦️';
}

.emoji_star_and_crescent:before {
  content: '☪️';
}

.emoji_peace_symbol:before {
  content: '☮️';
}

.emoji_yin_yang:before {
  content: '☯️';
}

.emoji_wheel_of_dharma:before {
  content: '☸️';
}

.emoji_white_frowning_face:before {
  content: '☹️';
}

.emoji_relaxed:before {
  content: '☺️';
}

.emoji_female_sign:before {
  content: '♀️';
}

.emoji_male_sign:before {
  content: '♂️';
}

.emoji_aries:before {
  content: '♈';
}

.emoji_taurus:before {
  content: '♉';
}

.emoji_gemini:before {
  content: '♊';
}

.emoji_cancer:before {
  content: '♋';
}

.emoji_leo:before {
  content: '♌';
}

.emoji_virgo:before {
  content: '♍';
}

.emoji_libra:before {
  content: '♎';
}

.emoji_scorpius:before {
  content: '♏';
}

.emoji_sagittarius:before {
  content: '♐';
}

.emoji_capricorn:before {
  content: '♑';
}

.emoji_aquarius:before {
  content: '♒';
}

.emoji_pisces:before {
  content: '♓';
}

.emoji_chess_pawn:before {
  content: '♟️';
}

.emoji_spades:before {
  content: '♠️';
}

.emoji_clubs:before {
  content: '♣️';
}

.emoji_hearts:before {
  content: '♥️';
}

.emoji_diamonds:before {
  content: '♦️';
}

.emoji_hotsprings:before {
  content: '♨️';
}

.emoji_recycle:before {
  content: '♻️';
}

.emoji_infinity:before {
  content: '♾️';
}

.emoji_wheelchair:before {
  content: '♿';
}

.emoji_hammer_and_pick:before {
  content: '⚒️';
}

.emoji_anchor:before {
  content: '⚓';
}

.emoji_crossed_swords:before {
  content: '⚔️';
}

.emoji_medical_symbol:before {
  content: '⚕️';
}

.emoji_staff_of_aesculapius:before {
  content: '⚕️';
}

.emoji_scales:before {
  content: '⚖️';
}

.emoji_alembic:before {
  content: '⚗️';
}

.emoji_gear:before {
  content: '⚙️';
}

.emoji_atom_symbol:before {
  content: '⚛️';
}

.emoji_fleur_de_lis:before {
  content: '⚜️';
}

.emoji_warning:before {
  content: '⚠️';
}

.emoji_zap:before {
  content: '⚡';
}

.emoji_transgender_symbol:before {
  content: '⚧️';
}

.emoji_white_circle:before {
  content: '⚪';
}

.emoji_black_circle:before {
  content: '⚫';
}

.emoji_coffin:before {
  content: '⚰️';
}

.emoji_funeral_urn:before {
  content: '⚱️';
}

.emoji_soccer:before {
  content: '⚽';
}

.emoji_baseball:before {
  content: '⚾';
}

.emoji_snowman_without_snow:before {
  content: '⛄';
}

.emoji_partly_sunny:before {
  content: '⛅';
}

.emoji_thunder_cloud_and_rain:before {
  content: '⛈️';
}

.emoji_ophiuchus:before {
  content: '⛎';
}

.emoji_pick:before {
  content: '⛏️';
}

.emoji_helmet_with_white_cross:before {
  content: '⛑️';
}

.emoji_chains:before {
  content: '⛓️';
}

.emoji_no_entry:before {
  content: '⛔';
}

.emoji_shinto_shrine:before {
  content: '⛩️';
}

.emoji_church:before {
  content: '⛪';
}

.emoji_mountain:before {
  content: '⛰️';
}

.emoji_umbrella_on_ground:before {
  content: '⛱️';
}

.emoji_fountain:before {
  content: '⛲';
}

.emoji_golf:before {
  content: '⛳';
}

.emoji_ferry:before {
  content: '⛴️';
}

.emoji_boat:before {
  content: '⛵';
}

.emoji_sailboat:before {
  content: '⛵';
}

.emoji_skier:before {
  content: '⛷️';
}

.emoji_ice_skate:before {
  content: '⛸️';
}

.emoji_woman-bouncing-ball:before {
  content: '⛹️‍♀️';
}

.emoji_man-bouncing-ball:before {
  content: '⛹️‍♂️';
}

.emoji_person_with_ball:before {
  content: '⛹️';
}

.emoji_tent:before {
  content: '⛺';
}

.emoji_fuelpump:before {
  content: '⛽';
}

.emoji_scissors:before {
  content: '✂️';
}

.emoji_white_check_mark:before {
  content: '✅';
}

.emoji_airplane:before {
  content: '✈️';
}

.emoji_email:before {
  content: '✉️';
}

.emoji_envelope:before {
  content: '✉️';
}

.emoji_fist:before {
  content: '✊';
}

.emoji_hand:before {
  content: '✋';
}

.emoji_raised_hand:before {
  content: '✋';
}

.emoji_v:before {
  content: '✌️';
}

.emoji_writing_hand:before {
  content: '✍️';
}

.emoji_pencil2:before {
  content: '✏️';
}

.emoji_black_nib:before {
  content: '✒️';
}

.emoji_heavy_check_mark:before {
  content: '✔️';
}

.emoji_heavy_multiplication_x:before {
  content: '✖️';
}

.emoji_latin_cross:before {
  content: '✝️';
}

.emoji_star_of_david:before {
  content: '✡️';
}

.emoji_sparkles:before {
  content: '✨';
}

.emoji_eight_spoked_asterisk:before {
  content: '✳️';
}

.emoji_eight_pointed_black_star:before {
  content: '✴️';
}

.emoji_snowflake:before {
  content: '❄️';
}

.emoji_sparkle:before {
  content: '❇️';
}

.emoji_x:before {
  content: '❌';
}

.emoji_negative_squared_cross_mark:before {
  content: '❎';
}

.emoji_question:before {
  content: '❓';
}

.emoji_grey_question:before {
  content: '❔';
}

.emoji_grey_exclamation:before {
  content: '❕';
}

.emoji_exclamation:before {
  content: '❗';
}

.emoji_heavy_exclamation_mark:before {
  content: '❗';
}

.emoji_heavy_heart_exclamation_mark_ornament:before {
  content: '❣️';
}

.emoji_heart_on_fire:before {
  content: '❤️‍🔥';
}

.emoji_mending_heart:before {
  content: '❤️‍🩹';
}

.emoji_heart:before {
  content: '❤️';
}

.emoji_heavy_plus_sign:before {
  content: '➕';
}

.emoji_heavy_minus_sign:before {
  content: '➖';
}

.emoji_heavy_division_sign:before {
  content: '➗';
}

.emoji_arrow_right:before {
  content: '➡️';
}

.emoji_curly_loop:before {
  content: '➰';
}

.emoji_loop:before {
  content: '➿';
}

.emoji_arrow_heading_up:before {
  content: '⤴️';
}

.emoji_arrow_heading_down:before {
  content: '⤵️';
}

.emoji_arrow_left:before {
  content: '⬅️';
}

.emoji_arrow_up:before {
  content: '⬆️';
}

.emoji_arrow_down:before {
  content: '⬇️';
}

.emoji_black_large_square:before {
  content: '⬛';
}

.emoji_white_large_square:before {
  content: '⬜';
}

.emoji_star:before {
  content: '⭐';
}

.emoji_o:before {
  content: '⭕';
}

.emoji_wavy_dash:before {
  content: '〰️';
}

.emoji_part_alternation_mark:before {
  content: '〽️';
}

.emoji_congratulations:before {
  content: '㊗️';
}

.emoji_secret:before {
  content: '㊙️';
}

/* Emoji Popover styles */
:root {
  --e-color-border: #e1e1e1;
  --e-color-emoji-text: #666;
  --e-color-border-emoji-hover: #e1e1e1;
  --e-color-bg: #fff;
  --e-bg-emoji-hover: #f8f8f8;
  --e-size-emoji-text: 16px;
  --e-width-emoji-img: 20px;
  --e-height-emoji-img: 20px;
  --e-max-width: 288px;
  --e-color-dark-border: #666;
  --e-color-dark-bg: #151f28;
  --e-dark-bg-emoji-hover: #2c4154;
  --e-color-dark-border-emoji-hover: #495764;
}

.emoji-wrap {
  display: none;
  position: absolute;
  padding: 8px;
  max-width: var(--e-max-width);
  background-color: var(--e-color-bg);
  border: 1px solid var(--e-color-border);
  border-radius: 4px;
  z-index: 3;
  width: unset;
  visibility: visible;
}
.ciq-night .emoji-wrap {
  border-color: var(--e-color-dark-border);
  background-color: var(--e-color-dark-bg);
}
.emoji-wrap::before,
.emoji-wrap::after {
  position: absolute;
  content: '';
  margin: 0;
  width: 0;
  height: 0;
}
.emoji-wrap:after {
  top: -9px;
  left: 14px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--e-color-border);
}
.ciq-night .emoji-wrap:after {
  border-bottom-color: var(--e-color-dark-border);
}
.emoji-wrap::before {
  top: -7px;
  left: 14px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--e-color-bg);
  z-index: 1;
}
.ciq-night .emoji-wrap::before {
  border-bottom-color: var(--e-color-dark-bg);
}

.emoji-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.emoji-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 6px;
  color: var(--e-color-emoji-text);
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 4px;
  user-select: none;
}
.emoji-item:hover {
  background: var(--e-bg-emoji-hover);
  border-color: var(--e-color-border-emoji-hover);
}
.emoji-item:hover > .emoji-text {
  transform: scale(1.2);
  transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
}
.ciq-night .emoji-item:hover {
  border-color: var(--e-color-dark-border-emoji-hover);
  background-color: var(--e-dark-bg-emoji-hover);
}

.emoji-text {
  font-size: var(--e-size-emoji-text);
  font-weight: 500;
  line-height: 1.2em;
  white-space: nowrap;
}

.emoji-img {
  width: var(--e-width-emoji-img);
  height: var(--e-height-emoji-img);
}

.emoji-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  cursor: default;
  content: ' ';
  background: transparent;
  z-index: -1;
}

.anim-scale-in {
  animation-name: scale-in;
  animation-duration: 0.15s;
  animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
}

@keyframes scale-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Chart Sharing UI */
[cq-share-dialog-div] .ciq-share-chart-tabs {
  display: none;
  width: 100%;
  align-items: center;
  justify-content: space-evenly;
}
[cq-share-dialog-div] .ciq-share-chart-tabs .ciq-share-chart-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
[cq-share-dialog-div].has-live-chart-sharing .ciq-share-chart-tabs {
  display: flex;
}
[cq-share-dialog-div] .ciq-share-chart-tab-content {
  display: none;
}
[cq-share-dialog-div] .ciq-share-chart-tab-content.ciq-active {
  display: block;
}
[cq-share-dialog-div] .share-copy-container {
  display: flex;
  align-items: center;
}
[cq-share-dialog-div] .share-copy-container .share-copyable-link {
  background: #f3f3f3;
  border: 1px;
  border-color: #ddd;
  border-style: solid;
  border-radius: 1px;
  box-shadow: inset 0 0 3px #cfcfcf;
  font-size: inherit;
  margin: 16px 0;
  padding: 10px;
  text-align: left;
  color: #000;
  width: 230px;
  max-width: 210px;
  line-height: 1em;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[cq-share-dialog-div] .share-copy-container .share-copyable-link:hover {
  background-color: #efefef;
}
[cq-share-dialog-div] .share-copy-container .cq-share-copy {
  height: 100%;
  font-size: inherit;
  line-height: 3em;
  margin-left: 10px;
  white-space: nowrap;
}
[cq-share-dialog-div] .share-copy-container .cq-share-copy[disabled] {
  opacity: 0.5;
}
[cq-share-dialog-div] .ciq-share-icons {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
[cq-share-dialog-div] .ciq-share-link[href='#'] {
  display: none;
}
[cq-share-dialog-div] .ciq-share-link .ciq-share-name {
  display: none;
}
[cq-share-dialog-div] .ciq-share-link:after {
  display: block;
  width: 29px;
  height: 100%;
  content: '';
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}
[cq-share-dialog-div] .ciq-share-link[cq-share-name='twitter']:after {
  background-image: url(/assets/twitter-icon-ec3ab76a.svg);
}
[cq-share-dialog-div] .ciq-share-link[cq-share-name='symphony']:after {
  background-image: url(/assets/symphony-icon-e1a5c299.svg);
}
[cq-share-dialog-div] .ciq-share-link[cq-share-name='msteams']:after {
  background-image: url(/assets/teams-icon-5d947bd5.svg);
}
[cq-share-dialog-div] .share-load-container input {
  padding: 7px;
  width: 200px;
}
[cq-share-dialog-div] .share-load-container button {
  margin-left: 9px;
}

.ciq-share-teams {
  display: none;
}
.ciq-share-teams.ciq-active {
  display: block;
}
.ciq-share-teams.ciq-active + div {
  display: none;
}
.ciq-share-teams textarea {
  display: block;
  min-height: 3em;
  color: #000;
  padding: 10px;
  box-sizing: border-box;
  width: 345px;
}
.ciq-share-teams .ciq-share-teams-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.ciq-share-teams .ciq-share-teams-link {
  text-decoration: none;
}

/* Tooltip */
:host(*) [cq-tooltip],
* > [cq-tooltip] {
  bottom: auto;
  top: 27px;
  position: relative;
  display: block;
  background: #398dff;
  opacity: 0;
  z-index: 7;
  width: fit-content;
  min-width: 32px;
  height: auto;
  line-height: normal;
  text-align: center;
  font-weight: 400;
  font-size: 10px;
  color: #f8f8f8;
  border-radius: 1px;
  pointer-events: none;
  padding: 3px;
  left: -25%;
}
:host(*.bottom) [cq-tooltip],
.bottom [cq-tooltip] {
  top: auto;
  bottom: 21px;
}
:host(cq-toggle:not([last-interaction='touch']):hover) [cq-tooltip],
:host(cq-share-button:not([last-interaction='touch']):hover) [cq-tooltip],
:host(cq-menu[icon]:not(.stxMenuActive):not([last-interaction='touch']):hover)
  [cq-tooltip],
html:not([ciq-last-interaction='touch']) cq-toggle:hover [cq-tooltip],
html:not([ciq-last-interaction='touch']) cq-share-button:hover [cq-tooltip],
html:not([ciq-last-interaction='touch'])
  cq-menu[icon]:not(.stxMenuActive):hover
  [cq-tooltip] {
  opacity: 1;
  transition: opacity 0.5s 0.2s, top 0.5s 0.2s;
  top: 40px;
  border: solid 1px #e4e4e4;
}
:host(cq-toggle.bottom:not([last-interaction='touch']):hover) [cq-tooltip],
:host(cq-share-button.bottom:not([last-interaction='touch']):hover)
  [cq-tooltip],
:host(
    cq-menu.bottom[icon]:not(.stxMenuActive):not(
        [last-interaction='touch']
      ):hover
  )
  [cq-tooltip],
html:not([ciq-last-interaction='touch']) cq-toggle.bottom:hover [cq-tooltip],
html:not([ciq-last-interaction='touch'])
  cq-share-button.bottom:hover
  [cq-tooltip],
html:not([ciq-last-interaction='touch'])
  cq-menu[icon]:not(.stxMenuActive).bottom:hover
  [cq-tooltip] {
  transition: opacity 0.5s 0.2s, bottom 0.5s 0.2s;
  bottom: 34px;
  top: auto;
}

/* Switch */
.ciq-switch {
  appearance: none;
  /* necessary to apply this style to checkbox elements */
  position: relative;
  display: inline-block;
  margin: 8px 0 8px 4px;
  width: 22px;
  height: 12px !important;
  top: 0 !important;
  text-align: center;
  cursor: pointer;
  background-color: #999999;
  border: none;
  border-radius: 50px;
}
.ciq-switch:before {
  content: unset;
}
.ciq-switch:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  transition-property: left;
  transition-duration: 200ms;
}
.ciq-switch:hover {
  background-color: #666666;
}
.ciq-switch:checked,
.ciq-active > .ciq-switch {
  background-color: #398dff;
}
.ciq-switch:checked:hover,
.ciq-active > .ciq-switch:hover {
  background-color: #2a51d0;
}
.ciq-switch:checked:after,
.ciq-active > .ciq-switch:after {
  left: 12px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}

/*# sourceMappingURL=chartiq.css.map */
/* Darken the labels for horizontal and vertical axes */

* > [cq-tooltip] {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  background-color: #212121;
  padding-inline: 15px;
  border-radius: 4px;
}

/*
 Edit (and rename) this file to implement your own style.
 Please avoid editing the imported _ciq...scss files so that you can receive upgrades without having to reimplement your changes.
 Instead, override any styles from within this file, or substitute the includes with your own.

 Contains styling specific to web components.

 Run sass to generate a css file from this file and the included _ciq files.
 Include that css in your html.
 */
/* include fonts */
/* PT Sans Narrow is used only in table view */
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngRUXNadjH0qYEzV7ab-oWlsbCLwR26eg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngRUXNadjH0qYEzV7ab-oWlsbCCwR26eg.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngRUXNadjH0qYEzV7ab-oWlsbCIwR26eg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngRUXNadjH0qYEzV7ab-oWlsbCGwR0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngSUXNadjH0qYEzV7ab-oWlsbg95AiIW_3QRQ.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngSUXNadjH0qYEzV7ab-oWlsbg95AiBW_3QRQ.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngSUXNadjH0qYEzV7ab-oWlsbg95AiLW_3QRQ.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngSUXNadjH0qYEzV7ab-oWlsbg95AiFW_0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(/assets/KFOkCnqEu92Fr1Mu51xIIzI-46375ee9.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(/assets/KFOkCnqEu92Fr1MmgVxIIzI-22482584.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/KFOlCnqEu92Fr1MmSU5fBBc4-33530b00.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/KFOmCnqEu92Fr1Mu4mxK-cc46322d.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/KFOlCnqEu92Fr1MmEU9fBBc4-bb46ed07.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/KFOlCnqEu92Fr1MmWUlfBBc4-0eaeadb5.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw-ab106619.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ-53b90732.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw-c8671043.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* include variables */
/*
Variables for use in all scss files.  Import this file when necessary.
*/
/* Hovering selectors */
/* Default (Light) Theme */
/* include features */
:host([feature=advanced]:not([advanced-feature])),
:host(*:not([advanced-feature])) [feature=advanced],
cq-context:not([advanced-feature]) [feature=advanced] {
  display: none;
}

:host([feature=extendedhours]:not([extendedhours-feature])),
:host(*:not([extendedhours-feature])) [feature=extendedhours],
cq-context:not([extendedhours-feature]) [feature=extendedhours] {
  display: none;
}

:host([feature=animation]:not([animation-feature])),
:host(*:not([animation-feature])) [feature=animation],
cq-context:not([animation-feature]) [feature=animation] {
  display: none;
}

:host([feature=shortcuts]:not([shortcuts-feature])),
:host(*:not([shortcuts-feature])) [feature=shortcuts],
cq-context:not([shortcuts-feature]) [feature=shortcuts] {
  display: none;
}

:host([feature=outliers]:not([outliers-feature])),
:host(*:not([outliers-feature])) [feature=outliers],
cq-context:not([outliers-feature]) [feature=outliers] {
  display: none;
}

:host([feature=rangeslider]:not([rangeslider-feature])),
:host(*:not([rangeslider-feature])) [feature=rangeslider],
cq-context:not([rangeslider-feature]) [feature=rangeslider] {
  display: none;
}

:host([feature=tableview]:not([tableview-feature])),
:host(*:not([tableview-feature])) [feature=tableview],
cq-context:not([tableview-feature]) [feature=tableview] {
  display: none;
}

:host([feature=dataloader]:not([dataloader-feature])),
:host(*:not([dataloader-feature])) [feature=dataloader],
cq-context:not([dataloader-feature]) [feature=dataloader] {
  display: none;
}

:host([feature=tooltip]:not([tooltip-feature])),
:host(*:not([tooltip-feature])) [feature=tooltip],
cq-context:not([tooltip-feature]) [feature=tooltip] {
  display: none;
}

:host([feature=help]:not([help-feature])),
:host(*:not([help-feature])) [feature=help],
cq-context:not([help-feature]) [feature=help] {
  display: none;
}

:host([feature=marketdepth]:not([marketdepth-feature])),
:host(*:not([marketdepth-feature])) [feature=marketdepth],
cq-context:not([marketdepth-feature]) [feature=marketdepth] {
  display: none;
}

:host([feature=scriptiq]:not([scriptiq-feature])),
:host(*:not([scriptiq-feature])) [feature=scriptiq],
cq-context:not([scriptiq-feature]) [feature=scriptiq] {
  display: none;
}

:host([feature=signaliq]:not([signaliq-feature])),
:host(*:not([signaliq-feature])) [feature=signaliq],
cq-context:not([signaliq-feature]) [feature=signaliq] {
  display: none;
}

:host([feature=ptv]:not([ptv-feature])),
:host(*:not([ptv-feature])) [feature=ptv],
cq-context:not([ptv-feature]) [feature=ptv] {
  display: none;
}

:host([feature=tfc]:not([tfc-feature])),
:host(*:not([tfc-feature])) [feature=tfc],
cq-context:not([tfc-feature]) [feature=tfc] {
  display: none;
}

:host([feature=tcanalystviews]:not([tcanalystviews-feature])),
:host(*:not([tcanalystviews-feature])) [feature=tcanalystviews],
cq-context:not([tcanalystviews-feature]) [feature=tcanalystviews] {
  display: none;
}

:host([feature=tctechnicalinsights]:not([tctechnicalinsights-feature])),
:host(*:not([tctechnicalinsights-feature])) [feature=tctechnicalinsights],
cq-context:not([tctechnicalinsights-feature]) [feature=tctechnicalinsights] {
  display: none;
}

:host([feature=visualearnings]:not([visualearnings-feature])),
:host(*:not([visualearnings-feature])) [feature=visualearnings],
cq-context:not([visualearnings-feature]) [feature=visualearnings] {
  display: none;
}

:host([feature=crosssection]:not([crosssection-feature])),
:host(*:not([crosssection-feature])) [feature=crosssection],
cq-context:not([crosssection-feature]) [feature=crosssection] {
  display: none;
}

:host([feature=pinnedmarkers]:not([pinnedmarkers-feature])),
:host(*:not([pinnedmarkers-feature])) [feature=pinnedmarkers],
cq-context:not([pinnedmarkers-feature]) [feature=pinnedmarkers] {
  display: none;
}

[feature=ta_markers],
[feature=video_markers] {
  display: none;
}

/* shadow DOM stuff (experimental) */
/* Icon variables */
*:root {
  /* height constant */
  --icon-height: -29px;
  /* display menu icons */
  --icon-candle: calc(0 * var(--icon-height));
  --icon-bar: calc(1 * var(--icon-height));
  --icon-colored-bar: calc(2 * var(--icon-height));
  --icon-line: calc(3 * var(--icon-height));
  --icon-hollow-candle: calc(4 * var(--icon-height));
  --icon-mountain: calc(5 * var(--icon-height));
  --icon-baseline-mountain: calc(6 * var(--icon-height));
  --icon-volume-candle: calc(7 * var(--icon-height));
  --icon-heikinashi: calc(8 * var(--icon-height));
  --icon-linebreak: calc(9 * var(--icon-height));
  --icon-range-bars: calc(10 * var(--icon-height));
  --icon-kagi: calc(11 * var(--icon-height));
  --icon-renko: calc(12 * var(--icon-height));
  --icon-vertex-line: calc(13 * var(--icon-height));
  --icon-step: calc(14 * var(--icon-height));
  --icon-colored-hlc: calc(15 * var(--icon-height));
  --icon-scatterplot: calc(16 * var(--icon-height));
  --icon-histogram: calc(17 * var(--icon-height));
  --icon-pandf: calc(18 * var(--icon-height));
  --icon-colored-line: calc(19 * var(--icon-height));
  --icon-colored-vertex-line: calc(20 * var(--icon-height));
  --icon-colored-mountain: calc(21 * var(--icon-height));
  --icon-colored-vertex-mountain: calc(22 * var(--icon-height));
  --icon-vertex-mountain: calc(23 * var(--icon-height));
  --icon-baseline-vertex-mountain: calc(24 * var(--icon-height));
  --icon-vertex-baseline: calc(25 * var(--icon-height));
  --icon-baseline-delta: calc(26 * var(--icon-height));
  --icon-hlc: calc(27 * var(--icon-height));
  --icon-step-mountain: calc(28 * var(--icon-height));
  --icon-colored-step-mountain: calc(29 * var(--icon-height));
  --icon-colored-vertex-step: calc(30 * var(--icon-height));
  --icon-colored-vertex-mountain-step: calc(31 * var(--icon-height));
  --icon-vertex-mountain-step: calc(32 * var(--icon-height));
  --icon-hlc-box: calc(33 * var(--icon-height));
  --icon-hlc-shaded-box: calc(34 * var(--icon-height));
  --icon-channel: calc(35 * var(--icon-height));
  --icon-generic: calc(36 * var(--icon-height));
  /* general menu icons */
  --icon-plus: calc(0 * var(--icon-height));
  --icon-close: calc(1 * var(--icon-height));
  --icon-options: calc(2 * var(--icon-height));
  /* menu bar icons */
  --icon-glass: calc(0 * var(--icon-height));
  --icon-flag: calc(1 * var(--icon-height));
  --icon-pin: calc(2 * var(--icon-height));
  --icon-arrows: calc(3 * var(--icon-height));
  --icon-pencil: calc(4 * var(--icon-height));
  --icon-function: calc(5 * var(--icon-height));
  --icon-display: calc(6 * var(--icon-height));
  --icon-info: calc(7 * var(--icon-height));
  --icon-crosshair: calc(8 * var(--icon-height));
  --icon-eye: calc(9 * var(--icon-height));
  --icon-keyboard: calc(10 * var(--icon-height));
  --icon-3dots: calc(11 * var(--icon-height));
  --icon-table: calc(12 * var(--icon-height));
  --icon-cog: calc(13 * var(--icon-height));
  --icon-question: calc(14 * var(--icon-height));
  /* language flags */
  --icon-US: calc(0 * var(--icon-height));
  --icon-arabic: calc(1 * var(--icon-height));
  --icon-FR: calc(2 * var(--icon-height));
  --icon-DE: calc(3 * var(--icon-height));
  --icon-HU: calc(4 * var(--icon-height));
  --icon-PT: calc(5 * var(--icon-height));
  --icon-IT: calc(6 * var(--icon-height));
  --icon-RU: calc(7 * var(--icon-height));
  --icon-ES: calc(8 * var(--icon-height));
  --icon-ZH: calc(9 * var(--icon-height));
  --icon-JP: calc(10 * var(--icon-height));
}

:host([interactable]) .icon {
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-origin: border-box;
  background-clip: padding-box;
  width: 28px;
  height: 27.5px; /* safari seems to not like 28px; it's too much for the sprite */
  display: inline-block;
  margin-top: 5px;
  box-sizing: border-box;
  border: 1px solid transparent;
  background-position-y: var(--icon-generic);
  /* put generic first to allow more sepcifc chart type to override */
}
:host([interactable]) .icon.generic {
  background-position-y: var(--icon-generic);
}
:host([interactable]) .icon.candle {
  background-position-y: var(--icon-candle);
}
:host([interactable]) .icon.bar {
  background-position-y: var(--icon-bar);
}
:host([interactable]) .icon.colored-bar {
  background-position-y: var(--icon-colored-bar);
}
:host([interactable]) .icon.line {
  background-position-y: var(--icon-line);
}
:host([interactable]) .icon.colored-line {
  background-position-y: var(--icon-colored-line);
}
:host([interactable]) .icon.vertex-line {
  background-position-y: var(--icon-vertex-line);
}
:host([interactable]) .icon.step {
  background-position-y: var(--icon-step);
}
:host([interactable]) .icon.mountain {
  background-position-y: var(--icon-mountain);
}
:host([interactable]) .icon.baseline-delta {
  background-position-y: var(--icon-baseline-delta);
}
:host([interactable]) .icon.hollow-candle {
  background-position-y: var(--icon-hollow-candle);
}
:host([interactable]) .icon.volume-candle {
  background-position-y: var(--icon-volume-candle);
}
:host([interactable]) .icon.colored-hlc {
  background-position-y: var(--icon-colored-hlc);
}
:host([interactable]) .icon.scatterplot {
  background-position-y: var(--icon-scatterplot);
}
:host([interactable]) .icon.histogram {
  background-position-y: var(--icon-histogram);
}
:host([interactable]) .icon.heikinashi {
  background-position-y: var(--icon-heikinashi);
}
:host([interactable]) .icon.kagi {
  background-position-y: var(--icon-kagi);
}
:host([interactable]) .icon.linebreak {
  background-position-y: var(--icon-linebreak);
}
:host([interactable]) .icon.renko {
  background-position-y: var(--icon-renko);
}
:host([interactable]) .icon.rangebars {
  background-position-y: var(--icon-range-bars);
}
:host([interactable]) .icon.pandf {
  background-position-y: var(--icon-pandf);
}
:host([interactable]) .icon.plus {
  background-position-y: var(--icon-plus);
}
:host([interactable]) .icon.close {
  background-position-y: var(--icon-close);
}
:host([interactable]) .icon.options {
  background-position-y: var(--icon-options);
}
:host([interactable]) .icon.search {
  background-position-y: var(--icon-glass);
}
:host([interactable]) .icon.display {
  background-position-y: var(--icon-candle);
}
:host([interactable]) .icon.views {
  background-position-y: var(--icon-eye);
}
:host([interactable]) .icon.studies {
  background-position-y: var(--icon-function);
}
:host([interactable]) .icon.events {
  background-position-y: var(--icon-flag);
}
:host([interactable]) .icon.preferences {
  background-position-y: var(--icon-cog);
}
:host([interactable]) .icon.draw {
  background-position-y: var(--icon-pencil);
}
:host([interactable]) .icon.crosshair {
  background-position-y: var(--icon-crosshair);
}
:host([interactable]) .icon.info {
  background-position-y: var(--icon-info);
}
:host([interactable]) .icon.tableview {
  background-position-y: var(--icon-table);
}
:host([interactable]) .icon.morenav {
  background-position-y: var(--icon-3dots);
}
:host([interactable]) .icon.trade {
  background-position-y: var(--icon-arrows);
}
:host([interactable]) .icon.watch {
  background-position-y: var(--icon-pin);
}
:host([interactable]) .icon.shortcuts {
  background-position-y: var(--icon-keyboard);
}
:host([interactable]) .icon.help {
  background-position-y: var(--icon-question);
}
:host([interactable]) .icon.search, :host([interactable]) .icon.display, :host([interactable]) .icon.views, :host([interactable]) .icon.studies, :host([interactable]) .icon.events, :host([interactable]) .icon.preferences, :host([interactable]) .icon.draw, :host([interactable]) .icon.crosshair, :host([interactable]) .icon.info, :host([interactable]) .icon.tableview, :host([interactable]) .icon.morenav, :host([interactable]) .icon.trade, :host([interactable]) .icon.watch, :host([interactable]) .icon.shortcuts, :host([interactable]) .icon.help {
  background-image: url(/assets/stx-sprite-ui-v2-a95f010e.svg);
}
:host([interactable]) .icon.candle, :host([interactable]) .icon.bar, :host([interactable]) .icon.colored-bar, :host([interactable]) .icon.line, :host([interactable]) .icon.colored-line, :host([interactable]) .icon.vertex-line, :host([interactable]) .icon.step, :host([interactable]) .icon.mountain, :host([interactable]) .icon.baseline-delta, :host([interactable]) .icon.hollow-candle, :host([interactable]) .icon.volume-candle, :host([interactable]) .icon.colored-hlc, :host([interactable]) .icon.scatterplot, :host([interactable]) .icon.histogram, :host([interactable]) .icon.heikinashi, :host([interactable]) .icon.kagi, :host([interactable]) .icon.linebreak, :host([interactable]) .icon.renko, :host([interactable]) .icon.rangebars, :host([interactable]) .icon.pandf, :host([interactable]) .icon.generic {
  background-image: url(/assets/stx-sprite-chart-types-v2-be4b1208.svg);
}
:host([interactable]) .icon.plus, :host([interactable]) .icon.close, :host([interactable]) .icon.options {
  background-image: url(/assets/stx-sprite-menu-controls-40feee0d.svg);
  opacity: 0.5;
}
:host([interactable]) .icon.flag {
  background-image: url(/assets/languages-eb35655c.svg);
}
:host([interactable]) .flag[cq-lang=en], :host([interactable]) .flag[cq-lang=en-US] {
  background-position-y: var(--icon-US);
}
:host([interactable]) .flag[cq-lang^=ar] {
  background-position-y: var(--icon-arabic);
}
:host([interactable]) .flag[cq-lang=fr], :host([interactable]) .flag[cq-lang=fr-FR] {
  background-position-y: var(--icon-FR);
}
:host([interactable]) .flag[cq-lang=de], :host([interactable]) .flag[cq-lang=de-DE] {
  background-position-y: var(--icon-DE);
}
:host([interactable]) .flag[cq-lang=hu], :host([interactable]) .flag[cq-lang=hu-HU] {
  background-position-y: var(--icon-HU);
}
:host([interactable]) .flag[cq-lang=pt], :host([interactable]) .flag[cq-lang=pt-PT] {
  background-position-y: var(--icon-PT);
}
:host([interactable]) .flag[cq-lang=it], :host([interactable]) .flag[cq-lang=it-IT] {
  background-position-y: var(--icon-IT);
}
:host([interactable]) .flag[cq-lang=ru], :host([interactable]) .flag[cq-lang=ru-RU] {
  background-position-y: var(--icon-RU);
}
:host([interactable]) .flag[cq-lang=es], :host([interactable]) .flag[cq-lang=es-ES] {
  background-position-y: var(--icon-ES);
}
:host([interactable]) .flag[cq-lang=zh], :host([interactable]) .flag[cq-lang=zh-CN] {
  background-position-y: var(--icon-ZH);
}
:host([interactable]) .flag[cq-lang=ja], :host([interactable]) .flag[cq-lang=ja-JP] {
  background-position-y: var(--icon-JP);
}
:host([interactable].ciq-night) .icon {
  background-position-x: -30px;
}
:host([interactable].ciq-night) .icon.flag {
  background-position-x: 0px;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-x:focus-visible,
.ps__thumb-y:focus-visible {
  outline: none;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
[interactable].ciq-night {
  background: revert;
  color: revert;
}
:host([interactable]) .close {
  opacity: 0.5;
  transition: opacity 0.2s;
}
:host([interactable]) .ciq-icon.ciq-close:after, :host([interactable]) .hidden {
  display: none !important;
}

.ciq-nav cq-toggle[interactable] {
  height: 39px;
  margin-top: 2px;
}

/*.ciq-toggles {
	margin-top: 2px;
	z-index: 3;
}*/
:host(cq-comparison), cq-comparison {
  background-color: unset !important;
}
:host(cq-comparison[cq-marker]), cq-comparison[cq-marker] {
  padding: 5px 10px 5px 0;
  margin: 5px 0 0 10px;
  display: table;
  height: 15px;
  z-index: 2;
}
:host(cq-comparison[chart-legend]), cq-comparison[chart-legend] {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  /*.close { // moved to nextgen for now
  	opacity: 0.5;
  	transition: opacity 0.2s;
  }*/
}
:host(cq-comparison[chart-legend]) cq-loader, cq-comparison[chart-legend] cq-loader {
  margin: 0;
  height: 15px;
  width: 15px;
  top: 6px;
}
:host(cq-comparison[chart-legend]) cq-loader.stx-show, cq-comparison[chart-legend] cq-loader.stx-show {
  display: inline-block;
}
:host(cq-comparison[chart-legend]) cq-swatch, cq-comparison[chart-legend] cq-swatch {
  width: 12px;
  height: 12px;
  position: relative;
  float: left;
  vertical-align: top;
  margin: 8px 4px 6px 8px;
  display: flex;
}
:host(cq-comparison[chart-legend]) .price, cq-comparison[chart-legend] .price {
  color: #8d949a;
  font-weight: 500;
  padding-right: 10px;
}
:host(cq-comparison[chart-legend]) .price + .price, cq-comparison[chart-legend] .price + .price {
  margin-left: 5px;
}
:host(cq-comparison[chart-legend]) .cq-down, cq-comparison[chart-legend] .cq-down {
  color: #ff002a;
}
:host(cq-comparison[chart-legend]) .cq-up, cq-comparison[chart-legend] .cq-up {
  color: #85c730;
}
:host(cq-comparison[chart-legend]) .ciq-screen-reader, cq-comparison[chart-legend] .ciq-screen-reader {
  opacity: 0;
  overflow: hidden;
}
:host(cq-comparison[chart-legend]) .hidden.close, :host(cq-comparison[chart-legend]) .hidden.ciq-switch, cq-comparison[chart-legend] .hidden.close, cq-comparison[chart-legend] .hidden.ciq-switch {
  display: none;
}
:host(cq-comparison[chart-legend]) .item, cq-comparison[chart-legend] .item {
  margin: 0 8px;
  padding: 0 10px 0 15px;
  position: relative;
  cursor: pointer;
  text-overflow: clip;
  white-space: nowrap;
  clear: both;
  line-height: 28px;
  height: 28px;
  min-width: 175px;
  outline: none; /* turns off focus outline */
  border-radius: 1px;
  display: flex;
  transition: opacity 0.2s 0.5s, background-color 0.25s ease-in-out;
}
:host(cq-comparison[chart-legend]) .item [label],
:host(cq-comparison[chart-legend]) .item [description], cq-comparison[chart-legend] .item [label],
cq-comparison[chart-legend] .item [description] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  margin-left: 5px;
  margin-right: 5px;
}
:host(cq-comparison[chart-legend]) .item .icon, cq-comparison[chart-legend] .item .icon {
  margin: 1px 0 1px -4px;
  vertical-align: middle;
  cursor: pointer;
  float: right;
}
:host(cq-comparison[chart-legend]) .ciq-active .ciq-switch, cq-comparison[chart-legend] .ciq-active .ciq-switch {
  background-color: #398dff;
}
:host(cq-comparison[chart-legend]) .ciq-active:hover .ciq-switch, cq-comparison[chart-legend] .ciq-active:hover .ciq-switch {
  background-color: #2a51d0;
}
:host(cq-comparison[chart-legend]) .ciq-active .ciq-switch:after, cq-comparison[chart-legend] .ciq-active .ciq-switch:after {
  left: 12px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}
:host(cq-study-legend.hovershow) cq-comparison[chart-legend], cq-study-legend.hovershow cq-comparison[chart-legend] {
  display: none;
}
:host(cq-study-legend.hovershow.ciq-active) cq-comparison[chart-legend], :host(cq-study-legend.hovershow:not([last-interaction=touch]):hover) cq-comparison[chart-legend], :host(cq-study-legend.hovershow.sharing) cq-comparison[chart-legend], cq-study-legend.hovershow.ciq-active cq-comparison[chart-legend], html:not([ciq-last-interaction=touch]) cq-study-legend.hovershow cq-comparison[chart-legend], .sharing cq-study-legend.hovershow cq-comparison[chart-legend] {
  display: block;
}
:host(cq-comparison[chart-legend].sharing) .item:not(.ciq-active), :host(cq-comparison[chart-legend].sharing) [current-price], :host(cq-comparison[chart-legend].sharing) [crosshair-price], :host(cq-comparison[chart-legend].sharing) .ciq-switch, :host(cq-comparison[chart-legend].sharing) .icon, .sharing cq-comparison[chart-legend] .item:not(.ciq-active), .sharing cq-comparison[chart-legend] [current-price], .sharing cq-comparison[chart-legend] [crosshair-price], .sharing cq-comparison[chart-legend] .ciq-switch, .sharing cq-comparison[chart-legend] .icon {
  display: none;
}
:host(cq-comparison[chart-legend]:not([last-interaction=touch])) .item:hover, html:not([ciq-last-interaction=touch]) cq-comparison[chart-legend] .item:hover {
  background-color: #fafafa;
  border-radius: 1px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
:host(cq-comparison[chart-legend]:not([last-interaction=touch]):hover), :host(cq-comparison[chart-legend].ciq-active), html:not([ciq-last-interaction=touch]) cq-comparison[chart-legend]:hover, cq-comparison[chart-legend].ciq-active {
  height: auto;
}
:host(cq-comparison[chart-legend]:not([last-interaction=touch])) .icon:hover, html:not([ciq-last-interaction=touch]) cq-comparison[chart-legend] .icon:hover {
  opacity: 1;
}
:host(cq-comparison[chart-legend]:not([last-interaction=touch])) .item:hover, :host(cq-comparison[chart-legend]) .item:active, :host(cq-comparison[chart-legend]) .item[cq-focused], html:not([ciq-last-interaction=touch]) cq-comparison[chart-legend] .item:hover, cq-comparison[chart-legend] .item:active, cq-comparison[chart-legend] .item[cq-focused] {
  background-color: #efefef;
  color: #000;
}
:host(cq-comparison[chart-legend].ciq-night:not([last-interaction=touch])) .item:hover, :host(cq-comparison[chart-legend].ciq-night) .item:active, :host(cq-comparison[chart-legend].ciq-night) .item[cq-focused], html:not([ciq-last-interaction=touch]) .ciq-night cq-comparison[chart-legend] .item:hover, .ciq-night cq-comparison[chart-legend] .item:active, .ciq-night cq-comparison[chart-legend] .item[cq-focused] {
  background-color: var(--DARK-menu-highlight-bg);
  color: var(--DARK-text);
}
:host(cq-comparison[chart-legend].ciq-night) .item, .ciq-night cq-comparison[chart-legend] .item {
  color: #a2a8ad;
}
:host(cq-comparison[chart-legend].ciq-night:not([last-interaction=touch])) .item:hover, html:not([ciq-last-interaction=touch]) .ciq-night cq-comparison[chart-legend] .item:hover {
  background: #21323f;
}

/* comparison results menu */
:host(.comparison), .comparison {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  transition: color 0.2s 0s, opacity 0.2s 0s;
  z-index: 3;
  min-height: 1px;
  /* hack so that jquery doesn't think it's 0px */
  min-width: 1px;
  line-height: normal;
  margin: 0;
  padding: 0;
  float: none;
  text-align: left;
}
:host(.comparison):after, .comparison:after {
  content: none;
}
:host(.comparison) .icon.plus, .comparison .icon.plus {
  width: 13px;
  height: 12px;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -531px -32px;
  margin: 0;
  opacity: 1;
}
:host(.comparison) [add-label], .comparison [add-label] {
  padding-left: 10px;
  display: inline-block;
}
:host(.comparison) [add-label] > *, .comparison [add-label] > * {
  display: inline-block;
  vertical-align: top;
}
:host(.comparison) [add-comparison], .comparison [add-comparison] {
  display: block;
  position: absolute;
  top: -15px;
  min-width: 210px;
  height: 27px;
  opacity: 0;
  border-radius: 1px;
  transition: opacity 0.5s;
  white-space: nowrap;
}
:host(.comparison) [add-comparison] cq-swatch, .comparison [add-comparison] cq-swatch {
  margin-top: 5px;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  position: relative;
}
:host(.comparison) [add-comparison] .stx-btn, .comparison [add-comparison] .stx-btn {
  padding: 0 10px;
  transition: color 0.2s 0.2s !important;
  height: 27px !important;
  line-height: 27px !important;
  border: none !important;
  color: #666666;
  text-transform: uppercase;
}
:host(.comparison) [add-comparison] > *, .comparison [add-comparison] > * {
  display: none;
  vertical-align: top;
}
:host(.comparison.break-sm), .break-sm .comparison {
  display: none;
}
:host(.comparison.stxMenuActive) [add-label], .comparison.stxMenuActive [add-label] {
  height: 0px;
  display: none;
}
:host(.comparison.stxMenuActive) [add-comparison], .comparison.stxMenuActive [add-comparison] {
  background: #fafafa;
  opacity: 1;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
:host(.comparison.stxMenuActive) [add-comparison] > *, .comparison.stxMenuActive [add-comparison] > * {
  display: inline-block;
}
:host(.comparison.stxMenuActive.ciq-night) [add-comparison], .ciq-night .comparison.stxMenuActive [add-comparison] {
  background: #253746;
}
:host(.comparison:not([ciq-last-interaction=touch]):hover) [add-label], :host(.comparison:active) [add-label], html:not([ciq-last-interaction=touch]) .comparison:hover [add-label], .comparison:active [add-label] {
  /* Darker text on hover */
  color: #000;
}
:host(.comparison:not([ciq-last-interaction=touch])) [add-comparison] .stx-btn:hover, :host(.comparison) [add-comparison] .stx-btn:active, html:not([ciq-last-interaction=touch]) .comparison [add-comparison] .stx-btn:hover, .comparison [add-comparison] .stx-btn:active {
  color: #000;
}
:host(.comparison.ciq-night) [add-label], :host(.comparison.ciq-night) [add-comparison] .stx-btn, .ciq-night .comparison [add-label], .ciq-night .comparison [add-comparison] .stx-btn {
  color: #a4aaae;
}
:host(.comparison.ciq-night:not([ciq-last-interaction=touch]):hover) [add-label], :host(.comparison.ciq-night:active) [add-label], html:not([ciq-last-interaction=touch]) .ciq-night .comparison:hover [add-label], .ciq-night .comparison:active [add-label] {
  /* Brighter text on hover */
  color: #fff;
}
:host(.comparison.ciq-night:not([ciq-last-interaction=touch])) [add-comparison] .stx-btn:hover, :host(.comparison.ciq-night) [add-comparison] .stx-btn:active, html:not([ciq-last-interaction=touch]) .ciq-night .comparison [add-comparison] .stx-btn:hover, .ciq-night .comparison [add-comparison] .stx-btn:active {
  color: #fff;
}

:host(cq-dropdown) .content, cq-dropdown .content {
  position: absolute;
  left: inherit;
  right: inherit;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: opacity 0.2s 0s;
  z-index: 6;
  width: 200px;
  border-radius: 1px 1px 20px 20px;
  height: auto;
  margin-top: 0px;
  padding-bottom: 9px;
  padding-top: 10px;
  display: block;
  list-style-type: none;
  padding-inline: 0;
  text-align: left;
  outline: none;
}
:host(cq-dropdown) .content > .item, cq-dropdown .content > .item {
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  text-overflow: clip;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  clear: both;
  line-height: 28px;
  height: 28px;
  outline: none; /* turns off focus outline */
}
:host(cq-dropdown) .content > .item h4, cq-dropdown .content > .item h4 {
  cursor: default;
  white-space: normal;
  color: #398dff;
  font-size: 12px;
  text-transform: uppercase;
  height: 28px;
  line-height: 18px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}
:host(cq-dropdown) .content > .item.template-item, cq-dropdown .content > .item.template-item {
  height: auto;
}
:host(cq-dropdown) .content > .item.template-item > *, cq-dropdown .content > .item.template-item > * {
  padding: 0;
  margin: 0;
}
:host(cq-dropdown) .content > .item:not(.template-item) > *, cq-dropdown .content > .item:not(.template-item) > * {
  display: block;
  margin: 0 8px;
  padding: 0 10px;
  border-radius: 15px;
}
:host(cq-dropdown) .content > .item.separator-item, cq-dropdown .content > .item.separator-item {
  cursor: default;
  height: 0;
  padding: 10px 0;
}
:host(cq-dropdown) .content > .item.separator-item hr, cq-dropdown .content > .item.separator-item hr {
  border: none;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid transparent;
  margin: 0;
}
:host(cq-dropdown) .content > .item .icon, cq-dropdown .content > .item .icon {
  margin: 0 4px 1px -4px;
  vertical-align: middle;
}
:host(cq-dropdown) .content > .item .icon + div, cq-dropdown .content > .item .icon + div {
  display: inline-block;
}
:host(cq-dropdown) .content > .item .options, cq-dropdown .content > .item .options {
  opacity: 0.5;
  transition: opacity 0.2s;
  position: absolute;
  right: 40px;
}
:host(cq-dropdown) .content > .item .close, cq-dropdown .content > .item .close {
  margin-top: 1px;
}
:host(cq-dropdown) .content > .item .ciq-checkbox,
:host(cq-dropdown) .content > .item .ciq-radio, cq-dropdown .content > .item .ciq-checkbox,
cq-dropdown .content > .item .ciq-radio {
  display: inline-block;
  width: 27px;
  height: 27px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 10px;
}
:host(cq-dropdown) .content > .item .ciq-checkbox span,
:host(cq-dropdown) .content > .item .ciq-radio span, cq-dropdown .content > .item .ciq-checkbox span,
cq-dropdown .content > .item .ciq-radio span {
  margin-top: 6px;
  display: inline-block;
  border: solid 1px #ccc;
  position: relative;
  width: 12px;
  height: 12px;
}
:host(cq-dropdown) .content > .item .ciq-radio span, cq-dropdown .content > .item .ciq-radio span {
  border-radius: 50%;
}
:host(cq-dropdown) .content > .item.switch-item .ciq-switch, cq-dropdown .content > .item.switch-item .ciq-switch {
  position: absolute;
  right: 20px;
}
:host(cq-dropdown) .content > .item .ciq-screen-reader, cq-dropdown .content > .item .ciq-screen-reader {
  opacity: 0;
  overflow: hidden;
}
:host(cq-dropdown) .content > .item cq-help, cq-dropdown .content > .item cq-help {
  margin: 0 7px;
  width: calc(100% - 14px);
}
:host(cq-dropdown) .content > .item [label], cq-dropdown .content > .item [label] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host(cq-dropdown) .content > .item.ciq-active .ciq-checkbox span:after,
:host(cq-dropdown) .content > .item.ciq-active .ciq-radio span:after, cq-dropdown .content > .item.ciq-active .ciq-checkbox span:after,
cq-dropdown .content > .item.ciq-active .ciq-radio span:after {
  position: absolute;
  display: block;
  content: "";
}
:host(cq-dropdown) .content > .item.ciq-active .ciq-checkbox span:after, cq-dropdown .content > .item.ciq-active .ciq-checkbox span:after {
  left: 1px;
  bottom: 1px;
  width: 12px;
  height: 12px;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -580px -31px;
}
:host(cq-dropdown) .content > .item.ciq-active .ciq-switch, cq-dropdown .content > .item.ciq-active .ciq-switch {
  background-color: #398dff;
}
:host(cq-dropdown) .content > .item.ciq-active .ciq-switch:after, cq-dropdown .content > .item.ciq-active .ciq-switch:after {
  left: 12px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}
:host(cq-dropdown) .content > .item.ciq-active:hover .ciq-switch, cq-dropdown .content > .item.ciq-active:hover .ciq-switch {
  background-color: #2a51d0;
}
:host(cq-dropdown) .content > .item.ciq-active .ciq-switch .ciq-radio span:after, cq-dropdown .content > .item.ciq-active .ciq-switch .ciq-radio span:after {
  left: 3px;
  bottom: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #398dff;
}
:host(cq-dropdown)[cq-lift], cq-dropdown[cq-lift] {
  z-index: 6;
  outline: none;
}
:host(cq-dropdown)[cq-lift] .content, cq-dropdown[cq-lift] .content {
  position: relative;
  left: auto;
  right: auto;
  width: inherit;
  margin-top: 0;
  padding-top: 10px;
}
:host(cq-dropdown)[cq-lift] .content > .item, cq-dropdown[cq-lift] .content > .item {
  overflow: hidden;
}
:host(cq-dropdown)[cq-lift] .content > .item.ciq-radio, :host(cq-dropdown)[cq-lift] .content > .item.ciq-checkbox, :host(cq-dropdown)[cq-lift] .content > .item.ciq-switch, cq-dropdown[cq-lift] .content > .item.ciq-radio, cq-dropdown[cq-lift] .content > .item.ciq-checkbox, cq-dropdown[cq-lift] .content > .item.ciq-switch {
  float: right;
  position: relative;
  right: 0px;
  margin-left: 6px;
}
:host(cq-dropdown.ciq-night), cq-dropdown.ciq-night {
  background-color: transparent;
}
:host(cq-dropdown:not(.ciq-show-help)) .help-instr, cq-context:not(.ciq-show-help) cq-dropdown .help-instr {
  display: none;
}
:host(cq-dropdown.ciq-night) .content, .ciq-night cq-dropdown .content, cq-dropdown.ciq-night .content {
  background: var(--DARK-bg);
  box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.2);
}
:host(cq-dropdown.ciq-night) .item.separator-item hr, .ciq-night cq-dropdown .item.separator-item hr {
  border-bottom-color: #495764;
}
:host(cq-dropdown) .item.separator-item.partial hr, :host(cq-dropdown.ciq-night) .item.separator-item.partial hr, cq-dropdown .item.separator-item.partial hr, .ciq-night cq-dropdown .item.separator-item.partial hr {
  width: 70%;
  border-bottom-style: dashed;
  margin: 0 10%;
}
:host(cq-dropdown:not([last-interaction=touch])) .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):hover > *, :host(cq-dropdown) .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):active > *, :host(cq-dropdown) .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn) [cq-focused], html:not([ciq-last-interaction=touch]) cq-dropdown .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):hover > *, cq-dropdown .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):active > *, cq-dropdown .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn) [cq-focused] {
  background-color: #efefef;
  color: #000;
}
:host(cq-dropdown.ciq-night:not([last-interaction=touch])) .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):hover > *, :host(cq-dropdown.ciq-night) .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):active > *, :host(cq-dropdown.ciq-night) .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn) [cq-focused], html:not([ciq-last-interaction=touch]) .ciq-night cq-dropdown .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):hover > *, html:not([ciq-last-interaction=touch]) cq-dropdown.ciq-night .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):hover > *, .ciq-night cq-dropdown .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):active > *, .ciq-night cq-dropdown .content > .item:not(.separator-item, .heading-item, .template-item, .ciq-btn) [cq-focused] {
  background-color: var(--DARK-menu-highlight-bg);
  color: var(--DARK-text);
}
:host(cq-dropdown:not([last-interaction=touch])) .content > .item:hover .ciq-radio span, :host(cq-dropdown:not([last-interaction=touch])) .radio-item:hover .ciq-radio span, :host(cq-dropdown:not([last-interaction=touch])) .ciq-radio:hover span, :host(cq-dropdown) .radio-item:active .ciq-radio span, :host(cq-dropdown) item:active .ciq-radio span, :host(cq-dropdown:not([last-interaction=touch])) .content > .item:hover .ciq-checkbox span, :host(cq-dropdown:not([last-interaction=touch])) .checkbox-item:hover .ciq-checkbox span, :host(cq-dropdown:not([last-interaction=touch])) .ciq-checkbox:hover span, :host(cq-dropdown) .checkbox-item:active .ciq-checkbox span, :host(cq-dropdown) item:active .ciq-checkbox span, :host(cq-dropdown:not([last-interaction=touch])) .options:hover span, html:not([ciq-last-interaction=touch]) cq-dropdown .content > .item:hover .ciq-radio span, html:not([ciq-last-interaction=touch]) cq-dropdown .radio-item:hover .ciq-radio span, html:not([ciq-last-interaction=touch]) cq-dropdown .ciq-radio:hover span, cq-dropdown .radio-item:active .ciq-radio span, cq-dropdown item:active .ciq-radio span, html:not([ciq-last-interaction=touch]) cq-dropdown .content > .item:hover .ciq-checkbox span, html:not([ciq-last-interaction=touch]) cq-dropdown.checkbox-item:hover .ciq-checkbox span, html:not([ciq-last-interaction=touch]) cq-dropdown .ciq-checkbox:hover span, cq-dropdown .checkbox-item:active .ciq-checkbox span, cq-dropdown item:active .ciq-checkbox span, html:not([ciq-last-interaction=touch]) cq-dropdown .options:hover span {
  border: solid 1px #999;
}

:host(.dropdown-clickable) .icon, .dropdown-clickable .icon {
  margin: 0 4px 1px -4px;
  vertical-align: middle;
  display: inline-block;
}
:host(.dropdown-clickable) .icon + div, .dropdown-clickable .icon + div {
  display: inline-block;
}
:host(.dropdown-clickable) .icon.hidden, .dropdown-clickable .icon.hidden {
  display: none !important;
}
:host(.dropdown-clickable) .options, .dropdown-clickable .options {
  opacity: 0.5;
  transition: opacity 0.2s;
  position: absolute;
  right: 40px;
}
:host(.dropdown-clickable) .ciq-screen-reader, .dropdown-clickable .ciq-screen-reader {
  opacity: 0;
  overflow: hidden;
}
:host(.dropdown-clickable) [label], .dropdown-clickable [label] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host(.dropdown-clickable:not([last-interaction=touch])) .options:hover span, html:not([ciq-last-interaction=touch]) .dropdown-clickable .options:hover span {
  border: solid 1px #999;
}

:host(cq-dropdown:not([last-interaction=touch])) .options:hover,
:host(.dropdown-clickable:not([last-interaction=touch])) .options:hover,
html:not([ciq-last-interaction=touch]) cq-dropdown .options:hover,
html:not([ciq-last-interaction=touch]) .dropdown-clickable .options:hover {
  opacity: 1;
}

:host(cq-dropdown[config=period]) .content,
cq-dropdown[config=period] .content {
  width: 100px;
}

:host(cq-dropdown[config=studies]) .content,
cq-dropdown[config=studies] .content {
  width: 230px;
  padding-top: 0;
}

:host(cq-dropdown[config=toolgrouping]) .content,
cq-dropdown[config=toolgrouping] .content {
  width: 100px;
}

:host(cq-dropdown[config=waveimpulse]) .content,
:host(cq-dropdown[config=wavecorrective]) .content,
cq-dropdown[config=waveimpulse] .content,
cq-dropdown[config=wavecorrective] .content {
  width: 90px;
  padding-top: 0;
}

:host(cq-dropdown[config=wavetemplate]) .content,
cq-dropdown[config=wavetemplate] .content {
  width: 130px;
  padding-top: 0;
}

.ciq-grid-layout-picker {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 5px 0;
  padding: 0;
}

cq-grid-size-picker {
  display: block;
}
cq-grid-size-picker tr {
  display: block;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  line-height: 0;
}
cq-grid-size-picker td {
  display: inline-block;
  height: 19px;
  width: 19px;
  margin: 0;
  padding: 0;
  text-align: center;
}
cq-grid-size-picker td div {
  pointer-events: none;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 2px;
  padding: 0;
  border: solid 1px #ccc;
  border-color: var(--grid-size-border-color, #ccc);
  background: #eee; /* keep a hard coded style in case the var function is unavailable */
  background-color: var(--grid-size-background-color, #eee);
  text-align: center;
}
cq-grid-size-picker td:hover div,
cq-grid-size-picker td.highlight div {
  border-color: #666;
  border-color: var(--grid-size-border-hl-color, #666);
  background: #ccc;
  background-color: var(--grid-size-background-hl-color, #ccc);
}
cq-grid-size-picker p {
  width: 100%;
  line-height: 1em;
  text-align: center;
  margin: 5px 0;
}
cq-grid-size-picker .multiply {
  transform: rotate(45deg);
  display: inline-block;
}

:host(cq-heading.dropdown), cq-heading.dropdown {
  display: flex;
  line-height: 18px;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
:host(cq-heading.dropdown) .searchFilter, cq-heading.dropdown .searchFilter {
  flex-grow: 1;
  margin: 0 4px;
  position: relative;
  cursor: auto;
  display: none;
}
:host(cq-heading.dropdown) .searchFilter.active, cq-heading.dropdown .searchFilter.active {
  display: initial;
}
:host(cq-heading.dropdown) input, cq-heading.dropdown input {
  border: none;
  border-bottom: solid 1px #aaa;
  border-radius: 0;
  margin: 0 24px 0 11px;
  padding: 0 2px;
  width: 90%;
  outline: none;
  font-weight: 300;
  /* clears the ‘X’ from Chrome, Safari */
}
:host(cq-heading.dropdown) input::-webkit-search-decoration, :host(cq-heading.dropdown) input::-webkit-search-cancel-button, :host(cq-heading.dropdown) input::-webkit-search-results-button, :host(cq-heading.dropdown) input::-webkit-search-results-decoration, cq-heading.dropdown input::-webkit-search-decoration, cq-heading.dropdown input::-webkit-search-cancel-button, cq-heading.dropdown input::-webkit-search-results-button, cq-heading.dropdown input::-webkit-search-results-decoration {
  display: none;
}
:host(cq-heading.dropdown) input.hover, cq-heading.dropdown input.hover {
  background-color: #efefef;
}
:host(cq-heading.dropdown) input:focus, cq-heading.dropdown input:focus {
  border-bottom-color: #398dff;
}
:host(cq-heading.dropdown.ciq-night) input, .ciq-night cq-heading.dropdown input {
  background-color: var(--DARK-bg);
  color: var(--DARK-text);
  border-color: var(--DARK-blue);
}
:host(cq-heading.dropdown.ciq-night) input:hover, .ciq-night cq-heading.dropdown input:hover {
  background-color: var(--DARK-menu-highlight-bg);
}
:host(cq-heading.dropdown:not([text]):not([icon])) input, cq-heading.dropdown:not([text]):not([icon]) input {
  width: 100%;
  margin-left: -6px;
}

.item-hidden {
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}

:host(cq-help) {
  --help-widget-size: 6px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
  transition: all 500ms;
}

:host(cq-help) .press-indicator {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  height: 100%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 25%, #398dff 50%, #398dff 60%, rgba(255, 255, 255, 0) 61%);
  transform: translateX(-50%) scale(0);
}

:host(cq-help.ciq-night) .press-indicator {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 25%, #fed05e 50%, #ffe6aa 60%, rgba(255, 255, 255, 0) 61%);
}

:host(cq-help) .ciq-help-widget {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--help-widget-size);
  height: var(--help-widget-size);
  background: #398dff;
  color: #398dff;
  text-align: center;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  transition: all 500ms;
  border: none;
  border-radius: 5px;
  opacity: 0;
}

:host(cq-help.ciq-night) .ciq-help-widget {
  background: var(--DARK-help);
}

:host(cq-help.help-available.ciq-show-help) .ciq-help-widget,
.ciq-show-help cq-help.help-available .ciq-help-widget {
  opacity: 1;
}

:host(cq-help) .press-indicator img {
  display: block;
  height: 100%;
  width: auto;
}

:host(cq-help.pressing) .press-indicator {
  animation: pulse 1000ms 200ms cubic-bezier(0, 0.915, 1, 0.645);
}

@keyframes pulse {
  0% {
    transform: translateX(-50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translateX(-50%) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translateX(-50%) scale(2);
    opacity: 0;
  }
}
:host(cq-lookup), cq-lookup {
  --result-width-lg: 481px;
  --result-width-md: 300px;
  --result-width-sm: 300px;
  display: block;
  width: 100%;
  transition: width 200ms 0s;
  z-index: 2;
  white-space: normal;
}
:host(cq-lookup) .input-area, cq-lookup .input-area {
  position: relative;
  width: 100%;
}
:host(cq-lookup) .input-area input:not([type]),
:host(cq-lookup) .input-area input[type=text], cq-lookup .input-area input:not([type]),
cq-lookup .input-area input[type=text] {
  width: 100%;
  height: 27px;
  box-sizing: border-box;
  border: none;
  border-radius: 1px;
  transition: background 0.6s 0s;
  padding-left: 30px;
}
:host(cq-lookup) .input-area .icon, cq-lookup .input-area .icon {
  position: absolute;
  left: 0;
  margin-top: 0;
  transform: none;
  opacity: 0.6;
  transition: opacity 0.2s 0s;
}
:host(cq-lookup) .results-area, cq-lookup .results-area {
  display: block;
  visibility: hidden;
  text-align: left;
  background-color: #fff;
  color: #666;
  opacity: 0;
  transition: opacity 0.2s 0.5s;
  height: 0px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
:host(cq-lookup) .filters, cq-lookup .filters {
  /* Results Filter Row */
  text-align: center;
  height: 45px;
  padding: 0;
  border-bottom: solid thin #ddd;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}
:host(cq-lookup) .filters > *, cq-lookup .filters > * {
  /* Filter Options */
  margin: 0 10px;
  padding: 0 5px;
  display: inline-block;
  line-height: 45px;
  height: 42px;
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  cursor: pointer;
  transition: color 0.2s 0s;
}
:host(cq-lookup) cq-dropdown.lookup, cq-lookup cq-dropdown.lookup {
  /* Search Results Panel */
  display: block;
  position: relative;
  padding: 0px;
  transition: opacity 0.2s 0.5s;
}
:host(cq-lookup.active), cq-lookup.active {
  width: var(--result-width-lg);
}
:host(cq-lookup.active) .input-area input, cq-lookup.active .input-area input {
  background: #fcfcfc;
}
:host(cq-lookup.active) .input-area .icon, cq-lookup.active .input-area .icon {
  opacity: 1;
}
:host(cq-lookup.active) .results-area, cq-lookup.active .results-area {
  visibility: visible;
  opacity: 1;
  height: auto;
}
:host(cq-lookup.break-sm), .break-sm cq-lookup {
  width: 30px;
}
:host(cq-lookup.break-md), .break-md cq-lookup {
  width: 95px;
}
:host(cq-lookup.break-md.active), .break-md cq-lookup.active {
  width: var(--result-width-md);
}
:host(cq-lookup.break-sm.active), .break-sm cq-lookup.active {
  width: var(--result-width-sm);
}
:host(cq-lookup.break-md) .filters, .break-md cq-lookup .filters, :host(cq-lookup.break-sm) .filters, .break-sm cq-lookup .filters {
  height: 90px;
}
:host(cq-lookup.break-sm) .input-area .icon, .break-sm cq-lookup .input-area .icon {
  right: 0;
}
:host(cq-lookup:not(.break-sm)) cq-dropdown, cq-context:not(.break-sm) cq-lookup cq-dropdown {
  width: auto;
}
:host(cq-lookup.break-md) cq-dropdown, :host(cq-lookup.break-sm) cq-dropdown, .break-md cq-lookup cq-dropdown, .break-sm cq-lookup cq-dropdown {
  left: 0px;
  right: 0px;
  bottom: auto;
}
:host(cq-lookup.full-screen:not(.active)), .full-screen cq-lookup:not(.active) {
  width: 30px;
}
:host(cq-lookup:not(.full-screen):not(.break-sm)) .input-area [cq-tooltip], .full-screen:not(.break-sm) cq-lookup .input-area [cq-tooltip] {
  display: none !important;
}
:host(cq-lookup:not([last-interaction=touch])) .input-area:hover input, html:not([ciq-last-interaction=touch]) cq-lookup .input-area:hover input {
  background: #fafafa;
}
:host(cq-lookup:not([last-interaction=touch])) .input-area:hover .icon, html:not([ciq-last-interaction=touch]) cq-lookup .input-area:hover .icon {
  opacity: 0.75;
}
:host(cq-lookup:not([last-interaction=touch]):hover) .input-area [cq-tooltip], html:not([ciq-last-interaction=touch]) cq-lookup:hover .input-area [cq-tooltip] {
  top: 133%;
}
:host(cq-lookup:not([last-interaction=touch])) .filters > *:hover, :host(cq-lookup) .filters > *:active, html:not([ciq-last-interaction=touch]) cq-lookup .filters > *:hover, cq-lookup .filters > *:active {
  color: #666;
}
:host(cq-lookup) .filters > *.true, :host(cq-lookup:not([last-interaction=touch])) .filters > *.true:hover, :host(cq-lookup) .filters > *.true:active, cq-lookup .filters > *.true, html:not([ciq-last-interaction=touch]) cq-lookup .filters > *.true:hover, cq-lookup .filters > *.true:active {
  /* Selected Filter Options */
  border-bottom: 3px solid #398dff;
  color: #398dff;
}
:host(cq-lookup.ciq-night) .input-area input, .ciq-night cq-lookup .input-area input {
  background: rgba(21, 31, 40, 0);
  color: var(--DARK-text);
}
:host(cq-lookup.ciq-night:not([last-interaction=touch])) .input-area:hover input, :host(cq-lookup.ciq-night.active) .input-area input, html:not([ciq-last-interaction=touch]) .ciq-night cq-lookup .input-area:hover input, .ciq-night cq-lookup.active .input-area input {
  background: #233542;
}
:host(cq-lookup.ciq-night) .results-area, .ciq-night cq-lookup .results-area {
  background: var(--DARK-bg);
  color: var(--DARK-text);
  box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.2);
}
:host(cq-lookup.ciq-night:not([last-interaction=touch])) .filters > *:hover, :host(cq-lookup.ciq-night) .filters > *:active, html:not([ciq-last-interaction=touch]) .ciq-night cq-lookup .filters > *:hover, .ciq-night cq-lookup .filters > *:active {
  color: #ccc;
}

:host(cq-menu.search), cq-menu.search {
  line-height: normal;
  margin: 0;
  width: 140px;
  height: 45px;
  padding: 9px 10px 0 10px;
}
:host(cq-menu.search):after, cq-menu.search:after {
  content: none;
}
:host(cq-menu.search).stxMenuActive, cq-menu.search.stxMenuActive {
  z-index: 4;
}
:host(cq-menu.search) input, cq-menu.search input {
  height: 27px;
  border: none;
}
:host(cq-menu.search.break-sm), .break-sm cq-menu.search {
  width: 40px;
  padding: 9px 5px 0 5px;
}
:host(cq-menu.search.break-md), .break-md cq-menu.search {
  width: 100px;
}
:host(cq-menu.search.full-screen), .full-screen cq-menu.search {
  margin-right: 10px;
  padding: 5px 0 0 0;
  height: 27px;
  width: 30px;
}

:host(cq-dropdown.lookup) .content, cq-dropdown.lookup .content {
  margin-top: -12px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
}
:host(cq-dropdown.lookup) .content > .item, cq-dropdown.lookup .content > .item {
  height: auto;
}
:host(cq-dropdown.lookup) .content > .item > *, cq-dropdown.lookup .content > .item > * {
  padding: 0;
  margin: 0;
}
:host(cq-dropdown.lookup) .content [label], cq-dropdown.lookup .content [label] {
  height: auto;
  cursor: pointer;
  white-space: nowrap;
}
:host(cq-dropdown.lookup) .content [label] span, cq-dropdown.lookup .content [label] span {
  /* Results Row Content */
  line-height: 1.5em;
  margin: 0px;
  padding: 0.5em 0 0;
}
:host(cq-dropdown.lookup) .content [label] span:nth-of-type(1), cq-dropdown.lookup .content [label] span:nth-of-type(1) {
  /* Search results Symbol */
  color: #333333;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 20px;
  display: block;
}
:host(cq-dropdown.lookup) .content [label] span:nth-of-type(2), cq-dropdown.lookup .content [label] span:nth-of-type(2) {
  /* Search results Company */
  padding: 0 3px 0 30px;
  width: 83%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
:host(cq-dropdown.lookup) .content [label] span:nth-of-type(3), cq-dropdown.lookup .content [label] span:nth-of-type(3) {
  /* Search results exchange */
  color: #333333;
  font-size: 10px;
  min-width: 40px;
  text-align: right;
  margin-top: -3.9em;
  padding-right: 20px;
  position: absolute;
  right: 0;
}
:host(cq-dropdown.lookup.ciq-night) .content > .item [label] span:nth-of-type(1), :host(cq-dropdown.lookup.ciq-night) .content > .item [label] span:nth-of-type(3), .ciq-night cq-dropdown.lookup .content > .item [label] span:nth-of-type(1), .ciq-night cq-dropdown.lookup .content > .item [label] span:nth-of-type(3) {
  color: inherit;
}

:host(cq-menu) {
  background-color: unset !important;
}
:host(cq-menu), cq-menu {
  float: left;
  cursor: pointer;
  position: relative;
  line-height: 40px;
  box-sizing: border-box;
  padding: 0 10px;
  max-height: 41px;
  margin-left: 5px;
}
:host(cq-menu) .ciq-screen-reader, cq-menu .ciq-screen-reader {
  display: inline;
  opacity: 0 !important;
  border: 0px none !important;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
}
:host(cq-menu) .ciq-screen-reader button, cq-menu .ciq-screen-reader button {
  pointer-events: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
:host(cq-menu) cq-dropdown, cq-menu cq-dropdown {
  position: relative;
  /*top: 100%;*/
  display: none;
}
:host(cq-menu) .menu-clickable, cq-menu .menu-clickable {
  height: 24px;
  margin-right: 6px;
  opacity: 0.8;
  position: relative;
  transition: opacity 0.2s 0s;
}
:host(cq-menu) .hidden, cq-menu .hidden {
  display: none !important;
}
:host(cq-menu:focus), cq-menu:focus {
  outline: none;
}
:host(cq-menu.stxMenuActive) cq-dropdown, cq-menu.stxMenuActive cq-dropdown {
  display: block;
}
:host(cq-menu:not([last-interaction=touch]):hover):before, html:not([ciq-last-interaction=touch]) cq-menu:hover:before {
  opacity: 1;
}
:host(cq-menu.nav-dropdown) cq-dropdown, cq-menu.nav-dropdown cq-dropdown {
  position: absolute;
  top: 41px;
  width: 1px;
  height: 1px;
}
:host(cq-menu.nav-dropdown.toggle-options):before, cq-menu.nav-dropdown.toggle-options:before {
  width: 16px;
  height: 16px;
  top: 16px;
  left: -3px;
  border-radius: 16px;
}
:host(cq-menu.nav-dropdown.toggle-options) cq-dropdown, cq-menu.nav-dropdown.toggle-options cq-dropdown {
  top: 38px;
}
:host(cq-menu.nav-dropdown) .menu-clickable, cq-menu.nav-dropdown .menu-clickable {
  height: 40px;
}
:host(cq-menu.nav-dropdown):before, cq-menu.nav-dropdown:before {
  content: "";
  position: absolute;
  display: block;
  top: 6px;
  left: -1px;
  width: 100%;
  height: 36px;
  margin: -4px 2px;
  border-radius: 36px;
  background: #e4e4e4;
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
:host(cq-menu.nav-dropdown.full-screen):before, cq-menu.nav-dropdown.full-screen:before {
  top: 0;
}
:host(cq-menu.nav-dropdown:not(.toggle-options).break-sm):before, :host(cq-menu.nav-dropdown:not(.toggle-options).break-md):before, .break-sm cq-menu.nav-dropdown:not(.toggle-options):before, .break-md cq-menu.nav-dropdown:not(.toggle-options):before {
  left: -4px;
}
:host(cq-menu.nav-dropdown):after, cq-menu.nav-dropdown:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 5px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: solid thin #959595;
  border-bottom: solid thin #959595;
  transform: rotate(45deg) scale(1);
}
:host(cq-menu.nav-dropdown[text]), cq-menu.nav-dropdown[text] {
  min-width: 35px;
}
:host(cq-menu.nav-dropdown:not([icon], [text], [binding])), cq-menu.nav-dropdown:not([icon], [text], [binding]) {
  margin-top: 5px;
  margin-left: -10px;
  padding: 0 5px 0 2px;
  border: 1px solid transparent;
  height: 28px;
}
:host(cq-menu.nav-dropdown:not([icon], [text], [binding])):after, cq-menu.nav-dropdown:not([icon], [text], [binding]):after {
  right: 3px;
  top: 16px;
}
:host(cq-menu.nav-dropdown.ciq-night):before, .ciq-night cq-menu.nav-dropdown:before {
  background-color: #273949;
}
:host(cq-menu.nav-dropdown.ciq-night):after, .ciq-night cq-menu.nav-dropdown:after {
  border-right: solid thin #8a8f94;
  border-bottom: solid thin #8a8f94;
}
:host(cq-menu.nav-dropdown.break-sm):after, :host(cq-menu.nav-dropdown.break-md[icon]):after, :host(cq-menu.nav-dropdown.break-md[text]):after, .break-sm cq-menu.nav-dropdown:after, .break-md cq-menu.nav-dropdown[icon]:after, .break-md cq-menu.nav-dropdown[text]:after {
  display: none;
}
:host(cq-menu.nav-dropdown.break-sm), :host(cq-menu.nav-dropdown.break-md), .break-sm cq-menu.nav-dropdown, .break-md cq-menu.nav-dropdown {
  padding: 0;
  margin: 0 1px;
}
:host(cq-menu:not(.ciq-show-help)) .help-instr, cq-context:not(.ciq-show-help) cq-menu .help-instr {
  display: none;
}
:host(cq-menu.ciq-night) .menu-clickable:not(cq-help), .ciq-night cq-menu .menu-clickable:not(cq-help) {
  color: var(--DARK-text);
}
:host(cq-menu:not([last-interaction=touch]):hover) .menu-clickable, :host(cq-menu:active) .menu-clickable, :host(cq-menu.stxMenuActive) .menu-clickable, html:not([ciq-last-interaction=touch]) cq-menu:hover .menu-clickable, cq-menu:active .menu-clickable, cq-menu.stxMenuActive .menu-clickable {
  opacity: 1;
}
:host(cq-menu.alignright) cq-dropdown, cq-menu.alignright cq-dropdown {
  left: auto;
  right: -5px;
}
:host(cq-menu.break-md.alignright) cq-dropdown, :host(cq-menu.break-md.alignright-md) cq-dropdown, :host(cq-menu.break-sm.alignright) cq-dropdown, :host(cq-menu.break-sm.alignright-sm) cq-dropdown, .break-md cq-menu.alignright cq-dropdown, .break-md cq-menu.alignright-md cq-dropdown, .break-sm cq-menu.alignright cq-dropdown, .break-sm cq-menu.alignright-sm cq-dropdown {
  left: auto;
  right: 0;
}
:host(cq-menu:not(.nav-dropdown)), cq-menu:not(.nav-dropdown) {
  padding-left: 10px;
}
:host(cq-menu:not(.nav-dropdown)) [label], cq-menu:not(.nav-dropdown) [label] {
  margin: 0;
}
:host(cq-menu.break-sm.nav-dropdown.stxMenuActive), :host(cq-menu.break-md.nav-dropdown.stxMenuActive), .break-sm cq-menu.nav-dropdown.stxMenuActive, .break-md cq-menu.nav-dropdown.stxMenuActive {
  border-bottom: solid 3px #398dff;
}
:host(cq-menu.break-sm.nav-dropdown:not([icon], [text], [binding])), .break-sm cq-menu.nav-dropdown:not([icon], [text], [binding]) {
  display: none;
}
:host(cq-menu[responsive].break-lg) [cq-tooltip], .break-lg cq-menu[responsive] [cq-tooltip] {
  display: none;
}

.menu-clickable {
  font-weight: 400;
  vertical-align: top;
  display: flex;
}
.menu-clickable cq-help {
  top: 6px;
}
.menu-clickable .icon {
  height: 25px;
  margin: 6px auto 0;
  display: block;
}
.menu-clickable [label] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  margin: 0 auto;
}
:host(.break-lg) .menu-clickable.responsive .icon, :host(.break-lg) .menu-clickable.responsive [cq-tooltip], :host(.break-sm) .menu-clickable.responsive [label], :host(.break-md) .menu-clickable.responsive [label], .break-lg .menu-clickable.responsive .icon, .break-lg .menu-clickable.responsive [cq-tooltip], .break-sm .menu-clickable.responsive [label], .break-md .menu-clickable.responsive [label] {
  display: none;
}
.menu-clickable:not(.responsive) .icon:not(.hidden) + [label] {
  margin-left: 0;
}

:host(.ciq-line-style) .menu-clickable,
:host(.ciq-line-style) .icon,
:host(.ciq-cvp-line-style) .menu-clickable,
:host(.ciq-cvp-line-style) .icon,
.ciq-line-style .menu-clickable,
.ciq-line-style .icon,
.ciq-cvp-line-style .menu-clickable,
.ciq-cvp-line-style .icon {
  height: 23px;
}

:host(.ciq-tool-group-selection) .menu-clickable, .ciq-tool-group-selection .menu-clickable {
  height: auto;
}

:host(cq-share-button), cq-share-button {
  float: left;
  cursor: pointer;
  position: relative;
  text-align: center;
  height: 34px;
  margin-right: 3px;
  background-color: unset !important;
  box-sizing: content-box;
  padding: 0;
  line-height: unset;
  opacity: 1;
}
:host(cq-share-button):before, cq-share-button:before {
  content: "";
  position: absolute;
  display: block;
  left: -1px;
  width: 100%;
  height: 36px;
  margin: -4px 2px;
  border-radius: 32px;
  background: #e4e4e4;
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
:host(cq-share-button) .icon, cq-share-button .icon {
  opacity: 0.85;
  transition: opacity 0.2s 0s;
  position: inherit;
}
:host(cq-share-button) .ciq-screen-reader, cq-share-button .ciq-screen-reader {
  display: inline;
  opacity: 0 !important;
  border: 0px none !important;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
}
:host(cq-share-button) .ciq-screen-reader button, cq-share-button .ciq-screen-reader button {
  pointer-events: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
:host(cq-share-button) cq-clickable, cq-share-button cq-clickable {
  margin-top: 0 !important;
}
:host(cq-share-button) cq-help, cq-share-button cq-help {
  top: 2px;
  left: 2px;
  border: none;
}
:host(cq-share-button) .share-clickable, cq-share-button .share-clickable {
  height: 38px;
  opacity: 0.8;
  position: relative;
  transition: opacity 0.2s 0s;
}
:host(cq-share-button) .hidden, cq-share-button .hidden {
  display: none !important;
}
cq-share-button.bottom {
  padding-bottom: 5px;
}
:host(cq-share-button.bottom):before, cq-share-button.bottom:before {
  bottom: 5px;
}
:host(cq-share-button:focus), cq-share-button:focus {
  outline: none;
}
:host(cq-share-button.active), cq-share-button.active {
  border-bottom: solid 3px #398dff;
  color: #000;
  padding-bottom: 0;
}
:host(cq-share-button:not([last-interaction=touch]):hover):before, html:not([ciq-last-interaction=touch]) cq-share-button:hover:before {
  opacity: 1;
}
:host(cq-share-button:not([last-interaction=touch]):hover) .icon, :host(cq-share-button:active) .icon, html:not([ciq-last-interaction=touch]) cq-share-button:hover .icon, cq-share-button:active .icon {
  opacity: 1;
  border-color: transparent !important;
}
:host(cq-share-button:not([last-interaction=touch]):hover) cq-help, :host(cq-share-button:active) cq-help, html:not([ciq-last-interaction=touch]) cq-share-button:hover cq-help, cq-share-button:active cq-help {
  border: none;
}
:host(cq-share-button:not(.ciq-show-help)) .help-instr, cq-context:not(.ciq-show-help) cq-share-button .help-instr {
  display: none;
}
:host(cq-share-button.ciq-night) .share-clickable:not(cq-help), .ciq-night cq-share-button .share-clickable:not(cq-help) {
  color: var(--DARK-text);
}
:host(cq-share-button:not([last-interaction=touch]):hover) .share-clickable, :host(cq-share-button:active) .share-clickable, html:not([ciq-last-interaction=touch]) cq-share-button:hover .share-clickable, cq-share-button:active .share-clickable {
  opacity: 1;
}
:host(cq-share-button.ciq-night):before, .ciq-night cq-share-button:before {
  background-color: #273949;
}
:host(cq-share-button.ciq-night.active), .ciq-night cq-share-button.active {
  color: var(--DARK-text);
}
:host(cq-share-button.break-lg), .break-lg cq-share-button {
  display: inline-block;
}
:host(cq-share-button[responsive].break-lg) [cq-tooltip], .break-lg cq-share-button[responsive] [cq-tooltip] {
  display: none;
}

.share-clickable {
  font-weight: 400;
  vertical-align: top;
  display: flex;
  /*	cq-help {
  	top: 6px;
  }
  .icon {
  	height: 25px;
  	margin: 6px auto 0;
     	display: block;
    	}*/
}
.share-clickable [label] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  line-height: 40px;
  margin: 0 6px;
}
:host(.break-lg) .share-clickable.responsive .icon, :host(.break-lg) .share-clickable.responsive [cq-tooltip], :host(.break-sm) .share-clickable.responsive [label], :host(.break-md) .share-clickable.responsive [label], .break-lg .share-clickable.responsive .icon, .break-lg .share-clickable.responsive [cq-tooltip], .break-sm .share-clickable.responsive [label], .break-md .share-clickable.responsive [label] {
  display: none;
}
.share-clickable:not(.responsive) .icon:not(.hidden) + [label] {
  margin-left: 0;
}

:host(cq-share-button).ciq-share-button .icon, cq-share-button.ciq-share-button .icon {
  background-image: url(/assets/ciq-share-f5e18c3f.svg);
  background-repeat: no-repeat;
  background-position: 6px 6px;
  background-size: 20px;
  box-sizing: border-box;
  display: inline-block;
  width: 33px;
  height: 32px;
  margin: 4px;
  padding: 1px 0 0 6px;
}
:host(cq-share-button.ciq-night).ciq-share-button .icon, .ciq-night cq-share-button.ciq-share-button .icon {
  background-image: url(/assets/ciq-share-white-f5481cc3.svg);
}

:host(cq-show-range), cq-show-range {
  line-height: 37px;
  display: inline-block;
  margin-left: 0;
  padding-left: 0;
  position: absolute;
  right: 0px;
}
:host(cq-show-range) .content, cq-show-range .content {
  margin-top: 0;
}
:host(cq-show-range) .content h4, cq-show-range .content h4 {
  margin-top: 10px;
}
:host(cq-show-range) .content .hidden, cq-show-range .content .hidden {
  display: none !important;
}
:host(cq-show-range) .content > .item, cq-show-range .content > .item {
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
  font-weight: 400;
  box-sizing: border-box;
  border-top: solid 3px transparent;
  position: relative;
}
:host(cq-show-range) .content > .item.separator-item, cq-show-range .content > .item.separator-item {
  cursor: default;
  width: 0;
  padding: 10px 0;
}
:host(cq-show-range) .content > .item.separator-item:after, cq-show-range .content > .item.separator-item:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  width: 1px;
  height: 30px;
  background: #ddd;
}
:host(cq-show-range) .content > .item.heading-item cq-heading.inline, cq-show-range .content > .item.heading-item cq-heading.inline {
  padding: 0;
  margin: 0;
}
:host(cq-show-range) .content > .item.item-item:active, cq-show-range .content > .item.item-item:active {
  color: #000;
  border-top: solid 3px #398dff;
}
:host(cq-show-range) .content > .item cq-help, cq-show-range .content > .item cq-help {
  position: relative;
  top: 3px;
  left: -3px;
}
:host(cq-show-range) .content > .item .ciq-screen-reader, cq-show-range .content > .item .ciq-screen-reader {
  display: inline;
  opacity: 0 !important;
  border: 0px none !important;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
}
:host(cq-show-range) .content > .item .icon, cq-show-range .content > .item .icon {
  vertical-align: top;
}
:host(cq-show-range.ciq-night) .content > .item.separator-item:after, .ciq-night cq-show-range .content > .item.separator-item:after {
  background: #38536b;
}
:host(cq-show-range:not([last-interaction=touch])) .content > .item.item-item:hover, html:not([ciq-last-interaction=touch]) cq-show-range .content > .item.item-item:hover {
  color: #000;
}
:host(cq-show-range.ciq-night) .content > .item.item-item:active, :host(cq-show-range.ciq-night:not([last-interaction=touch])) .content > .item.item-item:hover, .ciq-night cq-show-range .content > .item.item-item:active, html:not([ciq-last-interaction=touch]) .ciq-night cq-show-range .content > .item.item-item:hover {
  color: #fff;
}
:host(cq-show-range.break-sm) .content > .item.hide-sm, .break-sm cq-show-range .content > .item.hide-sm {
  display: none;
}
:host(cq-show-range.break-lg), .break-lg cq-show-range {
  margin: 0 15px 0 0;
}

:host(cq-studies) .item, cq-studies .item {
  transition: max-height 250ms ease-out, opacity 100ms 300ms ease-out;
  max-height: 30px;
  margin: 0 8px;
  padding: 0 10px;
  border-radius: 15px;
  outline: none;
  position: relative;
}
:host(cq-studies) .item .ciq-screen-reader, cq-studies .item .ciq-screen-reader {
  opacity: 0;
  overflow: hidden;
  width: auto;
  height: auto;
}
:host(cq-studies:not([last-interaction=touch])) .item:hover, :host(cq-studies) .item:active, :host(cq-studies) .item[cq-focused], html:not([ciq-last-interaction=touch]) cq-studies .item:hover, cq-studies .item:active, cq-studies .item[cq-focused] {
  background-color: #efefef;
  color: #000;
}
:host(cq-studies.ciq-night:not([last-interaction=touch])) .item:hover, :host(cq-studies.ciq-night) .item:active, :host(cq-studies.ciq-night) .item[cq-focused], html:not([ciq-last-interaction=touch]) .ciq-night cq-studies .item:hover, .ciq-night cq-studies .item:active, .ciq-night cq-studies .item[cq-focused] {
  background-color: var(--DARK-menu-highlight-bg);
  color: var(--DARK-text);
}

/* menu */
:host(cq-study-legend), cq-study-legend {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 0;
  /*.close { // moved to nextgen for now
  	opacity: 0.5;
  	transition: opacity 0.2s;
  }*/
}
:host(cq-study-legend) h4, cq-study-legend h4 {
  color: #398dff;
  cursor: default;
  display: block;
  white-space: normal;
  margin: 5px 8px 10px;
  padding: 0 10px;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: 400;
  font-family: "Roboto Condensed", sans-serif;
}
:host(cq-study-legend) h4.thin, cq-study-legend h4.thin {
  max-height: 5px;
}
:host(cq-study-legend) .item, cq-study-legend .item {
  display: flex;
  margin: 0 8px;
  padding: 0 10px;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  text-overflow: clip;
  white-space: nowrap;
  clear: both;
  line-height: 28px;
  height: 28px;
  outline: none; /* turns off focus outline */
}
:host(cq-study-legend) .item.ciq-btn, cq-study-legend .item.ciq-btn {
  margin: 10px 0 0 20px;
  background: #fff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #398dff;
  display: inline-block;
  position: relative;
  line-height: 29px;
  height: 29px;
  padding: 0 10px;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  transition: all 0.2s 0s, opacity 0.2s 0s;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
:host(cq-study-legend) .item [label], cq-study-legend .item [label] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host(cq-study-legend) .item .icon, cq-study-legend .item .icon {
  margin: 1px 0 1px -4px;
  vertical-align: middle;
  cursor: pointer;
}
:host(cq-study-legend) .swatch, cq-study-legend .swatch {
  width: 12px;
  height: 12px;
  position: relative;
  float: left;
  vertical-align: top;
  margin: 8px 4px 6px 8px;
  display: flex;
}
:host(cq-study-legend) .swatch > span, cq-study-legend .swatch > span {
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
}
:host(cq-study-legend) .ciq-screen-reader, cq-study-legend .ciq-screen-reader {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  height: inherit;
  width: inherit;
}
:host(cq-study-legend) .hidden.close, :host(cq-study-legend) .hidden.ciq-switch, cq-study-legend .hidden.close, cq-study-legend .hidden.ciq-switch {
  display: none;
}
:host(cq-study-legend) .hidden.options, cq-study-legend .hidden.options {
  visibility: hidden;
}
:host(cq-study-legend.shaded) [section-dynamic], cq-study-legend.shaded [section-dynamic] {
  display: block;
  border-top: solid 5px transparent;
  padding-bottom: 20px;
  background: #f3f3f3;
  margin-bottom: 10px;
}
:host(cq-study-legend.ciq-night.shaded) [section-dynamic], .ciq-night cq-study-legend.shaded [section-dynamic] {
  background: #202f3d;
  border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}
:host(cq-study-legend:not([last-interaction=touch])) .icon:hover,
cq-study-legend html:not([ciq-last-interaction=touch]) .icon:hover {
  opacity: 1;
}
:host(cq-study-legend.ciq-night) .item.ciq-btn, .ciq-night cq-study-legend .item.ciq-btn {
  background-color: #243645;
  border: none;
  box-shadow: none;
}
:host(cq-study-legend) .item.ciq-btn:active, cq-study-legend .item.ciq-btn:active {
  transition: all 0s 0s;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
:host(cq-study-legend:not([last-interaction=touch])) .item.ciq-btn:hover, :host(cq-study-legend.ciq-night:not([last-interaction=touch])) .item.ciq-btn:hover, :host(cq-study-legend) .item.ciq-btn:active,
cq-study-legend html:not([ciq-last-interaction=touch]) .item.ciq-btn:hover,
cq-study-legend html:not([ciq-last-interaction=touch]) .ciq-night .item.ciq-btn:hover, cq-study-legend .item.ciq-btn:active {
  border: none;
  color: #1076ff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
:host(cq-study-legend:not([last-interaction=touch])) .item:hover, :host(cq-study-legend) .item:active, :host(cq-study-legend) .item[cq-focused],
cq-study-legend html:not([ciq-last-interaction=touch]) .item:hover, cq-study-legend .item:active, cq-study-legend .item[cq-focused] {
  background-color: #efefef;
  color: #000;
}
:host(cq-study-legend.shaded:not([last-interaction=touch])) .item:hover, :host(cq-study-legend.shaded) .item:active, :host(cq-study-legend.shaded) .item[cq-focused], html:not([ciq-last-interaction=touch]) cq-study-legend.shaded .item:hover, cq-study-legend.shaded .item:active, cq-study-legend.shaded .item[cq-focused] {
  background-color: #e6e6e6;
}
:host(cq-study-legend.ciq-night:not([last-interaction=touch])) .item:hover, :host(cq-study-legend.ciq-night) .item:active, :host(cq-study-legend.ciq-night) .item[cq-focused], html:not([ciq-last-interaction=touch]) .ciq-night cq-study-legend .item:hover, .ciq-night cq-study-legend .item:active, .ciq-night cq-study-legend .item[cq-focused] {
  background-color: var(--DARK-menu-highlight-bg);
  color: var(--DARK-text);
}

/*  Up until here is study legend in the menu */
/* panel */
:host(cq-study-legend.break-sm), :host(cq-study-legend.sharing), .break-sm cq-study-legend, .sharing cq-study-legend {
  width: inherit;
}
.fixed-wrapper cq-study-legend {
  margin-top: 3px;
}

/* drillable legends */
cq-study-legend[chart-legend] {
  /*
    :host([last-interaction='touch']) is commented out to allow for drilling down on a hovershow legend by clicking
    on its header.  This can be disabled by uncommenting them.
  */
}
:host(cq-study-legend[chart-legend]), cq-study-legend[chart-legend] {
  color: black;
  margin: 1px 0 5px 10px;
  clear: left;
  border-radius: 6px;
  padding: 4px 0;
}
:host(cq-study-legend[chart-legend]).full-screen, .full-screen :host(cq-study-legend[chart-legend]), cq-study-legend[chart-legend].full-screen, .full-screen cq-study-legend[chart-legend] {
  float: left;
  clear: left;
  position: relative;
}
:host(cq-study-legend[chart-legend]).break-sm, .break-sm :host(cq-study-legend[chart-legend]), cq-study-legend[chart-legend].break-sm, .break-sm cq-study-legend[chart-legend] {
  display: none;
}
:host(cq-study-legend[chart-legend]) [label], cq-study-legend[chart-legend] [label] {
  font-weight: normal;
  margin-left: 5px;
  padding-right: 5px;
}
:host(cq-study-legend[chart-legend]) .item, cq-study-legend[chart-legend] .item {
  cursor: auto;
  border-radius: 1px;
  padding-left: 15px;
  transition: opacity 0.2s 0.5s, background-color 0.25s ease-in-out;
}
:host(cq-study-legend[chart-legend]) .hidden, cq-study-legend[chart-legend] .hidden {
  display: none !important;
}
:host(cq-study-legend[chart-legend]) .marker-label, cq-study-legend[chart-legend] .marker-label {
  cursor: pointer;
  margin-right: 10px;
}
:host(cq-study-legend[chart-legend]) [section-dynamic], cq-study-legend[chart-legend] [section-dynamic] {
  margin-top: 5px;
}
:host(cq-study-legend[chart-legend].ciq-night), .ciq-night cq-study-legend[chart-legend] {
  background-color: rgba(28, 42, 53, 0.8823529412) !important;
}
:host(cq-study-legend[chart-legend].ciq-night):hover .item, .ciq-night cq-study-legend[chart-legend]:hover .item {
  color: var(--DARK-text);
}
:host(cq-study-legend[chart-legend].ciq-night) > *, .ciq-night cq-study-legend[chart-legend] > * {
  color: #a2a8ad;
}
:host(cq-study-legend[chart-legend].ciq-night:not([last-interaction=touch]):hover) > .marker-label, html:not([ciq-last-interaction=touch]) .ciq-night cq-study-legend[chart-legend]:hover > .marker-label {
  color: white;
}
:host(cq-study-legend[chart-legend].ciq-active), :host(cq-study-legend[chart-legend]:not([last-interaction=touch]):hover), :host(cq-study-legend[chart-legend].sharing), cq-study-legend[chart-legend].ciq-active, html:not([ciq-last-interaction=touch]) cq-study-legend[chart-legend]:hover, .sharing cq-study-legend[chart-legend] {
  background-color: rgba(243, 243, 243, 0.8);
}
:host(cq-study-legend[chart-legend].ciq-night.ciq-active), :host(cq-study-legend[chart-legend].ciq-night:not([last-interaction=touch]):hover), .ciq-night cq-study-legend[chart-legend].ciq-active, html:not([ciq-last-interaction=touch]) .ciq-night cq-study-legend[chart-legend]:hover {
  background-color: rgba(28, 42, 53, 0.7);
}
:host(cq-study-legend[chart-legend].ciq-active:not(.sharing)) .item, :host(cq-study-legend[chart-legend].ciq-active) .icon:active, :host(cq-study-legend[chart-legend]:not([last-interaction=touch]):hover) .item, :host(cq-study-legend[chart-legend].sharing) .item.ciq-active, cq-context:not(.sharing) > .ciq-chart-area cq-study-legend[chart-legend].ciq-active .item, cq-study-legend[chart-legend].ciq-active .icon:active, html:not([ciq-last-interaction=touch]) cq-study-legend[chart-legend]:hover .item, .sharing cq-study-legend[chart-legend] .item.ciq-active {
  display: flex;
  opacity: 1;
}
:host(cq-study-legend[chart-legend]:not([last-interaction=touch])) .item:hover, html:not([ciq-last-interaction=touch]) cq-study-legend[chart-legend] .item:hover {
  background-color: #fafafa;
  border-radius: 1px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
:host(cq-study-legend[chart-legend].ciq-night:not([last-interaction=touch])) .item:hover, html:not([ciq-last-interaction=touch]) .ciq-night cq-study-legend[chart-legend] .item:hover {
  background: #21323f;
}
:host(cq-study-legend[chart-legend].sharing) > .marker-label, :host(cq-study-legend[chart-legend].sharing) .ciq-switch, :host(cq-study-legend[chart-legend].sharing) .icon, .sharing cq-study-legend[chart-legend] > .marker-label, .sharing cq-study-legend[chart-legend] .ciq-switch, .sharing cq-study-legend[chart-legend] .icon {
  display: none;
}
:host(cq-study-legend[chart-legend].sharing) .item, .sharing cq-study-legend[chart-legend] .item {
  padding-left: 0px;
  margin-left: 0px;
}
:host(cq-study-legend[chart-legend].hovershow), cq-study-legend[chart-legend].hovershow {
  height: 16px;
  max-width: 120px;
  min-width: 120px;
  outline: none;
}
:host(cq-study-legend[chart-legend].hovershow) .item, cq-study-legend[chart-legend].hovershow .item {
  display: none;
  opacity: 0;
}
:host(cq-study-legend[chart-legend].hovershow) .marker-label:after, cq-study-legend[chart-legend].hovershow .marker-label:after {
  content: "";
  height: 12px;
  width: 12px;
  float: left;
  margin-left: 6px;
  margin-right: 4px;
  background-image: url(/assets/stx-sprite-ui-42451728.svg);
  background-position: -731px -31px;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}
:host(cq-study-legend[chart-legend].hovershow) *, cq-study-legend[chart-legend].hovershow * {
  outline: none;
}
:host(cq-study-legend[chart-legend].hovershow:not([last-interaction=touch]):hover), :host(cq-study-legend[chart-legend].hovershow.ciq-active), :host(cq-study-legend[chart-legend].hovershow.sharing), html:not([ciq-last-interaction=touch]) cq-study-legend[chart-legend].hovershow:hover, cq-study-legend[chart-legend].hovershow.ciq-active, .sharing cq-study-legend[chart-legend].hovershow {
  height: auto;
  max-width: 226px;
}
:host(cq-study-legend[chart-legend].hovershow:not([last-interaction=touch]):hover) > .marker-label:after, :host(cq-study-legend[chart-legend].hovershow.ciq-active) > .marker-label:after, html:not([ciq-last-interaction=touch]) cq-study-legend[chart-legend].hovershow:hover > .marker-label:after, cq-study-legend[chart-legend].hovershow.ciq-active > .marker-label:after {
  transform: rotate(90deg);
}

:host(cq-study-legend[cq-marker]) .clickable-item, cq-study-legend[cq-marker] .clickable-item {
  display: none;
}

:root {
  /* DARK .ciq-night */
  --DARK-bg: #151f28;
  --DARK-main: #1c2a35;
  --DARK-hu-bg: #1c2a35;
  --DARK-menu-highlight-bg: #2c4154; /*scale-color( $DARK-bg, $lightness: 15% );*/
  --DARK-hu-bg-dynamic: #2a51d0;
  --DARK-text: #fff;
  --DARK-blue: #398dff;
  --DARK-help: #feb912;
}

:host(cq-themes), cq-themes {
  display: block;
  overflow: hidden;
  padding: 0;
  width: 200px;
}
:host(cq-themes) .item, cq-themes .item {
  display: flex;
  margin: 0 8px;
  padding: 0 10px;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  text-overflow: clip;
  white-space: nowrap;
  clear: both;
  line-height: 28px;
  height: 28px;
  outline: none; /* turns off focus outline */
}
:host(cq-themes) .item span[label], cq-themes .item span[label] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host(cq-themes) .item .icon, cq-themes .item .icon {
  margin: 0 0 1px -4px;
  vertical-align: middle;
}
:host(cq-themes:not([last-interaction=touch])) .icon:hover, html:not([ciq-last-interaction=touch]) cq-themes .icon:hover {
  opacity: 1;
}
:host(cq-themes) .ciq-screen-reader, cq-themes .ciq-screen-reader {
  opacity: 0;
  overflow: hidden;
}
:host(cq-themes:not([last-interaction=touch])) .item:hover, :host(cq-themes) .item:active, :host(cq-themes) .item[cq-focused], html:not([ciq-last-interaction=touch]) cq-themes .item:hover, cq-themes .item:active, cq-themes .item[cq-focused] {
  background-color: #efefef;
  color: #000;
}
:host(cq-themes.ciq-night:not([last-interaction=touch])) .item:hover, :host(cq-themes.ciq-night) .item:active, :host(cq-themes.ciq-night) .item[cq-focused], html:not([ciq-last-interaction=touch]) .ciq-night cq-themes .item:hover, .ciq-night cq-themes .item:active, .ciq-night cq-themes .item[cq-focused] {
  background-color: var(--DARK-menu-highlight-bg);
  color: var(--DARK-text);
}

:host(cq-toggle), cq-toggle {
  float: left;
  cursor: pointer;
  position: relative;
  width: 38px;
  text-align: center;
  height: 34px;
  margin-right: 3px;
  background-color: unset !important;
  box-sizing: content-box;
}
:host(cq-toggle):before, cq-toggle:before {
  content: "";
  position: absolute;
  display: block;
  width: 36px;
  height: 36px;
  margin: -4px 2px;
  border-radius: 32px;
  background: #e4e4e4;
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
:host(cq-toggle) .icon, cq-toggle .icon {
  opacity: 0.85;
  transition: opacity 0.2s 0s;
  position: inherit;
}
:host(cq-toggle) .ciq-screen-reader, cq-toggle .ciq-screen-reader {
  display: inline;
  opacity: 0 !important;
  border: 0px none !important;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
}
:host(cq-toggle) .ciq-screen-reader button, cq-toggle .ciq-screen-reader button {
  pointer-events: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
:host(cq-toggle) cq-clickable, cq-toggle cq-clickable {
  margin-top: 0 !important;
}
:host(cq-toggle) cq-help, cq-toggle cq-help {
  top: 2px;
  left: 2px;
  border: none;
}
:host(cq-toggle) .hidden, cq-toggle .hidden {
  display: none !important;
}
cq-toggle.bottom {
  padding-bottom: 5px;
}
:host(cq-toggle.bottom):before, cq-toggle.bottom:before {
  bottom: 5px;
}
:host(cq-toggle.ciq-mini-widget):before, cq-toggle.ciq-mini-widget:before {
  width: 20px;
  height: 20px;
  top: 4px;
  left: -4px;
}
:host(cq-toggle:focus), cq-toggle:focus {
  outline: none;
}
:host(cq-toggle.active), cq-toggle.active {
  border-bottom: solid 3px #398dff;
  color: #000;
  padding-bottom: 0;
}
:host(cq-toggle:not([last-interaction=touch]):hover):before, html:not([ciq-last-interaction=touch]) cq-toggle:hover:before {
  opacity: 1;
}
:host(cq-toggle:not([last-interaction=touch]):hover) .icon, :host(cq-toggle:active) .icon, html:not([ciq-last-interaction=touch]) cq-toggle:hover .icon, cq-toggle:active .icon {
  opacity: 1;
  border-color: transparent !important;
}
:host(cq-toggle:not([last-interaction=touch]):hover) cq-help, :host(cq-toggle:active) cq-help, html:not([ciq-last-interaction=touch]) cq-toggle:hover cq-help, cq-toggle:active cq-help {
  border: none;
}
:host(cq-toggle:not(.ciq-show-help)) .help-instr, cq-context:not(.ciq-show-help) cq-toggle .help-instr {
  display: none;
}
:host(cq-toggle.ciq-night):before, .ciq-night cq-toggle:before {
  background-color: #273949;
}
:host(cq-toggle.ciq-night.active), .ciq-night cq-toggle.active {
  color: var(--DARK-text);
}
:host(cq-toggle.break-lg), .break-lg cq-toggle {
  display: inline-block;
}

:host(cq-toggle.ciq-magnet.active:not(.strong)), cq-toggle.ciq-magnet.active:not(.strong) {
  border-bottom-color: transparent;
}

/*
.sidenav cq-toggle.active {
    border-bottom: solid 3px #398dff;
}
cq-toolbar-settings cq-toggle.ciq-active > * {
	display: block;
}
*/
/* Hide shortcuts and info toggle (if tooltip addOn has not been initiated) on mobile screens */
/*
cq-context[ciq-mobile]:not([tooltip-active]) cq-toggle[member=headsUp] {
  display: none;
}
*/
:host(cq-views), cq-views {
  display: block;
  overflow: hidden;
  padding: 0;
  width: 200px;
}
:host(cq-views) .item, cq-views .item {
  display: flex;
  margin: 0 8px;
  padding: 0 10px;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  text-overflow: clip;
  white-space: nowrap;
  clear: both;
  line-height: 28px;
  height: 28px;
  outline: none; /* turns off focus outline */
}
:host(cq-views) .item [label], cq-views .item [label] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host(cq-views) .item .icon, cq-views .item .icon {
  margin: 0 0 1px -4px;
  vertical-align: middle;
}
:host(cq-views) .ciq-screen-reader, cq-views .ciq-screen-reader {
  opacity: 0;
  overflow: hidden;
}
:host(cq-views:not([last-interaction=touch])) .icon:hover, html:not([ciq-last-interaction=touch]) cq-views .icon:hover {
  opacity: 1;
}
:host(cq-views:not([last-interaction=touch])) .item:hover, :host(cq-views) .item:active, :host(cq-views) .item[cq-focused], html:not([ciq-last-interaction=touch]) cq-views .item:hover, cq-views .item:active, cq-views .item[cq-focused] {
  background-color: #efefef;
  color: #000;
}
:host(cq-views.ciq-night:not([last-interaction=touch])) .item:hover, :host(cq-views.ciq-night) .item:active, :host(cq-views.ciq-night) .item[cq-focused], html:not([ciq-last-interaction=touch]) .ciq-night cq-views .item:hover, .ciq-night cq-views .item:active, .ciq-night cq-views .item[cq-focused] {
  background-color: var(--DARK-menu-highlight-bg);
  color: var(--DARK-text);
}

/* this is temporary */
cq-help.hidden {
  display: none !important;
}

.ciq-help-button .icon {
  top: 5px;
}

/*# sourceMappingURL=webcomponents.css.map */
cq-context:not([crosssection-active]) .toggle-options {
  display: inherit;
}
/* Display video markers in menu */
[feature='video_markers'] {
  display: revert;
}

/* Fix dialog positioning to follow chart container when dragged */

cq-dialog-overlay {
  position: absolute;
}

/* Color picker position adjustment */
cq-color-picker {
  left: 405px !important;
  top: 162px !important;
}

/* Hide GO button in symbol lookup - Enter key handles submission */
cq-lookup-dialog button.ciq-btn {
  display: none;
}

/* Convert lookup input to uppercase */
cq-lookup-dialog cq-lookup-input input {
  text-transform: uppercase;
}

/* Fix Anchored VWAP study settings modal cropping */
cq-dialog[cq-title='Anchored VWAP'] cq-study-dialog cq-scroll {
  height: 350px;
}

/* Fix Anchored VWAP study settings modal cropping */
cq-dialog[cq-title='Standard Deviation'] cq-study-dialog cq-scroll {
  height: 350px;
}

/* Fix Anchored VWAP study settings modal cropping */
cq-dialog[cq-title='VWAP'] cq-study-dialog cq-scroll {
  height: 350px;
}

cq-dialog[cq-title='Moving Average Cross'] cq-study-dialog cq-scroll {
  height: 350px;
}

cq-dialog[cq-title='Create Custom Theme'] {
  height: 450px;
  overflow: auto;
}

cq-dialog[cq-title='Choose Timezone'] {
  height: 450px;
  overflow: auto;
}
.shortcut-dialog {
  width: 100%;
  height: 100%;
  background: #efefef43;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  position: absolute;
}

.shortcut-dialog input[type='text'] {
  background-color: #fff;
  color: black;
}

.shortcut-dialog .container {
  margin: 60px 24px;
  background: white;
  color: black;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
  position: relative;
}

.shortcut-dialog .title {
  font: 600 1rem Helvetica, sans-serif;
  padding: 20px;
}

.shortcut-dialog .content {
  position: absolute;
  display: flex;
  flex-direction: row;
  top: 48px;
  bottom: 64px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.shortcut-dialog .list {
  overflow-y: auto;
  max-height: 100%;
  padding-right: 12px;
  display: inline-block;
}

.shortcut-dialog .list tr:first-child td {
  cursor: pointer;
  padding: 6px 0;
  font-weight: 500;
}

.shortcut-dialog .list td:nth-child(2) {
  text-align: right;
}

.shortcut-dialog .list tr:hover {
  background-color: #eee;
}

.shortcut-dialog .list tr:hover input {
  background-color: #f5f5f5;
}

.shortcut-dialog .list .label {
  width: 170px;
}

.shortcut-dialog .list .shortcut input {
  border: solid 1px #eee;
  width: 20px;
  font-weight: 700;
  text-align: center;
  padding: 1px 4px;
}

.shortcut-dialog .list .shortcut input:focus {
  border: solid blue 1px;
  outline: none;
}
.shortcut-dialog .list .shortcut input.duplicate {
  border: solid red 1px;
}

.detail {
  top: 0;
  padding: 6px;
  left: 280px;
  right: 20px;
}

.detail div {
  margin-top: 12px;
}

.action {
  padding: 4px 8px;
  text-align: right;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}

.action button {
  font-size: 1rem;
  margin: 8px 6px;
  padding: 4px 12px;
}