@charset "UTF-8";/*! 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 {
	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 */ /* 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;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        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;
	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 */
	transform: scale(1.2, 1.2);
}
.stx-btn-panel span {
	/* Button Icons */
	background-image: url(./stx-sprite-panels-tB8rXm_K.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;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        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(./stx-sprite-panels-tB8rXm_K.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-358%20110%2032%2032'%20style='enable-background:new%20-358%20110%2032%2032;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:none;stroke:%23000000;stroke-width:3;stroke-miterlimit:10;}%20.st1{fill:none;stroke:%23000000;stroke-width:2;stroke-linecap:square;stroke-linejoin:round;}%20%3c/style%3e%3cg%20id='Lines'%3e%3ccircle%20class='st0'%20cx='-344'%20cy='124'%20r='10.4'/%3e%3cline%20class='st0'%20x1='-336.7'%20y1='131.4'%20x2='-329.7'%20y2='138.4'/%3e%3cpolyline%20id='Path-3_1_'%20class='st1'%20points='-353.7,123.7%20-349.9,123.7%20-346.2,118.1%20-342.4,129.3%20-338.7,123.7%20-334.9,123.7%20'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;
	background-size: contain;
}

/* Full Screen button icon */
.chartSize .stx-full-screen {
	background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.2.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_3'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20style='enable-background:new%200%200%2032%2032;'%20xml:space='preserve'%3e%3cpolygon%20points='8,15%204,15%204,23%2013,23%2013,19%208,19%20'/%3e%3cpolygon%20points='8,12%208,9%2013,9%2013,5%204,5%204,12%20'/%3e%3cpolygon%20points='24,15%2024,19%2019,19%2019,23%2028,23%2028,15%20'/%3e%3cpolygon%20points='24,12%2028,12%2028,5%2019,5%2019,9%2024,9%20'/%3e%3c/svg%3e") 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(./stx-sprite-panels-tB8rXm_K.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(./stx-sprite-ui-DytRQ_QR.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(./vertical-BrAzMJXR.cur), ns-resize;
	z-index: 30;
}
.stx-ico-handle:active {
	/* Use the vertical resize when adjusting panels */
	cursor: url(./vertical-BrAzMJXR.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 * {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        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(./stx-sprite-panels-tB8rXm_K.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 */ /* chrome < 68 */
	cursor: grab;
}

.stx-draggable.stx-drag-series {
	/* Use the 4-directional icon when grabbing and moving a series or study */
	cursor: url(./all-directional-BiBR_3JK.cur), move !important;
}
.stx-draggable.stx-drag-axis {
	/* Use the horizontal icon when grabbing and moving an axis */
	cursor: url(./horizontal-5OMrbQi6.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(./stx-sprite-ui-DytRQ_QR.svg);
	background-position: -573px -50px;
}
.stx-btn.stx_annotation_cancel {
	background-image: url(./stx-sprite-ui-DytRQ_QR.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(./KFOkCnqEu92Fr1Mu51xIIzI-Cv5_oDHN.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(./KFOkCnqEu92Fr1MmgVxIIzI-0yE9BJhv.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(./KFOlCnqEu92Fr1MmSU5fBBc4-MgpfczZf.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(./KFOmCnqEu92Fr1Mu4mxK-DeojfH1t.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(./KFOlCnqEu92Fr1MmEU9fBBc4-C1mc9L83.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(./KFOlCnqEu92Fr1MmWUlfBBc4-GvK2Ggwj.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(./ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw-Bahppu1b.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(./ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ-Cj0F4Mov.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(./ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw-CT_U6x9v.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;
  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;
  user-select: text;
  box-sizing: border-box;
}

.ciq-select {
  line-height: 25px;
  height: 27px;
  /* 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;
  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; /* Saf3.1+, Chrome */ /* FF3.5+ */ /* IE9 */ /* 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(./stx-sprite-ui-DytRQ_QR.svg);
  background-position: -580px -31px;
}

.ciq-switch {
  -webkit-appearance: none;
     -moz-appearance: none;
          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(./stx-sprite-panels-tB8rXm_K.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("data:image/svg+xml,��%3c?xml%20version='1.0'%20encoding='utf-16'?%3e%20%20%3c!--%20Generator:%20Adobe%20Illustrator%2017.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20%20--%3e%20%20%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%20%20%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20%20%20%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20style='enable-background:new%200%200%2032%2032;'%20xml:space='preserve'%3e%20%20%3cpath%20style='opacity:0.25;enable-background:new%20%20%20%20;'%20d='M16,0C7.163,0,0,7.163,0,16s7.163,16,16,16s16-7.163,16-16S24.837,0,16,0%20%20%20%20M16,4c6.627,0,12,5.373,12,12s-5.373,12-12,12S4,22.627,4,16S9.373,4,16,4'/%3e%20%20%3cpath%20d='M16,0c8.837,0,16,7.163,16,16h-4c0-6.627-5.373-12-12-12V0z'%3e%20%20%3canimateTransform%20%20type='rotate'%20fill='remove'%20repeatCount='indefinite'%20additive='replace'%20calcMode='linear'%20restart='always'%20to='360%2016%2016'%20attributeName='transform'%20dur='0.8s'%20from='0%2016%2016'%20accumulate='none'%3e%20%20%20%20%3c/animateTransform%3e%20%20%3c/path%3e%20%20%3c/svg%3e%20%20");
  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;
  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);
}
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;
  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;
  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;
  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(./stx-sprite-panels-tB8rXm_K.svg);
  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 */
  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(./stx-sprite-panels-tB8rXm_K.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;
  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;
  border-radius: 1px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  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 {
  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%;
  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 {
  transform: scale(0.75);
}

.break-lg .chartSize:hover {
  opacity: 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 {
  box-sizing: border-box;
  display: block;
  width: 32px;
  height: 30px;
  margin-left: 5px;
  border: solid 1px transparent;
  background-image: url(./stx-sprite-ui-DytRQ_QR.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;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  transition: opacity 0.2s 0s;
  z-index: 6;
  width: 200px;
  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(./stx-sprite-chart-types-BEbrvwmr.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;
  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%;
  box-sizing: border-box;
  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(./stx-sprite-ui-DytRQ_QR.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(./stx-sprite-ui-DytRQ_QR.svg);
  width: 27px;
  height: 27px;
}

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

/* Menus/Panel Toggles */
.ciq-dropdowns,
.ciq-menu {
  display: inline-block;
  line-height: 40px;
  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;
  cursor: pointer;
  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; /* Saf3.1+, Chrome */ /* FF3.5+ */ /* IE9 */ /* 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(./stx-sprite-ui-DytRQ_QR.svg);
}
.break-lg cq-toggle {
  display: block;
}
cq-toggle > *:not(cq-text, cq-clickable, cq-help), cq-toggle > cq-clickable *:not(cq-text) {
  box-sizing: border-box;
  display: block;
  width: 27px;
  height: 30px;
  border: solid 1px transparent;
  background-image: url(./stx-sprite-ui-DytRQ_QR.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;
  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;
  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(./stx-sprite-ui-DytRQ_QR.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(./stx-sprite-panels-tB8rXm_K.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;
  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 {
  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 {
  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(./stx-sprite-ui-DytRQ_QR.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;
  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;
  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 {
  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: -moz-fit-content;
  width: fit-content;
}
cq-wave-parameters .ciq-btn {
  width: 27px;
  height: 27px;
  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 {
  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: -moz-fit-content;
  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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2062%20(91390)%20-%20https://sketch.com%20--%3e%3ctitle%3eew-none%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='ew-none'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle-Copy'%20x='0'%20y='0'%20width='27'%20height='27'%3e%3c/rect%3e%3cpolygon%20id='Path-Copy'%20fill='%23000000'%20fill-rule='nonzero'%20points='14.4169922%2017%2014.4169922%209.890625%2012%2010.1542969%2012%2010.8476562%2013.4550781%2010.828125%2013.4550781%2017'%3e%3c/polygon%3e%3c/g%3e%3c/svg%3e") center no-repeat;
  background-size: contain;
}
cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration=parentheses] {
  background: transparent url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2062%20(91390)%20-%20https://sketch.com%20--%3e%3ctitle%3eew-parentheses%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='ew-parentheses'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20x='0'%20y='0'%20width='27'%20height='27'%3e%3c/rect%3e%3cpath%20d='M9.08105469,19.2607422%20L9.26660156,18.7333984%20C8.81738281,18.3557943%208.42838542,17.7828776%208.09960938,17.0146484%20C7.77083333,16.2464193%207.60644531,15.297526%207.60644531,14.1679688%20L7.60644531,14.1044922%20C7.60644531,12.9749349%207.77164714,12.0260417%208.10205078,11.2578125%20C8.43245443,10.4895833%208.82063802,9.9313151%209.26660156,9.58300781%20L9.08105469,9.01660156%20L9.05175781,9.01171875%20C8.48209635,9.31445312%207.93847656,9.91992188%207.42089844,10.828125%20C6.90332031,11.7363281%206.64453125,12.8317057%206.64453125,14.1142578%20L6.64453125,14.1582031%20C6.64453125,15.4440104%206.90332031,16.5402018%207.42089844,17.4467773%20C7.93847656,18.3533529%208.48209635,18.9580078%209.05175781,19.2607422%20L9.08105469,19.2607422%20Z%20M14.2926432,17%20L14.2926432,9.890625%20L11.875651,10.1542969%20L11.875651,10.8476562%20L13.3307291,10.828125%20L13.3307291,17%20L14.2926432,17%20Z%20M18.4934895,19.2607422%20C19.0598957,18.9580078%2019.6027017,18.3533529%2020.1219074,17.4467773%20C20.6411131,16.5402018%2020.900716,15.4440104%2020.900716,14.1582031%20L20.900716,14.1142578%20C20.900716,12.8317057%2020.6411131,11.7363281%2020.1219074,10.828125%20C19.6027017,9.91992188%2019.0598957,9.31445312%2018.4934895,9.01171875%20L18.4641926,9.01171875%20L18.2786457,9.5390625%20C18.6985676,9.89713542%2019.0802408,10.4692383%2019.4236652,11.2553711%20C19.7670897,12.0415039%2019.938802,12.9912109%2019.938802,14.1044922%20L19.938802,14.1679688%20C19.938802,15.3040365%2019.7719725,16.2635091%2019.4383137,17.0463867%20C19.1046548,17.8292643%2018.7180988,18.3916016%2018.2786457,18.7333984%20L18.4641926,19.2607422%20L18.4934895,19.2607422%20Z'%20id='(1)-black'%20fill='%23000000'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") center no-repeat;
  background-size: contain;
}
cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration=enclosed] {
  background: transparent url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2062%20(91390)%20-%20https://sketch.com%20--%3e%3ctitle%3eew-circle%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='ew-circle'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle-Copy-3'%20x='0'%20y='0'%20width='27'%20height='27'%3e%3c/rect%3e%3cg%20id='circle-black'%20transform='translate(6.000000,%206.000000)'%20fill='%23000000'%20fill-rule='nonzero'%3e%3cpath%20d='M7.5,0.5%20C3.63400675,0.5%200.5,3.63400675%200.5,7.5%20C0.5,11.3659932%203.63400675,14.5%207.5,14.5%20C11.3659932,14.5%2014.5,11.3659932%2014.5,7.5%20C14.5,3.63400675%2011.3659932,0.5%207.5,0.5%20Z%20M7.5,1.5%20C10.8137085,1.5%2013.5,4.1862915%2013.5,7.5%20C13.5,10.8137085%2010.8137085,13.5%207.5,13.5%20C4.1862915,13.5%201.5,10.8137085%201.5,7.5%20C1.5,4.1862915%204.1862915,1.5%207.5,1.5%20Z'%20id='Oval-Copy'%3e%3c/path%3e%3c/g%3e%3cpolygon%20id='Path-Copy-2'%20fill='%23000000'%20fill-rule='nonzero'%20points='14.4169922%2017%2014.4169922%209.890625%2012%2010.1542969%2012%2010.8476562%2013.4550781%2010.828125%2013.4550781%2017'%3e%3c/polygon%3e%3c/g%3e%3c/svg%3e") 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 */
  transform: scale(1.2, 1.2);
}

cq-toolbar-settings div[cq-toolbar-action=done_edit] {
  display: block;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2022.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20style='enable-background:new%200%200%2027%2027;'%20xml:space='preserve'%3e%3cpolygon%20points='4.9,5%2018.1,5%2021.3,8.1%2021.3,21.2%206.1,21.2%206.1,3.6%204.7,3.6%204.7,22.6%2022.7,22.6%2022.7,7.5%2018.7,3.6%204.7,3.6%20'/%3e%3cpolygon%20points='12.4,17.2%208.4,13.1%209.4,12.1%2012.4,15.1%2017.9,9.6%2019,10.6%20'/%3e%3c/svg%3e");
  background-position: 0px 0px;
  padding-right: 5px;
}

cq-toolbar-settings div[cq-toolbar-action=save] {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2022.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20style='enable-background:new%200%200%2027%2027;'%20xml:space='preserve'%3e%3cpolygon%20points='18.9,4%2013.1,4%2013.1,14.3%2011,12.2%2010.5,11.6%209.5,12.6%2013.9,17%2018.2,12.6%2017.8,12.2%2017.2,11.6%2016.8,12.2%2014.6,14.3%2014.6,5.4%2018.3,5.4%2021.5,8.5%2021.5,21.6%206.3,21.6%206.3,4%204.9,4%204.9,23%2022.9,23%2022.9,7.9%20'/%3e%3c/svg%3e");
  background-position: 0px 0px;
  padding-right: 5px;
}

cq-toolbar-settings div[cq-toolbar-action=restore] {
  background-image: url(./stx-sprite-panels-tB8rXm_K.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20focusable='false'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-118%20-131%20512%20512'%20style='enable-background:new%20-118%20-131%20512%20512;'%20xml:space='preserve'%3e%3cpath%20d='M45.6,25.9c24.9-23.3,57.1-36.1,91.3-36.5c37.3-0.4,71.5,14.6,96.5,39.2l0.4,0.4c27.4,27.4,44.4,65.3,44.4,107.2%20c0,83.7-67.9,151.6-151.6,151.6c-42.1,0-80.1-17.1-107.6-44.7l0.9,0.8c-6.3-6.3-16.5-6.3-22.8,0c-6.3,6.3-6.3,16.5,0,22.8l-0.4-0.4%20C32.8,302.6,82.8,325,138,325c110.4,0,200-89.6,200-200c0-55.2-22.4-105.2-58.6-141.4l-0.1,0.1C243-52.6,192.9-75.1,137.6-75%20C84.2-74.9,35.7-53.9-0.1-19.6h-0.2L-29-48.4c-12.2-12.2-33-3.6-33,13.7V73.4c0,10.7,8.6,19.4,19.4,19.4H65.5%20c17.2,0,25.9-20.9,13.7-33L45.4,26L45.6,25.9L45.6,25.9z'/%3e%3c/svg%3e");
}

cq-undo-section cq-redo.ciq-icon-btn {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-118%20-131%20512%20512'%20style='enable-background:new%20-118%20-131%20512%20512;'%20xml:space='preserve'%3e%3cpath%20d='M230.4,25.9c-24.9-23.3-57.1-36.1-91.3-36.5C101.9-10.9,67.6,4,42.7,28.7L42.2,29C14.8,56.5-2.2,94.4-2.2,136.3%20c0,83.7,67.9,151.6,151.6,151.6c42.1,0,80.1-17.1,107.6-44.7l-0.9,0.8c6.3-6.3,16.5-6.3,22.8,0c6.3,6.3,6.3,16.5,0,22.8l0.4-0.4%20C243.2,302.6,193.2,325,138,325C27.5,324.9-62,235.4-62,125C-62,69.8-39.6,19.8-3.4-16.4l0.1,0.1C33-52.6,83.1-75.1,138.4-75%20c53.4,0.1,101.9,21.1,137.8,55.4h0.2L305-48.4c12.2-12.2,33-3.6,33,13.7V73.4c0,10.7-8.6,19.4-19.4,19.4H210.5%20c-17.2,0-25.9-20.9-13.7-33L230.6,26L230.4,25.9L230.4,25.9z'/%3e%3c/svg%3e");
}

cq-undo-section .ciq-icon-btn.ciq-clear-drawings {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-118%20-131%20512%20512'%20style='enable-background:new%20-118%20-131%20512%20512;'%20xml:space='preserve'%3e%3cg%20id='Layer_3_1_'%3e%3cg%20id='Broom_1_'%3e%3cg%3e%3cpath%20d='M308.4,174.7l23.6-23.6c14.1-14.1,14.1-36.9,0-51l-63.7-63.7l-0.1-0.1L380-75.5c5-5,5-13.2,0-18.2l-20.2-20.1%20c-5-5-13.2-5-18.2,0L229.9-2.1l-63.7-63.7c-14.1-14.1-36.9-14.1-51,0L91.5-42L308.4,174.7z'/%3e%3cpath%20d='M297.3,185.8l-63.1,108.6c-6.2,6.2-16.5,6.2-22.7,0L-51.1,77.1c-6.2-6.2-6.2-16.5,0-22.7L80.2-31.5L297.3,185.8z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='Layer_2'%3e%3crect%20x='-118.9'%20y='70.6'%20width='28.9'%20height='49'/%3e%3crect%20x='-118.9'%20y='153.6'%20width='28.9'%20height='49'/%3e%3crect%20x='-118.9'%20y='236.5'%20width='28.9'%20height='49'/%3e%3cpath%20d='M335.9,8h30l0,28.8h28.9V13C394.9-5.8,379.7-21,361-21h-25V8z'/%3e%3crect%20x='-26'%20y='347.1'%20width='56.5'%20height='28.9'/%3e%3crect%20x='366'%20y='70.6'%20width='28.9'%20height='49'/%3e%3cpath%20d='M-90,36.7V8h30V-21h-25c-18.7,0-33.9,15.2-33.9,33.9v23.8H-90z'/%3e%3crect%20x='64.5'%20y='347.1'%20width='56.5'%20height='28.9'/%3e%3cpath%20d='M366,319.5l0,27.6h-30V376h25c18.7,0,33.9-15.2,33.9-33.9v-22.6H366z'/%3e%3cpath%20d='M-59.9,347.1h-30v-27.6h-28.9v22.6c0,18.7,15.2,33.9,33.9,33.9h25V347.1z'/%3e%3crect%20x='366'%20y='153.6'%20width='28.9'%20height='49'/%3e%3crect%20x='245.4'%20y='347.1'%20width='56.5'%20height='28.9'/%3e%3crect%20x='155'%20y='347.1'%20width='56.5'%20height='28.9'/%3e%3crect%20x='366'%20y='236.5'%20width='28.9'%20height='49'/%3e%3cpolygon%20points='30.6,-18.7%2030.6,-21%20-26,-21%20-26,8%20-17.7,8%20'/%3e%3c/g%3e%3c/svg%3e");
}

/* --------------------------------------------------------- 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 {
  transform: scaleX(-1);
  -ms-filter: "FlipH";
  filter: FlipH;
}

cq-hu-dynamic .ciq-hu-bg {
  /* HU BG Image Fill */
  fill: #ffffff;
  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;
  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;
  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: fixed;
  display: none;
  text-align: left;
  padding: 30px 10px;
  min-width: 260px;
  margin-top: 12vh;
  max-height: 90vh;
  max-width: 90vw;
  background: #fff;
  color: #666;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 1px;
  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 {
  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: 500px;
  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("data:image/svg+xml,%3csvg%20width='3'%20height='11'%20viewBox='0%200%203%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1.5'%20cy='1.5'%20r='1.5'%20fill='%238D949A'/%3e%3ccircle%20cx='1.5'%20cy='5.5'%20r='1.5'%20fill='%238D949A'/%3e%3ccircle%20cx='1.5'%20cy='9.5'%20r='1.5'%20fill='%238D949A'/%3e%3c/svg%3e");
  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;
  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;
  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(./stx-sprite-ui-DytRQ_QR.svg);
  background-position: -633px -31px;
}

cq-chart-title cq-chart-price.stx-down cq-change .ico {
  background-image: url(./stx-sprite-ui-DytRQ_QR.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 {
  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 */
  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(./stx-sprite-ui-DytRQ_QR.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;
  border-radius: 1px;
  transition: opacity 0.5s;
}
cq-comparison-add .stx-btn {
  padding: 0 10px;
}
.stxMenuActive cq-comparison-add {
  background: #fafafa;
  opacity: 1;
  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;
  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;
  border-radius: 1px;
  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(./stx-sprite-panels-tB8rXm_K.svg);
  background-position: -250px -25px;
  cursor: pointer;
  float: left;
  height: 25px;
  margin-top: 2px;
  transition: opacity 0.2s 0s;
  width: 25px;
  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("data:image/svg+xml,��%3c?xml%20version='1.0'%20encoding='utf-16'?%3e%20%20%3c!--%20Generator:%20Adobe%20Illustrator%2017.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20%20--%3e%20%20%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%20%20%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20%20%20%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20style='enable-background:new%200%200%2032%2032;'%20xml:space='preserve'%3e%20%20%3cpath%20style='opacity:0.25;enable-background:new%20%20%20%20;'%20d='M16,0C7.163,0,0,7.163,0,16s7.163,16,16,16s16-7.163,16-16S24.837,0,16,0%20%20%20%20M16,4c6.627,0,12,5.373,12,12s-5.373,12-12,12S4,22.627,4,16S9.373,4,16,4'/%3e%20%20%3cpath%20d='M16,0c8.837,0,16,7.163,16,16h-4c0-6.627-5.373-12-12-12V0z'%3e%20%20%3canimateTransform%20%20type='rotate'%20fill='remove'%20repeatCount='indefinite'%20additive='replace'%20calcMode='linear'%20restart='always'%20to='360%2016%2016'%20attributeName='transform'%20dur='0.8s'%20from='0%2016%2016'%20accumulate='none'%3e%20%20%20%20%3c/animateTransform%3e%20%20%3c/path%3e%20%20%3c/svg%3e%20%20");
  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(./stx-sprite-panels-tB8rXm_K.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(./languages-DB-1bXq_.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);
  border-radius: 1px;
  transition: opacity 0.5s;
  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;
  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;
  -webkit-user-select: text;
     -moz-user-select: text;
          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;
  -webkit-user-select: none;
     -moz-user-select: 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(./stx-sprite-panels-tB8rXm_K.svg);
  background-position: -250px -28px;
  transition: all 0.2s;
}

.ciq-window-collapse {
  right: 24px;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='17px'%20height='28px'%20viewBox='0%200%2017%2028'%20enable-background='new%200%200%2017%2028'%20xml:space='preserve'%3e%3ctitle%3eoutliers_more-above%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cpolyline%20id='Path-2'%20fill='none'%20stroke='%234C5668'%20points='11.5,17%208.5,14%205.5,17%20'/%3e%3cpolyline%20id='Path-2_1_'%20fill='none'%20stroke='%234C5668'%20points='11.5,14%208.5,11%205.5,14%20'/%3e%3c/svg%3e");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: -4px -12px;
}
.ciq-window-collapsed .ciq-window-collapse {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='17px'%20height='28px'%20viewBox='0%200%2017%2028'%20enable-background='new%200%200%2017%2028'%20xml:space='preserve'%3e%3ctitle%3eoutliers_more-below%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cpolyline%20id='Path-2'%20fill='none'%20stroke='%234C5668'%20points='5.5,11%208.5,14%2011.5,11%20'/%3e%3cpolyline%20id='Path-2_1_'%20fill='none'%20stroke='%234C5668'%20points='5.5,14%208.5,17%2011.5,14%20'/%3e%3c/svg%3e");
}

.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;
  -moz-columns: 200px;
       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(./stx-sprite-ui-DytRQ_QR.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("data:image/svg+xml,��%3c?xml%20version='1.0'%20encoding='utf-16'?%3e%20%20%3c!--%20Generator:%20Adobe%20Illustrator%2017.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20%20--%3e%20%20%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%20%20%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20%20%20%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20style='enable-background:new%200%200%2032%2032;'%20xml:space='preserve'%3e%20%20%3cpath%20style='opacity:0.25;enable-background:new%20%20%20%20;'%20d='M16,0C7.163,0,0,7.163,0,16s7.163,16,16,16s16-7.163,16-16S24.837,0,16,0%20%20%20%20M16,4c6.627,0,12,5.373,12,12s-5.373,12-12,12S4,22.627,4,16S9.373,4,16,4'/%3e%20%20%3cpath%20d='M16,0c8.837,0,16,7.163,16,16h-4c0-6.627-5.373-12-12-12V0z'%3e%20%20%3canimateTransform%20%20type='rotate'%20fill='remove'%20repeatCount='indefinite'%20additive='replace'%20calcMode='linear'%20restart='always'%20to='360%2016%2016'%20attributeName='transform'%20dur='0.8s'%20from='0%2016%2016'%20accumulate='none'%3e%20%20%20%20%3c/animateTransform%3e%20%20%3c/path%3e%20%20%3c/svg%3e%20%20") 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("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='32'%20height='32'%20fill='white'%3e%3cpath%20opacity='.25'%20d='M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204'/%3e%3cpath%20d='M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z'%3e%3canimateTransform%20attributeName='transform'%20type='rotate'%20from='0%2016%2016'%20to='360%2016%2016'%20dur='0.8s'%20repeatCount='indefinite'%20/%3e%3c/path%3e%3c/svg%3e");
}

.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20focusable='false'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-118%20-131%20512%20512'%20style='enable-background:new%20-118%20-131%20512%20512;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M45.6,25.9c24.9-23.3,57.1-36.1,91.3-36.5c37.3-0.4,71.5,14.6,96.5,39.2l0.4,0.4%20c27.4,27.4,44.4,65.3,44.4,107.2c0,83.7-67.9,151.6-151.6,151.6c-42.1,0-80.1-17.1-107.6-44.7l0.9,0.8c-6.3-6.3-16.5-6.3-22.8,0%20c-6.3,6.3-6.3,16.5,0,22.8l-0.4-0.4C32.8,302.6,82.8,325,138,325c110.4,0,200-89.6,200-200c0-55.2-22.4-105.2-58.6-141.4l-0.1,0.1%20C243-52.6,192.9-75.1,137.6-75C84.2-74.9,35.7-53.9-0.1-19.6h-0.2L-29-48.4c-12.2-12.2-33-3.6-33,13.7V73.4%20c0,10.7,8.6,19.4,19.4,19.4H65.5c17.2,0,25.9-20.9,13.7-33L45.4,26L45.6,25.9L45.6,25.9z'/%3e%3c/svg%3e");
}

.ciq-night cq-undo-section cq-redo.ciq-icon-btn {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-118%20-131%20512%20512'%20style='enable-background:new%20-118%20-131%20512%20512;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M230.4,25.9c-24.9-23.3-57.1-36.1-91.3-36.5C101.9-10.9,67.6,4,42.7,28.7L42.2,29C14.8,56.5-2.2,94.4-2.2,136.3%20c0,83.7,67.9,151.6,151.6,151.6c42.1,0,80.1-17.1,107.6-44.7l-0.9,0.8c6.3-6.3,16.5-6.3,22.8,0c6.3,6.3,6.3,16.5,0,22.8l0.4-0.4%20C243.2,302.6,193.2,325,138,325C27.5,324.9-62,235.4-62,125C-62,69.8-39.6,19.8-3.4-16.4l0.1,0.1C33-52.6,83.1-75.1,138.4-75%20c53.4,0.1,101.9,21.1,137.8,55.4h0.2L305-48.4c12.2-12.2,33-3.6,33,13.7V73.4c0,10.7-8.6,19.4-19.4,19.4H210.5%20c-17.2,0-25.9-20.9-13.7-33L230.6,26L230.4,25.9L230.4,25.9z'/%3e%3c/svg%3e");
}

.ciq-night cq-undo-section .ciq-icon-btn.ciq-clear-drawings {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-118%20-131%20512%20512'%20style='enable-background:new%20-118%20-131%20512%20512;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cg%20id='Layer_3_1_'%3e%3cg%20id='Broom_1_'%3e%3cg%3e%3cpath%20class='st0'%20d='M308.4,174.7l23.6-23.6c14.1-14.1,14.1-36.9,0-51l-63.7-63.7l-0.1-0.1L380-75.5c5-5,5-13.2,0-18.2%20l-20.2-20.1c-5-5-13.2-5-18.2,0L229.9-2.1l-63.7-63.7c-14.1-14.1-36.9-14.1-51,0L91.5-42L308.4,174.7z'/%3e%3cpath%20class='st0'%20d='M297.3,185.8l-63.1,108.6c-6.2,6.2-16.5,6.2-22.7,0L-51.1,77.1c-6.2-6.2-6.2-16.5,0-22.7L80.2-31.5%20L297.3,185.8z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20id='Layer_2'%3e%3crect%20x='-118.9'%20y='70.6'%20class='st0'%20width='28.9'%20height='49'/%3e%3crect%20x='-118.9'%20y='153.6'%20class='st0'%20width='28.9'%20height='49'/%3e%3crect%20x='-118.9'%20y='236.5'%20class='st0'%20width='28.9'%20height='49'/%3e%3cpath%20class='st0'%20d='M335.9,8h30l0,28.8h28.9V13C394.9-5.8,379.7-21,361-21h-25V8z'/%3e%3crect%20x='-26'%20y='347.1'%20class='st0'%20width='56.5'%20height='28.9'/%3e%3crect%20x='366'%20y='70.6'%20class='st0'%20width='28.9'%20height='49'/%3e%3cpath%20class='st0'%20d='M-90,36.7V8h30V-21h-25c-18.7,0-33.9,15.2-33.9,33.9v23.8H-90z'/%3e%3crect%20x='64.5'%20y='347.1'%20class='st0'%20width='56.5'%20height='28.9'/%3e%3cpath%20class='st0'%20d='M366,319.5l0,27.6h-30V376h25c18.7,0,33.9-15.2,33.9-33.9v-22.6H366z'/%3e%3cpath%20class='st0'%20d='M-59.9,347.1h-30v-27.6h-28.9v22.6c0,18.7,15.2,33.9,33.9,33.9h25V347.1z'/%3e%3crect%20x='366'%20y='153.6'%20class='st0'%20width='28.9'%20height='49'/%3e%3crect%20x='245.4'%20y='347.1'%20class='st0'%20width='56.5'%20height='28.9'/%3e%3crect%20x='155'%20y='347.1'%20class='st0'%20width='56.5'%20height='28.9'/%3e%3crect%20x='366'%20y='236.5'%20class='st0'%20width='28.9'%20height='49'/%3e%3cpolygon%20class='st0'%20points='30.6,-18.7%2030.6,-21%20-26,-21%20-26,8%20-17.7,8%20'/%3e%3c/g%3e%3c/svg%3e");
}

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

.ciq-night .ciq-chart {
  /* Darker Drop-shadow and different background in ciq-night mode */
  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 */
  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;
  box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.2);
}

/* Applies only to "lifted" menus */
cq-menu-dropdown.ciq-night {
  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 {
  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] {
  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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2062%20(91390)%20-%20https://sketch.com%20--%3e%3ctitle%3eew-none-white%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='ew-none-white'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20x='0'%20y='0'%20width='27'%20height='27'%3e%3c/rect%3e%3cpolygon%20id='Path-Copy'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20points='14.4169922%2017%2014.4169922%209.890625%2012%2010.1542969%2012%2010.8476562%2013.4550781%2010.828125%2013.4550781%2017'%3e%3c/polygon%3e%3c/g%3e%3c/svg%3e");
}
.ciq-night cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration=parentheses] {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2062%20(91390)%20-%20https://sketch.com%20--%3e%3ctitle%3eew-parentheses-white%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='ew-parentheses-white'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20x='0'%20y='0'%20width='27'%20height='27'%3e%3c/rect%3e%3c!--%20%3cpolygon%20id='1-black'%20fill='%23000000'%20fill-rule='nonzero'%20points='14%2017%2014%2010%2012%2010.2596154%2012%2010.9423077%2013.2040404%2010.9230769%2013.2040404%2017'%3e%3c/polygon%3e%20--%3e%3cpath%20d='M9.08105469,19.2607422%20L9.26660156,18.7333984%20C8.81738281,18.3557943%208.42838542,17.7828776%208.09960938,17.0146484%20C7.77083333,16.2464193%207.60644531,15.297526%207.60644531,14.1679688%20L7.60644531,14.1044922%20C7.60644531,12.9749349%207.77164714,12.0260417%208.10205078,11.2578125%20C8.43245443,10.4895833%208.82063802,9.9313151%209.26660156,9.58300781%20L9.08105469,9.01660156%20L9.05175781,9.01171875%20C8.48209635,9.31445312%207.93847656,9.91992188%207.42089844,10.828125%20C6.90332031,11.7363281%206.64453125,12.8317057%206.64453125,14.1142578%20L6.64453125,14.1582031%20C6.64453125,15.4440104%206.90332031,16.5402018%207.42089844,17.4467773%20C7.93847656,18.3533529%208.48209635,18.9580078%209.05175781,19.2607422%20L9.08105469,19.2607422%20Z%20M14.2926432,17%20L14.2926432,9.890625%20L11.875651,10.1542969%20L11.875651,10.8476562%20L13.3307291,10.828125%20L13.3307291,17%20L14.2926432,17%20Z%20M18.4934895,19.2607422%20C19.0598957,18.9580078%2019.6027017,18.3533529%2020.1219074,17.4467773%20C20.6411131,16.5402018%2020.900716,15.4440104%2020.900716,14.1582031%20L20.900716,14.1142578%20C20.900716,12.8317057%2020.6411131,11.7363281%2020.1219074,10.828125%20C19.6027017,9.91992188%2019.0598957,9.31445312%2018.4934895,9.01171875%20L18.4641926,9.01171875%20L18.2786457,9.5390625%20C18.6985676,9.89713542%2019.0802408,10.4692383%2019.4236652,11.2553711%20C19.7670897,12.0415039%2019.938802,12.9912109%2019.938802,14.1044922%20L19.938802,14.1679688%20C19.938802,15.3040365%2019.7719725,16.2635091%2019.4383137,17.0463867%20C19.1046548,17.8292643%2018.7180988,18.3916016%2018.2786457,18.7333984%20L18.4641926,19.2607422%20L18.4934895,19.2607422%20Z'%20id='(1)-black'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.ciq-night cq-wave-parameters .ciq-icon-btn.ciq-btn[decoration=enclosed] {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2062%20(91390)%20-%20https://sketch.com%20--%3e%3ctitle%3eew-circle-white%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='ew-circle-white'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3crect%20id='Rectangle'%20x='0'%20y='0'%20width='27'%20height='27'%3e%3c/rect%3e%3cpath%20d='M13.5,6.5%20C9.63400675,6.5%206.5,9.63400675%206.5,13.5%20C6.5,17.3659932%209.63400675,20.5%2013.5,20.5%20C17.3659932,20.5%2020.5,17.3659932%2020.5,13.5%20C20.5,9.63400675%2017.3659932,6.5%2013.5,6.5%20Z%20M13.5,7.5%20C16.8137085,7.5%2019.5,10.1862915%2019.5,13.5%20C19.5,16.8137085%2016.8137085,19.5%2013.5,19.5%20C10.1862915,19.5%207.5,16.8137085%207.5,13.5%20C7.5,10.1862915%2010.1862915,7.5%2013.5,7.5%20Z'%20id='Oval-Copy'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3c/path%3e%3cpolygon%20id='Path-Copy-2'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20points='14.4169922%2017%2014.4169922%209.890625%2012%2010.1542969%2012%2010.8476562%2013.4550781%2010.828125%2013.4550781%2017'%3e%3c/polygon%3e%3c/g%3e%3c/svg%3e");
}
.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2022.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20style='enable-background:new%200%200%2027%2027;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23EFEFEF;}%20%3c/style%3e%3cpolygon%20class='st0'%20points='5.2,5.4%2018.4,5.4%2021.6,8.5%2021.6,21.6%206.4,21.6%206.4,4%205,4%205,23%2023,23%2023,7.9%2019,4%205.1,4%20'/%3e%3cpolygon%20class='st0'%20points='12.8,17.6%208.7,13.5%209.8,12.4%2012.8,15.4%2018.3,9.9%2019.4,11%20'/%3e%3c/svg%3e");
}

.ciq-night cq-toolbar-settings div[cq-toolbar-action=save] {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2022.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='27px'%20height='27px'%20viewBox='0%200%2027%2027'%20style='enable-background:new%200%200%2027%2027;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23EFEFEF;}%20%3c/style%3e%3cpolygon%20class='st0'%20points='18.9,4%2013.1,4%2013.1,14.3%2011,12.2%2010.5,11.6%209.5,12.6%2013.9,17%2018.2,12.6%2017.8,12.2%2017.2,11.6%2016.8,12.2%2014.6,14.3%2014.6,5.4%2018.3,5.4%2021.5,8.5%2021.5,21.6%206.3,21.6%206.3,4%204.9,4%204.9,23%2022.9,23%2022.9,7.9%20'/%3e%3c/svg%3e");
}

.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 {
  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);
  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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-358%20110%2032%2032'%20style='enable-background:new%20-358%20110%2032%2032;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:none;stroke:%23FFFFFF;stroke-width:3;stroke-miterlimit:10;}%20.st1{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:square;stroke-linejoin:round;}%20%3c/style%3e%3ccircle%20class='st0'%20cx='-344'%20cy='124'%20r='10.4'/%3e%3cline%20class='st0'%20x1='-336.7'%20y1='131.4'%20x2='-329.7'%20y2='138.4'/%3e%3cpolyline%20id='Path-3_1_'%20class='st1'%20points='-353.7,123.7%20-349.9,123.7%20-346.2,118.1%20-342.4,129.3%20-338.7,123.7%20-334.9,123.7%20'/%3e%3c/svg%3e");
}

.ciq-night .chartSize .stx-full-screen {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.2.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_3'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20style='enable-background:new%200%200%2032%2032;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpolygon%20class='st0'%20points='8,15%204,15%204,23%2013,23%2013,19%208,19%20'/%3e%3cpolygon%20class='st0'%20points='8,12%208,9%2013,9%2013,5%204,5%204,12%20'/%3e%3cpolygon%20class='st0'%20points='24,15%2024,19%2019,19%2019,23%2028,23%2028,15%20'/%3e%3cpolygon%20class='st0'%20points='24,12%2028,12%2028,5%2019,5%2019,9%2024,9%20'/%3e%3c/svg%3e");
}

.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("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='32'%20height='32'%20fill='white'%3e%3cpath%20opacity='.25'%20d='M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204'/%3e%3cpath%20d='M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z'%3e%3canimateTransform%20attributeName='transform'%20type='rotate'%20from='0%2016%2016'%20to='360%2016%2016'%20dur='0.8s'%20repeatCount='indefinite'%20/%3e%3c/path%3e%3c/svg%3e");
}

.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;
  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(./stx-sprite-panels-tB8rXm_K.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;
  border-radius: 4px;
  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 ------------------------------------------------------ */
.stx_range_slider.shading {
  background-color: rgba(128, 128, 128, 0.3);
  border: solid 2px rgb(0, 144, 183);
  width: 5px;
}

.stx_range_slider .stx-chart-panel.stx-show {
  display: inline-block;
}

.stx_range_slider .stx-chart-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(./analystviews-black-V-eAW1pj.png) no-repeat;
  background-size: 27px 27px;
  background-position: 0px 0px;
}

.ciq-night .stx-analystviews span {
  background-image: url(./analystviews-white-BzRaPhUm.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;
  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;
  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("./stx-sprite-drawing-tools-black-BizAKbNW.svg") top left no-repeat;
  background-size: 100%;
  background-position: 0 0;
}
.ciq-night cq-drawing-palette .ciq-tool .icon {
  background-image: url("./stx-sprite-drawing-tools-white-i-MfPUuz.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("./stx-sprite-drawing-tools-blue-B79DOBgj.svg");
}
cq-drawing-palette .ciq-tool:active .icon {
  background-image: url("./stx-sprite-drawing-tools-blue-B79DOBgj.svg");
}
cq-drawing-palette .ciq-tool:focus {
  background-color: transparent;
}
cq-drawing-palette .ciq-mini-widget .icon {
  background: transparent url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20viewBox='0%200%2016%20800'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20mask:%20url(%23mask);%20}%20.cls-2,%20.cls-3,%20.cls-4%20{%20stroke-width:%200px;%20}%20.cls-2,%20.cls-4%20{%20fill:%20%23000;%20}%20.cls-3%20{%20fill:%20%23fff;%20}%20.cls-3,%20.cls-4%20{%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3cmask%20id='mask'%20x='1.4'%20y='147.7'%20width='12.7'%20height='8.3'%20maskUnits='userSpaceOnUse'%3e%3cg%20id='mask-2'%3e%3cpolygon%20id='path-1'%20class='cls-3'%20points='1.4%20147.7%2014%20147.7%2014%20156.1%201.4%20156.1%201.4%20147.7'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%3e%3crect%20class='cls-2'%20x='1'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='1'%20y='9'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='9'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='9'%20y='9'%20width='6'%20height='6'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-2'%20x='1'%20y='17'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='1'%20y='25'%20width='5.9'%20height='6'/%3e%3crect%20class='cls-2'%20x='8.5'%20y='19.5'%20width='6.5'%20height='1.5'/%3e%3crect%20class='cls-2'%20x='8.5'%20y='27.5'%20width='6.5'%20height='1.5'/%3e%3c/g%3e%3cpath%20class='cls-2'%20d='M13.1,62.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.2c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2.1-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-5.9h1.4v5.9c0,.8-.7,1.6-1.6,1.6Z'/%3e%3cpolygon%20class='cls-2'%20points='10.7%2058%2010.7%2056.6%208.2%2056.6%2014.7%2050.2%2013.7%2049.2%207.2%2055.6%207.2%2053.2%205.8%2053.2%205.8%2058%2010.7%2058'/%3e%3cpath%20class='cls-2'%20d='M13.1,46.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.1c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2,0-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-6h1.4v6c0,.8-.8,1.5-1.6,1.5Z'/%3e%3cpolygon%20class='cls-2'%20points='9.8%2033.2%209.8%2034.6%2012.2%2034.6%205.8%2041.1%206.8%2042%2013.2%2035.6%2013.2%2038.1%2014.6%2038.1%2014.6%2033.2%209.8%2033.2'/%3e%3cpath%20class='cls-2'%20d='M14.6,73.8l-1.2-.7c.1-.6.1-1.4,0-2l1.2-.7c.1,0,.2-.2.1-.4-.3-1-.9-1.9-1.6-2.6-.1-.1-.3-.1-.4,0l-1.2.7c-.5-.4-1.1-.8-1.7-1v-1.4c0-.1-.1-.3-.2-.4-1.1-.2-2.1-.2-3.1,0-.2,0-.2.2-.2.4v1.4c-.7.2-1.2.6-1.7,1l-1.2-.7c-.2,0-.3,0-.4,0-.7.8-1.2,1.6-1.5,2.6,0,.2,0,.3.1.4l1.2.7c0,.6,0,1.4,0,2l-1.2.7c-.1,0-.2.2-.1.4.3,1,.9,1.9,1.5,2.6,0,.1.3.1.4,0l1.2-.7c.5.4,1.1.8,1.7,1v1.4c0,.1,0,.3.2.4,1.1.2,2.1.2,3.1,0,.1,0,.2-.2.2-.4v-1.4c.6-.2,1.2-.6,1.7-1l1.2.7c.1,0,.3,0,.4,0,.7-.8,1.2-1.6,1.6-2.6,0-.1,0-.3-.1-.4ZM8,74.4c-1.2,0-2.2-1-2.2-2.2s1-2.2,2.2-2.2,2.2,1,2.2,2.2-1,2.2-2.2,2.2Z'/%3e%3cpolygon%20class='cls-2'%20points='8%2081.8%2010%2085.8%2014.5%2086.5%2011.2%2089.6%2012.1%2094%208%2091.9%204%2094%204.8%2089.6%201.5%2086.5%206%2085.8%208%2081.8'/%3e%3cpath%20class='cls-2'%20d='M8,97c-3.6,0-6.4,2.9-6.4,6.4l.9,7.6h3.3l-.8-7.5c0-1.9,1.1-3,2.9-3s2.9,1.1,2.9,3l-.8,7.5h3.3l.9-7.5c0-3.6-2.8-6.5-6.4-6.5ZM5.2,108.3l.2,2.3h-2.5l-.2-2.3h2.5ZM13.1,110.6h-2.6l.2-2.3h2.6l-.2,2.3Z'/%3e%3cg%20id='Restore_Default'%20data-name='Restore%20Default'%3e%3cpath%20id='Combined-Shape'%20class='cls-2'%20d='M4.6,116.2l1.7.6-4,3.2-.8-5.1,1.8.7c1.2-1.3,2.9-2.1,4.8-2.1,3.5,0,6.5,2.9,6.5,6.5s-2.8,6.5-6.4,6.5v-1.3c2.9,0,5.2-2.3,5.2-5.2s-2.3-5.3-5.2-5.3c-1.3,0-2.5.5-3.5,1.4ZM9.5,120.1c0,.7-.5,1.2-1.2,1.2s-1.2-.5-1.2-1.2.5-1.2,1.2-1.2c.7,0,1.2.5,1.2,1.2Z'/%3e%3c/g%3e%3cg%20id='Clear-Drawings'%3e%3cpath%20id='Combined-Shape-2'%20data-name='Combined-Shape'%20class='cls-2'%20d='M2.6,132.9v-1.2h10.9v1.2H2.6ZM5.2,130.8v-1.2h5.5v1.2h-5.5ZM3.4,133.9h9.1l-.6,8.6H4l-.6-8.6ZM4.1,134.6l.5,7.4h6.9l.5-7.4h-7.9ZM7.7,140.2v-4h.6v4h-.6ZM5.8,140.2v-4h.6v4h-.6ZM9.7,140.2v-4h.6v4h-.6Z'/%3e%3c/g%3e%3cg%20id='icon_eye-invisible'%20data-name='icon/eye-invisible'%3e%3cpath%20id='Fill-1'%20class='cls-4'%20d='M7.7,149.8c-1.1,0-2.1.9-2.1,2.1s.9,2.1,2.1,2.1,2.1-.9,2.1-2.1-.9-2.1-2.1-2.1'/%3e%3cg%20id='Group-5'%3e%3cg%20class='cls-1'%3e%3cpath%20id='Fill-3'%20class='cls-4'%20d='M7.7,155.2c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3,3.3,1.5,3.3,3.3-1.5,3.3-3.3,3.3M7.7,147.7c-3.5,0-6.3,4.2-6.3,4.2,0,0,2.8,4.2,6.3,4.2s6.3-4.2,6.3-4.2c0,0-2.8-4.2-6.3-4.2'/%3e%3c/g%3e%3c/g%3e%3cpolygon%20id='Line-9'%20class='cls-2'%20points='2%20146.9%202.8%20146%2013.3%20156.5%2012.5%20157.3%202%20146.9'/%3e%3c/g%3e%3c/svg%3e") top left no-repeat;
  background-size: 16px;
  background-position: 0 0;
}
.ciq-night cq-drawing-palette .ciq-mini-widget .icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20viewBox='0%200%2016%20800'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20mask:%20url(%23mask);%20}%20.cls-2%20{%20fill-rule:%20evenodd;%20}%20.cls-2,%20.cls-3%20{%20fill:%20%23fff;%20stroke-width:%200px;%20}%20%3c/style%3e%3cmask%20id='mask'%20x='1.4'%20y='147.7'%20width='12.7'%20height='8.3'%20maskUnits='userSpaceOnUse'%3e%3cg%20id='mask-2'%3e%3cpolygon%20id='path-1'%20class='cls-2'%20points='1.4%20147.7%2014%20147.7%2014%20156.1%201.4%20156.1%201.4%20147.7'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%3e%3crect%20class='cls-3'%20x='1'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-3'%20x='1'%20y='9'%20width='6'%20height='6'/%3e%3crect%20class='cls-3'%20x='9'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-3'%20x='9'%20y='9'%20width='6'%20height='6'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-3'%20x='1'%20y='17'%20width='6'%20height='6'/%3e%3crect%20class='cls-3'%20x='1'%20y='25'%20width='5.9'%20height='6'/%3e%3crect%20class='cls-3'%20x='8.5'%20y='19.5'%20width='6.5'%20height='1.5'/%3e%3crect%20class='cls-3'%20x='8.5'%20y='27.5'%20width='6.5'%20height='1.5'/%3e%3c/g%3e%3cpath%20class='cls-3'%20d='M13.1,62.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.2c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2.1-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-5.9h1.4v5.9c0,.8-.7,1.6-1.6,1.6Z'/%3e%3cpolygon%20class='cls-3'%20points='10.7%2058%2010.7%2056.6%208.2%2056.6%2014.7%2050.2%2013.7%2049.2%207.2%2055.6%207.2%2053.2%205.8%2053.2%205.8%2058%2010.7%2058'/%3e%3cpath%20class='cls-3'%20d='M13.1,46.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.1c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2,0-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-6h1.4v6c0,.8-.8,1.5-1.6,1.5Z'/%3e%3cpolygon%20class='cls-3'%20points='9.8%2033.2%209.8%2034.6%2012.2%2034.6%205.8%2041.1%206.8%2042%2013.2%2035.6%2013.2%2038.1%2014.6%2038.1%2014.6%2033.2%209.8%2033.2'/%3e%3cpath%20class='cls-3'%20d='M14.6,73.8l-1.2-.7c.1-.6.1-1.4,0-2l1.2-.7c.1,0,.2-.2.1-.4-.3-1-.9-1.9-1.6-2.6-.1-.1-.3-.1-.4,0l-1.2.7c-.5-.4-1.1-.8-1.7-1v-1.4c0-.1-.1-.3-.2-.4-1.1-.2-2.1-.2-3.1,0-.2,0-.2.2-.2.4v1.4c-.7.2-1.2.6-1.7,1l-1.2-.7c-.2,0-.3,0-.4,0-.7.8-1.2,1.6-1.5,2.6,0,.2,0,.3.1.4l1.2.7c0,.6,0,1.4,0,2l-1.2.7c-.1,0-.2.2-.1.4.3,1,.9,1.9,1.5,2.6,0,.1.3.1.4,0l1.2-.7c.5.4,1.1.8,1.7,1v1.4c0,.1,0,.3.2.4,1.1.2,2.1.2,3.1,0,.1,0,.2-.2.2-.4v-1.4c.6-.2,1.2-.6,1.7-1l1.2.7c.1,0,.3,0,.4,0,.7-.8,1.2-1.6,1.6-2.6,0-.1,0-.3-.1-.4ZM8,74.4c-1.2,0-2.2-1-2.2-2.2s1-2.2,2.2-2.2,2.2,1,2.2,2.2-1,2.2-2.2,2.2Z'/%3e%3cpolygon%20class='cls-3'%20points='8%2081.8%2010%2085.8%2014.5%2086.5%2011.2%2089.6%2012.1%2094%208%2091.9%204%2094%204.8%2089.6%201.5%2086.5%206%2085.8%208%2081.8'/%3e%3cpath%20class='cls-3'%20d='M8,97c-3.6,0-6.4,2.9-6.4,6.4l.9,7.6h3.3l-.8-7.5c0-1.9,1.1-3,2.9-3s2.9,1.1,2.9,3l-.8,7.5h3.3l.9-7.5c0-3.6-2.8-6.5-6.4-6.5ZM5.2,108.3l.2,2.3h-2.5l-.2-2.3h2.5ZM13.1,110.6h-2.6l.2-2.3h2.6l-.2,2.3Z'/%3e%3cg%20id='Restore_Default'%20data-name='Restore%20Default'%3e%3cpath%20id='Combined-Shape'%20class='cls-3'%20d='M4.6,116.2l1.7.6-4,3.2-.8-5.1,1.8.7c1.2-1.3,2.9-2.1,4.8-2.1,3.5,0,6.5,2.9,6.5,6.5s-2.8,6.5-6.4,6.5v-1.3c2.9,0,5.2-2.3,5.2-5.2s-2.3-5.3-5.2-5.3c-1.3,0-2.5.5-3.5,1.4ZM9.5,120.1c0,.7-.5,1.2-1.2,1.2s-1.2-.5-1.2-1.2.5-1.2,1.2-1.2c.7,0,1.2.5,1.2,1.2Z'/%3e%3c/g%3e%3cg%20id='Clear-Drawings'%3e%3cpath%20id='Combined-Shape-2'%20data-name='Combined-Shape'%20class='cls-3'%20d='M2.6,132.9v-1.2h10.9v1.2H2.6ZM5.2,130.8v-1.2h5.5v1.2h-5.5ZM3.4,133.9h9.1l-.6,8.6H4l-.6-8.6ZM4.1,134.6l.5,7.4h6.9l.5-7.4h-7.9ZM7.7,140.2v-4h.6v4h-.6ZM5.8,140.2v-4h.6v4h-.6ZM9.7,140.2v-4h.6v4h-.6Z'/%3e%3c/g%3e%3cg%20id='icon_eye-invisible'%20data-name='icon/eye-invisible'%3e%3cpath%20id='Fill-1'%20class='cls-2'%20d='M7.7,149.8c-1.1,0-2.1.9-2.1,2.1s.9,2.1,2.1,2.1,2.1-.9,2.1-2.1-.9-2.1-2.1-2.1'/%3e%3cg%20id='Group-5'%3e%3cg%20class='cls-1'%3e%3cpath%20id='Fill-3'%20class='cls-2'%20d='M7.7,155.2c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3,3.3,1.5,3.3,3.3-1.5,3.3-3.3,3.3M7.7,147.7c-3.5,0-6.3,4.2-6.3,4.2,0,0,2.8,4.2,6.3,4.2s6.3-4.2,6.3-4.2c0,0-2.8-4.2-6.3-4.2'/%3e%3c/g%3e%3c/g%3e%3cpolygon%20id='Line-9'%20class='cls-3'%20points='2%20146.9%202.8%20146%2013.3%20156.5%2012.5%20157.3%202%20146.9'/%3e%3c/g%3e%3c/svg%3e");
}
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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20viewBox='0%200%2016%20800'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20mask:%20url(%23mask);%20}%20.cls-2,%20.cls-3%20{%20fill:%20%23398dff;%20}%20.cls-2,%20.cls-3,%20.cls-4%20{%20stroke-width:%200px;%20}%20.cls-3,%20.cls-4%20{%20fill-rule:%20evenodd;%20}%20.cls-4%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3cmask%20id='mask'%20x='1.4'%20y='147.7'%20width='12.7'%20height='8.3'%20maskUnits='userSpaceOnUse'%3e%3cg%20id='mask-2'%3e%3cpolygon%20id='path-1'%20class='cls-4'%20points='1.4%20147.7%2014%20147.7%2014%20156.1%201.4%20156.1%201.4%20147.7'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%3e%3crect%20class='cls-2'%20x='1'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='1'%20y='9'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='9'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='9'%20y='9'%20width='6'%20height='6'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-2'%20x='1'%20y='17'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='1'%20y='25'%20width='5.9'%20height='6'/%3e%3crect%20class='cls-2'%20x='8.5'%20y='19.5'%20width='6.5'%20height='1.5'/%3e%3crect%20class='cls-2'%20x='8.5'%20y='27.5'%20width='6.5'%20height='1.5'/%3e%3c/g%3e%3cpath%20class='cls-2'%20d='M13.1,62.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.2c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2.1-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-5.9h1.4v5.9c0,.8-.7,1.6-1.6,1.6Z'/%3e%3cpolygon%20class='cls-2'%20points='10.7%2058%2010.7%2056.6%208.2%2056.6%2014.7%2050.2%2013.7%2049.2%207.2%2055.6%207.2%2053.2%205.8%2053.2%205.8%2058%2010.7%2058'/%3e%3cpath%20class='cls-2'%20d='M13.1,46.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.1c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2,0-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-6h1.4v6c0,.8-.8,1.5-1.6,1.5Z'/%3e%3cpolygon%20class='cls-2'%20points='9.8%2033.2%209.8%2034.6%2012.2%2034.6%205.8%2041.1%206.8%2042%2013.2%2035.6%2013.2%2038.1%2014.6%2038.1%2014.6%2033.2%209.8%2033.2'/%3e%3cpath%20class='cls-2'%20d='M14.6,73.8l-1.2-.7c.1-.6.1-1.4,0-2l1.2-.7c.1,0,.2-.2.1-.4-.3-1-.9-1.9-1.6-2.6-.1-.1-.3-.1-.4,0l-1.2.7c-.5-.4-1.1-.8-1.7-1v-1.4c0-.1-.1-.3-.2-.4-1.1-.2-2.1-.2-3.1,0-.2,0-.2.2-.2.4v1.4c-.7.2-1.2.6-1.7,1l-1.2-.7c-.2,0-.3,0-.4,0-.7.8-1.2,1.6-1.5,2.6,0,.2,0,.3.1.4l1.2.7c0,.6,0,1.4,0,2l-1.2.7c-.1,0-.2.2-.1.4.3,1,.9,1.9,1.5,2.6,0,.1.3.1.4,0l1.2-.7c.5.4,1.1.8,1.7,1v1.4c0,.1,0,.3.2.4,1.1.2,2.1.2,3.1,0,.1,0,.2-.2.2-.4v-1.4c.6-.2,1.2-.6,1.7-1l1.2.7c.1,0,.3,0,.4,0,.7-.8,1.2-1.6,1.6-2.6,0-.1,0-.3-.1-.4ZM8,74.4c-1.2,0-2.2-1-2.2-2.2s1-2.2,2.2-2.2,2.2,1,2.2,2.2-1,2.2-2.2,2.2Z'/%3e%3cpolygon%20class='cls-2'%20points='8%2081.8%2010%2085.8%2014.5%2086.5%2011.2%2089.6%2012.1%2094%208%2091.9%204%2094%204.8%2089.6%201.5%2086.5%206%2085.8%208%2081.8'/%3e%3cpath%20class='cls-2'%20d='M8,97c-3.6,0-6.4,2.9-6.4,6.4l.9,7.6h3.3l-.8-7.5c0-1.9,1.1-3,2.9-3s2.9,1.1,2.9,3l-.8,7.5h3.3l.9-7.5c0-3.6-2.8-6.5-6.4-6.5ZM5.2,108.3l.2,2.3h-2.5l-.2-2.3h2.5ZM13.1,110.6h-2.6l.2-2.3h2.6l-.2,2.3Z'/%3e%3cg%20id='Restore_Default'%20data-name='Restore%20Default'%3e%3cpath%20id='Combined-Shape'%20class='cls-2'%20d='M4.6,116.2l1.7.6-4,3.2-.8-5.1,1.8.7c1.2-1.3,2.9-2.1,4.8-2.1,3.5,0,6.5,2.9,6.5,6.5s-2.8,6.5-6.4,6.5v-1.3c2.9,0,5.2-2.3,5.2-5.2s-2.3-5.3-5.2-5.3c-1.3,0-2.5.5-3.5,1.4ZM9.5,120.1c0,.7-.5,1.2-1.2,1.2s-1.2-.5-1.2-1.2.5-1.2,1.2-1.2c.7,0,1.2.5,1.2,1.2Z'/%3e%3c/g%3e%3cg%20id='Clear-Drawings'%3e%3cpath%20id='Combined-Shape-2'%20data-name='Combined-Shape'%20class='cls-2'%20d='M2.6,132.9v-1.2h10.9v1.2H2.6ZM5.2,130.8v-1.2h5.5v1.2h-5.5ZM3.4,133.9h9.1l-.6,8.6H4l-.6-8.6ZM4.1,134.6l.5,7.4h6.9l.5-7.4h-7.9ZM7.7,140.2v-4h.6v4h-.6ZM5.8,140.2v-4h.6v4h-.6ZM9.7,140.2v-4h.6v4h-.6Z'/%3e%3c/g%3e%3cg%20id='icon_eye-invisible'%20data-name='icon/eye-invisible'%3e%3cpath%20id='Fill-1'%20class='cls-3'%20d='M7.7,149.8c-1.1,0-2.1.9-2.1,2.1s.9,2.1,2.1,2.1,2.1-.9,2.1-2.1-.9-2.1-2.1-2.1'/%3e%3cg%20id='Group-5'%3e%3cg%20class='cls-1'%3e%3cpath%20id='Fill-3'%20class='cls-3'%20d='M7.7,155.2c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3,3.3,1.5,3.3,3.3-1.5,3.3-3.3,3.3M7.7,147.7c-3.5,0-6.3,4.2-6.3,4.2,0,0,2.8,4.2,6.3,4.2s6.3-4.2,6.3-4.2c0,0-2.8-4.2-6.3-4.2'/%3e%3c/g%3e%3c/g%3e%3cpolygon%20id='Line-9'%20class='cls-2'%20points='2%20146.9%202.8%20146%2013.3%20156.5%2012.5%20157.3%202%20146.9'/%3e%3c/g%3e%3c/svg%3e");
}
cq-drawing-palette .ciq-mini-widget .active + .icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20viewBox='0%200%2016%20800'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20mask:%20url(%23mask);%20}%20.cls-2,%20.cls-3%20{%20fill:%20%23398dff;%20}%20.cls-2,%20.cls-3,%20.cls-4%20{%20stroke-width:%200px;%20}%20.cls-3,%20.cls-4%20{%20fill-rule:%20evenodd;%20}%20.cls-4%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3cmask%20id='mask'%20x='1.4'%20y='147.7'%20width='12.7'%20height='8.3'%20maskUnits='userSpaceOnUse'%3e%3cg%20id='mask-2'%3e%3cpolygon%20id='path-1'%20class='cls-4'%20points='1.4%20147.7%2014%20147.7%2014%20156.1%201.4%20156.1%201.4%20147.7'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%3e%3crect%20class='cls-2'%20x='1'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='1'%20y='9'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='9'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='9'%20y='9'%20width='6'%20height='6'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-2'%20x='1'%20y='17'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='1'%20y='25'%20width='5.9'%20height='6'/%3e%3crect%20class='cls-2'%20x='8.5'%20y='19.5'%20width='6.5'%20height='1.5'/%3e%3crect%20class='cls-2'%20x='8.5'%20y='27.5'%20width='6.5'%20height='1.5'/%3e%3c/g%3e%3cpath%20class='cls-2'%20d='M13.1,62.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.2c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2.1-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-5.9h1.4v5.9c0,.8-.7,1.6-1.6,1.6Z'/%3e%3cpolygon%20class='cls-2'%20points='10.7%2058%2010.7%2056.6%208.2%2056.6%2014.7%2050.2%2013.7%2049.2%207.2%2055.6%207.2%2053.2%205.8%2053.2%205.8%2058%2010.7%2058'/%3e%3cpath%20class='cls-2'%20d='M13.1,46.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.1c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2,0-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-6h1.4v6c0,.8-.8,1.5-1.6,1.5Z'/%3e%3cpolygon%20class='cls-2'%20points='9.8%2033.2%209.8%2034.6%2012.2%2034.6%205.8%2041.1%206.8%2042%2013.2%2035.6%2013.2%2038.1%2014.6%2038.1%2014.6%2033.2%209.8%2033.2'/%3e%3cpath%20class='cls-2'%20d='M14.6,73.8l-1.2-.7c.1-.6.1-1.4,0-2l1.2-.7c.1,0,.2-.2.1-.4-.3-1-.9-1.9-1.6-2.6-.1-.1-.3-.1-.4,0l-1.2.7c-.5-.4-1.1-.8-1.7-1v-1.4c0-.1-.1-.3-.2-.4-1.1-.2-2.1-.2-3.1,0-.2,0-.2.2-.2.4v1.4c-.7.2-1.2.6-1.7,1l-1.2-.7c-.2,0-.3,0-.4,0-.7.8-1.2,1.6-1.5,2.6,0,.2,0,.3.1.4l1.2.7c0,.6,0,1.4,0,2l-1.2.7c-.1,0-.2.2-.1.4.3,1,.9,1.9,1.5,2.6,0,.1.3.1.4,0l1.2-.7c.5.4,1.1.8,1.7,1v1.4c0,.1,0,.3.2.4,1.1.2,2.1.2,3.1,0,.1,0,.2-.2.2-.4v-1.4c.6-.2,1.2-.6,1.7-1l1.2.7c.1,0,.3,0,.4,0,.7-.8,1.2-1.6,1.6-2.6,0-.1,0-.3-.1-.4ZM8,74.4c-1.2,0-2.2-1-2.2-2.2s1-2.2,2.2-2.2,2.2,1,2.2,2.2-1,2.2-2.2,2.2Z'/%3e%3cpolygon%20class='cls-2'%20points='8%2081.8%2010%2085.8%2014.5%2086.5%2011.2%2089.6%2012.1%2094%208%2091.9%204%2094%204.8%2089.6%201.5%2086.5%206%2085.8%208%2081.8'/%3e%3cpath%20class='cls-2'%20d='M8,97c-3.6,0-6.4,2.9-6.4,6.4l.9,7.6h3.3l-.8-7.5c0-1.9,1.1-3,2.9-3s2.9,1.1,2.9,3l-.8,7.5h3.3l.9-7.5c0-3.6-2.8-6.5-6.4-6.5ZM5.2,108.3l.2,2.3h-2.5l-.2-2.3h2.5ZM13.1,110.6h-2.6l.2-2.3h2.6l-.2,2.3Z'/%3e%3cg%20id='Restore_Default'%20data-name='Restore%20Default'%3e%3cpath%20id='Combined-Shape'%20class='cls-2'%20d='M4.6,116.2l1.7.6-4,3.2-.8-5.1,1.8.7c1.2-1.3,2.9-2.1,4.8-2.1,3.5,0,6.5,2.9,6.5,6.5s-2.8,6.5-6.4,6.5v-1.3c2.9,0,5.2-2.3,5.2-5.2s-2.3-5.3-5.2-5.3c-1.3,0-2.5.5-3.5,1.4ZM9.5,120.1c0,.7-.5,1.2-1.2,1.2s-1.2-.5-1.2-1.2.5-1.2,1.2-1.2c.7,0,1.2.5,1.2,1.2Z'/%3e%3c/g%3e%3cg%20id='Clear-Drawings'%3e%3cpath%20id='Combined-Shape-2'%20data-name='Combined-Shape'%20class='cls-2'%20d='M2.6,132.9v-1.2h10.9v1.2H2.6ZM5.2,130.8v-1.2h5.5v1.2h-5.5ZM3.4,133.9h9.1l-.6,8.6H4l-.6-8.6ZM4.1,134.6l.5,7.4h6.9l.5-7.4h-7.9ZM7.7,140.2v-4h.6v4h-.6ZM5.8,140.2v-4h.6v4h-.6ZM9.7,140.2v-4h.6v4h-.6Z'/%3e%3c/g%3e%3cg%20id='icon_eye-invisible'%20data-name='icon/eye-invisible'%3e%3cpath%20id='Fill-1'%20class='cls-3'%20d='M7.7,149.8c-1.1,0-2.1.9-2.1,2.1s.9,2.1,2.1,2.1,2.1-.9,2.1-2.1-.9-2.1-2.1-2.1'/%3e%3cg%20id='Group-5'%3e%3cg%20class='cls-1'%3e%3cpath%20id='Fill-3'%20class='cls-3'%20d='M7.7,155.2c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3,3.3,1.5,3.3,3.3-1.5,3.3-3.3,3.3M7.7,147.7c-3.5,0-6.3,4.2-6.3,4.2,0,0,2.8,4.2,6.3,4.2s6.3-4.2,6.3-4.2c0,0-2.8-4.2-6.3-4.2'/%3e%3c/g%3e%3c/g%3e%3cpolygon%20id='Line-9'%20class='cls-2'%20points='2%20146.9%202.8%20146%2013.3%20156.5%2012.5%20157.3%202%20146.9'/%3e%3c/g%3e%3c/svg%3e");
}
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("./stx-sprite-drawing-tools-black-BizAKbNW.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("./stx-sprite-drawing-tools-white-i-MfPUuz.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("./stx-sprite-drawing-tools-blue-B79DOBgj.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20viewBox='0%200%2016%20800'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20mask:%20url(%23mask);%20}%20.cls-2,%20.cls-3,%20.cls-4%20{%20stroke-width:%200px;%20}%20.cls-2,%20.cls-4%20{%20fill:%20%23000;%20}%20.cls-3%20{%20fill:%20%23fff;%20}%20.cls-3,%20.cls-4%20{%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3cmask%20id='mask'%20x='1.4'%20y='147.7'%20width='12.7'%20height='8.3'%20maskUnits='userSpaceOnUse'%3e%3cg%20id='mask-2'%3e%3cpolygon%20id='path-1'%20class='cls-3'%20points='1.4%20147.7%2014%20147.7%2014%20156.1%201.4%20156.1%201.4%20147.7'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%3e%3crect%20class='cls-2'%20x='1'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='1'%20y='9'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='9'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='9'%20y='9'%20width='6'%20height='6'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-2'%20x='1'%20y='17'%20width='6'%20height='6'/%3e%3crect%20class='cls-2'%20x='1'%20y='25'%20width='5.9'%20height='6'/%3e%3crect%20class='cls-2'%20x='8.5'%20y='19.5'%20width='6.5'%20height='1.5'/%3e%3crect%20class='cls-2'%20x='8.5'%20y='27.5'%20width='6.5'%20height='1.5'/%3e%3c/g%3e%3cpath%20class='cls-2'%20d='M13.1,62.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.2c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2.1-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-5.9h1.4v5.9c0,.8-.7,1.6-1.6,1.6Z'/%3e%3cpolygon%20class='cls-2'%20points='10.7%2058%2010.7%2056.6%208.2%2056.6%2014.7%2050.2%2013.7%2049.2%207.2%2055.6%207.2%2053.2%205.8%2053.2%205.8%2058%2010.7%2058'/%3e%3cpath%20class='cls-2'%20d='M13.1,46.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.1c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2,0-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-6h1.4v6c0,.8-.8,1.5-1.6,1.5Z'/%3e%3cpolygon%20class='cls-2'%20points='9.8%2033.2%209.8%2034.6%2012.2%2034.6%205.8%2041.1%206.8%2042%2013.2%2035.6%2013.2%2038.1%2014.6%2038.1%2014.6%2033.2%209.8%2033.2'/%3e%3cpath%20class='cls-2'%20d='M14.6,73.8l-1.2-.7c.1-.6.1-1.4,0-2l1.2-.7c.1,0,.2-.2.1-.4-.3-1-.9-1.9-1.6-2.6-.1-.1-.3-.1-.4,0l-1.2.7c-.5-.4-1.1-.8-1.7-1v-1.4c0-.1-.1-.3-.2-.4-1.1-.2-2.1-.2-3.1,0-.2,0-.2.2-.2.4v1.4c-.7.2-1.2.6-1.7,1l-1.2-.7c-.2,0-.3,0-.4,0-.7.8-1.2,1.6-1.5,2.6,0,.2,0,.3.1.4l1.2.7c0,.6,0,1.4,0,2l-1.2.7c-.1,0-.2.2-.1.4.3,1,.9,1.9,1.5,2.6,0,.1.3.1.4,0l1.2-.7c.5.4,1.1.8,1.7,1v1.4c0,.1,0,.3.2.4,1.1.2,2.1.2,3.1,0,.1,0,.2-.2.2-.4v-1.4c.6-.2,1.2-.6,1.7-1l1.2.7c.1,0,.3,0,.4,0,.7-.8,1.2-1.6,1.6-2.6,0-.1,0-.3-.1-.4ZM8,74.4c-1.2,0-2.2-1-2.2-2.2s1-2.2,2.2-2.2,2.2,1,2.2,2.2-1,2.2-2.2,2.2Z'/%3e%3cpolygon%20class='cls-2'%20points='8%2081.8%2010%2085.8%2014.5%2086.5%2011.2%2089.6%2012.1%2094%208%2091.9%204%2094%204.8%2089.6%201.5%2086.5%206%2085.8%208%2081.8'/%3e%3cpath%20class='cls-2'%20d='M8,97c-3.6,0-6.4,2.9-6.4,6.4l.9,7.6h3.3l-.8-7.5c0-1.9,1.1-3,2.9-3s2.9,1.1,2.9,3l-.8,7.5h3.3l.9-7.5c0-3.6-2.8-6.5-6.4-6.5ZM5.2,108.3l.2,2.3h-2.5l-.2-2.3h2.5ZM13.1,110.6h-2.6l.2-2.3h2.6l-.2,2.3Z'/%3e%3cg%20id='Restore_Default'%20data-name='Restore%20Default'%3e%3cpath%20id='Combined-Shape'%20class='cls-2'%20d='M4.6,116.2l1.7.6-4,3.2-.8-5.1,1.8.7c1.2-1.3,2.9-2.1,4.8-2.1,3.5,0,6.5,2.9,6.5,6.5s-2.8,6.5-6.4,6.5v-1.3c2.9,0,5.2-2.3,5.2-5.2s-2.3-5.3-5.2-5.3c-1.3,0-2.5.5-3.5,1.4ZM9.5,120.1c0,.7-.5,1.2-1.2,1.2s-1.2-.5-1.2-1.2.5-1.2,1.2-1.2c.7,0,1.2.5,1.2,1.2Z'/%3e%3c/g%3e%3cg%20id='Clear-Drawings'%3e%3cpath%20id='Combined-Shape-2'%20data-name='Combined-Shape'%20class='cls-2'%20d='M2.6,132.9v-1.2h10.9v1.2H2.6ZM5.2,130.8v-1.2h5.5v1.2h-5.5ZM3.4,133.9h9.1l-.6,8.6H4l-.6-8.6ZM4.1,134.6l.5,7.4h6.9l.5-7.4h-7.9ZM7.7,140.2v-4h.6v4h-.6ZM5.8,140.2v-4h.6v4h-.6ZM9.7,140.2v-4h.6v4h-.6Z'/%3e%3c/g%3e%3cg%20id='icon_eye-invisible'%20data-name='icon/eye-invisible'%3e%3cpath%20id='Fill-1'%20class='cls-4'%20d='M7.7,149.8c-1.1,0-2.1.9-2.1,2.1s.9,2.1,2.1,2.1,2.1-.9,2.1-2.1-.9-2.1-2.1-2.1'/%3e%3cg%20id='Group-5'%3e%3cg%20class='cls-1'%3e%3cpath%20id='Fill-3'%20class='cls-4'%20d='M7.7,155.2c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3,3.3,1.5,3.3,3.3-1.5,3.3-3.3,3.3M7.7,147.7c-3.5,0-6.3,4.2-6.3,4.2,0,0,2.8,4.2,6.3,4.2s6.3-4.2,6.3-4.2c0,0-2.8-4.2-6.3-4.2'/%3e%3c/g%3e%3c/g%3e%3cpolygon%20id='Line-9'%20class='cls-2'%20points='2%20146.9%202.8%20146%2013.3%20156.5%2012.5%20157.3%202%20146.9'/%3e%3c/g%3e%3c/svg%3e") 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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20viewBox='0%200%2016%20800'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20mask:%20url(%23mask);%20}%20.cls-2%20{%20fill-rule:%20evenodd;%20}%20.cls-2,%20.cls-3%20{%20fill:%20%23fff;%20stroke-width:%200px;%20}%20%3c/style%3e%3cmask%20id='mask'%20x='1.4'%20y='147.7'%20width='12.7'%20height='8.3'%20maskUnits='userSpaceOnUse'%3e%3cg%20id='mask-2'%3e%3cpolygon%20id='path-1'%20class='cls-2'%20points='1.4%20147.7%2014%20147.7%2014%20156.1%201.4%20156.1%201.4%20147.7'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%3e%3crect%20class='cls-3'%20x='1'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-3'%20x='1'%20y='9'%20width='6'%20height='6'/%3e%3crect%20class='cls-3'%20x='9'%20y='1'%20width='6'%20height='6'/%3e%3crect%20class='cls-3'%20x='9'%20y='9'%20width='6'%20height='6'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-3'%20x='1'%20y='17'%20width='6'%20height='6'/%3e%3crect%20class='cls-3'%20x='1'%20y='25'%20width='5.9'%20height='6'/%3e%3crect%20class='cls-3'%20x='8.5'%20y='19.5'%20width='6.5'%20height='1.5'/%3e%3crect%20class='cls-3'%20x='8.5'%20y='27.5'%20width='6.5'%20height='1.5'/%3e%3c/g%3e%3cpath%20class='cls-3'%20d='M13.1,62.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.2c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2.1-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-5.9h1.4v5.9c0,.8-.7,1.6-1.6,1.6Z'/%3e%3cpolygon%20class='cls-3'%20points='10.7%2058%2010.7%2056.6%208.2%2056.6%2014.7%2050.2%2013.7%2049.2%207.2%2055.6%207.2%2053.2%205.8%2053.2%205.8%2058%2010.7%2058'/%3e%3cpath%20class='cls-3'%20d='M13.1,46.6H2.9c-.9,0-1.6-.7-1.6-1.6v-10.1c0-.9.7-1.6,1.6-1.6h6v1.4H2.9c-.2,0-.2,0-.2.2v10.1c0,.2,0,.2.2.2h10.1c.1,0,.2,0,.2-.2v-6h1.4v6c0,.8-.8,1.5-1.6,1.5Z'/%3e%3cpolygon%20class='cls-3'%20points='9.8%2033.2%209.8%2034.6%2012.2%2034.6%205.8%2041.1%206.8%2042%2013.2%2035.6%2013.2%2038.1%2014.6%2038.1%2014.6%2033.2%209.8%2033.2'/%3e%3cpath%20class='cls-3'%20d='M14.6,73.8l-1.2-.7c.1-.6.1-1.4,0-2l1.2-.7c.1,0,.2-.2.1-.4-.3-1-.9-1.9-1.6-2.6-.1-.1-.3-.1-.4,0l-1.2.7c-.5-.4-1.1-.8-1.7-1v-1.4c0-.1-.1-.3-.2-.4-1.1-.2-2.1-.2-3.1,0-.2,0-.2.2-.2.4v1.4c-.7.2-1.2.6-1.7,1l-1.2-.7c-.2,0-.3,0-.4,0-.7.8-1.2,1.6-1.5,2.6,0,.2,0,.3.1.4l1.2.7c0,.6,0,1.4,0,2l-1.2.7c-.1,0-.2.2-.1.4.3,1,.9,1.9,1.5,2.6,0,.1.3.1.4,0l1.2-.7c.5.4,1.1.8,1.7,1v1.4c0,.1,0,.3.2.4,1.1.2,2.1.2,3.1,0,.1,0,.2-.2.2-.4v-1.4c.6-.2,1.2-.6,1.7-1l1.2.7c.1,0,.3,0,.4,0,.7-.8,1.2-1.6,1.6-2.6,0-.1,0-.3-.1-.4ZM8,74.4c-1.2,0-2.2-1-2.2-2.2s1-2.2,2.2-2.2,2.2,1,2.2,2.2-1,2.2-2.2,2.2Z'/%3e%3cpolygon%20class='cls-3'%20points='8%2081.8%2010%2085.8%2014.5%2086.5%2011.2%2089.6%2012.1%2094%208%2091.9%204%2094%204.8%2089.6%201.5%2086.5%206%2085.8%208%2081.8'/%3e%3cpath%20class='cls-3'%20d='M8,97c-3.6,0-6.4,2.9-6.4,6.4l.9,7.6h3.3l-.8-7.5c0-1.9,1.1-3,2.9-3s2.9,1.1,2.9,3l-.8,7.5h3.3l.9-7.5c0-3.6-2.8-6.5-6.4-6.5ZM5.2,108.3l.2,2.3h-2.5l-.2-2.3h2.5ZM13.1,110.6h-2.6l.2-2.3h2.6l-.2,2.3Z'/%3e%3cg%20id='Restore_Default'%20data-name='Restore%20Default'%3e%3cpath%20id='Combined-Shape'%20class='cls-3'%20d='M4.6,116.2l1.7.6-4,3.2-.8-5.1,1.8.7c1.2-1.3,2.9-2.1,4.8-2.1,3.5,0,6.5,2.9,6.5,6.5s-2.8,6.5-6.4,6.5v-1.3c2.9,0,5.2-2.3,5.2-5.2s-2.3-5.3-5.2-5.3c-1.3,0-2.5.5-3.5,1.4ZM9.5,120.1c0,.7-.5,1.2-1.2,1.2s-1.2-.5-1.2-1.2.5-1.2,1.2-1.2c.7,0,1.2.5,1.2,1.2Z'/%3e%3c/g%3e%3cg%20id='Clear-Drawings'%3e%3cpath%20id='Combined-Shape-2'%20data-name='Combined-Shape'%20class='cls-3'%20d='M2.6,132.9v-1.2h10.9v1.2H2.6ZM5.2,130.8v-1.2h5.5v1.2h-5.5ZM3.4,133.9h9.1l-.6,8.6H4l-.6-8.6ZM4.1,134.6l.5,7.4h6.9l.5-7.4h-7.9ZM7.7,140.2v-4h.6v4h-.6ZM5.8,140.2v-4h.6v4h-.6ZM9.7,140.2v-4h.6v4h-.6Z'/%3e%3c/g%3e%3cg%20id='icon_eye-invisible'%20data-name='icon/eye-invisible'%3e%3cpath%20id='Fill-1'%20class='cls-2'%20d='M7.7,149.8c-1.1,0-2.1.9-2.1,2.1s.9,2.1,2.1,2.1,2.1-.9,2.1-2.1-.9-2.1-2.1-2.1'/%3e%3cg%20id='Group-5'%3e%3cg%20class='cls-1'%3e%3cpath%20id='Fill-3'%20class='cls-2'%20d='M7.7,155.2c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3,3.3,1.5,3.3,3.3-1.5,3.3-3.3,3.3M7.7,147.7c-3.5,0-6.3,4.2-6.3,4.2,0,0,2.8,4.2,6.3,4.2s6.3-4.2,6.3-4.2c0,0-2.8-4.2-6.3-4.2'/%3e%3c/g%3e%3c/g%3e%3cpolygon%20id='Line-9'%20class='cls-3'%20points='2%20146.9%202.8%20146%2013.3%20156.5%2012.5%20157.3%202%20146.9'/%3e%3c/g%3e%3c/svg%3e");
}
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;
  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(./stx-sprite-ui-DytRQ_QR.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("./stx-sprite-drawing-tools-black-BizAKbNW.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("./stx-sprite-drawing-tools-white-i-MfPUuz.svg");
}
cq-drawing-settings .ciq-icon-btn.cq-icon-gear.active .icon {
  background-image: url("./stx-sprite-drawing-tools-blue-B79DOBgj.svg");
}
cq-drawing-settings cq-menu.nav-dropdown:after {
  top: 8px;
  right: 8px;
}
cq-drawing-settings cq-menu cq-dropdown .content {
  left: -10px;
  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;
  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: -moz-max-content !important;
  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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.2.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20style='enable-background:new%200%200%2032%2032;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{opacity:0.5;}%20.st1{fill:%23FFFFFF;}%20%3c/style%3e%3cg%20class='st0'%3e%3crect%20x='14'%20y='4.7'%20width='2'%20height='2'/%3e%3crect%20x='10'%20y='8.7'%20width='2'%20height='2'/%3e%3crect%20x='14'%20y='8.7'%20width='2'%20height='2'/%3e%3crect%20x='18'%20y='8.7'%20width='2'%20height='2'/%3e%3crect%20x='10'%20y='12.7'%20width='2'%20height='2'/%3e%3crect%20x='14'%20y='12.7'%20width='2'%20height='2'/%3e%3crect%20x='18'%20y='12.7'%20width='2'%20height='2'/%3e%3crect%20x='10'%20y='16.7'%20width='2'%20height='2'/%3e%3crect%20x='14'%20y='16.7'%20width='2'%20height='2'/%3e%3crect%20x='18'%20y='16.7'%20width='2'%20height='2'/%3e%3crect%20x='10'%20y='20.7'%20width='2'%20height='2'/%3e%3crect%20x='14'%20y='20.7'%20width='2'%20height='2'/%3e%3crect%20x='18'%20y='20.7'%20width='2'%20height='2'/%3e%3crect%20x='14'%20y='24.7'%20width='2'%20height='2'/%3e%3c/g%3e%3cg%20class='st0'%3e%3crect%20x='16'%20y='6.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='12'%20y='10.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='16'%20y='10.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='20'%20y='10.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='12'%20y='14.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='16'%20y='14.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='20'%20y='14.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='12'%20y='18.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='16'%20y='18.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='20'%20y='18.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='12'%20y='22.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='16'%20y='22.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='20'%20y='22.7'%20class='st1'%20width='2'%20height='2'/%3e%3crect%20x='16'%20y='26.7'%20class='st1'%20width='2'%20height='2'/%3e%3c/g%3e%3c/svg%3e");
}
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("./palette-drag-strip-horizontal-Co-HJeE7.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(./stx-sprite-markers-D3zjdfzP.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;
  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 */
  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;
  position: relative;
  width: 200px;
  max-height: 200px;
  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;
  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;
  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 {
  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 {
  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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='1024px'%20height='1024px'%20viewBox='0%200%201024%201024'%20enable-background='new%200%200%201024%201024'%20xml:space='preserve'%3e%3cg%20id='Info'%3e%3cpath%20fill='%23398DFF'%20d='M512,1024c282.77,0,512-229.23,512-512S794.77,0,512,0S0,229.23,0,512S229.23,1024,512,1024z%20M566,814H458%20V406h108V814z%20M465.585,228.67c12.633-12.625,28.107-18.945,46.415-18.945c18.635,0,34.265,6.32,46.89,18.945%20c12.634,12.625,18.945,28.418,18.945,47.363c0,17.68-6.468,32.991-19.419,45.941c-12.943,12.943-28.418,19.419-46.416,19.419%20c-17.997,0-33.464-6.476-46.415-19.419c-12.943-12.95-19.42-28.418-19.42-46.416C446.165,257.243,452.642,241.613,465.585,228.67z'%20/%3e%3c/g%3e%3c/svg%3e") 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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='1024px'%20height='1024px'%20viewBox='0%200%201024%201024'%20enable-background='new%200%200%201024%201024'%20xml:space='preserve'%3e%3cg%20id='Error'%20fill='%23ee5c5c'%3e%3cpath%20d='M723.336,2H300.771L2,300.771v422.565L300.771,1022h422.565L1022,723.336V300.771L723.336,2z%20M684.992,758.2%20L511.807,585.015L341.77,755.052l-72.821-72.821l170.037-170.037L265.8,339.007l73.208-73.208l173.186,173.186L682.23,268.949%20l72.821,72.821L585.015,511.807L758.2,684.992L684.992,758.2z'/%3e%3c/g%3e%3c/svg%3e");
}
.cq-toast-message.type-warning .cq-message-container .cq-message-icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='1024px'%20height='1024px'%20viewBox='0%200%201024%201024'%20enable-background='new%200%200%201024%201024'%20xml:space='preserve'%3e%3cg%20id='Warning'%3e%3cpath%20fill='%23F9C426'%20d='M1005.968,811.237L599.894,105.952c-17.936-29.211-50.177-48.695-86.967-48.695%20c-36.866,0-69.161,19.561-87.075,48.87L18.063,811.211l-0.031,0.116C8.216,826.998,2.541,845.35,2.541,865.203%20C2.541,921.525,48.197,967,104.518,967h814.964c56.32,0,101.978-45.475,101.978-101.797%20C1021.459,845.35,1015.784,826.907,1005.968,811.237z%20M448,230h128l-10,458H458L448,230z%20M558.415,865.33%20c-12.633,12.625-28.107,18.945-46.415,18.945c-18.635,0-34.265-6.32-46.89-18.945c-12.634-12.625-18.945-28.418-18.945-47.363%20c0-17.68,6.468-32.991,19.419-45.941c12.943-12.943,28.418-19.419,46.416-19.419c17.997,0,33.464,6.476,46.415,19.419%20c12.943,12.95,19.42,28.418,19.42,46.416C577.835,836.757,571.358,852.387,558.415,865.33z'/%3e%3c/g%3e%3c/svg%3e");
}
.cq-toast-message.type-confirmation .cq-message-container .cq-message-icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='1024px'%20height='1024px'%20viewBox='0%200%201024%201024'%20enable-background='new%200%200%201024%201024'%20xml:space='preserve'%3e%3cg%20id='Confirmation'%3e%3cpath%20fill='%2385C72F'%20d='M512,0C229.23,0,0,229.23,0,512c0,282.77,229.23,512,512,512c282.77,0,512-229.23,512-512%20C1024,229.23,794.77,0,512,0z%20M485.217,732.408l-75.491,75.49L150.359,562.993l92.731-102.731l166.732,196.572l361.085-400.732%20l92.731,92.731L485.217,732.408z'/%3e%3c/g%3e%3c/svg%3e");
}
.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='17px'%20height='28px'%20viewBox='0%200%2017%2028'%20enable-background='new%200%200%2017%2028'%20xml:space='preserve'%3e%3ctitle%3eoutliers_more-above%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cpolyline%20id='Path-2'%20fill='none'%20stroke='%234C5668'%20points='11.5,17%208.5,14%205.5,17%20'/%3e%3cpolyline%20id='Path-2_1_'%20fill='none'%20stroke='%234C5668'%20points='11.5,14%208.5,11%205.5,14%20'/%3e%3c/svg%3e") center center no-repeat;
}
.ciq-night .outlier-sticker.quote .pill .icon {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='17px'%20height='28px'%20viewBox='0%200%2017%2028'%20enable-background='new%200%200%2017%2028'%20xml:space='preserve'%3e%3ctitle%3eCandle-up-there%20Copy%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='icon_x2F_chevron-skinny'%20transform='translate(7.500000,%2014.500000)%20rotate(-180.000000)%20translate(-7.500000,%20-14.500000)%20translate(4.500000,%2013.000000)'%3e%3cg%20id='Path-2'%3e%3cpolygon%20fill='%23979797'%20points='-0.646,-1.354%202,1.293%204.646,-1.354%205.354,-0.646%202,2.707%20-1.354,-0.646%20'/%3e%3c/g%3e%3c/g%3e%3cg%20id='icon_x2F_chevron-skinny_1_'%20transform='translate(7.500000,%2011.500000)%20rotate(-180.000000)%20translate(-7.500000,%20-11.500000)%20translate(4.500000,%2010.000000)'%3e%3cg%20id='Path-2_1_'%3e%3cpolygon%20fill='%23979797'%20points='-0.646,-1.354%202,1.293%204.646,-1.354%205.354,-0.646%202,2.707%20-1.354,-0.646%20'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='17px'%20height='28px'%20viewBox='0%200%2017%2028'%20enable-background='new%200%200%2017%2028'%20xml:space='preserve'%3e%3ctitle%3eoutliers_more-below%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cpolyline%20id='Path-2'%20fill='none'%20stroke='%234C5668'%20points='5.5,11%208.5,14%2011.5,11%20'/%3e%3cpolyline%20id='Path-2_1_'%20fill='none'%20stroke='%234C5668'%20points='5.5,14%208.5,17%2011.5,14%20'/%3e%3c/svg%3e");
}
.ciq-night .outlier-sticker.quote.low:not(.flipped) .pill .icon, .ciq-night .outlier-sticker.quote.high.flipped .pill .icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='17px'%20height='28px'%20viewBox='0%200%2017%2028'%20enable-background='new%200%200%2017%2028'%20xml:space='preserve'%3e%3ctitle%3eCandle-up-there%20Copy%204%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='icon_x2F_chevron-skinny'%20transform='translate(7.500000,%2011.500000)%20rotate(-360.000000)%20translate(-7.500000,%20-11.500000)%20translate(4.500000,%2010.000000)'%3e%3cpolyline%20id='Path-2'%20fill='none'%20stroke='%23979797'%20points='1,1%204,4%207,1%20'/%3e%3c/g%3e%3cg%20id='icon_x2F_chevron-skinny_1_'%20transform='translate(7.500000,%2014.500000)%20rotate(-360.000000)%20translate(-7.500000,%20-14.500000)%20translate(4.500000,%2013.000000)'%3e%3cpolyline%20id='Path-2_1_'%20fill='none'%20stroke='%23979797'%20points='1,1%204,4%207,1%20'/%3e%3c/g%3e%3c/svg%3e");
}
.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='15px'%20height='20px'%20viewBox='0%200%2015%2020'%20enable-background='new%200%200%2015%2020'%20xml:space='preserve'%3e%3ctitle%3eoutliers_expansion%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='Break-Scale'%3e%3cg%20id='outliers_buttons-darkSlateBorders--day'%20transform='translate(-75.000000,%20-26.000000)'%3e%3cg%20id='outliers_expansion'%20transform='translate(76.000000,%2027.000000)'%3e%3cpath%20id='Rectangle'%20fill='%23F8F8F8'%20stroke='%234C5668'%20d='M6,0h1c3.313,0,6,2.687,6,6v6c0,3.313-2.687,6-6,6H6%20c-3.313,0-6-2.687-6-6V6C0,2.687,2.687,0,6,0z'/%3e%3cg%20id='icon_x2F_arrow-skinny_x2F_down'%20transform='translate(4.000000,%203.000000)'%3e%3cpolyline%20id='Path'%20fill='none'%20stroke='%234C5668'%20points='5,9%202.5,12%200,9%20'/%3e%3cpolyline%20id='Path-Copy'%20fill='none'%20stroke='%234C5668'%20points='0,3%202.5,0%205,3%20'/%3e%3cline%20id='Path_1_'%20fill='none'%20stroke='%234C5668'%20x1='2.5'%20y1='11.5'%20x2='2.5'%20y2='0'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='15px'%20height='20px'%20viewBox='0%200%2015%2020'%20enable-background='new%200%200%2015%2020'%20xml:space='preserve'%3e%3ctitle%3eGroup%202%20Copy%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cpolyline%20id='Path'%20fill='none'%20stroke='%23999999'%20points='10,13%207.5,16%205,13%20'/%3e%3cpolyline%20id='Path-Copy'%20fill='none'%20stroke='%23999999'%20points='5,7%207.5,4%2010,7%20'/%3e%3cline%20id='Path_1_'%20fill='none'%20stroke='%23999999'%20x1='7.5'%20y1='15.5'%20x2='7.5'%20y2='4'/%3e%3c/svg%3e");
}
.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='15px'%20height='24px'%20viewBox='0%200%2015%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2063.1%20(92452)%20-%20https://sketch.com%20--%3e%3ctitle%3eoutliers_compression%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='Break-Scale'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='outliers_buttons-darkSlateBorders--day'%20transform='translate(-75.000000,%20-56.000000)'%20stroke='%234C5668'%3e%3cg%20id='outliers_compression'%20transform='translate(76.000000,%2057.000000)'%3e%3crect%20id='Rectangle'%20fill='%23F8F8F8'%20x='0'%20y='0'%20width='13'%20height='22'%20rx='6'%3e%3c/rect%3e%3cg%20id='icon/arrow-skinny/down'%20transform='translate(2.000000,%201.000000)'%3e%3cpolyline%20id='Path-Copy'%20transform='translate(4.500000,%205.500000)%20rotate(-180.000000)%20translate(-4.500000,%20-5.500000)%20'%20points='2%207%204.5%204%207%207'%3e%3c/polyline%3e%3cpolyline%20id='Path-Copy-2'%20points='2%2015.5%204.5%2012.5%207%2015.5'%3e%3c/polyline%3e%3cline%20x1='0.5'%20y1='9.7'%20x2='8.5'%20y2='9.7'%20id='Line'%20stroke-width='0.5'%20stroke-linecap='square'%3e%3c/line%3e%3cline%20x1='4.5'%20y1='12.75'%20x2='4.5'%20y2='18.25'%20id='Path-Copy-3'%3e%3c/line%3e%3cline%20x1='4.5'%20y1='1.375'%20x2='4.5'%20y2='6.625'%20id='Path'%20transform='translate(4.500000,%204.000000)%20rotate(-180.000000)%20translate(-4.500000,%20-4.000000)%20'%3e%3c/line%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}
.ciq-night .outlier-sticker.axis .compression .pill .icon {
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='15px'%20height='24px'%20viewBox='0%200%2015%2024'%20enable-background='new%200%200%2015%2024'%20xml:space='preserve'%3e%3ctitle%3ecompression%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cpolyline%20id='Path-Copy'%20fill='none'%20stroke='%23999999'%20points='10,6%207.5,9%205,6%20'/%3e%3cpolyline%20id='Path-Copy-2'%20fill='none'%20stroke='%23999999'%20points='5,17.5%207.5,14.5%2010,17.5%20'/%3e%3cline%20id='Line'%20fill='none'%20stroke='%23979797'%20stroke-width='0.5'%20stroke-linecap='square'%20x1='3.5'%20y1='11.7'%20x2='11.5'%20y2='11.7'/%3e%3cline%20id='Path-Copy-3'%20fill='none'%20stroke='%23999999'%20x1='7.5'%20y1='14.75'%20x2='7.5'%20y2='20.25'/%3e%3cline%20id='Path'%20fill='none'%20stroke='%23999999'%20x1='7.5'%20y1='8.625'%20x2='7.5'%20y2='3.375'/%3e%3c/svg%3e");
}
.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='15px'%20height='20px'%20viewBox='0%200%2015%2020'%20enable-background='new%200%200%2015%2020'%20xml:space='preserve'%3e%3cg%20id='icon_x2F_arrow-skinny_x2F_down_1_'%20transform='translate(4.000000,%203.000000)'%3e%3cpolyline%20id='Path_3_'%20fill='none'%20stroke='%234C5668'%20points='6,8.75%203.5,10.5%201,8.75%20'/%3e%3cpolyline%20id='Path-Copy_1_'%20fill='none'%20stroke='%234C5668'%20points='1,5.25%203.5,3.5%206,5.25%20'/%3e%3cline%20id='Path_2_'%20fill='none'%20stroke='%234C5668'%20x1='3.5'%20y1='10.208'%20x2='3.5'%20y2='3.5'/%3e%3c/g%3e%3c/svg%3e");
}
.ciq-night .outlier-sticker.axis.mini .expansion .pill .icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='15px'%20height='20px'%20viewBox='0%200%2015%2020'%20enable-background='new%200%200%2015%2020'%20xml:space='preserve'%3e%3cg%20id='icon_x2F_arrow-skinny_x2F_down'%20transform='translate(4.000000,%203.000000)'%3e%3cpolyline%20id='Path'%20fill='none'%20stroke='%23999999'%20points='6,8.75%203.5,10.5%201,8.75%20'/%3e%3cpolyline%20id='Path-Copy'%20fill='none'%20stroke='%23999999'%20points='1,5.25%203.5,3.5%206,5.25%20'/%3e%3cline%20id='Path_1_'%20fill='none'%20stroke='%23999999'%20x1='3.5'%20y1='10.208'%20x2='3.5'%20y2='3.5'/%3e%3c/g%3e%3c/svg%3e");
}
.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='15px'%20height='24px'%20viewBox='0%200%2015%2024'%20enable-background='new%200%200%2015%2024'%20xml:space='preserve'%3e%3cg%20id='icon_x2F_arrow-skinny_x2F_down_1_'%20transform='translate(2.000000,%201.000000)'%3e%3cpolyline%20id='Path-Copy_1_'%20fill='none'%20stroke='%234C5668'%20points='8,7.325%205.5,9.125%203,7.325%20'/%3e%3cpolyline%20id='Path-Copy-2_1_'%20fill='none'%20stroke='%234C5668'%20points='3,14.227%205.5,12.425%208,14.227%20'/%3e%3cline%20id='Line_1_'%20fill='none'%20stroke='%234C5668'%20stroke-width='0.5'%20stroke-linecap='square'%20x1='1.5'%20y1='10.745'%20x2='9.5'%20y2='10.745'/%3e%3cline%20id='Path-Copy-3_1_'%20fill='none'%20stroke='%234C5668'%20x1='5.5'%20y1='12.575'%20x2='5.5'%20y2='15.875'/%3e%3cline%20id='Path_1_'%20fill='none'%20stroke='%234C5668'%20x1='5.5'%20y1='8.9'%20x2='5.5'%20y2='5.75'/%3e%3c/g%3e%3c/svg%3e");
}
.ciq-night .outlier-sticker.axis.mini .compression .pill .icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='15px'%20height='24px'%20viewBox='0%200%2015%2024'%20enable-background='new%200%200%2015%2024'%20xml:space='preserve'%3e%3cg%20id='icon_x2F_arrow-skinny_x2F_down'%20transform='translate(2.000000,%201.000000)'%3e%3cpolyline%20id='Path-Copy'%20fill='none'%20stroke='%23999999'%20points='8,7.325%205.5,9.125%203,7.325%20'/%3e%3cpolyline%20id='Path-Copy-2'%20fill='none'%20stroke='%23999999'%20points='3,14.226%205.5,12.425%208,14.226%20'/%3e%3cline%20id='Line'%20fill='none'%20stroke='%23979797'%20stroke-width='0.5'%20stroke-linecap='square'%20x1='1.5'%20y1='10.745'%20x2='9.5'%20y2='10.745'/%3e%3cline%20id='Path-Copy-3'%20fill='none'%20stroke='%23999999'%20x1='5.5'%20y1='12.575'%20x2='5.5'%20y2='15.875'/%3e%3cline%20id='Path'%20fill='none'%20stroke='%23999999'%20x1='5.5'%20y1='8.9'%20x2='5.5'%20y2='5.75'/%3e%3c/g%3e%3c/svg%3e");
}
.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%205.94%208.5'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20x='1.8'%20y='6.9'%20width='2'%20height='1.6'/%3e%3cpath%20d='m5.6,3.8c-.3.4-.7.7-1.1,1-.2.2-.4.3-.5.5s-.1.4-.1.8H1.9c0-.5.1-1,.3-1.2.2-.2.5-.6,1-.9.3-.2.5-.4.6-.6.1-.2.2-.5.2-.8s-.1-.6-.3-.8-.4-.3-.8-.3c-.3,0-.5.1-.7.2-.2.1-.3.4-.3.7H0c0-.8.2-1.4.8-1.8.6-.4,1.2-.6,2.1-.6s1.7.2,2.2.7.8,1.1.8,1.9c.1.4,0,.8-.3,1.2Z'/%3e%3c/g%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%205.94%208.5'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20x='1.8'%20y='6.9'%20width='2'%20height='1.6'/%3e%3cpath%20d='m5.6,3.8c-.3.4-.7.7-1.1,1-.2.2-.4.3-.5.5s-.1.4-.1.8H1.9c0-.5.1-1,.3-1.2.2-.2.5-.6,1-.9.3-.2.5-.4.6-.6.1-.2.2-.5.2-.8s-.1-.6-.3-.8-.4-.3-.8-.3c-.3,0-.5.1-.7.2-.2.1-.3.4-.3.7H0c0-.8.2-1.4.8-1.8.6-.4,1.2-.6,2.1-.6s1.7.2,2.2.7.8,1.1.8,1.9c.1.4,0,.8-.3,1.2Z'/%3e%3c/g%3e%3c/svg%3e");
  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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%205.94%208.5'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20x='1.8'%20y='6.9'%20width='2'%20height='1.6'/%3e%3cpath%20d='m5.6,3.8c-.3.4-.7.7-1.1,1-.2.2-.4.3-.5.5s-.1.4-.1.8H1.9c0-.5.1-1,.3-1.2.2-.2.5-.6,1-.9.3-.2.5-.4.6-.6.1-.2.2-.5.2-.8s-.1-.6-.3-.8-.4-.3-.8-.3c-.3,0-.5.1-.7.2-.2.1-.3.4-.3.7H0c0-.8.2-1.4.8-1.8.6-.4,1.2-.6,2.1-.6s1.7.2,2.2.7.8,1.1.8,1.9c.1.4,0,.8-.3,1.2Z'/%3e%3c/g%3e%3c/svg%3e");
  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(./stx-sprite-panels-tB8rXm_K.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(./stx-sprite-ui-DytRQ_QR.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(./stx-sprite-panels-tB8rXm_K.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;
  -webkit-user-select: none;
     -moz-user-select: none;
          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;
  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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20.cls-2%20{%20fill:%20%232daae1;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3ccircle%20class='cls-2'%20cx='50'%20cy='50'%20r='50'/%3e%3cpath%20class='cls-1'%20d='m82.06,30.11c-2.36,1.05-4.89,1.75-7.55,2.07,2.72-1.63,4.8-4.21,5.78-7.28-2.58,1.53-5.41,2.61-8.35,3.19-2.4-2.56-5.82-4.15-9.6-4.15-7.26,0-13.15,5.89-13.15,13.15,0,1.03.12,2.03.34,3-10.93-.55-20.62-5.79-27.11-13.74-1.13,1.94-1.78,4.2-1.78,6.61,0,4.56,2.32,8.59,5.85,10.95-2.09-.06-4.13-.63-5.96-1.64v.17c0,6.37,4.53,11.69,10.55,12.9-1.11.3-2.27.46-3.47.46-.85,0-1.67-.08-2.48-.23,1.67,5.22,6.53,9.03,12.29,9.13-4.5,3.53-10.17,5.63-16.33,5.63-1.06,0-2.11-.06-3.14-.19,5.82,3.73,12.73,5.91,20.16,5.91,24.19,0,37.42-20.04,37.42-37.42,0-.57-.01-1.14-.04-1.7,2.58-1.86,4.8-4.17,6.57-6.82h0Z'/%3e%3c/g%3e%3c/svg%3e");
}
[cq-share-dialog-div] .ciq-share-link[cq-share-name=symphony]:after {
  background-image: url(./symphony-icon-RZpP3rJV.svg);
}
[cq-share-dialog-div] .ciq-share-link[cq-share-name=msteams]:after {
  background-image: url(./teams-icon-CRo4PPMn.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: -moz-fit-content;
  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 {
  -webkit-appearance: none;
     -moz-appearance: none;
          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);
}

/*
 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(./KFOkCnqEu92Fr1Mu51xIIzI-Cv5_oDHN.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(./KFOkCnqEu92Fr1MmgVxIIzI-0yE9BJhv.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(./KFOlCnqEu92Fr1MmSU5fBBc4-MgpfczZf.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(./KFOmCnqEu92Fr1Mu4mxK-DeojfH1t.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(./KFOlCnqEu92Fr1MmEU9fBBc4-C1mc9L83.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(./KFOlCnqEu92Fr1MmWUlfBBc4-GvK2Ggwj.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(./ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw-Bahppu1b.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(./ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ-Cj0F4Mov.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(./ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw-CT_U6x9v.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(./stx-sprite-ui-v2-2qgX6MDu.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(./stx-sprite-chart-types-v2-BKwjc_Ow.svg);
}
:host([interactable]) .icon.plus, :host([interactable]) .icon.close, :host([interactable]) .icon.options {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2026.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='69.4px'%20height='105.4px'%20viewBox='0%200%2069.4%20105.4'%20style='enable-background:new%200%200%2069.4%20105.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{display:none;fill:%23777777;}%20.st1{fill:%23FFFFFF;}%20.st2{fill:none;stroke:%23000000;stroke-width:2;stroke-miterlimit:10;}%20.st3{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;}%20%3c/style%3e%3cg%20id='Layer_1_00000003087939380524767180000007269768433216718003_'%3e%3crect%20y='0.2'%20class='st0'%20width='80'%20height='119'/%3e%3cg%3e%3cpath%20d='M21.5,14.2h-13v-3h13V14.2z'/%3e%3cpath%20d='M13.5,6.2h3v13h-3'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st1'%20d='M51.5,14.4h-13v-3h13V14.4z'/%3e%3cpath%20class='st1'%20d='M43.5,6.4h3v13h-3'/%3e%3c/g%3e%3cg%3e%3cline%20class='st2'%20x1='10.5'%20y1='38.2'%20x2='19.5'%20y2='47.2'/%3e%3cline%20class='st2'%20x1='19.5'%20y1='38.2'%20x2='10.5'%20y2='47.2'/%3e%3c/g%3e%3cg%3e%3cline%20class='st3'%20x1='40.5'%20y1='38.4'%20x2='49.5'%20y2='47.4'/%3e%3cline%20class='st3'%20x1='49.5'%20y1='38.4'%20x2='40.5'%20y2='47.4'/%3e%3c/g%3e%3cpath%20d='M21.5,70.6h-0.6c-0.3,0-0.6-0.2-0.7-0.5l-0.4-0.9c-0.1-0.3-0.1-0.6,0.1-0.9l0.5-0.5c0.2-0.2,0.2-0.6,0-0.8l-0.8-0.8%20c-0.2-0.2-0.6-0.2-0.8,0l-0.5,0.5c-0.2,0.2-0.6,0.3-0.9,0.1l-0.9-0.4C16.2,66.3,16,66,16,65.7v-0.6c0-0.3-0.2-0.5-0.5-0.5h-1.1%20c-0.3,0-0.5,0.2-0.5,0.5v0.6c0,0.3-0.2,0.6-0.5,0.7l-0.9,0.4c-0.3,0.1-0.6,0.1-0.9-0.1l-0.5-0.5c-0.2-0.2-0.6-0.2-0.8,0L9.5,67%20c-0.2,0.2-0.2,0.6,0,0.8l0.5,0.5c0.2,0.2,0.3,0.6,0.1,0.9l-0.4,0.9c-0.1,0.4-0.4,0.6-0.7,0.6H8.4c-0.2,0-0.4,0.2-0.4,0.5v1.1%20c0,0.3,0.2,0.5,0.5,0.5h0.6c0.3,0,0.6,0.2,0.7,0.5l0.4,0.9c0.1,0.3,0.1,0.6-0.1,0.9l-0.5,0.5c-0.2,0.2-0.2,0.6,0,0.8l0.8,0.8%20c0.2,0.2,0.6,0.2,0.8,0l0.5-0.5c0.2-0.2,0.6-0.3,0.9-0.1l0.9,0.4c0.3,0.1,0.5,0.4,0.5,0.7v0.6c0,0.3,0.2,0.5,0.5,0.5h1.1%20c0.3,0,0.5-0.2,0.5-0.5v-0.6c0-0.3,0.2-0.6,0.5-0.7l0.9-0.4c0.3-0.1,0.6-0.1,0.9,0.1l0.5,0.5c0.2,0.2,0.6,0.2,0.8,0l0.8-0.8%20c0.2-0.2,0.2-0.6,0-0.8L20,75.1c-0.2-0.2-0.3-0.6-0.1-0.9l0.4-0.9c0.1-0.3,0.4-0.5,0.7-0.5h0.6c0.3,0,0.5-0.2,0.5-0.5v-1.1%20C22,70.9,21.9,70.6,21.5,70.6z%20M17.8,71.8c0,1.5-1.2,2.7-2.7,2.7s-2.7-1.2-2.7-2.7s1.2-2.7,2.7-2.7S17.8,70.3,17.8,71.8z'/%3e%3cpath%20class='st1'%20d='M51.5,70.8H51c-0.3,0-0.6-0.2-0.7-0.5l-0.4-0.9c-0.1-0.3-0.1-0.6,0.1-0.9l0.5-0.5c0.2-0.2,0.2-0.6,0-0.8%20l-0.8-0.8c-0.2-0.2-0.6-0.2-0.8,0l-0.5,0.5c-0.2,0.2-0.6,0.3-0.9,0.1l-0.9-0.4c-0.3-0.1-0.5-0.4-0.5-0.7v-0.6%20c0-0.3-0.2-0.5-0.5-0.5h-1.1c-0.3,0-0.5,0.2-0.5,0.5v0.6c0,0.3-0.2,0.6-0.5,0.7L42.6,67c-0.3,0.1-0.6,0.1-0.9-0.1l-0.5-0.5%20c-0.2-0.2-0.6-0.2-0.8,0l-0.8,0.8c-0.2,0.2-0.2,0.6,0,0.8l0.5,0.5c0.2,0.2,0.3,0.6,0.1,0.9l-0.4,0.9c-0.1,0.3-0.4,0.5-0.7,0.5h-0.6%20c-0.3,0-0.5,0.2-0.5,0.5v1.1c0,0.3,0.2,0.5,0.5,0.5H39c0.3,0,0.6,0.2,0.7,0.5l0.4,0.9c0.1,0.3,0.1,0.6-0.1,0.9l-0.5,0.5%20c-0.2,0.2-0.2,0.6,0,0.8l0.8,0.8c0.2,0.2,0.6,0.2,0.8,0l0.5-0.5c0.2-0.2,0.6-0.3,0.9-0.1l0.9,0.4c0.3,0.1,0.5,0.4,0.5,0.7v0.6%20c0,0.3,0.2,0.5,0.5,0.5h1.1c0.3,0,0.5-0.2,0.5-0.5v-0.6c0-0.3,0.2-0.6,0.5-0.7l0.9-0.4c0.3-0.1,0.6-0.1,0.9,0.1l0.5,0.5%20c0.2,0.2,0.6,0.2,0.8,0l0.8-0.8c0.2-0.2,0.2-0.6,0-0.8L50,75.3c-0.2-0.2-0.3-0.6-0.1-0.9l0.4-0.9c0.1-0.3,0.4-0.5,0.7-0.5h0.6%20c0.3,0,0.5-0.2,0.5-0.5v-1.1C52,71.1,51.8,70.8,51.5,70.8z%20M47.7,71.9c0,1.5-1.2,2.7-2.7,2.7s-2.7-1.2-2.7-2.7s1.2-2.7,2.7-2.7%20S47.7,70.5,47.7,71.9z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st1'%20d='M59,0.9v28H31v-28L59,0.9%20M60-0.1h-1H31h-1v1v28v1h1h28h1v-1v-28V-0.1L60-0.1z'/%3e%3c/g%3e%3cg%3e%3cpath%20d='M29,0.9v28H1v-28L29,0.9%20M30-0.1h-1H1H0v1v28v1h1h28h1v-1v-28V-0.1L30-0.1z'/%3e%3c/g%3e%3cg%3e%3cpath%20d='M29,29.9v28H1v-28H29%20M30,28.9h-1H1H0v1v28v1h1h28h1v-1v-28V28.9L30,28.9z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st1'%20d='M59,29.9v28H31v-28H59%20M60,28.9h-1H31h-1v1v28v1h1h28h1v-1v-28V28.9L60,28.9z'/%3e%3c/g%3e%3cg%3e%3cpath%20d='M29,58.9v28H1v-28H29%20M30,57.9h-1H1H0v1v28v1h1h28h1v-1v-28V57.9L30,57.9z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st1'%20d='M59,58.9v28H31v-28H59%20M60,57.9h-1H31h-1v1v28v1h1h28h1v-1v-28V57.9L60,57.9z'/%3e%3c/g%3e%3c/svg%3e");
  opacity: 0.5;
}
:host([interactable]) .icon.flag {
  background-image: url(./languages-DB-1bXq_.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(./stx-sprite-ui-DytRQ_QR.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(./stx-sprite-ui-DytRQ_QR.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eCombined%20Shape%20Copy%3c/title%3e%3cg%20id='COVID-Chart'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='c19_chart-twoAxes--menus'%20transform='translate(-826.000000,%20-15.000000)'%20fill='%23000000'%3e%3cg%20id='Group'%3e%3cg%20id='Share-Button'%20transform='translate(780.000000,%207.000000)'%3e%3cpath%20d='M48.5,8%20C49.8807119,8%2051,9.11928813%2051,10.5%20C51,10.7245714%2050.9703896,10.9422269%2050.91486,11.1492753%20L55.4838598,14.0214817%20C55.9388767,13.4020562%2056.6724857,13%2057.5,13%20C58.8807119,13%2060,14.1192881%2060,15.5%20C60,16.8807119%2058.8807119,18%2057.5,18%20C56.7652212,18%2056.1044799,17.6830074%2055.6470705,17.1783166%20L50.9864294,19.23794%20C50.9954011,19.3240686%2051,19.4114972%2051,19.5%20C51,20.8807119%2049.8807119,22%2048.5,22%20C47.1192881,22%2046,20.8807119%2046,19.5%20C46,18.1192881%2047.1192881,17%2048.5,17%20C49.3949523,17%2050.1800702,17.4702573%2050.621734,18.1771525%20L55.0986367,16.1976377%20C55.034421,15.9762155%2055,15.7421275%2055,15.5%20C55,15.3502926%2055.013159,15.2036587%2055.0383834,15.0611918%20L50.3883855,12.1383505%20C49.9300181,12.666216%2049.2539887,13%2048.5,13%20C47.1192881,13%2046,11.8807119%2046,10.5%20C46,9.11928813%2047.1192881,8%2048.5,8%20Z'%20id='Combined-Shape-Copy'%20transform='translate(53.000000,%2015.000000)%20scale(-1,%201)%20translate(-53.000000,%20-15.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eCombined%20Shape%20Copy%3c/title%3e%3cg%20id='COVID-Chart'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='c19_chart-twoAxes--menus'%20transform='translate(-826.000000,%20-15.000000)'%20fill='%23FFFFFF'%3e%3cg%20id='Group'%3e%3cg%20id='Share-Button'%20transform='translate(780.000000,%207.000000)'%3e%3cpath%20d='M48.5,8%20C49.8807119,8%2051,9.11928813%2051,10.5%20C51,10.7245714%2050.9703896,10.9422269%2050.91486,11.1492753%20L55.4838598,14.0214817%20C55.9388767,13.4020562%2056.6724857,13%2057.5,13%20C58.8807119,13%2060,14.1192881%2060,15.5%20C60,16.8807119%2058.8807119,18%2057.5,18%20C56.7652212,18%2056.1044799,17.6830074%2055.6470705,17.1783166%20L50.9864294,19.23794%20C50.9954011,19.3240686%2051,19.4114972%2051,19.5%20C51,20.8807119%2049.8807119,22%2048.5,22%20C47.1192881,22%2046,20.8807119%2046,19.5%20C46,18.1192881%2047.1192881,17%2048.5,17%20C49.3949523,17%2050.1800702,17.4702573%2050.621734,18.1771525%20L55.0986367,16.1976377%20C55.034421,15.9762155%2055,15.7421275%2055,15.5%20C55,15.3502926%2055.013159,15.2036587%2055.0383834,15.0611918%20L50.3883855,12.1383505%20C49.9300181,12.666216%2049.2539887,13%2048.5,13%20C47.1192881,13%2046,11.8807119%2046,10.5%20C46,9.11928813%2047.1192881,8%2048.5,8%20Z'%20id='Combined-Shape-Copy'%20transform='translate(53.000000,%2015.000000)%20scale(-1,%201)%20translate(-53.000000,%20-15.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

: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(./stx-sprite-ui-DytRQ_QR.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;
}
.tippy-box[data-animation=scale-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-subtle][data-state=hidden]{transform:scale(.8);opacity:0}.tippy-box[data-animation=shift-away-extreme][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=top]{transform:translateY(20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=bottom]{transform:translateY(-20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=left]{transform:translateX(20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=right]{transform:translateX(-20px)}.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;-moz-appearance:button;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}
/* You can add global styles to this file, and also import other style files */
.theme-scout {
  --bg-1: 22 25 29;
  --bg-2: 29 32 36;
  --bg-3: 41 43 47;
  --bg-4: 57 59 63;
  --accent-primary: 232 173 63;
  --accent-green: 66 177 60;
  --accent-red: 255 99 78;
  --text-primary: 255 255 255;
  --text-secondary: 162 163 165;
  --text-tertiary: 115 117 119;
  --charting-0: 10 133 255;
  --charting-1: 90 199 250;
  --charting-2: 48 209 88;
  --charting-3: 255 55 95;
  --charting-4: 255 157 10;
  --indicators-0: 94 187 0;
  --indicators-1: 255 69 41;
  --indicators-2: 255 157 10;
  --indicators-3: 255 214 10;
  --indicators-4: 10 133 255;
  --indicators-5: 191 90 242;
  --indicators-6: 255 55 95;
  --indicators-7: 152 152 157;
  --home-1: 238 106 137;
  --home-2: 255 134 53;
  --home-3: 57 208 128;
  --home-4: 63 219 224;
  --home-5: 115 138 230;
  --home-6: 125 220 241;
}
/* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "Fidelity Sans", sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.btn {
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn-primary {
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-primary) / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--bg-1) / var(--tw-text-opacity));
}
.btn-primary:hover {
  --tw-bg-opacity: 0.9;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.-bottom-px {
  bottom: -1px;
}
.-left-16 {
  left: -4rem;
}
.-left-2 {
  left: -0.5rem;
}
.-top-10 {
  top: -2.5rem;
}
.-top-14 {
  top: -3.5rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-20 {
  top: -5rem;
}
.-top-px {
  top: -1px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-37 {
  bottom: 9.25rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-70 {
  bottom: 17.5rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/3 {
  left: 33.333333%;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-4\.5 {
  left: 1.125rem;
}
.left-6 {
  left: 1.5rem;
}
.left-8 {
  left: 2rem;
}
.left-9 {
  left: 2.25rem;
}
.right-0 {
  right: 0px;
}
.right-6 {
  right: 1.5rem;
}
.right-8 {
  right: 2rem;
}
.right-9 {
  right: 2.25rem;
}
.top-0 {
  top: 0px;
}
.top-16 {
  top: 4rem;
}
.top-20 {
  top: 5rem;
}
.top-23 {
  top: 5.75rem;
}
.top-3 {
  top: 0.75rem;
}
.top-37 {
  top: 9.25rem;
}
.top-4 {
  top: 1rem;
}
.top-6 {
  top: 1.5rem;
}
.top-8 {
  top: 2rem;
}
.top-9 {
  top: 2.25rem;
}
.-z-10 {
  z-index: -10;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-start-2 {
  grid-column-start: 2;
}
.m-0 {
  margin: 0px;
}
.m-16 {
  margin: 4rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-auto {
  margin: auto;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.my-\[32px\] {
  margin-top: 32px;
  margin-bottom: 32px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-5 {
  margin-left: -1.25rem;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-15 {
  margin-bottom: 3.75rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-18 {
  margin-bottom: 4.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-25 {
  margin-bottom: 6.25rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-12 {
  margin-left: 3rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-4\.5 {
  margin-left: 1.125rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-12 {
  margin-right: 3rem;
}
.mr-14 {
  margin-right: 3.5rem;
}
.mr-15 {
  margin-right: 3.75rem;
}
.mr-18 {
  margin-right: 4.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-9 {
  margin-right: 2.25rem;
}
.mr-auto {
  margin-right: auto;
}
.mr-px {
  margin-right: 1px;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-15 {
  margin-top: 3.75rem;
}
.mt-18 {
  margin-top: 4.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-4\.5 {
  margin-top: 1.125rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-7 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.\!h-full {
  height: 100% !important;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-100 {
  height: 25rem;
}
.h-102 {
  height: 25.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-110 {
  height: 27.5rem;
}
.h-117 {
  height: 29.25rem;
}
.h-118 {
  height: 29.5rem;
}
.h-119 {
  height: 30.625rem;
}
.h-12 {
  height: 3rem;
}
.h-120 {
  height: 32rem;
}
.h-13 {
  height: 3.25rem;
}
.h-14 {
  height: 3.5rem;
}
.h-15 {
  height: 3.75rem;
}
.h-150 {
  height: 37.5rem;
}
.h-155 {
  height: 38.75rem;
}
.h-156 {
  height: 39rem;
}
.h-170 {
  height: 42.5rem;
}
.h-18 {
  height: 4.5rem;
}
.h-180 {
  height: 45rem;
}
.h-2 {
  height: 0.5rem;
}
.h-20 {
  height: 5rem;
}
.h-21 {
  height: 5.25rem;
}
.h-22 {
  height: 5.5rem;
}
.h-27 {
  height: 6.75rem;
}
.h-3 {
  height: 0.75rem;
}
.h-30 {
  height: 7.5rem;
}
.h-32 {
  height: 8rem;
}
.h-35 {
  height: 8.75rem;
}
.h-4 {
  height: 1rem;
}
.h-4\.5 {
  height: 1.125rem;
}
.h-40 {
  height: 10rem;
}
.h-45 {
  height: 11.25rem;
}
.h-5 {
  height: 1.25rem;
}
.h-5\/6 {
  height: 83.333333%;
}
.h-6 {
  height: 1.5rem;
}
.h-61 {
  height: 15.25rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-70 {
  height: 17.5rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-92 {
  height: 23rem;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[1182px\] {
  height: 1182px;
}
.h-\[147px\] {
  height: 147px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[634px\] {
  height: 634px;
}
.h-\[full\] {
  height: full;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-min {
  height: -moz-min-content;
  height: min-content;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-134 {
  max-height: 33.5rem;
}
.max-h-\[220px\] {
  max-height: 220px;
}
.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.min-h-19 {
  min-height: 4.25rem;
}
.min-h-36 {
  min-height: 9rem;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-fit {
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.\!w-full {
  width: 100% !important;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-100 {
  width: 25rem;
}
.w-102 {
  width: 25.5rem;
}
.w-105 {
  width: 26.25rem;
}
.w-11 {
  width: 2.75rem;
}
.w-117 {
  width: 29.25rem;
}
.w-12 {
  width: 3rem;
}
.w-120 {
  width: 32rem;
}
.w-134 {
  width: 33.5rem;
}
.w-139 {
  width: 34.75rem;
}
.w-14 {
  width: 3.5rem;
}
.w-15 {
  width: 3.75rem;
}
.w-150 {
  width: 37.5rem;
}
.w-16 {
  width: 4rem;
}
.w-168 {
  width: 42rem;
}
.w-170 {
  width: 42.5rem;
}
.w-18 {
  width: 4.5rem;
}
.w-180 {
  width: 45rem;
}
.w-190 {
  width: 47.5rem;
}
.w-2 {
  width: 0.5rem;
}
.w-20 {
  width: 5rem;
}
.w-21 {
  width: 5.25rem;
}
.w-220 {
  width: 55rem;
}
.w-23 {
  width: 5.75rem;
}
.w-3\/4 {
  width: 75%;
}
.w-30 {
  width: 7.5rem;
}
.w-32 {
  width: 8rem;
}
.w-35 {
  width: 8.75rem;
}
.w-36 {
  width: 9rem;
}
.w-37 {
  width: 9.25rem;
}
.w-4 {
  width: 1rem;
}
.w-4\.5 {
  width: 1.125rem;
}
.w-40 {
  width: 10rem;
}
.w-42 {
  width: 10.5rem;
}
.w-45 {
  width: 11.25rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-50 {
  width: 12.50rem;
}
.w-54 {
  width: 13.5rem;
}
.w-55 {
  width: 13.75rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-62 {
  width: 15.5rem;
}
.w-64 {
  width: 16rem;
}
.w-65 {
  width: 16.25rem;
}
.w-68 {
  width: 17rem;
}
.w-7 {
  width: 1.75rem;
}
.w-70 {
  width: 17.5rem;
}
.w-73 {
  width: 18.25rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-90 {
  width: 22.5rem;
}
.w-93 {
  width: 23.25rem;
}
.w-\[1032px\] {
  width: 1032px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[410px\] {
  width: 410px;
}
.w-\[432px\] {
  width: 432px;
}
.w-\[560px\] {
  width: 560px;
}
.w-\[900px\] {
  width: 900px;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-min {
  width: -moz-min-content;
  width: min-content;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-50 {
  min-width: 12.50rem;
}
.min-w-55 {
  min-width: 13.75rem;
}
.min-w-\[560px\] {
  min-width: 560px;
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.origin-bottom-right {
  transform-origin: bottom right;
}
.origin-center {
  transform-origin: center;
}
.origin-top {
  transform-origin: top;
}
.origin-top-left {
  transform-origin: top left;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-35 {
  --tw-scale-x: .35;
  --tw-scale-y: .35;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-25 {
  --tw-scale-y: .25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-11 {
  gap: 2.75rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-15 {
  gap: 3.75rem;
}
.gap-18 {
  gap: 4.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-22 {
  gap: 5.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-15 {
  -moz-column-gap: 3.75rem;
       column-gap: 3.75rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-x-9 {
  -moz-column-gap: 2.25rem;
       column-gap: 2.25rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-20 {
  row-gap: 5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-11 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
}
.space-y-22 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5.5rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-bg-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(var(--bg-1) / var(--tw-divide-opacity));
}
.divide-bg-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(var(--bg-3) / var(--tw-divide-opacity));
}
.divide-dark-primary\/15 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(var(--text-primary) / 0.15);
}
.overflow-auto {
  overflow: auto;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.25rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-l-3xl {
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-3xl {
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-6 {
  border-width: 6px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.\!border-none {
  border-style: none !important;
}
.border-none {
  border-style: none;
}
.border-accent-green {
  --tw-border-opacity: 1;
  border-color: rgb(var(--accent-green) / var(--tw-border-opacity));
}
.border-accent-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--accent-primary) / var(--tw-border-opacity));
}
.border-accent-red {
  --tw-border-opacity: 1;
  border-color: rgb(var(--accent-red) / var(--tw-border-opacity));
}
.border-bg-1 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--bg-1) / var(--tw-border-opacity));
}
.border-bg-3 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--bg-3) / var(--tw-border-opacity));
}
.border-bg-4 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--bg-4) / var(--tw-border-opacity));
}
.border-dark-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
}
.border-dark-primary\/15 {
  border-color: rgb(var(--text-primary) / 0.15);
}
.border-dark-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--text-secondary) / var(--tw-border-opacity));
}
.border-dark-secondary\/15 {
  border-color: rgb(var(--text-secondary) / 0.15);
}
.border-dark-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--text-tertiary) / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-opacity-10 {
  --tw-border-opacity: 0.1;
}
.border-opacity-15 {
  --tw-border-opacity: 0.15;
}
.border-opacity-50 {
  --tw-border-opacity: 0.5;
}
.border-opacity-90 {
  --tw-border-opacity: 0.9;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.bg-accent-green {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-green) / var(--tw-bg-opacity));
}
.bg-accent-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
}
.bg-accent-primary\/90 {
  background-color: rgb(var(--accent-primary) / 0.9);
}
.bg-accent-red {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-red) / var(--tw-bg-opacity));
}
.bg-accent-red\/20 {
  background-color: rgb(var(--accent-red) / 0.2);
}
.bg-bg-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-1) / var(--tw-bg-opacity));
}
.bg-bg-1\/80 {
  background-color: rgb(var(--bg-1) / 0.8);
}
.bg-bg-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
}
.bg-bg-2\/40 {
  background-color: rgb(var(--bg-2) / 0.40);
}
.bg-bg-2\/80 {
  background-color: rgb(var(--bg-2) / 0.8);
}
.bg-bg-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}
.bg-bg-3\/60 {
  background-color: rgb(var(--bg-3) / 0.6);
}
.bg-bg-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
}
.bg-dark-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-primary) / var(--tw-bg-opacity));
}
.bg-dark-primary\/15 {
  background-color: rgb(var(--text-primary) / 0.15);
}
.bg-dark-primary\/3 {
  background-color: rgb(var(--text-primary) / 0.03);
}
.bg-dark-primary\/6 {
  background-color: rgb(var(--text-primary) / 0.06);
}
.bg-dark-primary\/75 {
  background-color: rgb(var(--text-primary) / 0.75);
}
.bg-dark-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-secondary) / var(--tw-bg-opacity));
}
.bg-dark-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-tertiary) / var(--tw-bg-opacity));
}
.bg-home-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--home-1) / var(--tw-bg-opacity));
}
.bg-home-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--home-2) / var(--tw-bg-opacity));
}
.bg-home-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--home-3) / var(--tw-bg-opacity));
}
.bg-home-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--home-4) / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-opacity-0 {
  --tw-bg-opacity: 0;
}
.bg-opacity-100 {
  --tw-bg-opacity: 1;
}
.bg-opacity-40 {
  --tw-bg-opacity: 0.40;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.bg-cover {
  background-size: cover;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentColor;
}
.stroke-current {
  stroke: currentColor;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-12 {
  padding: 3rem;
}
.p-13 {
  padding: 3.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-20 {
  padding: 5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-30 {
  padding: 7.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-9 {
  padding: 2.25rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-25 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-30 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-4\.5 {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-15 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-18 {
  padding-bottom: 4.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-22 {
  padding-bottom: 5.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-4\.5 {
  padding-right: 1.125rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-25 {
  padding-top: 6.25rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-3\.5 {
  padding-top: 0.875rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.font-home {
  font-family: "GT Walsheim", sans-serif;
}
.font-sans {
  font-family: "Fidelity Sans", sans-serif;
}
.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2sm {
  font-size: 0.8125rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-4xl {
  font-size: 2rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-4\.5 {
  line-height: 1.125rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-none {
  line-height: 1;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.\!text-dark-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--text-primary) / var(--tw-text-opacity)) !important;
}
.text-accent-green {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-green) / var(--tw-text-opacity));
}
.text-accent-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-primary) / var(--tw-text-opacity));
}
.text-accent-red {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-red) / var(--tw-text-opacity));
}
.text-bg-1 {
  --tw-text-opacity: 1;
  color: rgb(var(--bg-1) / var(--tw-text-opacity));
}
.text-bg-2 {
  --tw-text-opacity: 1;
  color: rgb(var(--bg-2) / var(--tw-text-opacity));
}
.text-bg-4 {
  --tw-text-opacity: 1;
  color: rgb(var(--bg-4) / var(--tw-text-opacity));
}
.text-dark-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}
.text-dark-primary\/25 {
  color: rgb(var(--text-primary) / 0.25);
}
.text-dark-primary\/35 {
  color: rgb(var(--text-primary) / 0.35);
}
.text-dark-primary\/50 {
  color: rgb(var(--text-primary) / 0.5);
}
.text-dark-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-text-opacity));
}
.text-dark-tertiary {
  --tw-text-opacity: 1;
  color: rgb(var(--text-tertiary) / var(--tw-text-opacity));
}
.text-opacity-100 {
  --tw-text-opacity: 1;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-75 {
  opacity: 0.75;
}
.mix-blend-lighten {
  mix-blend-mode: lighten;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.placeholder\:text-dark-primary::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}
.placeholder\:text-dark-primary::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}
.last\:mr-0:last-child {
  margin-right: 0px;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:pr-0:last-child {
  padding-right: 0px;
}
.empty\:invisible:empty {
  visibility: hidden;
}
.focus-within\:border-dark-primary:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
}
.focus-within\:bg-bg-3:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}
.focus-within\:bg-dark-primary\/8:focus-within {
  background-color: rgb(var(--text-primary) / 0.08);
}
.focus-within\:text-dark-primary:focus-within {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}
.focus-within\:ring:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:h-8:hover {
  height: 2rem;
}
.hover\:rounded-full:hover {
  border-radius: 9999px;
}
.hover\:border-dark-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
}
.hover\:border-dark-primary\/15:hover {
  border-color: rgb(var(--text-primary) / 0.15);
}
.hover\:border-opacity-90:hover {
  --tw-border-opacity: 0.9;
}
.hover\:bg-accent-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
}
.hover\:bg-accent-primary\/20:hover {
  background-color: rgb(var(--accent-primary) / 0.2);
}
.hover\:bg-accent-red\/20:hover {
  background-color: rgb(var(--accent-red) / 0.2);
}
.hover\:bg-bg-1\/20:hover {
  background-color: rgb(var(--bg-1) / 0.2);
}
.hover\:bg-bg-2:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
}
.hover\:bg-bg-3:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}
.hover\:bg-bg-4:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
}
.hover\:bg-dark-primary\/10:hover {
  background-color: rgb(var(--text-primary) / 0.1);
}
.hover\:bg-dark-primary\/15:hover {
  background-color: rgb(var(--text-primary) / 0.15);
}
.hover\:bg-dark-primary\/20:hover {
  background-color: rgb(var(--text-primary) / 0.2);
}
.hover\:bg-dark-primary\/8:hover {
  background-color: rgb(var(--text-primary) / 0.08);
}
.hover\:bg-dark-secondary\/15:hover {
  background-color: rgb(var(--text-secondary) / 0.15);
}
.hover\:bg-opacity-10:hover {
  --tw-bg-opacity: 0.1;
}
.hover\:bg-opacity-50:hover {
  --tw-bg-opacity: 0.5;
}
.hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9;
}
.hover\:text-accent-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-primary) / var(--tw-text-opacity));
}
.hover\:text-bg-1:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--bg-1) / var(--tw-text-opacity));
}
.hover\:text-bg-2:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--bg-2) / var(--tw-text-opacity));
}
.hover\:text-dark-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.focus\:border-opacity-90:focus {
  --tw-border-opacity: 0.9;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:border-dark-primary\/40:disabled {
  border-color: rgb(var(--text-primary) / 0.40);
}
.disabled\:bg-accent-primary\/25:disabled {
  background-color: rgb(var(--accent-primary) / 0.25);
}
.disabled\:bg-transparent:disabled {
  background-color: transparent;
}
.disabled\:text-dark-primary\/15:disabled {
  color: rgb(var(--text-primary) / 0.15);
}
.disabled\:text-dark-primary\/40:disabled {
  color: rgb(var(--text-primary) / 0.40);
}
.disabled\:opacity-40:disabled {
  opacity: 0.40;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:hover\:bg-transparent:hover:disabled {
  background-color: transparent;
}
.group:focus-within .group-focus-within\:text-dark-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}
.group:hover .group-hover\:bg-bg-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
}
.group:hover .group-hover\:text-accent-red {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-red) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-dark-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:focus .group-focus\:border-dark-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
}
.group:focus .group-focus\:opacity-100 {
  opacity: 1;
}
.data-\[closed\]\:opacity-0[data-closed] {
  opacity: 0;
}
/* stylelint-disable-next-line no-invalid-position-at-import-rule */
.lds-spinner {
  color: inherit;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #000;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loader {
  animation: spinner 1.5s linear infinite;
  border-top-color: transparent;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animate-in {
  animation: in 1s 1;
}
.animate-in-fast {
  animation: in 0.25s 1;
}
@keyframes in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body,
html,
#root {
  margin: 0;
  height: 100%;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
#portal-root {
  z-index: 9998;
  position: absolute;
}
input:hover {
  background-color: transparent;
}
/* Utility Classes */
.shadow-xl {
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4) !important;
}
.grid-fr-auto {
  grid-template-columns: 1fr auto;
}
.grid-auto-fr {
  grid-template-columns: auto 1fr;
}
.grid-row-fr-auto {
  grid-template-rows: 1fr auto;
}
.grid-row-auto-fr {
  grid-template-rows: auto 1fr;
}
.grid-col-fr-min {
  grid-template-columns: 1fr min-content;
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.min-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.min-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.h-min {
  height: -moz-min-content;
  height: min-content;
}
.w-min {
  width: -moz-min-content;
  width: min-content;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.-z-10 {
  z-index: -1;
}
.min-h-128 {
  min-height: 32rem;
}
.min-h-19 {
  min-height: 4.75rem;
}
.min-h-100 {
  min-height: 25rem;
}
.max-h-2-3 {
  max-height: 66.66%;
}
.max-w-70 {
  max-width: 17.5rem;
}
.special-grid {
  grid-template-columns: minmax(50%, max-content) minmax(min-content, auto);
}
.subgrid-col {
  grid-template-columns: subgrid;
}
.subgrid-row {
  grid-template-rows: subgrid;
}
.text-20 {
  font-size: 5rem;
}
/*
 * Events Table Hover
*/
tr.bordered-table:hover > .table-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}
tr.bordered-table:not(:last-child) > td:not(.n) {
  border-bottom-width: 1px;
  border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
  --tw-border-opacity: 0.15;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #747773 #292b2f;
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 16px;
}
*::-webkit-scrollbar-track {
  background: #292b2f;
}
*::-webkit-scrollbar-thumb {
  background-color: #737577;
  border-radius: 10px;
  border: 3px solid #fff;
}
.linear-gradient-shadow::before {
  content: "";
  background: linear-gradient(270deg, #16191d 0%, rgba(18, 20, 22, 0) 100%);
  position: absolute;
  width: 92px;
  height: 100%;
  pointer-events: none;
}
.linear-gradient-shadow-left::before {
  left: -92px;
}
.linear-gradient-shadow-right::before {
  right: 0;
  z-index: 1;
}
.login-bg {
  background-image: url("../img/login-bg-1.svg");
}
.h-148-plus-2px {
  height: calc(37rem + 2px);
}
.home-gradient {
  background-image: url("../img/home/bg.svg");
  background-position: center top;
}
.home-numbers {
  font-size: 10rem;
  line-height: 10rem;
}
.dashboard-no-strategy {
  background-image: url("../img/dashboard/no-strategy-empty-state.svg");
  background-position: center top;
  background-repeat: no-repeat;
}
.dashboard-welcome {
  background-image: url("../img/dashboard/welcome-bg.svg");
  background-position: center top;
  background-repeat: no-repeat;
}
.plus path {
  transition: all 300ms;
  transform: rotate(1deg);
  transform-origin: 50% 50%;
}
.plus.minus .vertical-line {
  transform: rotate(90deg);
}.scout-chart g g g:first-child text[dominant-baseline='text-before-edge'] {
	opacity: 0;
}

.grid-auto-cols {
	grid-auto-columns: auto;
}

.swal-icon {
	width: 80px;
	height: 80px;
	border-width: 4px;
	border-style: solid;
	border-radius: 50%;
	padding: 0;
	position: relative;
	box-sizing: content-box;
	margin: 32px auto;
	transform: scale(1.0909);
}

.swal-icon:first-child {
	margin-top: 32px;
}

.swal-icon--success {
	border-color: currentColor;
}

.swal-icon--success::after,
.swal-icon--success::before {
	content: '';
	border-radius: 50%;
	position: absolute;
	width: 60px;
	height: 120px;
	transform: rotate(45deg);
	background-color: currentColor;
}

.swal-icon--success::before {
	border-radius: 120px 0 0 120px;
	top: -7px;
	left: -33px;
	transform: rotate(-45deg);
	transform-origin: 60px 60px;
}

.swal-icon--success::after {
	border-radius: 0 120px 120px 0;
	top: -11px;
	left: 30px;
	transform: rotate(-45deg);
	transform-origin: 0 60px;
	animation: rotate-placeholder 5s ease-in;
}

.swal-icon--success__ring {
	width: 80px;
	height: 80px;
	border: 4px solid;
	border-color: rgb(var(--accent-primary) / var(--tw-border-opacity));
	--tw-border-opacity: 0.2;

	border-radius: 50%;
	box-sizing: content-box;
	position: absolute;
	left: -4px;
	top: -4px;
	z-index: 2;
}

.swal-icon--success__hide-corners {
	width: 5px;
	height: 90px;
	padding: 1px;
	position: absolute;
	left: 28px;
	top: 8px;
	z-index: 1;
	transform: rotate(-45deg);
}

.swal-icon--success__line {
	height: 5px;
	--tw-bg-opacity: 1;
	background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
	--tw-text-opacity: 1;

	display: block;
	border-radius: 2px;
	position: absolute;
	z-index: 2;
}

.swal-icon--success__line--long {
	width: 47px;
	right: 8px;
	top: 38px;
	transform: rotate(-45deg);
	animation: animate-success-long 1s;
}

.swal-icon--success__line--tip {
	width: 25px;
	left: 14px;
	top: 46px;
	transform: rotate(45deg);
	animation: animate-success-tip 1s;
}

@keyframes animate-success-long {

	0% {
		width: 0;
		right: 46px;
		top: 54px;
	}

	65% {
		width: 0;
		right: 46px;
		top: 54px;
	}

	84% {
		width: 55px;
		right: 0;
		top: 35px;
	}

	100% {
		width: 47px;
		right: 8px;
		top: 38px;
	}
}

@keyframes animate-success-tip {

	0% {
		width: 0;
		left: 1px;
		top: 19px;
	}

	54% {
		width: 0;
		left: 1px;
		top: 19px;
	}

	70% {
		width: 50px;
		left: -8px;
		top: 37px;
	}

	84% {
		width: 17px;
		left: 21px;
		top: 48px;
	}

	100% {
		width: 25px;
		left: 14px;
		top: 45px;
	}
}

@keyframes rotate-placeholder {

	0% {
		transform: rotate(-45deg);
	}

	5% {
		transform: rotate(-45deg);
	}

	12% {
		transform: rotate(-405deg);
	}

	100% {
		transform: rotate(-405deg);
	}
}

.stx-yaxis-menu {
	display: none !important;
}
.ag-theme-alpine-dark .ag-cell {

	justify-content: center;

	font-size: 0.875rem;

	line-height: 1.25rem;

	display: flex;
	align-content: center;
	flex-direction: column;
}

.ag-theme-alpine-dark .ag-cell:not(.ag-cell-last-left-pinned) {

	--tw-text-opacity: 1;

	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ag-header-cell {

	padding-bottom: 0px;

	font-size: 0.75rem;

	line-height: 1rem;

	font-weight: 700;
}

.ag-row .ag-cell:first-child {

	--tw-text-opacity: 1;

	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ag-grid-right .ag-react-container {

	margin-left: auto;
}

.ag-header-cell-text {

	text-transform: uppercase;
}

.ag-header-row .ag-header-cell:last-child {

	padding-right: 2.25rem;
}

.ag-row .ag-cell:last-child {

	padding-right: 2.25rem;
}

.ag-row-last {
	border-bottom: none !important;
}

.ag-right-aligned-header .ui-ag-header,
.ag-grid-right .ui-ag-header {

	margin-left: auto;

	text-align: right;
}
body {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}

.ag-icon::before {
  content: "";
  font-family: inherit;
}

.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}

.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}

.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}

.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}

.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}

.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}

.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container {
  min-height: 1px;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}

.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}

.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}

.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}

.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}

.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}

.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}

.ag-ltr .ag-header-cell-resize {
  right: -3px;
}

.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}

.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}

.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}

.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}

.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}

.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}

.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}

.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}

.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}

.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}

.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}

.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}

.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}

.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}

.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}

.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}

.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}

.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}

.ag-rich-select-field-input .ag-input-field-input::-moz-placeholder {
  opacity: 0.8;
}

.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}

.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}

.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}

.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}

.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}

.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}

.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}

.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}

.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}

.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}

.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}

.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}

.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}

.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}

.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}

.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}

.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}

input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}

.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}

.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}

.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}

.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}

.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}

.ag-recent-color:first-child {
  margin-left: 0;
}

.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-color-input .ag-color-input-color {
  position: absolute;
}

.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}

.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}

.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}

.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}

.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}

.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}

.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}

.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}

.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}

.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}

.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}

.ag-pill-select .ag-column-drop-list {
  padding: 0;
}

.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}

.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}

.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: 0px;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}

.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}

.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}

.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}

.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}

.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}

.ag-ltr .ag-cell {
  border-right-width: 1px;
}

.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}

.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}

.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}

.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}

.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}

.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}

.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}

.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}

.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}

.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}

button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}

.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}

.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}

.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}

.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}

.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}

.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}

.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}

.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}

.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}

.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}

.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}

.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}

.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}

.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}

.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}

.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}

.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}

.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}

.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}

.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}

.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}

.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}

.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}

.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}

.ag-ltr .ag-chart-menu {
  right: 20px;
}

.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}

.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}

.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}

.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}

.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}

.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}

.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}

.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}

.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
}

.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}

.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}

.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}

.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}

.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}

.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}

.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}

.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}

.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}

.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}

.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}

.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-charts-theme-default {
  --ag-charts-align: none !important;
  --ag-charts-justify: none !important;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
  box-shadow: none;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button,
.ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}

.ag-ltr .ag-advanced-filter-apply-button,
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-advanced-filter-apply-button,
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}

.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}

.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}

.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}

.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}

.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}

.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}

.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}

.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}

.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}

.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}

.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}

.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}

.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}

.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}

.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}

.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}

input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}

input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}

input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}

input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}

input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}

input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}

input[class^=ag-][type=range]:focus {
  outline: none;
}

input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}

input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}

input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}

input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

.ag-theme-alpine,
.ag-theme-alpine-dark,
.ag-theme-alpine-auto-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-panel-background-color: var(--ag-header-background-color);
  --ag-menu-background-color: var(--ag-header-background-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
      "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-alpine-auto-dark {
    --ag-background-color: #181d1f;
    --ag-foreground-color: #fff;
    --ag-border-color: #68686e;
    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
    --ag-header-background-color: #222628;
    --ag-tooltip-background-color: #222628;
    --ag-odd-row-background-color: #222628;
    --ag-control-panel-background-color: #222628;
    --ag-subheader-background-color: #000;
    --ag-input-disabled-background-color: #282c2f;
    --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
    --ag-chip-background-color: rgba(255, 255, 255, 0.07);
    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-alpine .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar,
.ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-auto-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-header-row,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,
.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}

.ag-theme-alpine .ag-row,
.ag-theme-alpine-dark .ag-row,
.ag-theme-alpine-auto-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}

.ag-theme-alpine input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-],
.ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-],
.ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}

.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-tab,
.ag-theme-alpine-dark .ag-tab,
.ag-theme-alpine-auto-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}

.ag-theme-alpine .ag-tab-selected,
.ag-theme-alpine-dark .ag-tab-selected,
.ag-theme-alpine-auto-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-menu,
.ag-theme-alpine-dark .ag-menu,
.ag-theme-alpine-auto-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}

.ag-theme-alpine .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
}

.ag-theme-alpine .ag-menu-header,
.ag-theme-alpine-dark .ag-menu-header,
.ag-theme-alpine-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}

.ag-theme-alpine .ag-tabs-header,
.ag-theme-alpine-dark .ag-tabs-header,
.ag-theme-alpine-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-theme-alpine .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}

.ag-theme-alpine .ag-chart-mini-thumbnail,
.ag-theme-alpine-dark .ag-chart-mini-thumbnail,
.ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}

.ag-theme-alpine .ag-chart-settings-nav-bar,
.ag-theme-alpine-dark .ag-chart-settings-nav-bar,
.ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}

.ag-theme-alpine .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}

.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}

.ag-theme-alpine.ag-dnd-ghost,
.ag-theme-alpine-dark.ag-dnd-ghost,
.ag-theme-alpine-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}

.ag-theme-alpine .ag-side-buttons,
.ag-theme-alpine-dark .ag-side-buttons,
.ag-theme-alpine-auto-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}

.ag-theme-alpine .ag-standard-button,
.ag-theme-alpine-dark .ag-standard-button,
.ag-theme-alpine-auto-dark .ag-standard-button {
  font-family: inherit;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-standard-button:hover,
.ag-theme-alpine-dark .ag-standard-button:hover,
.ag-theme-alpine-auto-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}

.ag-theme-alpine .ag-standard-button:active,
.ag-theme-alpine-dark .ag-standard-button:active,
.ag-theme-alpine-auto-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}

.ag-theme-alpine .ag-standard-button:disabled,
.ag-theme-alpine-dark .ag-standard-button:disabled,
.ag-theme-alpine-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

.ag-theme-alpine .ag-column-drop-vertical,
.ag-theme-alpine-dark .ag-column-drop-vertical,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}

.ag-theme-alpine .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-dark .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}

.ag-theme-alpine .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-dark .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-column-drop-empty-message,
.ag-theme-alpine-dark .ag-column-drop-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}

.ag-theme-alpine .ag-pill-select .ag-column-drop,
.ag-theme-alpine-dark .ag-pill-select .ag-column-drop,
.ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}

.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-status-bar {
  font-weight: normal;
}

.ag-theme-alpine .ag-status-name-value-value,
.ag-theme-alpine-dark .ag-status-name-value-value,
.ag-theme-alpine-auto-dark .ag-status-name-value-value {
  font-weight: 700;
}

.ag-theme-alpine .ag-paging-number,
.ag-theme-alpine .ag-paging-row-summary-panel-number,
.ag-theme-alpine-dark .ag-paging-number,
.ag-theme-alpine-dark .ag-paging-row-summary-panel-number,
.ag-theme-alpine-auto-dark .ag-paging-number,
.ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}

.ag-theme-alpine .ag-column-drop-cell-button,
.ag-theme-alpine-dark .ag-column-drop-cell-button,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}

.ag-theme-alpine .ag-column-drop-cell-button:hover,
.ag-theme-alpine-dark .ag-column-drop-cell-button:hover,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}

.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}

.ag-theme-alpine .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-header-cell-filter-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover,
.ag-theme-alpine-auto-dark .ag-tab:hover,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {
  color: inherit;
}

.ag-theme-alpine .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-dark .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}

.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-set-filter-list,
.ag-theme-alpine-dark .ag-set-filter-list,
.ag-theme-alpine-auto-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}

.ag-theme-alpine .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-advanced-filter-builder-button,
.ag-theme-alpine-dark .ag-advanced-filter-builder-button,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}

.ag-theme-alpine .ag-list-item-hovered::after,
.ag-theme-alpine-dark .ag-list-item-hovered::after,
.ag-theme-alpine-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-dark .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-header-highlight-before::after,
.ag-theme-alpine .ag-header-highlight-after::after,
.ag-theme-alpine-dark .ag-header-highlight-before::after,
.ag-theme-alpine-dark .ag-header-highlight-after::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-before::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-alpine-active-color);
}

@font-face {
  font-family: "agGridAlpine";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABMUAAsAAAAAKMwAABLCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KqmyjKwE2AiQDgkALgSIABCAFhEYHhUEbnyMzg/aatGqziOpJNvu/JGhLhnjjdVVKiQVRRpQIMYb+arBrcnXzpDWxiZ/03+6d7uYA0kgNGvfxjeHHsZxySFI0efhYa+/v7iGeriQ0iXmiiXjIROjWyEwnREJiiNL8r7ned9lNjoj/UviIZqqAwagvZXWN7vQH2uY/PCuxGixE3Zco9c7GTcI4jGiM5Ixl6zZYJOu4deqq/4JF6qJ74B9A4MjcdjWnBf6vzeoX1p0qiEwH0j3ielqTJCVtAmTUucAVrqMqJHm7J9HDZROQwmB/an6zL7XMHhb7kozZWv+/7xgEJkGCJ4SvEGy5v2EaHaSESvAJKgL+b+1f7X9BlMATAqHj4/Ts7Pz/9965+zA0mU+02dBmQ5sfphJYIEX8Xjanfa8cAFStrQKWdRW+vpqEqbN1cToVOJ6CtsfmMoLfUD/X9o81JEiwSx5ix9/Y/D1YFRZgNHb89HY+AigxopP6BiQ4BLYXmusgA7t/bICvlWN7o7wQXGc5eKRfcJ1eti2g4qav/kYgjmNd0tLkOJ2Z/s9UagziUjLg4EUfjozhKEJQaXQSBRvG1xhMyJishB+RIifj9w6SMEZ1KBbXsdcUQmxLtN9Y2RPEjbehOT882Zbg6JXTtclU1IKAeRSMqKLcjrgNk40wT889wmXtgNBtcVthsjULZ4tB2WK6N7J190VFqlzEbaj5YYFjdj8VOa0t8WaELTaNWbZ2zJ36dM0BpxvCVJZlmP07Ku01wgZhT+xoxJdg3JpQhms8MU4R0KC64anv+rx2E9QmUFl/ortRSm2LPVbXu/6mNu5MGHAN4b2DK64KlaiuEGXqwIjTcKY+GVvvXXv07MWrT/8ARxGnhMUgqnrxK5p1WI/vEslM7FNW4qVzW4pQxmZGfTcfLa5FzMYh1DDHeHmEBYawVuhveThz4/Z2dCZM6QPZepCtu0Awgr9fxzGZfEA7NUeBnvZPglAHxmEeGS0TuaKyQz0dlSU+5CaqdHjGJPZMGbqSalOhn8ZkfcgmGZmvf+NtZ3kuxJoanXfBFT1apf/pNpfg7r5/jDDbG8TMmArFxZdY2RunTLjo7A1bhEgOKxy/44qp4TPcaX8TBaqr5I03XL2wOnWsmcJR+qYaVC4sUcTEa3fttqtEtmJTFzkEkKOHEg0IW2xbu847njOcPMS1HEguk4O4evv+401DJCAhp+5PaGo1rgT+qPli3jGfRZOPcxsxeZA4fApUAxlI8uONUTX04VdDPKlrg/1DGRcJ1vfKR7+/mgs1Hnnj81f8qLjXwfcQzmm4Aq0wK9YeoM575jiqJZvSu0mGAXtHYlg7unCQIJhMGY7Vxc3Dy8cvICgkLCIabTAhKSXtT4BZOXkFRSVlFVU1dQ1NLW0dXT19A0MlI2MTSMjUzNwViAL3M3lQqcZ+K0F0pgsVlj2jUW27//+7xP6ErY9y4JcBemZdmAFqntggsMAagUXWDyyxbmCZDQErrAVYZRPAGmsC1lkvsMHagC3WB2yzHmCHDQO7rAPYY+3APhsFDlkzcMS6gGPWCpywEeCUjQNnrBM4ZwPABRsDLkdPgi8AvREIIQhCMIQQCKEQwiCEQ4iAEAkhCkI0hBgIsRDiIMRDSICQCCEJQjKEFAipENIgpEPIgJAJIQtCNoQcCLkQ8iDkQyiAUAihCEIxhBIIpRDKIJRDqIBQCaEKQjWEGgi1EOog1LM3nQboL40QmiA0m0QKvha7bbRCebRBaIfQAWjE1KT6Mbe4oaAEFD15V8c1Npu8CiuJ+AgmZ+ibQWlcWmSAxALcWmEZSyAXGzLeJkSCSHP7vut0TVNSh01dwfysllW0nFagpJbIKHpGxmNm9hthJGqxHh2r9a1LpXoZteJbRCtpSsJSTEsukVAcjaubhmElaof2qUe+BlVN1Giq1mAaAZwEyNjKPVCn9M/ombCZRJqctqcDmwMD6YIbHZTN5WLZAkbni25GeSMT81p3zBduRVryQiIyK7q2F9KY/XxW7heJar+AV/4A237mtCB4kYk89YiCOQFcIhL20uGLC5C//SXJRK8vo5pgx6uNrmAl9nqbrUmU8rR0zekKrHF/ZrbTLBjbkj1RfwZ8jD6jIGTXaC+ppjqxRFrkNJGP9hy7FDGeHl4FhagGY/X+NWKIFlCDQdymq8aSUjqFqWvzkiu8bbxidd5BC5FI3fF2jDbWGGyHuZOQtm5/x4kTONSe2rVrHwpWnb9Nov1nwZZwm7XrFA63gb0no9N9tm+PtjL/zA0c+m27WJbiO3duJdFGFKiPWcdOnQvOn15mzcmdkfJv2xWeAFu3msOOmlv/ywgmtudQ7OBWH57bsiXY22Zxy0oiunOJu23/6avmojw/8UbZj+OwUkFBDKcnL4LlKINqlUTcrvDGGf/szej2+eDcraXhh5YpEnwqsZbt+05dyXoFKq+nwn92ShXNCF6yaHCcROsbmMjVyCpwAIykbGupvSPhMYsX7aOP4HADCurdUp6yJYUFrFqsL8zM7IV47ry5hRjHlQq3cper7EY8sVz1JEovtIkocwPG87er0DaWVUVFTeGaqMp0HFOhdHeVMhkVV0tzq8tXBfsy//f1KNCUo9RSBsUQa7goUOYSCQuMCJP3Zbl1eg901ANJ1JRAwAFWOYEiMGh9B6P5mSBGbmFdFGynyI2W4PF7ElIWwub1lx8hNmUO1YOBRJcelh+8wWAXdQFOYZnMheiyn3mxR0fGUhmEAcuc0OnNoWUCwy9APEPC6JLB3qh3kZxqcakMAz8X5/svbeB0nmCM8gVMTMCsHehWTxx6nn2v4oSV+aW7ZfBDrePhfZfDN33xNOiUOjI9Wu+fCE8FpxclVQIGIiWe206+Due/uv6F2Dfh9JzjOWfkmZE3plNza8PBsWdmDuV0/pIj2R1mA3029clIJ3d6wO7BvYW5lWx1PN6He1fL5X6/NO6J46m/dV+rVPr/2rK/Wp3xZ1dSKYvrnwdUl/rm3o/ThqFSdj1Ba/Tqqdhcb67xvOzTGc/HnB6w3B9EEI8HEiTC8ENfShDpAdJ/36fp3UfwVDATzzCQDf0hai8P8iAP1iG7MWwHe49R29iVpyW9Jvtm//FoVsNrHYxLzl1zj65MQXIJUXDHTCplOz0lt6XklEpsrSs6PLMb6BSjDSNiDdgbT82/rqLjG1PMyGr2IobBMyLY+X4EAyY1FNd7H4onDuKwRiWMHcCARyf3nsBnvo5KE1xM9KRgXZq0hw+FgIGlhoMR4oeQzvBT8Dn66H9YSWzWsLV9s7jHRfgE/EbI/8Ej2I93AzqCDlA9AK8XIc7u5PFcBFOLkAMDS9PTM9JhLmbk04cZURi0w2qd7hf+66VugwSKgGdMv7JAkMfj5QkKnobP8+fxCgRPHXzPW9Q/37AIkv38NMC12IJgEeQP4ifR2kq0EcCfpzP1CB70OLWDwR7ww/Gmm9rbS6VnTq9ZI5UFe9OZQQ1B3ukO03qi/5bXB+aH18eWL1cXFenpRYSf8ZmdOX1ma8SmTTNeK5xpEAc0Z/zNDGBd/alkK3erypElW5WytjZwbAoWVH/+gx9HCEzk8AgdaGJcPKJKuUADupgGNFpHE9PBedUXxBdgmJuRGR2dKetggTA4nAwcEfAGX5aXttT3xW6n+Jf7h/qX+fPke2vc5J1XXf9vbZ9CuW4cEGl9l1K//Kb5TPdBO+vy0J/LYu1pJ1sQW8cwP6rJUouO8Ga2leNOlteBUq/0dOduyyXbLJ2d7B3cLc+PUM1mWHZWNLwxt0mjWi53/MJbCSF2Tx2oKv02+2UWlSLZEw+qhUnWumgHh9WnqYvDZgQeYJBOgWDfYdYqMTVw4gw51S2w2pfrxLoUYmy6jKqEzebc7sO8W6mXh6IiGWxFKEtRln4KVtmHhyrYaGRhe26Tf7YX2+mU4QwUoWw/9+WJLucWczXnuPs13MX7EYp/m7xNhgMG5WFjfnJSewnFh4FjMzKGtkvD3L7BMxntY6pm1IxxwKxsaN/CMrHMpdfwk8ZWo8xtJNKa1PbD86kznOycuOndaR3cSQbGVl5WVGgg+ZUTvO++r47jqoukWKwIyE/TxDR1uskZgbyYnOOXyNIcVnUaaGKbOlzlImGitKTA+GJMSqhzZEFRLy8hOYG+fimXmcBgxDO5pkb5bexUo6AYZ4vFUhE9yymyUKBtBiBO4uEPv+XJmZWmgiLnyPjrip65yps6NTGb8zyI4WYOucqFEzWBqfHwSSm4Bt6OItctPkBmdBu2NRm9W6u/W3znLnzlHDls3FCbwPlhfASHOb0+gZIqjMAOqPgDsVDnDCKsDIooUQHKJzEWptpNYETVo8QPFQtuacUEmOqHGXb71sLHHTli235ZDtXjl063vvdgfVcWhZXDdJcddK1cK8zn8/MawweElsPRd7jQ1zNkuKx1za4W4gLD9MxX5gEXCUcy2ffr1zJhoDJdWWY4R8LZmZjNabLmXvN8MuyroYrDbrStLeMBhRIVRaE8MBqy/fTKvF/oPrCuCZWoklBi8rNRJaC78aN5225GCoBjavCGP+/x1wv48Mz9Y3fy5FzmBH27rG6nemh5dpCEmZjIlARlC8vpKwYHXejlEltICf1KQei46i3X/yT9ObmVBjSNTAk0EG8ziT6JBl9+zrsEDU4sJ3BIIubMMXYRyaadUeuqigpmrwtHPW67uyfufhofX15ioO/kI5Kfrurv//9/8tnMUbN2EF80mtxGqqmzc0uxg1GTzfz+pnlmj286fhoaglDb9Q2xDEasEeJmx4j8hQa2B8R5BTt+CfnvDd4Ze7Opxu++XbSxorK9P3btt1xI4ngqTk5uCGDExwUqmyeT5iuEk4s+chzm3jDhuccbqbo7D8FofaIH/c5JbNGHvE4MO9il6qTE/mh3vW3C2aqew6oGcXcPbP60YUXV6//8adz8urIcvwzfqVN9M/xyLoZPeurU+4lz/C565DcsHl+bw8vkcDJ5OXfF9fyZnBzeXcfqMPwutjE6unEyOVOT+X8u5kc+jZ4xUeuXsvKJUAvPdIOnmFvGNmyb4B3KQuGZ2lLqemDsRLRBliB5lnsm8Ti6Spdv36KjRUIPj6goIKOUeUr4tHlcZtT8VqqGEycmUYwZL1Z9UYQWhgvnzK8JWJOTmmosru7rXSCuiBROt9PwvhU9rFB44o15uQkJWi17334wH3JVYwu1Gd7cvBDT8tnEsljHw4eG0DaKtfuJw3C/f5mMzPX7wbsMnxaIVr7vW6OIb8Djd+9D9+3B4xoUcdo+ZzQgLglliur21l6/uv3Y/t3DEY1f0+sUEaBIwvEHKEDV86+/PX/hvdTfI8H/fqEb8m4cgE20TZ1+lAcpS6tpR0rACZbtRdvoIL3IEWc22wH0G6lD3qJHLUPupbURVMZxp6VZQd1qGPjt791g2KxXZdkyeqdw1T/kYxszbYM3jeNchQ3ulriPeY5Y12m2mjIbFdIFzhZvIlqZh5Eg1TAA0dPwvg+C0AqvZmsQ27zdGORuyWvX6jzLUXOUVJC/L7O75APlycErPsjuSM39f5PI/wGg5sSf93y0cf9U14K0beNCvem/gM1t/pdv/YhgcZT0X4L81ycKtSDt2zC32xwwPgjgI0h12mmkkIA0tAQ1Jwkgc7cOEkrnAUwFAmOYBjpMB+zhRsOnE6hTSwakJABBvd4dkyAJO0B+dNaCAp0PMxUsN0GDzm8ZBh7Kb0ZgeDQva7gn9uYmJE/wG1wJiu2boG/zHzj7SM1ld+F2ek9AwErANP2iyaO7ErGN5YjNY6R1QiHEJnH8Ai3dIJKup1OLz7jTEVcU5wnzjBtB4hHwG5xeuSJQWGCrkP4PjpDhhxaRxqXOhWDiSVCRBwgEjUZvoUazkXNFiLYa2WMRcvWYqhCEQCDeVfL2vgCNTWeI4SXXpmR3VtR0dCpyLiujaovvj5+KtUgji1wURGEURfHfW2t7xN78uHdWCaIkK6qmG6ZlO67nB2EUJ2mWF2VVN23XD+M0L+u2H+d1P+/3c+PWnXsPHj159uLVm3cfPv3w06+1E4djcEp8pIkajrO8rrae6CANodanYjnsMOjvPs5bVgvm3PY5ngwIMHpSAsduswsJRXd1h8ht8qbuvHEFC1Le1k3CSguYSnda1Hpizut6j+v6lcpk1jV8WTubnUkq9YJmC35oc1B5WOf1E1shw7y1Lc5SufGpPvWxpMrXEQTTyiQU5XykG6GV8eQ2MeYe/RIqTCqbJZWWI6WcS0VNsEMtrQohzsDUKYUjhPVUVKcao2ymgdHHkg85oe8mtn0RidRGaw9spajmcoNUOUbYzvdjUWvijHRRJNoBOwxt3qwSgzTM8xwLA7Sk2rIvHxPQZnnqEqjSVXLtxxs3a2EV10pDp0j97k5eVRwGhBeRmUwLBt96c+0fKpKFkbVcKwAA);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-alpine-dark {
  --ag-odd-row-background-color: rgba(255, 255, 255, 0);
  --ag-header-background-color: rgba(255, 255, 255, 0);
  --ag-header-foreground-color: #a2a3a5;
  --ag-background-color: rgba(255, 255, 255, 0);
  --ag-borders-critical: solid 1px;
  --ag-border-color: #393b3f;
  --ag-row-border-color: #292b2f;
  --ag-font-family: "Fidelity Sans", sans-serif;
  --ag-cell-horizontal-padding: 16px;
  --ag-row-hover-color: #292b2f;
  --ag-foreground-color: #fff;
  --ag-subheader-background-color: #000;
  --ag-alpine-active-color: #2196f3;
  --ag-range-selection-border-color: #2196f3;
  --ag-subheader-toolbar-background-color: rgba(0, 0, 0, 0.5);
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-background-color: rgba(57, 59, 63, 0.15);
  --ag-input-disabled-border-color: rgba(57, 59, 63, 0.3);
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.488);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.5904);
  --ag-header-column-separator-color: rgba(57, 59, 63, 0.5);
  --ag-header-column-resize-handle-color: rgba(57, 59, 63, 0.5);
}

.ag-root-wrapper {
  border: none;
}

.ag-select-list {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-1) / var(--tw-bg-opacity));
}

.ag-filter-toolpanel {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-1) / var(--tw-bg-opacity));
}

.ag-filter-body-wrapper {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-1) / var(--tw-bg-opacity));
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: none;
}.ciq-night .ciq-nav {
	border-width: 0px;
	background-color: transparent;
}

.ciq-night .ciq-toggles::after {
	background-color: transparent;
}

.ciq-night {
	background-color: transparent;
}

cq-heading,
cq-lookup-filters cq-filter,
cq-toolbar .ciq-heading,
cq-annotation .ciq-btn,
cq-hu-dynamic,
cq-hu-dynamic cq-hu-date,
cq-hu-static,
.mSticky,
.mouseDeleteInstructions,
cq-chart-title,
cq-chart-title cq-chart-price,
.stx_xaxis,
.stx_yaxis,
.stx_watermark,
.ciq-data-table-container table,
.ciq-window,
.ciq-night cq-wave-parameters .ciq-btn cq-tooltip,
cq-timezone-dialog .instruct,
cq-drawing-settings .ciq-heading,
.chartContainer,
.stx-float-date,
.stx_panels,
.stx_annotation,
.stx_fib_levels,
.stx_share,
.stx_share_symbol {
	font-family: "Fidelity Sans", sans-serif;
}

.ciq-night .ciq-chart-area,
.ciq-night .ciq-chart:first-of-type,
.ciq-night .chartContainer,
.ciq-night cq-chart-title,
.ciq-night:not(.break-sm) cq-hu-static {
	background-color: transparent;
}

.ciq-night .stx_candle_down {
	border-left-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(var(--accent-red) / var(--tw-text-opacity));
}

.ciq-night .stx_candle_up {
	border-left-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(var(--accent-green) / var(--tw-text-opacity));
}

.ciq-night .stx_candle_shadow_up,
.ciq-night .stx_candle_shadow_even {
	--tw-text-opacity: 1;
	color: rgb(var(--accent-green) / var(--tw-text-opacity));
}

.ciq-night .stx_candle_shadow_down {
	--tw-text-opacity: 1;
	color: rgb(var(--accent-red) / var(--tw-text-opacity));
}

.ciq-night .ciq-chart {
	box-shadow: none;
}

.ciq-night .stx-panel-title {
	display: none;
}

.ciq-night .stx_grid_border {

	/* Default Grid borders */

	--tw-text-opacity: 1;

	color: rgb(var(--text-tertiary) / var(--tw-text-opacity));

	opacity: 0;
}

/* Vertical grid lines */

.ciq-night .stx_grid_dark {
	border-style: dashed;
	--tw-text-opacity: 1;
	color: rgb(var(--bg-3) / var(--tw-text-opacity));
}

.ciq-night .chartSize {
	margin: 0px;
	display: grid;
	height: 2rem;
	width: 5rem;
	grid-auto-flow: column;
	overflow: hidden;
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));

	opacity: 1;
	transform: scale(1);
}

.ciq-night .chartSize span {
	height: 2rem;
	width: 2.5rem;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.ciq-night .chartSize span:hover {
	background-color: rgb(var(--text-primary) / var(--tw-bg-opacity));
	--tw-bg-opacity: 0.15;
}

.ciq-night .chartSize span {

	background-repeat: no-repeat;
	opacity: 1;
}

.ciq-night .chartSize span::after {
	display: none;
}

.ciq-night .chartSize span.stx-zoom-out {
	background-image: url("../icons/zoom-out.svg");
	background-position: center;
}

.ciq-night .stx_chart_controls.chartControls {
	height: 2rem;
	width: 5rem;
}

.ciq-night .chartSize span.stx-zoom-in {
	background-image: url("../icons/zoom-in.svg");
	background-position: center;
}

.chartSize span:active {
	scale: scale(1, 1);
}

.ciq-night .stx_jump_today {
	height: 2rem;
	width: 2rem;
	border-radius: 0.25rem;
	--tw-bg-opacity: 1;
	background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
	opacity: 1;
}

.stx_jump_today.home span {
	background-image: url("../icons/arrow-to-right.svg");
	background-position: center;
	background-repeat: no-repeat;
	height: 2rem;
	width: 2rem;
	opacity: 1;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.stx_jump_today.home span:hover {
	background-color: rgb(var(--text-primary) / var(--tw-bg-opacity));
	--tw-bg-opacity: 0.15;
}

/* Horizontal grid lines */

.ciq-night .stx_grid {

	/* Default Grid */

	border-style: dashed;

	--tw-text-opacity: 1;

	color: rgb(var(--bg-3) / var(--tw-text-opacity));
}

.stx_sticky {
	display: none !important;
}

.stx_current_hr_up {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--accent-green) / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.stx_current_hr_down {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--accent-red) / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx-float-date {

	/* Crosshair Floating x-axis date label */

	width: -moz-fit-content;

	width: fit-content;

	display: grid;

	white-space: nowrap;

	border-bottom-right-radius: 0.25rem;

	border-bottom-left-radius: 0.25rem;

	--tw-bg-opacity: 1;

	background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));

	padding-left: 0.75rem;

	padding-right: 0.75rem;

	padding-top: 0.5rem;

	padding-bottom: 0.5rem;

	font-size: 0.75rem;

	font-weight: 400;

	line-height: 1rem;

	--tw-text-opacity: 1;

	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx-float-price {

	/* Crosshair Floating y-axis value label */

	--tw-bg-opacity: 1;

	background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));

	--tw-text-opacity: 1;

	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx_yaxis {
	font-size: 0.75rem;
	line-height: 1rem;
	--tw-text-opacity: 1;
	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx_xaxis {
	font-size: 0.75rem;
	line-height: 1rem;
	--tw-text-opacity: 1;
	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx_xaxis_dark {
	font-size: 0.75rem;
	line-height: 1rem;
	--tw-text-opacity: 1;
	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx_crosshair.stx_crosshair_y.crossY {
	border-bottom-width: 1px;
	border-style: dashed;
	border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
	--tw-border-opacity: 0.40;
	background-color: transparent;
}

.ciq-night .stx_crosshair.stx_crosshair_x.crossX {
	border-left-width: 1px;
	border-style: dashed;
	border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
	--tw-border-opacity: 0.40;
	background-color: transparent;
}

.stx_jump_today {
	display: none !important;
}

.stx-btn-panel {
	display: none !important;
}

/* Volume underlay styles */

.ciq-night .stx_volume_underlay_up {
	opacity: 0.6;
	border-left-color: transparent;
}

.ciq-night .stx_volume_underlay_down {
	opacity: 0.6;
	border-left-color: transparent;
}

.ciq-night .stx_volume_profile {
	border-color: transparent;
}
.datepicker .month .week:nth-child(2) div:first-of-type.between:not(.selected) {
	background: linear-gradient(270deg, rgb(255 255 255 / 10%) -1.56%, rgb(255 255 255 / 0%) 100%);
}

.datepicker .month .week:last-child div:last-of-type.between:not(.selected) {
	background: linear-gradient(90deg, rgb(255 255 255 / 10%) -1.56%, rgb(255 255 255 / 0%) 100%);
}

.datepicker .day.selected button {
	border-radius: 9999px;
	background-color: rgb(var(--text-primary) / 0.15);
	--tw-text-opacity: 1;
	color: rgb(var(--accent-primary) / var(--tw-text-opacity));
}

.datepicker .day.selected.start-date {
	border-top-left-radius: 9999px;
	border-bottom-left-radius: 9999px;
	padding-right: 0.375rem;
}

.datepicker .day.selected.start-date.has-end {
	background-color: rgb(var(--text-primary) / 0.1);
}

.datepicker .day.between {
	background-color: rgb(var(--text-primary) / 0.1);
	padding-right: 0.375rem;
}

.datepicker .day.between:last-child {
	padding-right: 0px;
}

.datepicker .day.selected.end-date {
	margin-right: 0.375rem;
	border-top-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
	background-color: rgb(var(--text-primary) / 0.1);
}

.datepicker .day.selected.end-date:last-child {
	margin-right: 0px;
}

.datepicker .day:not(.selected) .today {
	border-radius: 9999px;
	border-width: 1px;
	border-color: rgb(var(--text-primary) / 0.15);
}
/* stylelint-disable selector-pseudo-element-colon-notation */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable selector-not-notation */

/* Hovering selectors */

/* main style overrides */

cq-study-browser [ciq-sb-panel-all] cq-heading {
  line-height: 22px;
}

cq-study-browser [ciq-sb-panel-all] cq-heading .searchFilter input[type=search] {
  padding: 4px 2px;
  width: 80%;
  margin-left: 4px;
}

cq-study-browser [ciq-sb-panel-all] cq-heading .icon {
  position: relative;
  left: 8px;
  margin-left: -8px !important;
  margin-top: 4px !important;
  width: 27px;
  height: 27px;
  display: inline-block;
  background-image: url(./stx-sprite-ui-DytRQ_QR.svg);
  vertical-align: middle;
}

cq-study-browser cq-heading[cq-filter] cq-lookup-icon {
  margin-left: -18px;
  margin-top: 4px;
}

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

cq-study-browser cq-item[cq-active-category] {
  background: #efefef;
  color: #000;
}

/* end of main style overrides */

cq-menu[config=studybrowser] cq-study-legend,
cq-menu.ciq-study-browser cq-study-legend {
  margin: 0;
}

cq-menu.ciq-study-browser cq-menu-dropdown,
cq-menu[config=studybrowser] cq-dropdown .content {
  width: 500px;
  left: auto;
  right: 0;
  padding: 0;
}

.ciq-sb-container {
  display: flex;
}

.ciq-sb-container cq-item {
  margin-left: 0;
  padding-left: 10px;
  border-radius: 15px;
  transition: 500ms all;
  opacity: 1;
  margin-top: 0;
  outline: none;
}

.ciq-sb-container cq-item.ciq-move-up {
  margin-top: -22px;
  opacity: 0.1;
  transition: 500ms all;
}

.ciq-sb-container cq-item.ciq-move-down {
  transform: translateY(22px);
  opacity: 0.1;
  transition: 500ms all;
}

.ciq-sb-container [ciq-sb-panel-scriptiq] cq-clickable {
  padding-left: 28px;
  padding-right: 12px;
}

.ciq-sb-categories {
  min-width: 180px;
  padding: 2px 4px 12px 12px;
  background-color: #f3f3f3;
}

.ciq-sb-categories cq-heading {
  margin: 12px 0 0;
  line-height: 28px;
}

.ciq-sb-categories cq-scroll {
  overflow: hidden;
}

html:not([ciq-last-interaction=touch]) cq-context:not(.ciq-night) .ciq-sb-categories cq-item:hover, cq-context:not(.ciq-night) .ciq-sb-categories cq-item[cq-active-category] {
  background-color: #e6e6e6;
}

.ciq-sb-categories .ciq-active-studies,
.ciq-sb-categories .ciq-favorite-studies,
.ciq-sb-categories .ciq-popular-studies,
.ciq-sb-categories .ciq-study-library {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -2px 4px 0 -4px;
  background-image: url(./stx-sprite-study-browser-rEnq0AeH.svg);
  background-position: -1px -1px;
  background-size: 50px auto;
}

.ciq-sb-categories .ciq-favorite-studies {
  background-position-y: -28px;
}

.ciq-sb-categories .ciq-popular-studies {
  background-position-y: -52px;
}

.ciq-sb-categories .ciq-study-library {
  background-position-y: -76px;
}

.ciq-sb-studies {
  padding: 14px 2px 14px 12px;
  position: relative;
  flex-grow: 1;
  background-color: white;
}

.ciq-sb-studies cq-study-legend cq-section-dynamic {
  background-color: transparent !important;
  border: none !important;
}

.ciq-sb-studies cq-study-legend cq-placeholder {
  text-align: center;
  height: 32px;
}

.ciq-sb-studies cq-study-legend cq-label {
  width: calc(100% - 70px);
  position: absolute;
}

.ciq-sb-studies cq-study-legend .ciq-switch {
  right: 2px;
}

.ciq-sb-studies cq-study-legend .ciq-icon {
  position: absolute;
  right: 36px;
}

.ciq-sb-studies div[ciq-favorite-studies] cq-label {
  width: calc(100% - 40px);
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

cq-studies .fav-marker {
  display: none;
}

cq-studies[ciq-favorites] span {
  margin: 24px;
}

:host(cq-studies[favorites]) .item [label],
cq-studies[favorites] .item [label] {
  left: 15px;
  position: relative;
}

cq-studies[favorites] .fav-marker,
cq-studies[ciq-favorites] .fav-marker,
div[ciq-favorite-studies] .fav-marker,
.ciq-sb-categories .fav-marker,
.ciq-info-panel .fav-marker {
  display: inline-block;
  background-image: url(./stx-sprite-drawing-tools-blue-B79DOBgj.svg);
  background-position: 0 -958px;
  background-size: 100%;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  top: 2px;
  left: 4px;
  position: absolute;
  opacity: 0;
}

cq-studies[favorites] .ciq-favorite .fav-marker,
cq-studies[ciq-favorites] .ciq-favorite .fav-marker,
div[ciq-favorite-studies] .ciq-favorite .fav-marker,
.ciq-sb-categories .ciq-favorite .fav-marker,
.ciq-info-panel .ciq-favorite .fav-marker {
  opacity: 1;
}

html:not([ciq-last-interaction=touch]) cq-studies[favorites] cq-item:hover:not(.ciq-favorite) > .fav-marker, [ciq-mobile] cq-studies[favorites] cq-item:not(.ciq-favorite) > .fav-marker, html:not([ciq-last-interaction=touch]) cq-studies[favorites] li.item:hover:not(.ciq-favorite) > .fav-marker, [ciq-mobile] cq-studies[favorites] li.item:not(.ciq-favorite) > .fav-marker,
cq-studies[favorites] cq-item:focus:not(.ciq-favorite) > .fav-marker,
cq-studies[favorites] cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
cq-studies[favorites] li.item:focus:not(.ciq-favorite) > .fav-marker,
cq-studies[favorites] li.item[cq-focused]:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction=touch]) cq-studies[ciq-favorites] cq-item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] cq-studies[ciq-favorites] cq-item:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction=touch]) cq-studies[ciq-favorites] li.item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] cq-studies[ciq-favorites] li.item:not(.ciq-favorite) > .fav-marker,
cq-studies[ciq-favorites] cq-item:focus:not(.ciq-favorite) > .fav-marker,
cq-studies[ciq-favorites] cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
cq-studies[ciq-favorites] li.item:focus:not(.ciq-favorite) > .fav-marker,
cq-studies[ciq-favorites] li.item[cq-focused]:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction=touch]) div[ciq-favorite-studies] cq-item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] div[ciq-favorite-studies] cq-item:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction=touch]) div[ciq-favorite-studies] li.item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] div[ciq-favorite-studies] li.item:not(.ciq-favorite) > .fav-marker,
div[ciq-favorite-studies] cq-item:focus:not(.ciq-favorite) > .fav-marker,
div[ciq-favorite-studies] cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
div[ciq-favorite-studies] li.item:focus:not(.ciq-favorite) > .fav-marker,
div[ciq-favorite-studies] li.item[cq-focused]:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction=touch]) .ciq-sb-categories cq-item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] .ciq-sb-categories cq-item:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction=touch]) .ciq-sb-categories li.item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] .ciq-sb-categories li.item:not(.ciq-favorite) > .fav-marker,
.ciq-sb-categories cq-item:focus:not(.ciq-favorite) > .fav-marker,
.ciq-sb-categories cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
.ciq-sb-categories li.item:focus:not(.ciq-favorite) > .fav-marker,
.ciq-sb-categories li.item[cq-focused]:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction=touch]) .ciq-info-panel cq-item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] .ciq-info-panel cq-item:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction=touch]) .ciq-info-panel li.item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] .ciq-info-panel li.item:not(.ciq-favorite) > .fav-marker,
.ciq-info-panel cq-item:focus:not(.ciq-favorite) > .fav-marker,
.ciq-info-panel cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
.ciq-info-panel li.item:focus:not(.ciq-favorite) > .fav-marker,
.ciq-info-panel li.item[cq-focused]:not(.ciq-favorite) > .fav-marker {
  background-position: 0 -558px;
  opacity: 1;
}

div[ciq-favorite-studies] cq-item cq-label {
  margin-left: 24px;
}

.ciq-active-study-count {
  float: right;
  background-color: #398dff;
  color: white;
  width: auto;
  height: 16px;
  padding: 0 5px;
  line-height: 16px;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
}

.ciq-info-btn {
  background-image: url(./stx-sprite-study-browser-rEnq0AeH.svg);
  background-position: -3px -88px;
  background-size: 44px auto;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  right: 8px;
  opacity: 0;
  transition: opacity 550ms;
}

cq-item:focus .ciq-info-btn, html:not([ciq-last-interaction=touch]) cq-item:hover .ciq-info-btn {
  opacity: 0.8;
}

.ciq-info-panel a .ciq-info-btn {
  opacity: 1;
  right: auto;
  left: 10px;
  top: 6px;
}

.ciq-info-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: none;
  cursor: default;
}

.ciq-info-panel .fav-marker {
  opacity: 0.75;
  transition: opacity 350ms;
  position: absolute;
  top: 16px;
  right: 12px;
  left: auto;
  cursor: pointer;
}

html:not([ciq-last-interaction=touch]) .ciq-info-panel .fav-marker:hover {
  opacity: 1;
}

.ciq-info-panel .fav-marker:not(.ciq-favorite) {
  background-position: 0 -558px;
}

.ciq-info-panel .ciq-info-panel-indent {
  margin-left: 7px;
}

.ciq-info-panel-active {
  display: block;
}

.ciq-info-panel-back-btn {
  background-image: url(./stx-sprite-study-browser-rEnq0AeH.svg);
  background-position: -5px -151px;
  background-size: 60px auto;
  width: 20px;
  height: 20px;
  font-size: 24px;
  color: #808b95;
  display: inline-block;
  margin: 12px 6px 0 10px;
  vertical-align: middle;
  cursor: pointer;
}

.ciq-info-panel-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 16px;
  margin-top: 12px;
}

.ciq-info-panel-description {
  line-height: 16px;
  margin: 4px 16px 24px;
  white-space: normal;
}

.ciq-info-panel-indent {
  margin-left: 18px;
}

.ciq-info-panel-description-indent-two {
  margin-left: 20px;
}

.ciq-info-panel-controls {
  text-align: center;
}

.ciq-info-panel a {
  text-align: center;
  display: inline-block;
  width: 80%;
  background-color: #f3f3f3;
  border-radius: 20px;
  margin-top: 32px;
  line-height: 28px;
  color: #000;
  text-decoration: none;
  position: relative;
  padding-left: 10px;
  opacity: 0.8;
}

html:not([ciq-last-interaction=touch]) .ciq-info-panel a:hover {
  opacity: 1;
}

/* responsive mode */

.ciq-chart-area > cq-study-browser {
  top: 0px;
  position: absolute;
  z-index: 1;
  width: 100%;
  display: none;
}

.ciq-sb-active .ciq-chart-area > cq-study-browser {
  display: block;
}

[ciq-mobile] .ciq-info-btn {
  opacity: 0.8;
}

[ciq-mobile] .ciq-info-panel cq-item:not(.ciq-favorite) > .fav-marker {
  background-position: 0 -557px;
  opacity: 1;
}

/* end responsive mode */

.ciq-night cq-item[cq-active-category] {
  background-color: #2c4154;
  color: #fff;
}

.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;
}

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
	font-family: "FontAwesome";
	src: url("https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.eot?v=4.0.3");
	src:
		url("https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3")
			format("embedded-opentype"),
		url("https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3")
			format("woff"),
		url("https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.ttf?v=4.0.3")
			format("truetype"),
		url("https://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular")
			format("svg");
	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font-family: FontAwesome, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */

.fa-lg {
	font-size: 1.3333333333333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.fa-2x {
	font-size: 2em;
}

.fa-3x {
	font-size: 3em;
}

.fa-4x {
	font-size: 4em;
}

.fa-5x {
	font-size: 5em;
}

.fa-fw {
	width: 1.2857142857142858em;
	text-align: center;
}

.fa-ul {
	padding-left: 0;
	margin-left: 2.142857142857143em;
	list-style-type: none;
}

.fa-ul > li {
	position: relative;
}

.fa-li {
	position: absolute;
	left: -2.142857142857143em;
	width: 2.142857142857143em;
	top: 0.14285714285714285em;
	text-align: center;
}

.fa-li.fa-lg {
	left: -1.8571428571428572em;
}

.fa-border {
	padding: 0.2em 0.25em 0.15em;
	border: solid 0.08em #eeeeee;
	border-radius: 0.1em;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.fa.pull-left {
	margin-right: 0.3em;
}

.fa.pull-right {
	margin-left: 0.3em;
}

.fa-spin {
	animation: spin 2s infinite linear;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

.fa-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	transform: rotate(90deg);
}

.fa-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	transform: rotate(180deg);
}

.fa-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	transform: rotate(270deg);
}

.fa-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	transform: scale(-1, 1);
}

.fa-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	transform: scale(1, -1);
}

.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-glass:before {
	content: "\f000";
}

.fa-music:before {
	content: "\f001";
}

.fa-search:before {
	content: "\f002";
}

.fa-envelope-o:before {
	content: "\f003";
}

.fa-heart:before {
	content: "\f004";
}

.fa-star:before {
	content: "\f005";
}

.fa-star-o:before {
	content: "\f006";
}

.fa-user:before {
	content: "\f007";
}

.fa-film:before {
	content: "\f008";
}

.fa-th-large:before {
	content: "\f009";
}

.fa-th:before {
	content: "\f00a";
}

.fa-th-list:before {
	content: "\f00b";
}

.fa-check:before {
	content: "\f00c";
}

.fa-times:before {
	content: "\f00d";
}

.fa-search-plus:before {
	content: "\f00e";
}

.fa-search-minus:before {
	content: "\f010";
}

.fa-power-off:before {
	content: "\f011";
}

.fa-signal:before {
	content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
	content: "\f013";
}

.fa-trash-o:before {
	content: "\f014";
}

.fa-home:before {
	content: "\f015";
}

.fa-file-o:before {
	content: "\f016";
}

.fa-clock-o:before {
	content: "\f017";
}

.fa-road:before {
	content: "\f018";
}

.fa-download:before {
	content: "\f019";
}

.fa-arrow-circle-o-down:before {
	content: "\f01a";
}

.fa-arrow-circle-o-up:before {
	content: "\f01b";
}

.fa-inbox:before {
	content: "\f01c";
}

.fa-play-circle-o:before {
	content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
	content: "\f01e";
}

.fa-refresh:before {
	content: "\f021";
}

.fa-list-alt:before {
	content: "\f022";
}

.fa-lock:before {
	content: "\f023";
}

.fa-flag:before {
	content: "\f024";
}

.fa-headphones:before {
	content: "\f025";
}

.fa-volume-off:before {
	content: "\f026";
}

.fa-volume-down:before {
	content: "\f027";
}

.fa-volume-up:before {
	content: "\f028";
}

.fa-qrcode:before {
	content: "\f029";
}

.fa-barcode:before {
	content: "\f02a";
}

.fa-tag:before {
	content: "\f02b";
}

.fa-tags:before {
	content: "\f02c";
}

.fa-book:before {
	content: "\f02d";
}

.fa-bookmark:before {
	content: "\f02e";
}

.fa-print:before {
	content: "\f02f";
}

.fa-camera:before {
	content: "\f030";
}

.fa-font:before {
	content: "\f031";
}

.fa-bold:before {
	content: "\f032";
}

.fa-italic:before {
	content: "\f033";
}

.fa-text-height:before {
	content: "\f034";
}

.fa-text-width:before {
	content: "\f035";
}

.fa-align-left:before {
	content: "\f036";
}

.fa-align-center:before {
	content: "\f037";
}

.fa-align-right:before {
	content: "\f038";
}

.fa-align-justify:before {
	content: "\f039";
}

.fa-list:before {
	content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
	content: "\f03b";
}

.fa-indent:before {
	content: "\f03c";
}

.fa-video-camera:before {
	content: "\f03d";
}

.fa-picture-o:before {
	content: "\f03e";
}

.fa-pencil:before {
	content: "\f040";
}

.fa-map-marker:before {
	content: "\f041";
}

.fa-adjust:before {
	content: "\f042";
}

.fa-tint:before {
	content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
	content: "\f044";
}

.fa-share-square-o:before {
	content: "\f045";
}

.fa-check-square-o:before {
	content: "\f046";
}

.fa-arrows:before {
	content: "\f047";
}

.fa-step-backward:before {
	content: "\f048";
}

.fa-fast-backward:before {
	content: "\f049";
}

.fa-backward:before {
	content: "\f04a";
}

.fa-play:before {
	content: "\f04b";
}

.fa-pause:before {
	content: "\f04c";
}

.fa-stop:before {
	content: "\f04d";
}

.fa-forward:before {
	content: "\f04e";
}

.fa-fast-forward:before {
	content: "\f050";
}

.fa-step-forward:before {
	content: "\f051";
}

.fa-eject:before {
	content: "\f052";
}

.fa-chevron-left:before {
	content: "\f053";
}

.fa-chevron-right:before {
	content: "\f054";
}

.fa-plus-circle:before {
	content: "\f055";
}

.fa-minus-circle:before {
	content: "\f056";
}

.fa-times-circle:before {
	content: "\f057";
}

.fa-check-circle:before {
	content: "\f058";
}

.fa-question-circle:before {
	content: "\f059";
}

.fa-info-circle:before {
	content: "\f05a";
}

.fa-crosshairs:before {
	content: "\f05b";
}

.fa-times-circle-o:before {
	content: "\f05c";
}

.fa-check-circle-o:before {
	content: "\f05d";
}

.fa-ban:before {
	content: "\f05e";
}

.fa-arrow-left:before {
	content: "\f060";
}

.fa-arrow-right:before {
	content: "\f061";
}

.fa-arrow-up:before {
	content: "\f062";
}

.fa-arrow-down:before {
	content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
	content: "\f064";
}

.fa-expand:before {
	content: "\f065";
}

.fa-compress:before {
	content: "\f066";
}

.fa-plus:before {
	content: "\f067";
}

.fa-minus:before {
	content: "\f068";
}

.fa-asterisk:before {
	content: "\f069";
}

.fa-exclamation-circle:before {
	content: "\f06a";
}

.fa-gift:before {
	content: "\f06b";
}

.fa-leaf:before {
	content: "\f06c";
}

.fa-fire:before {
	content: "\f06d";
}

.fa-eye:before {
	content: "\f06e";
}

.fa-eye-slash:before {
	content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
	content: "\f071";
}

.fa-plane:before {
	content: "\f072";
}

.fa-calendar:before {
	content: "\f073";
}

.fa-random:before {
	content: "\f074";
}

.fa-comment:before {
	content: "\f075";
}

.fa-magnet:before {
	content: "\f076";
}

.fa-chevron-up:before {
	content: "\f077";
}

.fa-chevron-down:before {
	content: "\f078";
}

.fa-retweet:before {
	content: "\f079";
}

.fa-shopping-cart:before {
	content: "\f07a";
}

.fa-folder:before {
	content: "\f07b";
}

.fa-folder-open:before {
	content: "\f07c";
}

.fa-arrows-v:before {
	content: "\f07d";
}

.fa-arrows-h:before {
	content: "\f07e";
}

.fa-bar-chart-o:before {
	content: "\f080";
}

.fa-twitter-square:before {
	content: "\f081";
}

.fa-facebook-square:before {
	content: "\f082";
}

.fa-camera-retro:before {
	content: "\f083";
}

.fa-key:before {
	content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
	content: "\f085";
}

.fa-comments:before {
	content: "\f086";
}

.fa-thumbs-o-up:before {
	content: "\f087";
}

.fa-thumbs-o-down:before {
	content: "\f088";
}

.fa-star-half:before {
	content: "\f089";
}

.fa-heart-o:before {
	content: "\f08a";
}

.fa-sign-out:before {
	content: "\f08b";
}

.fa-linkedin-square:before {
	content: "\f08c";
}

.fa-thumb-tack:before {
	content: "\f08d";
}

.fa-external-link:before {
	content: "\f08e";
}

.fa-sign-in:before {
	content: "\f090";
}

.fa-trophy:before {
	content: "\f091";
}

.fa-github-square:before {
	content: "\f092";
}

.fa-upload:before {
	content: "\f093";
}

.fa-lemon-o:before {
	content: "\f094";
}

.fa-phone:before {
	content: "\f095";
}

.fa-square-o:before {
	content: "\f096";
}

.fa-bookmark-o:before {
	content: "\f097";
}

.fa-phone-square:before {
	content: "\f098";
}

.fa-twitter:before {
	content: "\f099";
}

.fa-facebook:before {
	content: "\f09a";
}

.fa-github:before {
	content: "\f09b";
}

.fa-unlock:before {
	content: "\f09c";
}

.fa-credit-card:before {
	content: "\f09d";
}

.fa-rss:before {
	content: "\f09e";
}

.fa-hdd-o:before {
	content: "\f0a0";
}

.fa-bullhorn:before {
	content: "\f0a1";
}

.fa-bell:before {
	content: "\f0f3";
}

.fa-certificate:before {
	content: "\f0a3";
}

.fa-hand-o-right:before {
	content: "\f0a4";
}

.fa-hand-o-left:before {
	content: "\f0a5";
}

.fa-hand-o-up:before {
	content: "\f0a6";
}

.fa-hand-o-down:before {
	content: "\f0a7";
}

.fa-arrow-circle-left:before {
	content: "\f0a8";
}

.fa-arrow-circle-right:before {
	content: "\f0a9";
}

.fa-arrow-circle-up:before {
	content: "\f0aa";
}

.fa-arrow-circle-down:before {
	content: "\f0ab";
}

.fa-globe:before {
	content: "\f0ac";
}

.fa-wrench:before {
	content: "\f0ad";
}

.fa-tasks:before {
	content: "\f0ae";
}

.fa-filter:before {
	content: "\f0b0";
}

.fa-briefcase:before {
	content: "\f0b1";
}

.fa-arrows-alt:before {
	content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
	content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
	content: "\f0c1";
}

.fa-cloud:before {
	content: "\f0c2";
}

.fa-flask:before {
	content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
	content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
	content: "\f0c5";
}

.fa-paperclip:before {
	content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
	content: "\f0c7";
}

.fa-square:before {
	content: "\f0c8";
}

.fa-bars:before {
	content: "\f0c9";
}

.fa-list-ul:before {
	content: "\f0ca";
}

.fa-list-ol:before {
	content: "\f0cb";
}

.fa-strikethrough:before {
	content: "\f0cc";
}

.fa-underline:before {
	content: "\f0cd";
}

.fa-table:before {
	content: "\f0ce";
}

.fa-magic:before {
	content: "\f0d0";
}

.fa-truck:before {
	content: "\f0d1";
}

.fa-pinterest:before {
	content: "\f0d2";
}

.fa-pinterest-square:before {
	content: "\f0d3";
}

.fa-google-plus-square:before {
	content: "\f0d4";
}

.fa-google-plus:before {
	content: "\f0d5";
}

.fa-money:before {
	content: "\f0d6";
}

.fa-caret-down:before {
	content: "\f0d7";
}

.fa-caret-up:before {
	content: "\f0d8";
}

.fa-caret-left:before {
	content: "\f0d9";
}

.fa-caret-right:before {
	content: "\f0da";
}

.fa-columns:before {
	content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
	content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-asc:before {
	content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-desc:before {
	content: "\f0de";
}

.fa-envelope:before {
	content: "\f0e0";
}

.fa-linkedin:before {
	content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
	content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
	content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
	content: "\f0e4";
}

.fa-comment-o:before {
	content: "\f0e5";
}

.fa-comments-o:before {
	content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
	content: "\f0e7";
}

.fa-sitemap:before {
	content: "\f0e8";
}

.fa-umbrella:before {
	content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
	content: "\f0ea";
}

.fa-lightbulb-o:before {
	content: "\f0eb";
}

.fa-exchange:before {
	content: "\f0ec";
}

.fa-cloud-download:before {
	content: "\f0ed";
}

.fa-cloud-upload:before {
	content: "\f0ee";
}

.fa-user-md:before {
	content: "\f0f0";
}

.fa-stethoscope:before {
	content: "\f0f1";
}

.fa-suitcase:before {
	content: "\f0f2";
}

.fa-bell-o:before {
	content: "\f0a2";
}

.fa-coffee:before {
	content: "\f0f4";
}

.fa-cutlery:before {
	content: "\f0f5";
}

.fa-file-text-o:before {
	content: "\f0f6";
}

.fa-building-o:before {
	content: "\f0f7";
}

.fa-hospital-o:before {
	content: "\f0f8";
}

.fa-ambulance:before {
	content: "\f0f9";
}

.fa-medkit:before {
	content: "\f0fa";
}

.fa-fighter-jet:before {
	content: "\f0fb";
}

.fa-beer:before {
	content: "\f0fc";
}

.fa-h-square:before {
	content: "\f0fd";
}

.fa-plus-square:before {
	content: "\f0fe";
}

.fa-angle-double-left:before {
	content: "\f100";
}

.fa-angle-double-right:before {
	content: "\f101";
}

.fa-angle-double-up:before {
	content: "\f102";
}

.fa-angle-double-down:before {
	content: "\f103";
}

.fa-angle-left:before {
	content: "\f104";
}

.fa-angle-right:before {
	content: "\f105";
}

.fa-angle-up:before {
	content: "\f106";
}

.fa-angle-down:before {
	content: "\f107";
}

.fa-desktop:before {
	content: "\f108";
}

.fa-laptop:before {
	content: "\f109";
}

.fa-tablet:before {
	content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
	content: "\f10b";
}

.fa-circle-o:before {
	content: "\f10c";
}

.fa-quote-left:before {
	content: "\f10d";
}

.fa-quote-right:before {
	content: "\f10e";
}

.fa-spinner:before {
	content: "\f110";
}

.fa-circle:before {
	content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
	content: "\f112";
}

.fa-github-alt:before {
	content: "\f113";
}

.fa-folder-o:before {
	content: "\f114";
}

.fa-folder-open-o:before {
	content: "\f115";
}

.fa-smile-o:before {
	content: "\f118";
}

.fa-frown-o:before {
	content: "\f119";
}

.fa-meh-o:before {
	content: "\f11a";
}

.fa-gamepad:before {
	content: "\f11b";
}

.fa-keyboard-o:before {
	content: "\f11c";
}

.fa-flag-o:before {
	content: "\f11d";
}

.fa-flag-checkered:before {
	content: "\f11e";
}

.fa-terminal:before {
	content: "\f120";
}

.fa-code:before {
	content: "\f121";
}

.fa-reply-all:before {
	content: "\f122";
}

.fa-mail-reply-all:before {
	content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
	content: "\f123";
}

.fa-location-arrow:before {
	content: "\f124";
}

.fa-crop:before {
	content: "\f125";
}

.fa-code-fork:before {
	content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
	content: "\f127";
}

.fa-question:before {
	content: "\f128";
}

.fa-info:before {
	content: "\f129";
}

.fa-exclamation:before {
	content: "\f12a";
}

.fa-superscript:before {
	content: "\f12b";
}

.fa-subscript:before {
	content: "\f12c";
}

.fa-eraser:before {
	content: "\f12d";
}

.fa-puzzle-piece:before {
	content: "\f12e";
}

.fa-microphone:before {
	content: "\f130";
}

.fa-microphone-slash:before {
	content: "\f131";
}

.fa-shield:before {
	content: "\f132";
}

.fa-calendar-o:before {
	content: "\f133";
}

.fa-fire-extinguisher:before {
	content: "\f134";
}

.fa-rocket:before {
	content: "\f135";
}

.fa-maxcdn:before {
	content: "\f136";
}

.fa-chevron-circle-left:before {
	content: "\f137";
}

.fa-chevron-circle-right:before {
	content: "\f138";
}

.fa-chevron-circle-up:before {
	content: "\f139";
}

.fa-chevron-circle-down:before {
	content: "\f13a";
}

.fa-html5:before {
	content: "\f13b";
}

.fa-css3:before {
	content: "\f13c";
}

.fa-anchor:before {
	content: "\f13d";
}

.fa-unlock-alt:before {
	content: "\f13e";
}

.fa-bullseye:before {
	content: "\f140";
}

.fa-ellipsis-h:before {
	content: "\f141";
}

.fa-ellipsis-v:before {
	content: "\f142";
}

.fa-rss-square:before {
	content: "\f143";
}

.fa-play-circle:before {
	content: "\f144";
}

.fa-ticket:before {
	content: "\f145";
}

.fa-minus-square:before {
	content: "\f146";
}

.fa-minus-square-o:before {
	content: "\f147";
}

.fa-level-up:before {
	content: "\f148";
}

.fa-level-down:before {
	content: "\f149";
}

.fa-check-square:before {
	content: "\f14a";
}

.fa-pencil-square:before {
	content: "\f14b";
}

.fa-external-link-square:before {
	content: "\f14c";
}

.fa-share-square:before {
	content: "\f14d";
}

.fa-compass:before {
	content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
	content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
	content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
	content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
	content: "\f153";
}

.fa-gbp:before {
	content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
	content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
	content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
	content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
	content: "\f158";
}

.fa-won:before,
.fa-krw:before {
	content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
	content: "\f15a";
}

.fa-file:before {
	content: "\f15b";
}

.fa-file-text:before {
	content: "\f15c";
}

.fa-sort-alpha-asc:before {
	content: "\f15d";
}

.fa-sort-alpha-desc:before {
	content: "\f15e";
}

.fa-sort-amount-asc:before {
	content: "\f160";
}

.fa-sort-amount-desc:before {
	content: "\f161";
}

.fa-sort-numeric-asc:before {
	content: "\f162";
}

.fa-sort-numeric-desc:before {
	content: "\f163";
}

.fa-thumbs-up:before {
	content: "\f164";
}

.fa-thumbs-down:before {
	content: "\f165";
}

.fa-youtube-square:before {
	content: "\f166";
}

.fa-youtube:before {
	content: "\f167";
}

.fa-xing:before {
	content: "\f168";
}

.fa-xing-square:before {
	content: "\f169";
}

.fa-youtube-play:before {
	content: "\f16a";
}

.fa-dropbox:before {
	content: "\f16b";
}

.fa-stack-overflow:before {
	content: "\f16c";
}

.fa-instagram:before {
	content: "\f16d";
}

.fa-flickr:before {
	content: "\f16e";
}

.fa-adn:before {
	content: "\f170";
}

.fa-bitbucket:before {
	content: "\f171";
}

.fa-bitbucket-square:before {
	content: "\f172";
}

.fa-tumblr:before {
	content: "\f173";
}

.fa-tumblr-square:before {
	content: "\f174";
}

.fa-long-arrow-down:before {
	content: "\f175";
}

.fa-long-arrow-up:before {
	content: "\f176";
}

.fa-long-arrow-left:before {
	content: "\f177";
}

.fa-long-arrow-right:before {
	content: "\f178";
}

.fa-apple:before {
	content: "\f179";
}

.fa-windows:before {
	content: "\f17a";
}

.fa-android:before {
	content: "\f17b";
}

.fa-linux:before {
	content: "\f17c";
}

.fa-dribbble:before {
	content: "\f17d";
}

.fa-skype:before {
	content: "\f17e";
}

.fa-foursquare:before {
	content: "\f180";
}

.fa-trello:before {
	content: "\f181";
}

.fa-female:before {
	content: "\f182";
}

.fa-male:before {
	content: "\f183";
}

.fa-gittip:before {
	content: "\f184";
}

.fa-sun-o:before {
	content: "\f185";
}

.fa-moon-o:before {
	content: "\f186";
}

.fa-archive:before {
	content: "\f187";
}

.fa-bug:before {
	content: "\f188";
}

.fa-vk:before {
	content: "\f189";
}

.fa-weibo:before {
	content: "\f18a";
}

.fa-renren:before {
	content: "\f18b";
}

.fa-pagelines:before {
	content: "\f18c";
}

.fa-stack-exchange:before {
	content: "\f18d";
}

.fa-arrow-circle-o-right:before {
	content: "\f18e";
}

.fa-arrow-circle-o-left:before {
	content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
	content: "\f191";
}

.fa-dot-circle-o:before {
	content: "\f192";
}

.fa-wheelchair:before {
	content: "\f193";
}

.fa-vimeo-square:before {
	content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
	content: "\f195";
}

.fa-plus-square-o:before {
	content: "\f196";
}

/* Images */

.stx-trade-panel .stx-orders a,
.stx-trade-ticket-toggle,
.tfc-price-arrow,
.tfc-price-arrow span,
.tfc-price,
.stx-trade-panel .stx-ico-edit,
.stx-trade-panel .stx-ico,
.inputTemplate.OTO a .stx-ico {
  background-image: url(./stx-sprite-trade-D4pMErBg.png);
  background-repeat: no-repeat;
}

/* Hovering selectors */

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .stx-trade-panel .stx-orders a,
  .stx-trade-ticket-toggle,
  .tfc-price-arrow,
  .tfc-price-arrow span,
  .tfc-price,
  .stx-trade-panel .stx-ico-edit,
  .stx-trade-panel .stx-ico,
  .inputTemplate.OTO a .stx-ico {
    background-image: url(./stx-sprite-trade@2x-DJTETUYV.png);
    background-size: 80px 650px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 350px) {
  .tfc.create-order {
    left: 0px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 400px) {
  .break-sm .create-order.market-order {
    left: 0%;
    margin: 15px 0 0 0px;
  }
}

/*--------------------------------------------------*/

/* BROKERAGE PANEL */

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

.stx-trade-login-panel .stx-wrapper {
  padding: 0 16px;
  position: absolute;
  bottom: 0px;
  top: 0px;
  width: 100%;
}

/*--------------------------------------------------*/

/* MIN SIDE PANEL */

.stx-trade-panel {
  width: auto;
  overflow: visible;
  z-index: 5;
  bottom: 41px;
}

.stx-trade-panel .stx-wrapper {
  height: 100%;
  float: left;
  border-right: none;
  overflow: hidden;
  display: none;
}

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

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

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

.stx-trade-panel ul.stx-nav,
.stx-trade-panel ul.stx-account,
.stx-trade-panel ul.stx-orders {
  display: block;
  width: 100%;
  padding: 0px;
}

.stx-trade-panel ul.stx-nav {
  display: none;
  margin-top: 50px;
}

.stx-trade-panel ul.stx-orders {
  margin-top: 10px;
}

.stx-trade-panel .stx-nav a,
.stx-trade-panel .stx-orders a {
  display: block;
  font-size: 11px;
}

.stx-trade-panel .stx-trade-panel a,
.tfc a {
  cursor: pointer;
  transition: opacity 0.25s, background-color 0.25s;
}

.stx-trade-panel ul.stx-account {
  border-top: 1px solid #efefef;
  padding: 10px 0 0;
}

.stx-trade-panel ul.stx-account li {
  margin: 0 10px;
  padding: 10px 0 0;
}

.stx-trade-panel ul.stx-account span {
  display: block;
  margin-bottom: 4px;
  text-align: right;
}

/* Ticket Panel Nav */

.stx-trade-panel .stx-nav a {
  line-height: 27px;
  padding-left: 12px;
}

/* Order Icons Nav */

.stx-orders li {
  border-radius: 4px;
  margin: 0 0 10px 14px;
  width: 40px;
  height: 40px;
  border: solid 1px transparent;
  transition: border-color 0.25s;
  position: relative;
}

html:not([ciq-last-interaction=touch]) .stx-orders li:hover,
.stx-orders li:active {
  border: solid 1px transparent;
}

.stx-orders a {
  width: 40px;
  height: 40px;
  text-indent: 100px;
  overflow: hidden;
  opacity: 0.7;
  white-space: nowrap;
}

html:not([ciq-last-interaction=touch]) .stx-orders li:hover a,
.stx-orders li:active a {
  opacity: 0.8;
}

.stx-orders .active {
  border: solid 1px transparent;
}

.stx-orders .active a,
html:not([ciq-last-interaction=touch]) .stx-orders .active a:hover {
  opacity: 1;
}

.stx-orders .stx-tooltip.left {
  white-space: nowrap;
}

.break-sm .stx-orders .stx-tooltip.left {
  padding-top: 37px;
  transition: inherit;
}

.break-sm .stx-orders .stx-tooltip.left > div {
  right: -40px;
}

.break-sm .stx-orders .stx-tooltip.left span {
  display: none;
}

.stx-trade-nav .stx-tooltip.left {
  display: none;
}

.stx-tooltip {
  top: 10px;
}

.stx-tooltip.right {
  left: 35px;
}

.stx-tooltip.left {
  right: 35px;
}

/* Expand/Collapse Panel Link*/

.stx-trade-ticket-toggle,
.stx-trade-info .stx-trade-ticket-toggle {
  position: absolute;
  bottom: 0px;
  left: 15px;
  height: 30px;
  text-indent: 100px;
  overflow: hidden;
  opacity: 0.7;
}

.stx-trade-ticket-toggle.open {
  background-position: -20px -560px;
  width: 45px;
}

.stx-trade-ticket-toggle.close {
  background-position: -20px -580px;
  width: 50px;
  z-index: 1001;
  position: absolute;
  bottom: 0px;
}

html:not([ciq-last-interaction=touch]) .stx-trade-ticket-toggle:hover,
.stx-trade-ticket-toggle:active {
  opacity: 1;
}

/*--------------------------------------------------*/

/* MAX SIDE PANEL */

.stx-trade-info {
  text-align: center;
}

.stx-trade-info .stx-panel-module {
  text-align: left;
}

.stx-trade-panel .stx-head-bar ul.stx-orders {
  display: inline-block;
}

.stx-trade-panel .stx-head-bar .stx-orders li {
  float: left;
  margin: 0 0 25px 7px;
}

.stx-trade-panel .stx-head-bar .stx-orders li:first-child {
  margin: 0 0 25px 18px;
}

.stx-trade-info ul.stx-orders {
  width: auto;
  margin: 0 auto;
  display: inline;
}

.stx-trade-info .stx-orders li {
  display: inline-block;
  margin: 10px 5px;
}

.stx-trade-info {
  width: 285px;
  padding-left: 1px;
  transition: width 0.5s, box-shadow 0.25s;
}

.stx-trade-info.closed {
  width: 0px;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0) inset;
}

.stx-trade-info * {
  opacity: 1;
  transition: opacity 0.25s;
}

.stx-trade-info .stx-tooltip {
  opacity: 0;
  transition: opacity 0.25s, margin 0.25s ease-out 0.1s;
}

.stx-trade-info.closed * {
  opacity: 0;
}

.stx-panel-module {
  clear: both;
}

.stx-panel-module .stx-head-bar {
  width: 265px;
  display: block;
  padding: 0 10px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 5px;
}

.stx-panel-module .stx-head-bar h4 {
  margin: 0px;
  font-weight: normal;
  display: inline-block;
  line-height: 30px;
}

.stx-panel-module .stx-head-bar .stx-ico {
  display: inline-block;
  float: left;
  height: 20px;
  width: 30px;
  margin-top: 6px;
}

.stx-trade-current .stx-head-bar {
  cursor: ns-resize;
}

.stx-trade-current .stx-head-bar.no-resize {
  cursor: default;
}

.stx-trade-current .stx-head-bar .stx-ico {
  background-position: 0px -525px;
}

.stx-trade-positions .stx-head-bar .stx-ico {
  background-position: -40px -525px;
}

.stx-panel-module .stx-head-bar .stx-ico {
  display: none !important; /* turn icons off, they are taking up space */
}

.stx-trade-positions .stx-head-bar .stx-close-all,
.stx-trade-positions .stx-head-bar .holder {
  font-weight: normal;
  float: right;
  height: 19px;
  line-height: 19px;
  margin: 4px 1px 0 0;
  display: inline;
  font-size: 14px;
  cursor: default;
}

.stx-trade-positions .stx-head-bar .stx-close-all {
  font-size: 10px;
  font-weight: bold;
}

.stx-trade-positions .stx-head-bar li.tfc-positions-view {
  padding: 0 6px;
  display: inline-block;
  cursor: pointer;
  border: solid 1px transparent;
  border-radius: 3px;
}

.stx-trade-positions .stx-head-bar li.tfc-positions-view i:before {
  opacity: 0.8;
}

.stx-trade-positions .stx-head-bar li.tfc-positions-view.summary i:before {
  content: "\f039";
}

.stx-trade-positions .stx-head-bar li.tfc-positions-view.lots i:before {
  content: "\f03c";
}

.stx-trade-positions .stx-head-bar li.tfc-positions-view.performance i:before {
  content: "\f0e4";
}

.stx-trade-positions .stx-head-bar li.tfc-positions-view.maintenance i:before {
  content: "\f132";
}

.stx-trade-positions .stx-head-bar li.tfc-positions-view.maintenance i:after {
  content: "\f00d";
}

.stx-trade-positions thead tr.tfc-positions-view {
  display: none;
}

.stx-trade-positions thead tr.tfc-positions-view.active {
  display: table-row;
}

.stx-trade-positions thead tr.tfc-positions-view.maintenance th:last-of-type {
  width: 35px;
}

.stx-trade-positions tbody tr.tfc-lots-position td.stx-btn:last-of-type {
  white-space: nowrap;
  width: 80px;
  vertical-align: middle;
}

/*.stx-panel-module .stx-head-bar span.stx-switch-account {
    display: inline-block;
	float:right;
	position:relative;
	}
.stx-panel-module .stx-head-bar a {
    line-height:40px;
    background-position: right -586px;
    color: #999999;
    display: inline-block;
    font-size: 9px;
    padding: 0 11px 0 0;
    text-transform: uppercase;
	}

.stx-panel-module .stx-head-bar ul {
	text-align: left;
	position: absolute;
	right: -5px;
	top: 39px;
	padding: 5px 0 0 0;
	width:90px;
	display: none;
	z-index: 200;
	cursor: default;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	overflow: hidden;
	background: #fff
	}
html:not([ciq-last-interaction='touch']) .stx-panel-module .stx-head-bar span.stx-switch-account:hover ul,
.stx-panel-module .stx-head-bar span.stx-switch-account:active ul {display: inline-block}

.stx-panel-module .stx-head-bar ul li {
	color:#666;
	padding: 10px 15px;
	border-bottom: solid 1px #efefef;
	cursor: pointer;
	font-size: 11px
	}
.stx-panel-module .stx-head-bar li:last-child {
	padding: 10px 15px 15px 15px;
	border-radius: 0 0 3px 3px
	}
.stx-panel-module .stx-head-bar li.active {color: #333; font-weight:bold;}
/*hover html:not([ciq-last-interaction='touch']) .stx-panel-module .stx-head-bar li:hover,
.stx-panel-module .stx-head-bar li:active {color: #333}
*/

.stx-panel-module {
  overflow: hidden;
}

.stx-panel-module .stx-section {
  padding: 0px 10px;
  position: relative;
}

.stx-trade-account {
  clear: both;
}

.stx-trade-account .stx-section {
  border-top: 1px solid #efefef;
  padding: 5px 10px;
}

.stx-panel-module .stx-section.scroll:after {
  content: "";
  width: 120%;
  position: absolute;
  bottom: 0px;
  left: -10px;
  top: 0px;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1) inset;
  z-index: 1;
}

.stx-panel-module .stx-section h4 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 10px;
  margin: 5px 0 5px;
}

.stx-panel-module table {
  width: 100%;
  font-size: 11px;
  border-collapse: separate;
  border-spacing: 1px 4px;
  position: relative;
  z-index: 2;
}

.stx-panel-module th,
.stx-panel-module td {
  font-weight: normal;
  text-align: left;
  line-height: 16px;
}

.stx-panel-module td {
  padding: 0 1px;
}

.stx-panel-module td.total {
  font-weight: bold;
}

.stx-panel-module .stx-divider td {
  height: 1px;
  background: #efefef;
}

.stx-panel-module .stx-divider tr {
  border-collapse: separate;
  border-spacing: 0 6px;
}

table.stx-current-position tr th,
table.stx-current-position tr td {
  text-align: right;
  vertical-align: top;
}

table.stx-current-position tr th:nth-of-type(1) {
  text-align: left;
}

table.stx-current-position tr td:nth-of-type(1) {
  text-align: left;
  text-overflow: ellipsis;
  max-width: 70px;
  overflow: hidden;
}

table.stx-current-position tr.tfc-lots-position.sym td:nth-of-type(1) {
  padding-right: 5px;
}

table.stx-current-position tr th.tfc-trade-date {
  padding-left: 10px;
}

table.stx-current-position tr th.tfc-trade-actions,
table.stx-current-position tr th.tfc-col-qty {
  text-align: center;
}

table.stx-current-position tr td.tfc-trade-actions {
  text-align: center;
  white-space: nowrap;
}

html:not([ciq-last-interaction=touch]) table.stx-current-position tr.tfc-position:hover td:nth-of-type(1):not(.tfc-not-found) {
  color: #000000;
  font-weight: bold;
  overflow: visible;
  /*max-width:none;*/
  /*position:absolute;*/
  /*background-color:#ffffff;*/
  z-index: 1000;
}

html:not([ciq-last-interaction=touch]) table.stx-current-position tr.tfc-lots-position.sym:hover,
html:not([ciq-last-interaction=touch]) table.stx-current-position tr.tfc-position:hover {
  cursor: pointer;
}

html:not([ciq-last-interaction=touch]) table.stx-current-position tr.tfc-current-trades:hover,
html:not([ciq-last-interaction=touch]) table.stx-current-position thead tr:hover {
  cursor: default;
}

table.stx-current-orders tr td {
  text-align: right;
  vertical-align: top;
}

table.stx-current-orders tr td:nth-of-type(3) {
  text-align: left;
  text-overflow: ellipsis;
  max-width: 70px;
  overflow: hidden;
}

html:not([ciq-last-interaction=touch]) table.stx-current-orders tr.tfc-symbol:hover td:nth-of-type(3) {
  overflow: visible;
  /*max-width:none;*/
  color: #000000;
  font-weight: bold;
  z-index: 1000;
}

table.stx-current-orders tr td:nth-of-type(1) {
  text-align: left;
  text-overflow: ellipsis;
  max-width: 70px;
  overflow: hidden;
}

html:not([ciq-last-interaction=touch]) table.stx-current-orders tr.tfc-symbol:hover {
  cursor: pointer;
}

.stx-current-orders .fa.fa-flip-vertical {
  font-size: 8px;
}

.stx-trade-account tr td:nth-of-type(2) {
  text-align: right;
}

.stx-panel-module .stx-current-position tr.tfc-current-symbol td:nth-of-type(1),
.stx-panel-module .stx-current-orders tr.tfc-current-symbol td:nth-of-type(3) {
  font-weight: bold;
  color: #000;
}

table.stx-current-position .stx-btn {
  display: table-cell;
  text-align: center;
}

.stx-panel-module .stx-current-position tr.tfc-lots-position.sym {
  font-style: italic;
}

.stx-panel-module .stx-current-position tr.tfc-current-trades td.tfc-trade-date {
  padding-left: 10px;
}

.stx-panel-module .stx-current-position td.tfc-col-qty:nth-of-type(1) {
  text-align: center;
}

.stx-panel-module .stx-current-position td.click {
  text-align: center;
  font-size: 10px;
  height: 16px;
}

.stx-panel-module table a.stx-ico-edit {
  display: block;
  float: right;
  text-indent: 70px;
  overflow: hidden;
  width: 18px;
  height: 20px;
  background-position: -22px -487px;
  opacity: 0.6;
}

html:not([ciq-last-interaction=touch]) .stx-panel-module table a.stx-ico-edit:hover,
.stx-panel-module table a.stx-ico-edit:active {
  opacity: 1;
}

.stx-panel-module tr td.tfc-not-found {
  text-align: center;
  color: #aaa;
}

/*--------------------------------------------------*/

/* Drag Lines and Prices */

.drag-price-line,
.drag-price,
.tfc-price,
.tfc-price-arrow {
  height: 23px;
}

.drag-price-line {
  position: absolute;
  width: 100%;
  left: 0px;
  font-size: 10px;
  z-index: 100;
}

html:not([ciq-last-interaction=touch]) .drag-price-line:hover {
  cursor: ns-resize;
  background: rgba(0, 0, 0, 0.05);
}

.drag-line {
  height: 0px;
  float: left;
  width: 100%;
  margin-left: -10px;
  margin-top: 11px;
}

.red .drag-line {
  border-top: 2px #ec553c dotted;
}

.green .drag-line {
  border-top: 2px #8bc273 dotted;
}

html:not([ciq-last-interaction=touch]) .drag-price-line:hover .drag-line {
  border-top-style: solid;
}

.drag-price {
  position: absolute;
  right: 0px;
  display: block;
  width: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

.tfc-price-arrow {
  float: left;
  position: relative;
  width: 12px;
  transition: width 0.2s;
}

.red .tfc-price-arrow {
  background-position: 0 -360px;
}

.green .tfc-price-arrow {
  background-position: 0 -390px;
}

html:not([ciq-last-interaction=touch]) .drag-price-line:hover .tfc-price-arrow {
  width: 20px;
  height: 23px;
}

html:not([ciq-last-interaction=touch]) .tfc-price-arrow span {
  position: absolute;
  top: 4px;
  left: 6px;
  display: block;
  width: 15px;
  height: 15px;
  background-position: -4px -488px;
  opacity: 0;
  transition: opacity 0.2s;
}

html:not([ciq-last-interaction=touch]) .drag-price-line:hover .tfc-price-arrow span {
  opacity: 1;
}

.tfc-price {
  color: #000;
  display: block;
  float: left;
  width: 45px;
  line-height: 23px;
  overflow: hidden;
}

.red .tfc-price {
  background-position: right -360px;
}

.green .tfc-price {
  background-position: right -390px;
}

/*--------------------------------------------------*/

/* Trade Lines */

.stx-trade-position-line-up,
.stx-trade-position-line-down {
  width: 1.1px;
  background-color: #eeeeee;
}

.stx-trade-position-line-down {
  color: rgb(236, 85, 60);
}

.stx-trade-position-line-up {
  color: rgb(117, 185, 80);
}

/*--------------------------------------------------*/

/* Open order Lines */

.open-order-marker,
.open-order-line,
.open-order-marker .tfc-price,
.open-order-marker .tfc-price-arrow {
  height: 23px;
}

.open-order-marker {
  position: absolute;
  width: 160px;
  right: 0px;
  font-size: 10px;
  z-index: 98;
}

html:not([ciq-last-interaction=touch]) .open-order-marker:hover {
  z-index: 99;
}

.open-order-line {
  height: 1px;
  float: left;
  width: 100%;
  margin-left: 5px;
  margin-top: 11px;
}

.red .open-order-line {
  border-top: 1px #ec553c solid;
}

.green .open-order-line {
  border-top: 1px #8bc273 solid;
}

.red.pending .open-order-line {
  border-top: 1px #ec553c dashed;
}

.green.pending .open-order-line {
  border-top: 1px #8bc273 dashed;
}

.open-order-price {
  position: absolute;
  left: 0px;
  display: block;
  width: auto;
}

html:not([ciq-last-interaction=touch]) .open-order-price:hover {
  cursor: pointer;
}

.open-order-marker .tfc-price {
  float: left;
  width: auto;
  max-width: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0 0 7px;
  color: #fff;
  transition: padding 0.2s;
  min-width: 20px;
}

html:not([ciq-last-interaction=touch]) .open-order-marker .open-order-price:hover .tfc-price {
  padding: 0 3px 0 10px;
}

.open-order-marker.red .tfc-price {
  background-position: left -420px;
}

.open-order-marker.green .tfc-price {
  background-position: left -450px;
}

.open-order-marker .tfc-price-arrow {
  float: right;
  width: 14px;
}

.open-order-marker.red .tfc-price-arrow {
  background-position: right -420px;
}

.open-order-marker.green .tfc-price-arrow {
  background-position: right -450px;
}

.stx-panel-module td.open-order-bracket-ind {
  float: right;
}

.stx-panel-module td.open-order-bracket-ind i:before {
  content: "\f064";
  opacity: 0.8;
}

/*--------------------------------------------------*/

/* THE ORDERS */

/* New Orders Boxes */

.tfc.create-order {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 185px;
  padding: 15px 20px;
  background-color: #ffffff;
  border-radius: 4px;
  display: inline-block;
  font-size: 11px;
  z-index: 100;
  touch-action: none;
}

.break-sm .tfc.create-order {
  width: 180px;
  padding: 5px 5px;
}

.tfc.create-order,
.tfc.drag-price-line,
.open-order-marker {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

.stx-limit-order {
  height: 80px;
  right: 80px;
}

.stx-limit-order.tfc-cancel {
  height: 140px;
}

.tfc.create-order.OTO.stx-limit,
.tfc.create-order.oco.tfc-oco-above {
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
}

/* Close Buttons */

.tfc.create-order .stx-btn.stx-ico {
  border: none;
  position: absolute;
  top: -2px;
  right: -2px;
}

.chartContainer .tfc.create-order .stx-btn.stx-ico > span,
html:not([ciq-last-interaction=touch]) .chartContainer .tfc.create-order .stx-btn.stx-ico:hover > span,
.tfc.create-order .chartContainer .stx-btn.stx-ico:active > span {
  border: none;
  background-color: transparent;
  box-shadow: none;
  opacity: 0.5;
  transition: opacity 0.25s;
}

html:not([ciq-last-interaction=touch]) .chartContainer .tfc.create-order .stx-btn.stx-ico:hover > span,
.tfc.create-order .chartContainer .stx-btn.stx-ico:active > span {
  opacity: 1;
}

.tfc .tfc-cancel-button.click {
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  clear: both;
  display: none;
  height: 25px;
  line-height: 25px;
  color: #666666;
  top: 10px;
  margin-bottom: 15px;
}

.tfc-cancel-header {
  position: relative;
  top: 0px;
  margin-bottom: 10px;
  font-weight: bold;
  display: none;
  text-align: center;
  color: #000;
}

.tfc-cancel-header span {
  font-weight: normal;
}

.tfc.tfc-cancel .tfc-cancel-button,
.tfc-cancel .tfc-cancel-header {
  display: block;
}

html:not([ciq-last-interaction=touch]) .tfc .tfc-cancel-button.click:hover {
  color: #333333;
}

/* Order Buttons */

.tfc .click {
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 40px;
  height: 40px;
  border-radius: 3px;
  margin: 4px 0;
  color: #fff;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  transition: background 0.25s, border 0.25s;
  cursor: pointer;
}

html:not([ciq-last-interaction=touch]) .tfc .click:hover {
  color: #fff;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}

.tfc .click:active {
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.oco.click {
  border: solid 1px #8a8e8f;
  background-color: #a2a9ab;
}

html:not([ciq-last-interaction=touch]) .oco.click:hover,
.oco.click:active {
  border: solid 1px #797f80;
  background-color: #a2a9ab;
}

.tfc-replace.click {
  border: solid 1px #d03d0e;
  background-color: #eb4a15;
  padding: 0px;
  font-size: 11px;
}

html:not([ciq-last-interaction=touch]) .tfc-replace.click:hover,
.tfc-replace.click:active {
  border: solid 1px #ba3207;
  background-color: #eb4a15;
}

.tfc-replace.green.click {
  border: solid 1px #7ab162;
  background-color: #8bc273;
}

html:not([ciq-last-interaction=touch]) .tfc-replace.green.click:hover,
.tfc-replace.green.click:active {
  border: solid 1px #6ea356;
  background-color: #8bc273;
}

.tfc-sell.click {
  border: solid 1px #d03d0e;
  background-color: #eb4a15;
}

html:not([ciq-last-interaction=touch]) .tfc-sell.click:hover,
.tfc-sell.click:active {
  border: solid 1px #ba3207;
  background-color: #eb4a15;
}

.tfc-buy.click {
  border: solid 1px #7ab162;
  background-color: #8bc273;
}

html:not([ciq-last-interaction=touch]) .tfc-buy.click:hover,
.tfc-buy.click:active {
  border: solid 1px #6ea356;
  background-color: #8bc273;
}

.tfc-short.click {
  border: solid 1px #d03d0e;
  background-color: #eb4a15;
}

html:not([ciq-last-interaction=touch]) .tfc-short.click:hover,
.tfc-short.click:active {
  border: solid 1px #ba3207;
  background-color: #eb4a15;
}

.tfc-cover.click {
  border: solid 1px #7ab162;
  background-color: #8bc273;
}

html:not([ciq-last-interaction=touch]) .tfc-cover.click:hover,
.tfc-cover.click:active {
  border: solid 1px #6ea356;
  background-color: #8bc273;
}

/* Order Content Structure/Pieces */

.tfc.create-order .col1 {
  width: 125px;
  float: left;
}

.break-sm .tfc.create-order .col1 {
  width: 115px;
}

.break-sm .tfc.create-order .col1.OTO {
  width: 25px; /* Stop/Loss or Take Profit section */
}

.tfc.create-order .col2 {
  width: 55px;
  float: right;
}

.break-sm .tfc.create-order .col2 {
  width: 50px;
  float: left;
}

.tfc .inputTemplate {
  border: none;
  padding: 3px 0;
  clear: both;
  min-height: 20px;
  font-size: 12px;
}

.tfc .stx-data,
.tfc .stx-label,
.tfc .stx-head {
  line-height: 20px;
  margin: 0px;
  min-height: 20px;
  display: inline-block;
}

.tfc .stx-head {
  font-size: 10px;
  text-transform: uppercase;
  color: #999;
}

.tfc .stx-data {
  float: left;
  width: 75px;
}

.tfc .inputTemplate .stx-data:last-child {
  float: right;
  width: 50px;
}

.tfc .stx-label {
  float: right;
  width: 50px;
  font-size: 11px;
  color: #999;
}

.break-sm .tfc .stx-label {
  width: 40px;
  font-size: 10px;
  padding-top: 3px;
  float: none;
}

/* Order Links + Inputs */

.tfc a {
  display: inline-block;
  color: #666;
  text-decoration: none;
  cursor: pointer;
}

.tfc .stx-data input[type=text],
.tfc input[type=number] {
  width: 65px;
  height: auto;
  line-height: normal;
  padding: 3px 0px 2px 2px;
  background: #f7f7f7;
  color: #333;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  font-family: Arial, Helvetica, sans-serif;
  margin: 1px 0 0;
  text-align: left;
}

.break-sm .tfc .stx-data input[type=text],
.break-sm .tfc input[type=number] {
  width: 60px;
}

.tfc select {
  padding: 2px 0px;
  line-height: 24px;
  height: 24px;
  margin: 4px 0;
  width: 55px;
  color: black;
}

.break-sm .tfc select {
  width: 50px;
  /* iOS supports */
}

@supports (-webkit-touch-callout: none) {
  .break-sm .tfc select {
    width: 55px;
  }
}

/* Order Type/Direction Arrows */

.tfc .arrow {
  position: absolute;
  overflow: hidden;
  display: none;
  transition: right 0.5s;
}

.tfc[off-screen] {
  opacity: 0.95;
}

.tfc[uncentered] .arrow {
  right: 1px;
}

.tfc .arrow span {
  display: block;
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute; /* Saf3.1+, Chrome */ /* FF3.5+ */ /* IE9 */ /* Opera 10.5 */
  transform: rotate(45deg) scale(1);
}

.create-order .arrow {
  display: block;
  top: 50%;
  margin-top: -8px;
  width: 10px;
  height: 18px;
  right: -10px;
}

.create-order .arrow span {
  right: 0px;
  margin: 2px 5px 0 0;
}

/*--------------------------------------------------*/

/* THE ORDERS */

.tfc.create-order.tfc-cancel .tfc-buy.click,
.tfc.create-order.tfc-cancel .tfc-short.click,
.tfc.create-order.tfc-cancel .tfc-cover.click,
.tfc.create-order.tfc-cancel .tfc-sell.click {
  display: none;
}

.tfc.create-order.tfc-cancel .tfc-replace.click {
  display: block;
}

/* Sell Orders */

.create-order.new-sell-order .stop,
.create-order.new-sell-order .limit,
.create-order.new-sell-order .risk-reward,
.create-order.new-sell-order .tfc-replace.click {
  display: none;
}

.create-order.new-sell-order .tfc-buy.click {
  display: none;
}

.create-order.new-sell-order .tfc-short.click {
  display: none;
}

.create-order.new-sell-order .tfc-cover.click {
  display: none;
}

.create-order.new-sell-order .tfc-sell.click {
  display: block;
}

.create-order.new-sell-order .gain .stx-data {
  /* Sell Percent/Dollar Change */
  font-size: 12px;
  color: #333;
}

.new-sell-order .tfc-shares-to-buy,
.new-sell-order .tfc-qty-to-buy {
  display: none;
}

.create-order.new-sell-order.with-stop.with-limit {
  margin-top: 10px;
}

.create-order.new-sell-order.with-stop.with-limit .arrow {
  display: none;
}

/* Cover Orders */

.create-order.new-cover-order .stop,
.create-order.new-cover-order .limit,
.create-order.new-cover-order .risk-reward,
.create-order.new-cover-order .tfc-replace.click {
  display: none;
}

.create-order.new-cover-order .tfc-buy.click {
  display: none;
}

.create-order.new-cover-order .tfc-short.click {
  display: none;
}

.create-order.new-cover-order .tfc-sell.click {
  display: none;
}

.create-order.new-cover-order .tfc-cover.click {
  display: block;
}

.create-order.new-cover-order .gain .stx-data {
  /* Sell Percent/Dollar Change */
  font-size: 11px;
  color: #333;
}

.new-cover-order .tfc-shares-to-buy,
.new-cover-order .tfc-qty-to-buy {
  display: none;
}

.create-order.new-cover-order.with-stop.with-limit {
  margin-top: 10px;
}

.create-order.new-cover-order.with-stop.with-limit .arrow {
  display: none;
}

/* Buy Orders */

.create-order.new-buy-order .gain,
.create-order.new-buy-order .limit,
.create-order.new-buy-order .risk-reward,
.create-order.new-buy-order .tfc-replace.click {
  display: none;
}

.create-order.new-buy-order .tfc-sell.click {
  display: none;
}

.create-order.new-buy-order .tfc-short.click {
  display: none;
}

.create-order.new-buy-order .tfc-cover.click {
  display: none;
}

.create-order.new-buy-order.with-stop .limit {
  display: block;
}

.create-order.new-buy-order.with-stop .stop {
  display: none;
}

.create-order.new-buy-order.with-limit .limit {
  display: none;
}

.create-order.new-buy-order.with-limit .stop {
  display: block;
}

.create-order.new-buy-order.with-stop.with-limit .stop {
  display: none;
}

.create-order.new-buy-order.with-stop.with-limit .risk-reward {
  display: block;
}

.break-sm .create-order.new-buy-order.with-stop.with-limit .risk-reward {
  float: left;
}

.create-order.new-buy-order.oco .stop,
.create-order.new-buy-order.oco .limit,
.create-order.new-buy-order.oco .risk-reward {
  display: none;
}

/* Short Orders */

.create-order.new-short-order .gain,
.create-order.new-short-order .limit,
.create-order.new-short-order .risk-reward,
.create-order.new-short-order .tfc-replace.click {
  display: none;
}

.create-order.new-short-order .tfc-buy.click {
  display: none;
}

.create-order.new-short-order .tfc-sell.click {
  display: none;
}

.create-order.new-short-order .tfc-cover.click {
  display: none;
}

.create-order.new-short-order.with-stop .limit {
  display: block;
}

.create-order.new-short-order.with-stop .stop {
  display: none;
}

.create-order.new-short-order.with-limit .limit {
  display: none;
}

.create-order.new-short-order.with-limit .stop {
  display: block;
}

.create-order.new-short-order.with-stop.with-limit .stop {
  display: none;
}

.create-order.new-short-order.with-stop.with-limit .risk-reward {
  display: block;
}

.create-order.new-short-order.oco .stop,
.create-order.new-short-order.oco .limit,
.create-order.new-short-order.oco .risk-reward {
  display: none;
}

.new-buy-order .tfc-shares-owned,
.new-short-order .tfc-shares-owned {
  display: none;
}

/* OTO Orders */

.tfc .inputTemplate.OTO {
  /* Buy OTO Links Template */
  padding: 0;
  min-height: 26px;
}

.tfc .inputTemplate.OTO a {
  /* Buy OTO Links */
  font-size: 10px;
  text-transform: uppercase;
  line-height: 16px;
  margin-top: 6px;
  /* iOS supports */
}

@supports (-webkit-touch-callout: none) {
  .tfc .inputTemplate.OTO a {
    margin-top: 0px;
  }
}

.tfc .inputTemplate.OTO a .stx-ico {
  display: inline-block;
  float: left;
  height: 18px;
  width: 18px;
  margin: -2px 5px 0 0;
  background-position: -42px -485px;
  opacity: 0.7;
  transition: opacity 0.25s;
}

html:not([ciq-last-interaction=touch]) .tfc .inputTemplate.OTO a:hover .stx-ico,
.tfc .inputTemplate.OTO a:active .stx-ico {
  opacity: 1;
}

.tfc .inputTemplate.risk-reward .stx-data {
  /* Buy OTO Ratio */
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  width: 65px;
}

.break-sm .tfc .inputTemplate.risk-reward .stx-data {
  /* Buy OTO Ratio */
  text-align: left;
  width: 50px;
}

/* Buy OTO Legs */

.tfc.create-order.OTO {
  padding: 4px 15px;
  width: 195px;
  right: 80px;
  cursor: ns-resize;
}

.break-sm .tfc.create-order.OTO {
  padding: 0px;
  width: 190px;
}

.tfc.OTO {
  text-align: center;
}

.tfc.OTO div {
  text-align: left;
}

.tfc.OTO .col1,
.tfc.OTO .col1 .stx-data {
  width: 70px;
}

.tfc.OTO .col2,
.tfc.OTO .col3 {
  font-size: 12px;
  color: #333;
}

.tfc.OTO .col2 {
  width: 55px;
  float: left;
}

.tfc.OTO .col2 .stx-data {
  width: 55px;
}

.tfc.OTO .col3 {
  width: 70px;
  float: left;
}

.tfc.OTO .col3 .stx-data {
  width: 70px;
}

.tfc.OTO.stx-limit .trailing {
  display: none;
}

/* Hide Trailing Option for Limit */

.tfc.OTO .trailing {
  clear: both;
}

.tfc.OTO .trailing .click {
  color: #666666;
  height: 20px;
  line-height: 20px;
}

html:not([ciq-last-interaction=touch]) .tfc.OTO .trailing .click:hover {
  color: #333333;
}

.tfc.OTO.bracket .stx-btn.stx-ico .disable {
  display: none;
}

/*--------------------------------------------------*/

.tfc-shade {
  position: absolute;
  width: 380px;
  right: 0px;
  z-index: 1;
}

.tfc-profit {
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(140, 193, 118, 0) 30%, rgba(140, 193, 118, 0.3));
}

.tfc-profit ~ .tfc-profit {
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(140, 193, 118, 0.3), rgba(140, 193, 118, 0) 70%);
}

.tfc-loss {
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0) 30%, rgba(255, 0, 0, 0.2));
}

.tfc-loss ~ .tfc-loss {
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0) 70%);
}

/*.tfc-shade.none {
	background-color: rgba(255,0,0,.1);
	background-color:transparent;
	background-image:url(ciq-bg-stripe-diag.png);
	}*/

/* oco Orders */

html:not([ciq-last-interaction=touch]) .tfc-oco-above .arrow,
html:not([ciq-last-interaction=touch]) .tfc-oco-below .arrow {
  display: none;
}

.tfc-oco-above .stx-head,
.tfc-oco-below .stx-head {
  margin-right: 10px;
}

.tfc-oco-above .stx-data,
.tfc-oco-below .stx-data {
  font-size: 12px;
  color: #333;
}

/*.tfc.stx-oco-order {
	padding:0px;
	width:220px;
	background:none;
	box-shadow:none;
	right:78px;
	margin-top:30px;
	}*/

.tfc.stx-oco-order {
  right: 78px;
  margin-top: 30px;
  padding: 15px 20px;
}

html:not([ciq-last-interaction=touch]) .tfc.stx-oco-order {
  margin-top: 40px;
}

.tfc.stx-oco-order .col2 {
  width: 60px;
  float: right;
}

.break-sm .tfc.stx-oco-order .col2 {
  width: 50px;
  float: left;
}

.tfc.stx-oco-order .col1 {
  width: 100px;
  float: left;
}

.tfc.stx-oco-order .stx-data,
.tfc.stx-oco-order .stx-label {
  float: none;
  margin: 0px;
}

.tfc.stx-oco-order .stx-label {
  width: 40px;
}

.tfc.stx-oco-order select {
  width: 55px;
}

.tfc.stx-oco-order input[type=text],
.create-order.stx-oco-order input[type=number] {
  width: 50px;
}

/* oco Boxes/Sliders */

.tfc.create-order.oco {
  width: 205px;
  padding: 4px 10px;
  text-align: center;
  right: 78px;
}

.break-sm .tfc.create-order.oco {
  width: 170px;
}

.tfc.create-order.oco .stx-btn.stx-ico {
  top: 0px;
  right: -2px;
}

.tfc.create-order.tfc-oco-top .stx-btn.stx-ico {
  display: none;
}

.tfc.create-order .stx-data {
  float: none;
  width: auto;
}

/*--------------------------------------------------*/

/* Market Orders */

.tfc.create-order .tfc-market-section {
  clear: both;
}

.break-sm .tfc-market-section {
  width: 235px;
}

.create-order.market-order {
  position: absolute;
  padding: 0px;
  width: 330px;
  left: 50%;
  margin: 15px 0 0 -165px;
  top: 20px;
  background: none;
  box-shadow: none;
}

.break-sm .create-order.market-order {
  left: 4%;
  padding: 0px;
  margin: 15px 0 0 0px;
  width: 250px;
}

.market-order.create-order .col1,
.market-order.create-order .col3 {
  width: 95px;
}

.break-sm .market-order.create-order .col1,
.break-sm .market-order.create-order .col3 {
  width: 80px;
}

.market-order.create-order .col1 {
  float: left;
}

.market-order.create-order .col2 {
  float: left;
  width: 125px;
  margin-left: 15px;
}

.break-sm .market-order.create-order .col2 {
  margin-left: 5px;
  width: 60px;
}

.market-order.create-order .col3 {
  float: right;
}

.create-order.market-order .stx-data input[type=text],
.create-order.market-order input[type=number] {
  background: #fff;
}

.create-order.market-order .click {
  line-height: normal;
  position: relative;
  text-align: left;
  padding: 8px 10px 0px;
}

.create-order.market-order .tfc-click-label {
  position: absolute;
  top: 6px;
  left: 10px;
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.create-order.market-order .click strong {
  font-size: 16px;
}

.create-order.market-order .click sup {
  font-size: 12px;
}

.create-order.market-order .stx-ico-up,
.create-order.market-order .stx-ico-down {
  position: absolute;
  right: 7px;
  height: 0;
  width: 0; /* Saf3.1+, Chrome */ /* FF3.5+ */ /* IE9 */ /* Opera 10.5 */
  transform: rotate(-45deg) scale(1);
}

.create-order.market-order .stx-ico-up {
  top: 8px;
  border-top: 8px solid white;
  border-left: 8px solid transparent;
}

.create-order.market-order .stx-ico-down {
  top: 2px;
  border-bottom: 8px solid white;
  border-right: 8px solid transparent;
}

.tfc.create-order.market-order .tfc-ask,
.tfc.create-order.market-order .tfc-bid {
  display: inline-block;
  position: absolute;
  bottom: 5px;
  left: 10px;
}

.tfc.create-order.market-order .tfc-ask span,
.tfc.create-order.market-order .tfc-bid span {
  display: inline-block;
}

.tfc-market-section.complex {
  padding-top: 10px;
}

.tfc-market-section.complex .wrapper {
  padding: 7px 0;
  height: 35px;
  box-sizing: border-box;
  border-radius: 3px;
  background: #f8f8f8;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.market-order.create-order .complex .stx-head {
  font-size: 9px;
  color: #666;
}

.market-order.create-order .complex .stx-label {
  width: auto;
  float: none;
}

.market-order.create-order .tfc-market-section.complex .col1,
.market-order.create-order .tfc-market-section.complex .col2 {
  float: left;
  width: 50%;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
}

.market-order.create-order .tfc-market-section.complex .col1 {
  border-right: 1px solid #ddd;
}

.market-order.create-order .tfc-market-section.complex input[type=text],
.market-order.create-order .tfc-market-section.complex input[type=number] {
  width: 35px;
  margin: 0 2px 0 5px;
}

.market-order.create-order .disabled {
  opacity: 0.5;
}

/* Hide phone elements */

/* ------------------------ */

/* Order Confirmation Dialog */

.stx-dialog-container.trade {
  background: rgba(0, 0, 0, 0.7);
  z-index: 205;
}

.stx-dialog-container.trade .stx-dialog {
  width: 400px;
  text-align: center;
  padding: 20px;
  margin: 100px auto 1000px;
}

.tfcConfirmOrder.tfcConfirmOrder {
  width: 380px;
}

.tfcConfirmReplace.tfcConfirmReplace {
  width: 400px;
}

.break-sm .tfcConfirmOrder.tfcConfirmOrder,
.break-sm .tfcConfirmReplace.tfcConfirmReplace {
  width: 85%;
}

.stx-dialog-container.trade h4 {
  font-weight: bold;
  color: #666;
  font-size: 13px;
  margin: 0 0 10px;
}

.stx-dialog-container.trade .confirm-ticket {
  text-align: left;
  padding: 8px 8px 4px 12px;
  margin: 20px 0 0px;
  border: solid 1px #ccc;
}

.stx-dialog-container.trade .stx-label {
  display: inline-block;
  color: #666;
  font-size: 12px;
  width: 80px;
  margin: 0 0 10px;
}

.stx-dialog-container.trade .stx-value {
  display: inline-block;
  color: #000;
  font-size: 16px;
  margin: 0 0 10px;
}

.stx-dialog-container.trade .click {
  margin: 10px 0 0;
  height: 40px;
  line-height: 40px;
  width: 105px;
  font-size: 13px;
  font-weight: normal;
}

.tfcConfirmOrder.tfcConfirmOrder .confirm-ticket {
  display: table;
  padding: 0;
  width: 100%;
}

.tfcConfirmOrder.tfcConfirmOrder .row {
  display: table-row;
}

.tfcConfirmOrder.tfcConfirmOrder .stx-label,
.tfcConfirmOrder.tfcConfirmOrder .stx-value {
  display: table-cell;
}

.tfcConfirmOrder.tfcConfirmOrder .row .stx-label {
  padding: 0px 0 10px 10px;
}

.tfcConfirmOrder.tfcConfirmOrder .row .stx-value {
  padding: 0px 10px 10px 0;
}

.tfcConfirmOrder.tfcConfirmOrder .row:first-child .stx-label {
  padding: 10px 0 10px 10px;
}

.tfcConfirmOrder.tfcConfirmOrder .row:first-child .stx-value {
  padding: 10px 10px 10px 0;
}

.tfcConfirmOrder.tfcConfirmOrder .vspQuantity {
  width: 60px;
}

.tfcConfirmReplace.tfcConfirmReplace .compare-ticket {
  display: table;
  margin-bottom: 10px;
}

.tfcConfirmReplace.tfcConfirmReplace .compare-ticket .row {
  display: table-row;
}

.tfcConfirmReplace.tfcConfirmReplace .compare-ticket span {
  display: table-cell;
  padding: 5px 0;
}

.tfcConfirmReplace.tfcConfirmReplace .col1,
.tfcConfirmReplace.tfcConfirmReplace .col2 {
  display: table-cell;
  width: 140px;
}

.tfcConfirmReplace.tfcConfirmReplace .col1.stx-head,
.tfcConfirmReplace.tfcConfirmReplace .col2.stx-head {
  color: #999999;
  cursor: default;
  font-size: 10px;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
  padding-top: 5px;
}

.tfcConfirmReplace.tfcConfirmReplace .compare-ticket .col2 {
  width: 145px;
  padding-left: 10px;
  background: #efefef;
}

.tfcConfirmReplace.tfcConfirmReplace .no-change {
  color: #ccc;
}

.tfc-errors {
  color: #ff0000;
  font-size: 18px;
  margin-top: 10px;
}

.tfc-warnings {
  color: #0000ff;
  font-size: 18px;
  margin-top: 10px;
}

.processOrder {
  margin: 50px;
}

.tfc-pending .processOrder {
  position: absolute;
  left: 50%;
  margin-left: -15px;
}

.tfc-pending .orderProcessed {
  opacity: 0.3;
}

.tfc-loading {
  background-image: url(data:image/gif;base64,R0lGODlhGQAZAMQAAP////v7+/f39/Pz8+/v7+rq6ubm5uLi4t7e3tra2tbW1tLS0s7OzsrKysXFxcHBwb29vbm5ubW1tbGxsa2trampqaCgoJycnJiYmIiIiISEhP///wAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCAAbACwDAAMAFAAUAAAFneAmjqKhaQapksuyISeyDcI6PtglmNoBGAaCbVO4YCCH2M4QWDEKG9wl8XgUCsFNQChKUCjPx4C03QLHG++3MSQADeiNoDGp2QJBgEhAE0CHcgGCAQqFCn9DA28GhoeAM4t8ApOPAoNNGwBumCt4BHoiikBcK25noaNlZARmcCMDTaZ8NKNacSN4QbmtnCqmALs/WYljSzUDt4C7QyEAIfkEBQgAGwAsAwADABAADAAABUrgJo7jdZHohiSbgWHG1jQoQ1HiWwyZJqE3mo6i0RxEBsHGNjkwGIneb0NQKHYMFGFCEFWtsVTKoBCjAqKBeWRoG9TrlhseR8dHIQAh+QQFCAAbACwFAAMAEQAJAAAFQ+AmjhtFkahIEKIpLktqKEp7bhf2oAJtlCcI5lIYsTazRIF2yDk2hwjyh0w9DBKNpmHoHlMUbaaxIVBTm0GG8kWTziEAIfkEBQgAGwAsBwADABAADQAABU3gJm6CoghjKqLbYA5bgqiEYZAmSlGMahOlk2On2tQMg4Jy1ys4UoRi73HBLIoqCAZzuWJTlgfrO0ocDogbefPQuDVr9hu+LpzTcdIoBAAh+QQFCAAbACwMAAMACwAQAAAFRqBhbGRZiiRBmBu6Kcp4jgcsmEMOFyTDtgMGhZL4NYbE32biU24OhYKMxcBYL7/q9ZeITkuDzGSgpGg0mcaPIDmrlYcIKQQAIfkEBQgAGwAsDgAEAAkAEgAABUjgJgpiKRoGYW4Eum7osAmGqRqKopZHrq8JA+BVeIkUlCTFlFAuecbNBfKCYDCXhYgwMTguGK1Bo5FsCo5ShXxYEcjmVaOxCgEAIfkEBQgAGwAsCgAHAA0AEAAABU3gJo4kQZ4bYRjoqK7tWJixKNyDEBdKr+y+X6uA07UmjdqmQaFMEq3HhtGEbgqPR+KCkW4WNoRGc4BgLoXTYXwQcL0jsQbxBZ8MY1YrBAAh+QQFCAAbACwHAAsAEAAMAAAFS+AmjiQZlOg2GKyRkmv7joN4zmLi4qKh/AURYUIoNVa/4kaiySQYjMOEwtgIdgeNhlLAYDYNCpfE1Ay6mKC4Smo0NgavK4HAXS6zEAAh+QQFCAAbACwEAA4AEgAJAAAFR+AmGmJpnhtRZQNaGoTYZJpGuamhD00tGY9TgDTYbSKHjQNzOSgUhYSCtGmVChcMZEO5GZ4C1IMp6oqe1NNiUb6lYriS2RUCACH5BAUIABsALAMACgAQAA0AAAVN4CYKYmmWBnIgxelqsPa4ZyzTZnocCX4KEIuvtLhgMJHhZoG5zBgugsnRWlAohezAYJCerg6BQiEgcE+M60ZM3nC9JURvMB4o12NSKQQAIfkEBQgAGwAsAwAHAAsAEAAABUjgtkWHaJqNpknEKTaZSrniMGUDbRRFQl+YIOMXxAx1uxJNxJgsExMKxUFLSBkDA20hKigUg/BJ8C0ZtCbDV3R2EVqb9jJuCAEAIfkECQgAGwAsAwADABQAFAAABVLgJo5kaZJNc66ipGUEex6aVsmkU2yuZuCbBebiMExiwMUFg4EAS5DL03SYbihYSsKapSispB0YYNhaC4p0dUpI/5BPg2AzMPzAdviTYAf7/yIhADs=);
  height: 25px;
  width: 25px;
  display: inline-block;
}

.tfc-attention {
  font-size: 16px;
  font-weight: bold;
  color: #e99b54;
}

.above-leg::after {
  content: "Take Profit";
}

.break-sm .above-leg::after {
  content: "TP";
}

.below-leg::after {
  content: "Stop Loss";
}

.break-sm .below-leg::after {
  content: "SL";
}

.take-profit-label::after {
  content: "Take Profit";
}

.break-sm .take-profit-label::after {
  content: "TP";
}

.stop-loss-label::after {
  content: "Stop Loss";
}

.break-sm .stop-loss-label::after {
  content: "SL";
}

.tfc-shares-to-buy {
  display: block;
}

.tfc-price-dollars {
  display: block;
}

.break-sm .tfc-market-section .tfc-price-dollars,
.break-sm .tfc-market-section .tfc-shares-to-buy {
  display: none;
}

/* ------------------------ */

.tfc.container {
  position: absolute;
  width: 335px;
}

body.notfc.tfc {
  display: none;
}

.ciq-tfc-components {
  position: absolute;
  right: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
}

.ciq-day .stx-btn.click.up,
.ciq-night .stx-btn.click.up {
  background: rgba(139, 194, 115, 0.6);
}

.ciq-day .stx-btn.click.down,
.ciq-night .stx-btn.click.down {
  background: rgba(236, 85, 60, 0.6);
}

html:not([ciq-last-interaction=touch]) .ciq-day .stx-btn.click.up:hover,
html:not([ciq-last-interaction=touch]) .ciq-day .stx-btn.click.down:hover {
  border-color: #000;
  color: #000;
}

html:not([ciq-last-interaction=touch]) .ciq-night .stx-btn.click.up:hover,
html:not([ciq-last-interaction=touch]) .ciq-night .stx-btn.click.down:hover {
  border-color: #fff;
  color: #fff;
}

/* --------------------------------------------------------- Light Theme --------------------------------------------------------- */

.ciq-day .stx-trade-ticket-toggle.open {
  background-position: -20px -560px;
}

.ciq-day .stx-trade-ticket-toggle.close {
  background-position: -20px -580px;
}

/* MIN SIDE PANEL */

.ciq-day .stx-trade-panel {
  border-right-color: rgba(0, 0, 0, 0.1);
  background: #fff;
}

/* Ticket Panel Nav */

.ciq-day .stx-trade-panel ul.stx-nav a {
  color: #666;
}

html:not([ciq-last-interaction=touch]) .ciq-day .stx-trade-panel ul.stx-nav a:hover,
.ciq-day .stx-trade-panel ul.stx-nav a:active {
  color: #333;
  background: rgba(0, 0, 0, 0.03);
}

/* Order Icons Nav */

html:not([ciq-last-interaction=touch]) .ciq-day ul.stx-orders li:hover,
.ciq-day ul.stx-orders li:active {
  border-color: rgba(0, 0, 0, 0.05);
}

.ciq-day ul.stx-orders li.active,
html:not([ciq-last-interaction=touch]) .ciq-day ul.stx-orders li.active:hover {
  border-color: rgba(0, 0, 0, 0.1);
}

.ciq-day ul.stx-orders li.active a,
html:not([ciq-last-interaction=touch]) .ciq-day ul.stx-orders li.active:hover a {
  background-color: rgba(0, 0, 0, 0.05);
}

html:not([ciq-last-interaction=touch]) .ciq-day ul.stx-orders a:hover,
.ciq-day ul.stx-orders a:active {
  background-color: rgba(0, 0, 0, 0.01);
}

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

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

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

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

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

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

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

.ciq-day .stx-orders li.stx-bracket a {
  background-position: 0px -200px;
}

/* MAX SIDE PANEL */

.ciq-day .stx-panel-module .stx-head-bar {
  background: -o-linear-gradient(top, #fff, #efefef);
  border-top: 1px solid #efefef;
}

.ciq-day .stx-panel-module .stx-head-bar h4 {
  color: #666;
}

.ciq-day .stx-panel-module .stx-head-bar a {
  color: #999999;
}

html:not([ciq-last-interaction=touch]) .ciq-day .stx-panel-module .stx-head-bar span.stx-switch-account:hover a,
.ciq-day .stx-panel-module .stx-head-bar span.stx-switch-account:active a {
  color: #666;
}

/*.ciq-day .stx-panel-module .stx-section {border-bottom:1px solid #efefef;}*/

.ciq-day .stx-trade-account .stx-section {
  border-top: 1px solid #efefef;
}

.ciq-day .stx-panel-module .stx-section h4 {
  color: #999;
}

.ciq-day .stx-panel-module th {
  color: #999;
}

.ciq-day .stx-panel-module td {
  color: #666;
}

.ciq-day .stx-panel-module td.total {
  color: #000;
}

.ciq-day .stx-panel-module .stx-divider td {
  background: #efefef;
}

.ciq-day .stx-panel-module .stx-current-orders tr.tfc-current-symbol td:nth-of-type(3) {
  color: #000;
}

html:not([ciq-last-interaction=touch]) .ciq-day table.stx-current-position tr.tfc-position:hover td:nth-of-type(1):not(.tfc-not-found),
html:not([ciq-last-interaction=touch]) .ciq-day table.stx-current-position tr.tfc-lots-position.sym:hover td:nth-of-type(1):not(.tfc-not-found),
.ciq-day table.stx-current-position tr.tfc-position:active td:nth-of-type(1):not(.tfc-not-found),
.ciq-day table.stx-current-position tr.tfc-lots-position.sym:active td:nth-of-type(1):not(.tfc-not-found) {
  color: #000000;
  font-weight: bold;
  /*background-color:#ffffff;*/
}

html:not([ciq-last-interaction=touch]) .ciq-day table.stx-current-orders tr.tfc-symbol:hover td:nth-of-type(3),
.ciq-day table.stx-current-orders tr.tfc-symbol:active td:nth-of-type(3) {
  color: #000000;
  font-weight: bold;
  background-color: transparent;
  z-index: 1000;
}

/* Drag Lines and Prices */

html:not([ciq-last-interaction=touch]) .ciq-day .tfc.drag-price-line:hover {
  background: rgba(0, 0, 0, 0.07);
}

.ciq-day .tfc.drag-price-line.dragging {
  cursor: ns-resize;
  background: rgba(0, 0, 0, 0.07);
}

/* THE ORDERS */

.ciq-day .tfc-neutral {
  background-color: rgba(0, 0, 0, 0.05);
}

.ciq-day .stx-trade-panel ul.stx-account {
  border-top: 1px solid #efefef;
}

.ciq-day .stx-trade-panel ul.stx-account li span:first-child {
  font-size: 11px;
  color: #999;
}

.ciq-day .stx-trade-panel ul.stx-account li span:last-child {
  color: #333;
  font-size: 11px;
}

.ciq-day .tfc-market-section.complex .wrapper {
  background: #f8f8f8;
}

.ciq-day .market-order.create-order .complex .stx-head {
  color: #666;
}

.ciq-day .market-order.create-order .tfc-market-section.complex .col1 {
  border-right: 1px solid #ddd;
}

html:not([ciq-last-interaction=touch]) .ciq-day .stx-trade-current .stx-head-bar:hover,
.ciq-day .stx-trade-current .stx-head-bar.dragging {
  background: rgba(0, 0, 0, 0.07);
}

html:not([ciq-last-interaction=touch]) .ciq-day .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);
}

.ciq-day .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);
}

.ciq-day .stx-trade-positions .stx-head-bar li.tfc-positions-view {
  color: #666;
}

/* --------------------------------------------------------- Dark Theme --------------------------------------------------------- */

.ciq-night .stx-trade-ticket-toggle.open {
  background-position: -20px -600px;
}

.ciq-night .stx-trade-ticket-toggle.close {
  background-position: -20px -620px;
}

/* MIN SIDE PANEL */

.ciq-night .stx-trade-panel {
  border-right-color: rgba(255, 255, 255, 0.1);
  background: #171f27;
}

/* Ticket Panel Nav */

.ciq-night .stx-trade-panel ul.stx-nav a {
  color: #999;
}

html:not([ciq-last-interaction=touch]) .ciq-night .stx-trade-panel ul.stx-nav a:hover,
.ciq-night .stx-trade-panel ul.stx-nav a:active {
  color: #ccc;
  background: rgba(255, 255, 255, 0.05);
}

/* Order Icons Nav */

html:not([ciq-last-interaction=touch]) .ciq-night ul.stx-orders li:hover,
.ciq-night ul.stx-orders li:active {
  border-color: rgba(255, 255, 255, 0.05);
}

.ciq-night ul.stx-orders li.active,
html:not([ciq-last-interaction=touch]) .ciq-night ul.stx-orders li.active:hover {
  border-color: rgba(255, 255, 255, 0.1);
}

.ciq-night ul.stx-orders li.active a,
html:not([ciq-last-interaction=touch]) .ciq-night ul.stx-orders li.active:hover a {
  background-color: rgba(255, 255, 255, 0.1);
}

html:not([ciq-last-interaction=touch]) .ciq-night ul.stx-orders a:hover,
.ciq-night ul.stx-orders a:active {
  background-color: rgba(255, 255, 255, 0.05);
}

.ciq-night .stx-orders li.stx-market a {
  background-position: -40px 0px;
}

.ciq-night .stx-orders li.stx-buy a {
  background-position: -40px -40px;
}

.ciq-night .stx-orders li.stx-sell a {
  background-position: -40px -80px;
}

.ciq-night .stx-orders li.stx-short a {
  background-position: -40px -280px;
}

.ciq-night .stx-orders li.stx-cover a {
  background-position: -40px -240px;
}

.ciq-night .stx-orders li.stx-strangle a {
  background-position: -40px -120px;
}

.ciq-night .stx-orders li.stx-straddle a {
  background-position: -40px -160px;
}

.ciq-night .stx-orders li.stx-bracket a {
  background-position: -40px -200px;
}

/* MAX SIDE PANEL */

.ciq-night .stx-panel-module .stx-head-bar {
  background: #1b1f21;
  border-top: 1px solid #2d3334;
}

.ciq-night .stx-panel-module .stx-head-bar h4 {
  color: #999;
}

.ciq-night .stx-panel-module .stx-head-bar a {
  color: #666;
}

html:not([ciq-last-interaction=touch]) .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;
}

/*.ciq-night .stx-panel-module .stx-section {border-bottom:1px solid #2d3334;}*/

.ciq-night .stx-trade-account .stx-section {
  border-top: 1px solid #333;
}

.ciq-night .stx-panel-module .stx-section h4 {
  color: #666;
}

.ciq-night .stx-panel-module th {
  color: #999;
}

.ciq-night .stx-panel-module td {
  color: #ccc;
}

.ciq-night .stx-panel-module td.total {
  color: #fff;
}

.ciq-night .stx-panel-module .stx-divider td {
  background: #333;
}

.ciq-night .stx-panel-module .stx-current-position tr.tfc-current-symbol td:nth-of-type(1),
.ciq-night .stx-panel-module .stx-current-orders tr.tfc-current-symbol td:nth-of-type(3) {
  color: #fff;
}

html:not([ciq-last-interaction=touch]) .ciq-night table.stx-current-position tr.tfc-position:hover td:nth-of-type(1):not(.tfc-not-found),
html:not([ciq-last-interaction=touch]) .ciq-night table.stx-current-position tr.tfc-lots-position.sym:hover td:nth-of-type(1):not(.tfc-not-found),
.ciq-night table.stx-current-position tr.tfc-position:active td:nth-of-type(1):not(.tfc-not-found),
.ciq-night table.stx-current-position tr.tfc-lots-position.sym:active td:nth-of-type(1):not(.tfc-not-found) {
  color: #fff;
  font-weight: bold;
  background-color: transparent;
}

html:not([ciq-last-interaction=touch]) .ciq-night table.stx-current-orders tr.tfc-symbol:hover td:nth-of-type(3),
.ciq-night table.stx-current-orders tr.tfc-symbol:active td:nth-of-type(3) {
  color: #ffffff;
  font-weight: bold;
  background-color: transparent;
  z-index: 1000;
}

/* Drag Lines and Prices */

html:not([ciq-last-interaction=touch]) .ciq-night .tfc.drag-price-line:hover {
  background: rgba(255, 255, 255, 0.08);
}

.ciq-night .tfc.drag-price-line.dragging {
  cursor: ns-resize;
  background: rgba(255, 255, 255, 0.08);
}

/* THE ORDERS */

.ciq-night .tfc-neutral {
  background-color: rgba(255, 255, 255, 0.05);
}

.ciq-night .stx-trade-panel ul.stx-account {
  border-top: 1px solid #333;
}

.ciq-night .stx-trade-panel ul.stx-account li span:first-child {
  font-size: 11px;
  color: #eee;
}

.ciq-night .stx-trade-panel ul.stx-account li span:last-child {
  color: #999;
  font-size: 11px;
}

.ciq-night .tfc-market-section.complex .wrapper {
  background: #222;
}

.ciq-night .market-order.create-order .complex .stx-head {
  color: #999;
}

.ciq-night .market-order.create-order .complex .stx-label {
  color: #666;
}

.ciq-night .market-order.create-order .tfc-market-section.complex .col1 {
  border-right: 1px solid #444;
}

html:not([ciq-last-interaction=touch]) .ciq-night .stx-trade-current .stx-head-bar:hover,
.ciq-night .stx-trade-current .stx-head-bar.dragging {
  background: rgba(255, 255, 255, 0.08);
}

.ciq-night .stx-trade-positions .stx-current-position .stx-btn.click:not(.up):not(.down),
.ciq-night .stx-trade-positions .stx-head-bar .stx-btn.click {
  color: #999;
  background-color: #1f1f1f;
  border-color: #333;
}

.ciq-night .stx-trade-positions .stx-current-position .stx-btn.click:active:not(.up):not(.down),
html:not([ciq-last-interaction=touch]) .ciq-night .stx-trade-positions .stx-current-position .stx-btn.click:hover:not(.up):not(.down),
.ciq-night .stx-trade-positions .stx-head-bar .stx-btn.click:active,
html:not([ciq-last-interaction=touch]) .ciq-night .stx-trade-positions .stx-head-bar .stx-btn.click:hover {
  border-color: #666;
  color: #fff;
}

html:not([ciq-last-interaction=touch]) .ciq-night .stx-trade-positions .stx-head-bar li.tfc-positions-view:hover {
  border: solid 1px rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.05);
}

.ciq-night .stx-trade-positions .stx-head-bar li.tfc-positions-view.active {
  border: solid 1px rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
}

.ciq-night .stx-trade-positions .stx-head-bar li.tfc-positions-view {
  color: #999;
}

cq-context,
*[cq-context] {
  font-family: "Fidelity Sans", sans-serif;
}

.cq-dialogs {
  font-family: "Fidelity Sans", sans-serif;
}

.ciq-night .ciq-nav {
  border-width: 0px;
  background-color: transparent;
}

.ciq-night .ciq-toggles::after {
  background-color: transparent;
}

.ciq-night {
  background-color: transparent;
}

.ciq-night .hovershow {
  display: flex;
  height: -moz-fit-content !important;
  height: fit-content !important;
  flex-direction: column;

	.marker-label {
    margin-top: auto;
    margin-bottom: auto;
  }
}

cq-study-legend[chart-legend].hovershow {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity)) !important;
}

cq-study-legend[chart-legend] [section-dynamic] {
	margin: 0;
}

cq-dialog {
	box-shadow: none;
	border-radius: 0.5rem;
	--tw-bg-opacity: 1;
	background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}

/*
.ciq-night .ciq-btn {
	@apply bg-dark-primary text-bg-2 rounded-full capitalize font-bold text-sm h-10 leading-10 px-5 hover:opacity-80 hover:!text-bg-2;
} */

cq-heading,
cq-lookup-filters cq-filter,
cq-toolbar .ciq-heading,
cq-annotation .ciq-btn,
cq-hu-dynamic,
cq-hu-dynamic cq-hu-date,
cq-hu-static,
.mSticky,
.mouseDeleteInstructions,
cq-chart-title,
cq-chart-title cq-chart-price,
.stx_xaxis,
.stx_yaxis,
.stx_watermark,
.ciq-data-table-container table,
.ciq-window,
.ciq-night cq-wave-parameters .ciq-btn cq-tooltip,
cq-timezone-dialog .instruct,
cq-drawing-settings .ciq-heading,
.chartContainer,
.stx-float-date,
.stx_panels,
.stx_annotation,
.stx_fib_levels,
.stx_share,
.stx_share_symbol {
  font-family: "Fidelity Sans", sans-serif;
}

.ciq-night .ciq-chart-area,
.ciq-night .ciq-chart:first-of-type,
.ciq-night .chartContainer,
.ciq-night cq-chart-title,
.ciq-night:not(.break-sm) cq-hu-static {
  background-color: transparent;
}

.ciq-night .stx_candle_down {
	border-left-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(var(--accent-red) / var(--tw-text-opacity));
}

.ciq-night .stx_candle_up {
	border-left-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(var(--accent-green) / var(--tw-text-opacity));
}

.ciq-night .stx_candle_shadow_up,
.ciq-night .stx_candle_shadow_even {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-green) / var(--tw-text-opacity));
}

.ciq-night .stx_candle_shadow_down {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-red) / var(--tw-text-opacity));
}

.ciq-night .ciq-chart {
	box-shadow: none;
}

.ciq-night .stx-panel-title {
	display: none;
}

.ciq-night .stx_grid_border {
	/* Default Grid borders */
	--tw-text-opacity: 1;
	color: rgb(var(--text-tertiary) / var(--tw-text-opacity));

	opacity: 0;
}

/* Vertical grid lines */

.ciq-night .stx_grid_dark {
  border-style: dashed;
  --tw-text-opacity: 1;
  color: rgb(var(--bg-3) / var(--tw-text-opacity));
}

.ciq-night .chartSize {
  margin: 0px;
  display: grid;
  height: 2rem;
  width: 5rem;
  grid-auto-flow: column;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));

	opacity: 1;
	transform: scale(1);
}

.ciq-night .chartSize span {
  height: 2rem;
  width: 2.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ciq-night .chartSize span:hover {
  background-color: rgb(var(--text-primary) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.15;
}

.ciq-night .chartSize span {

	background-repeat: no-repeat;
	opacity: 1;
}

.ciq-night .chartSize span::after {
	display: none;
}

.ciq-night .chartSize span.stx-zoom-out {
	background-image: url("./icons/zoom-out.svg");
	background-position: center;
}

.ciq-night .stx_chart_controls.chartControls {
  height: 2rem;
  width: 5rem;
}

.ciq-night .chartSize span.stx-zoom-in {
	background-image: url("./icons/zoom-in.svg");
	background-position: center;
}

.chartSize span:active {
	scale: scale(1, 1);
}

.ciq-night .stx_jump_today {
  height: 2rem;
  width: 2rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
  opacity: 1;
}

.stx_jump_today.home span {
	background-image: url("./icons/arrow-to-right.svg");
	background-position: center;
	background-repeat: no-repeat;
	height: 2rem;
	width: 2rem;
	opacity: 1;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.stx_jump_today.home span:hover {
  background-color: rgb(var(--text-primary) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.15;
}

/* Horizontal grid lines */

.ciq-night .stx_grid {
	/* Default Grid */
	border-style: dashed;
	--tw-text-opacity: 1;
	color: rgb(var(--bg-3) / var(--tw-text-opacity));
}

.stx_sticky {
	display: none !important;
}

.stx_current_hr_up {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-green) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.stx_current_hr_down {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-red) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx-float-date {
	/* Crosshair Floating x-axis date label */

	width: -moz-fit-content;

	width: fit-content;

	display: grid;

	white-space: nowrap;

	border-bottom-right-radius: 0.25rem;

	border-bottom-left-radius: 0.25rem;

	--tw-bg-opacity: 1;

	background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));

	padding-left: 0.75rem;

	padding-right: 0.75rem;

	padding-top: 0.5rem;

	padding-bottom: 0.5rem;

	font-size: 0.75rem;

	font-weight: 400;

	line-height: 1rem;

	--tw-text-opacity: 1;

	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx-float-price {
	/* Crosshair Floating y-axis value label */
	--tw-bg-opacity: 1;
	background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx_yaxis {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx_xaxis {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx_xaxis_dark {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .stx_crosshair.stx_crosshair_y.crossY {
  border-bottom-width: 1px;
  border-style: dashed;
  border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
  --tw-border-opacity: 0.40;
  background-color: transparent;
}

.ciq-night .stx_crosshair.stx_crosshair_x.crossX {
  border-left-width: 1px;
  border-style: dashed;
  border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
  --tw-border-opacity: 0.40;
  background-color: transparent;
}

/*
.stx_jump_today {
	display: none !important;
} */

/* Volume underlay styles */

.ciq-night .stx_volume_underlay_up {
	opacity: 0.6;
	border-left-color: transparent;
}

.ciq-night .stx_volume_underlay_down {
	opacity: 0.6;
	border-left-color: transparent;
}

.ciq-night .stx_volume_profile {
	border-color: transparent;
}

.ciq-night cq-study-legend[chart-legend] .item:hover {
	box-shadow: none !important;
	margin: 0px;
	--tw-bg-opacity: 1 !important;
	background-color: rgb(var(--bg-4) / var(--tw-bg-opacity)) !important;
}

.ciq-night cq-study-legend .item {
  margin: 0px !important;
}

.ciq-sb-container {
  display: flex;
}

cq-menu.ciq-study-browser cq-menu-dropdown,
cq-menu[config="studybrowser"] cq-dropdown .content {
	width: 500px;
	left: auto;
	right: 0;
	padding: 0;
}

/* ---------------------------- */

/* Copied from library. import not working. idk why */

/* Hovering selectors */

/* main style overrides */

cq-study-browser [ciq-sb-panel-all] cq-heading {
	line-height: 22px;
}

cq-study-browser [ciq-sb-panel-all] cq-heading .searchFilter input[type="search"] {
	padding: 4px 2px;
	width: 80%;
	margin-left: 4px;
}

cq-study-browser [ciq-sb-panel-all] cq-heading .icon {
	position: relative;
	left: 8px;
	margin-left: -8px !important;
	margin-top: 4px !important;
	width: 27px;
	height: 27px;
	display: inline-block;
	background-image: url("img/stx-sprite-ui.svg");
	vertical-align: middle;
}

cq-study-browser cq-heading[cq-filter] cq-lookup-icon {
	margin-left: -18px;
	margin-top: 4px;
}

cq-study-browser cq-section-dynamic .ciq-icon {
	/* Delete button placement for custom item */

	/* float: right; */

	/* Not working properly for firefox */
	margin: 1px -3px 0 0;
}

cq-study-browser cq-item[cq-active-category] {
	background: #efefef;
	color: #000;
}

/* end of main style overrides */

cq-menu[config="studybrowser"] cq-study-legend,
cq-menu.ciq-study-browser cq-study-legend {
	margin: 0;
}

/*
cq-menu.ciq-study-browser cq-menu-dropdown,
cq-menu[config="studybrowser"] cq-dropdown .content {
	width: 500px;
	left: auto;
	right: 0;
	padding: 0;
}

.ciq-sb-container {
	display: flex;
} */

.ciq-sb-container cq-item {
	margin-left: 0;
	padding-left: 10px;
	border-radius: 15px;
	transition: 500ms all;
	opacity: 1;
	margin-top: 0;
	outline: none;
}

.ciq-sb-container cq-item.ciq-move-up {
	margin-top: -22px;
	opacity: 0.1;
	transition: 500ms all;
}

.ciq-sb-container cq-item.ciq-move-down {
	transform: translateY(22px);
	opacity: 0.1;
	transition: 500ms all;
}

.ciq-sb-container [ciq-sb-panel-scriptiq] cq-clickable {
	padding-left: 28px;
	padding-right: 12px;
}

.ciq-sb-categories {
	min-width: 180px;
	padding: 2px 4px 12px 12px;
	background-color: #f3f3f3;
}

.ciq-sb-categories cq-heading {
	margin: 12px 0 0;
	line-height: 28px;
}

.ciq-sb-categories cq-scroll {
	overflow: hidden;
}

html:not([ciq-last-interaction="touch"]) cq-context:not(.ciq-night) .ciq-sb-categories cq-item:hover,
cq-context:not(.ciq-night) .ciq-sb-categories cq-item[cq-active-category] {
	background-color: #e6e6e6;
}

.ciq-sb-categories .ciq-active-studies,
.ciq-sb-categories .ciq-favorite-studies,
.ciq-sb-categories .ciq-popular-studies,
.ciq-sb-categories .ciq-study-library {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: -2px 4px 0 -4px;
	background-image: url("img/stx-sprite-study-browser.svg");
	background-position: -1px -1px;
	background-size: 50px auto;
}

.ciq-sb-categories .ciq-favorite-studies {
	background-position-y: -28px;
}

.ciq-sb-categories .ciq-popular-studies {
	background-position-y: -52px;
}

.ciq-sb-categories .ciq-study-library {
	background-position-y: -76px;
}

.ciq-sb-studies {
	padding: 14px 2px 14px 12px;
	position: relative;
	flex-grow: 1;
	background-color: white;
}

.ciq-sb-studies cq-study-legend cq-section-dynamic {
	background-color: transparent !important;
	border: none !important;
}

.ciq-sb-studies cq-study-legend cq-placeholder {
	text-align: center;
	height: -moz-fit-content;
	height: fit-content;
}

.ciq-sb-studies cq-study-legend cq-label {
	width: calc(100% - 70px);
	position: absolute;
}

.ciq-sb-studies cq-study-legend .ciq-switch {
	right: 2px;
}

.ciq-sb-studies cq-study-legend .ciq-icon {
	position: absolute;
	right: 36px;
}

.ciq-sb-studies div[ciq-favorite-studies] cq-label {
	width: calc(100% - 40px);
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

cq-studies .fav-marker {
	display: none;
}

cq-studies[ciq-favorites] span {
	margin: 24px;
}

:host(cq-studies[favorites]) .item [label],
cq-studies[favorites] .item [label] {
	left: 15px;
	position: relative;
}

cq-studies[favorites] .fav-marker,
cq-studies[ciq-favorites] .fav-marker,
div[ciq-favorite-studies] .fav-marker,
.ciq-sb-categories .fav-marker,
.ciq-info-panel .fav-marker {
	display: inline-block;
	background-image: url("img/stx-sprite-drawing-tools-blue.svg");
	background-position: 0 -958px;
	background-size: 100%;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	top: 2px;
	left: 4px;
	position: absolute;
	opacity: 0;
}

cq-studies[favorites] .ciq-favorite .fav-marker,
cq-studies[ciq-favorites] .ciq-favorite .fav-marker,
div[ciq-favorite-studies] .ciq-favorite .fav-marker,
.ciq-sb-categories .ciq-favorite .fav-marker,
.ciq-info-panel .ciq-favorite .fav-marker {
	opacity: 1;
}

html:not([ciq-last-interaction="touch"]) cq-studies[favorites] cq-item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] cq-studies[favorites] cq-item:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction="touch"]) cq-studies[favorites] li.item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] cq-studies[favorites] li.item:not(.ciq-favorite) > .fav-marker,
cq-studies[favorites] cq-item:focus:not(.ciq-favorite) > .fav-marker,
cq-studies[favorites] cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
cq-studies[favorites] li.item:focus:not(.ciq-favorite) > .fav-marker,
cq-studies[favorites] li.item[cq-focused]:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction="touch"]) cq-studies[ciq-favorites] cq-item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] cq-studies[ciq-favorites] cq-item:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction="touch"]) cq-studies[ciq-favorites] li.item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] cq-studies[ciq-favorites] li.item:not(.ciq-favorite) > .fav-marker,
cq-studies[ciq-favorites] cq-item:focus:not(.ciq-favorite) > .fav-marker,
cq-studies[ciq-favorites] cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
cq-studies[ciq-favorites] li.item:focus:not(.ciq-favorite) > .fav-marker,
cq-studies[ciq-favorites] li.item[cq-focused]:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction="touch"]) div[ciq-favorite-studies] cq-item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] div[ciq-favorite-studies] cq-item:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction="touch"]) div[ciq-favorite-studies] li.item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] div[ciq-favorite-studies] li.item:not(.ciq-favorite) > .fav-marker,
div[ciq-favorite-studies] cq-item:focus:not(.ciq-favorite) > .fav-marker,
div[ciq-favorite-studies] cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
div[ciq-favorite-studies] li.item:focus:not(.ciq-favorite) > .fav-marker,
div[ciq-favorite-studies] li.item[cq-focused]:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction="touch"]) .ciq-sb-categories cq-item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] .ciq-sb-categories cq-item:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction="touch"]) .ciq-sb-categories li.item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] .ciq-sb-categories li.item:not(.ciq-favorite) > .fav-marker,
.ciq-sb-categories cq-item:focus:not(.ciq-favorite) > .fav-marker,
.ciq-sb-categories cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
.ciq-sb-categories li.item:focus:not(.ciq-favorite) > .fav-marker,
.ciq-sb-categories li.item[cq-focused]:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction="touch"]) .ciq-info-panel cq-item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] .ciq-info-panel cq-item:not(.ciq-favorite) > .fav-marker,
html:not([ciq-last-interaction="touch"]) .ciq-info-panel li.item:hover:not(.ciq-favorite) > .fav-marker,
[ciq-mobile] .ciq-info-panel li.item:not(.ciq-favorite) > .fav-marker,
.ciq-info-panel cq-item:focus:not(.ciq-favorite) > .fav-marker,
.ciq-info-panel cq-item[cq-focused]:not(.ciq-favorite) > .fav-marker,
.ciq-info-panel li.item:focus:not(.ciq-favorite) > .fav-marker,
.ciq-info-panel li.item[cq-focused]:not(.ciq-favorite) > .fav-marker {
	background-position: 0 -558px;
	opacity: 1;
}

div[ciq-favorite-studies] cq-item cq-label {
	margin-left: 24px;
}

.ciq-active-study-count {
	float: right;
	background-color: #398dff;
	color: white;
	width: auto;
	height: 16px;
	padding: 0 5px;
	line-height: 16px;
	border-radius: 8px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	margin-top: 5px;
}

.ciq-info-btn {
	background-image: url("img/stx-sprite-study-browser.svg");
	background-position: -3px -88px;
	background-size: 44px auto;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 6px;
	right: 8px;
	opacity: 0;
	transition: opacity 550ms;
}

cq-item:focus .ciq-info-btn,
html:not([ciq-last-interaction="touch"]) cq-item:hover .ciq-info-btn {
	opacity: 0.8;
}

.ciq-info-panel a .ciq-info-btn {
	opacity: 1;
	right: auto;
	left: 10px;
	top: 6px;
}

.ciq-info-panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	display: none;
	cursor: default;
}

.ciq-info-panel .fav-marker {
	opacity: 0.75;
	transition: opacity 350ms;
	position: absolute;
	top: 16px;
	right: 12px;
	left: auto;
	cursor: pointer;
}

html:not([ciq-last-interaction="touch"]) .ciq-info-panel .fav-marker:hover {
	opacity: 1;
}

.ciq-info-panel .fav-marker:not(.ciq-favorite) {
	background-position: 0 -558px;
}

.ciq-info-panel .ciq-info-panel-indent {
	margin-left: 7px;
}

.ciq-info-panel-active {
	display: block;
}

cq-dropdown .content > .item:not(.template-item):not(.heading-item) > * {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.ciq-active .ciq-radio span:after,
.ciq-radio.ciq-active span:after {
	left: 2px;
	bottom: 2px;
	--tw-bg-opacity: 1;
	background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
}

.ciq-info-panel-back-btn {
	background-image: url("img/stx-sprite-study-browser.svg");
	background-position: -5px -151px;
	background-size: 60px auto;
	width: 20px;
	height: 20px;
	font-size: 24px;
	color: #808b95;
	display: inline-block;
	margin: 12px 6px 0 10px;
	vertical-align: middle;
	cursor: pointer;
}

.ciq-info-panel-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 16px;
	margin-top: 12px;
}

.ciq-info-panel-description {
	line-height: 16px;
	margin: 4px 16px 24px;
	white-space: normal;
}

.ciq-info-panel-indent {
	margin-left: 18px;
}

.ciq-info-panel-description-indent-two {
	margin-left: 20px;
}

.ciq-info-panel-controls {
	text-align: center;
}

.ciq-info-panel a {
	text-align: center;
	display: inline-block;
	width: 80%;
	background-color: #f3f3f3;
	border-radius: 20px;
	margin-top: 32px;
	line-height: 28px;
	color: #000;
	text-decoration: none;
	position: relative;
	padding-left: 10px;
	opacity: 0.8;
}

html:not([ciq-last-interaction="touch"]) .ciq-info-panel a:hover {
	opacity: 1;
}

/* responsive mode */

.ciq-chart-area > cq-study-browser {
	top: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
	display: none;
}

.ciq-sb-active .ciq-chart-area > cq-study-browser {
	display: block;
}

[ciq-mobile] .ciq-info-btn {
	opacity: 0.8;
}

[ciq-mobile] .ciq-info-panel cq-item:not(.ciq-favorite) > .fav-marker {
	background-position: 0 -557px;
	opacity: 1;
}

/* end responsive mode */

.ciq-night cq-item[cq-active-category] {
	background-color: #2c4154;
	color: #fff;
}

.ciq-night .ciq-sb-categories {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
  padding: 0px;
}

.ciq-night .ciq-sb-categories cq-item > div {
	background-position-x: -26px;
}

.ciq-night .ciq-sb-studies {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
}

.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 cq-dropdown .content,
cq-dropdown.ciq-night .content {
	box-shadow: none;
	border-radius: 0.5rem;
}

.ciq-night cq-dropdown .content {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}

cq-heading {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.radio-item.item:hover div {
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 0px;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity)) !important;
}

.radio-item.item div {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

cq-dropdown, cq-dropdown[cq-lift] {
	/* overflow-y: auto; */
	z-index: 9000;
}

cq-dropdown .content > .item [label] {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

cq-dialog {
	z-index: 1000;
	padding-left: 2rem;
	padding-right: 2rem;

	p {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.ciq-night cq-dropdown .item.separator-item hr {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--bg-4) / var(--tw-border-opacity));
}

.partial.separator-item.item hr {
	width: unset !important;
	border-bottom-style: solid !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	--tw-border-opacity: 1;
	border-bottom-color: rgb(var(--bg-4) / var(--tw-border-opacity));
}

.ciq-night .item-item.item:hover > div,
.ciq-night cq-views .item:hover,
.ciq-night .clickable-item.item:hover cq-clickable {
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 0px;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity)) !important;
}

.ciq-night .item-item.item > div,
.ciq-night cq-views .item,
.ciq-night .clickable-item.item cq-clickable {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.ciq-night cq-menu.nav-dropdown:not(.toggle-options):before {
  top: 0.25rem;
  height: 2rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}

.ciq-night cq-menu.nav-dropdown.toggle-options:before {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));

	top: 13px;
	left: -9.5px;
}

.ciq-night .break-md cq-menu.nav-dropdown.toggle-options:before {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));

	top: 18px;
	left: -20.5px;
}

.ciq-night cq-menu {
  height: 2rem;
  line-height: 2rem;

	.menu-clickable {
    height: 2rem;
  }
}

.ciq-night .menu-clickable {
  height: 2rem;

	.icon.preferences {
    margin: auto;
  }

	.icon.preferences {

		background-position-y: -47.5px;
		background-position: -298px -25px;
	}
}

.ciq-night {
	div[cq-tooltip] {
    text-wrap: nowrap;
  }
	div[cq-tooltip] {
    border-radius: 9999px;
  }
	div[cq-tooltip] {
    border-style: none !important;
  }
	div[cq-tooltip] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
  }
	div[cq-tooltip] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
	div[cq-tooltip] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

.ciq-night cq-menu.nav-dropdown:after {
	top: 13px;
	right: -2px;
}

.ciq-night .break-md cq-menu.nav-dropdown:after {
	top: 18px;
	right: 13px;
}

.ciq-night cq-color-picker {
  border-radius: 0.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.ciq-base-chart .ciq-chart-area {
	top: 1rem !important;
	bottom: 0 !important;
}

cq-context:not([crosssection-active]) .toggle-options {
	display: inherit;
}

/* Display video markers in menu */

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

cq-dialog {
	top: 0;
}

cq-context {
  background-color: transparent;
}

cq-context:not(.ciq-night) .ciq-sb-categories cq-item[cq-active-category],
html:not([ciq-last-interaction="touch"]) cq-context:not(.ciq-night) .ciq-sb-categories cq-item:hover {
  margin: 0px;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
}

.ciq-sb-container cq-item {
  margin: 0px;
  border-radius: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.ciq-night cq-separator {
  border-top-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--bg-4) / var(--tw-border-opacity));
}

.ciq-sb-categories cq-heading {
	line-height: normal;
	margin-top: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 0.25rem;
}

.ciq-night cq-heading.dropdown input,
.ciq-night cq-heading.dropdown input:hover {
  border-color: transparent;
  background-color: transparent;
  font-weight: 400;
}

cq-study-browser [ciq-sb-panel-all] cq-heading .searchFilter input[type="search"] {
  height: 100%;
  padding: 0px;
}

cq-study-browser [ciq-sb-panel-all] cq-heading {
	line-height: normal;
	margin-bottom: 0.25rem;
}

.ciq-night cq-heading.dropdown {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}

cq-study-browser [ciq-sb-panel-all] cq-heading .icon {
  margin-top: 1px !important;
}

.ciq-night .ps__rail-y:hover {
  border-radius: 9999px;
  background-color: rgb(var(--bg-2) / 0.2);
}

.ciq-night .ciq-sb-studies {
  padding-left: 0px;
  padding-right: 0px;
}

html:not([ciq-last-interaction="touch"]) .ciq-night cq-item:hover,
html:not([ciq-last-interaction="touch"]) cq-context:not(.ciq-night) cq-study-legend cq-section-dynamic cq-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}

cq-studies .ciq-info-btn {
	filter: brightness(0) saturate(100%) invert(70%) sepia(5%) saturate(89%) hue-rotate(182deg) brightness(93%)
		contrast(85%);
	right: 16px;
}

cq-studies[favorites] .fav-marker,
cq-studies[ciq-favorites] .fav-marker {
	top: 2.5px;
	left: 16px;

	/* util to calculate filters to achieve a certain color https://codepen.io/sosuke/pen/Pjoqqp */

	/* athlete accent-primary */
	filter: brightness(0) saturate(100%) invert(63%) sepia(88%) saturate(350%) hue-rotate(93deg) brightness(92%)
		contrast(88%);
}

.ciq-active-study-count {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-4) / var(--tw-bg-opacity));
}

.ciq-sb-categories .ciq-favorite-studies,
.ciq-info-panel .fav-marker:not(.ciq-favorite),
.fav-marker {
	filter: brightness(0) saturate(100%) invert(63%) sepia(88%) saturate(350%) hue-rotate(93deg) brightness(92%)
		contrast(88%);
}

.ciq-night .ciq-info-panel {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
  padding: 0.25rem;
}

.ciq-info-panel .fav-marker {
	top: 12px;
}

.ciq-info-panel-description {
  margin-top: 1rem;
}

cq-section-dynamic cq-item {
  width: 100%;
}

.ciq-sb-studies cq-study-legend .ciq-icon {
	right: 48px;
}

.ciq-sb-studies cq-study-legend .ciq-switch {
	right: 16px;
}

.ciq-switch:checked,
.ciq-active > .ciq-switch {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
}

div[ciq-favorite-studies] .fav-marker {
	left: 16px;
}

cq-dialog {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

cq-dialog h4 {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

cq-dialog hr {
  --tw-border-opacity: 1;
  border-color: rgb(var(--bg-4) / var(--tw-border-opacity));
}

.ciq-select {
  background-color: transparent;
}

cq-dropdown .content {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
}

.ciq-line-style-option {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--text-primary) / var(--tw-border-opacity));
}

html:not([ciq-last-interaction="touch"])
	cq-dropdown
	.content
	> .item:not(.separator-item, .heading-item, .template-item, .ciq-btn):hover
	> * {
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-tertiary) / var(--tw-bg-opacity));
}

html:not([ciq-last-interaction="touch"])
	cq-dropdown
	.content
	> .item:not(.separator-item, .heading-item, .template-item, .ciq-btn) {
  border-radius: 0px;
}

cq-dropdown .content > .item:not(.template-item) > * {
  margin-left: 0px;
  margin-right: 0px;
}

.ciq-select:hover {
  background-color: transparent;
}

cq-study-dialog cq-study-output label {
  display: flex;
  white-space: nowrap;

	.stx-data {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 8px;
	}
}

.ciq-night cq-menu .menu-clickable:not(cq-help) {
  margin: auto;
}

.break-md cq-menu[icon]:not(.toggle-options) .menu-clickable span.icon:not([ciq-menu-icon]) {
	/* filter: brightness(0) saturate(100%) invert(100%); */
	margin: auto;
	left: 0;

	div {
		/* filter: invert(100%); */
	}
}

.break-md,
.break-sm {
	cq-menu.ciq-markers {
		.menu-clickable span.icon {
			background-position: -100px -50px;
		}
	}
	cq-menu.ciq-studies {
		.menu-clickable span.icon {
			background-position: -300px -50px;
		}
	}
	cq-menu.ciq-views {
		.menu-clickable span.icon {
			background-position: -481px -50px;
		}
	}
}

cq-menu.nav-dropdown:before {
	margin: -4px 8px;
}

cq-menu:not(.toggle-options) {
	padding: 0 10px 0 14px;
}

.break-md cq-menu[icon]:not([responsive]) {
	padding: 0 7px;
}

/*
.break-md cq-menu.nav-dropdown:not(.toggle-options) {
	padding: 0 10px 0 14px;
} */

.break-md cq-menu.nav-dropdown {
	padding: 0 1px 0 10px;
	margin: 0 1px;
}

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

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

.ciq-night .ciq-nav cq-toggle::before {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}

cq-toggle.active {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--accent-primary) / var(--tw-border-opacity));
}

.cq-up {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-green) / var(--tw-text-opacity));
}

.cq-down {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-red) / var(--tw-text-opacity));
}

/* text-accent-green */

cq-chart-title cq-chart-price.stx-up cq-change .ico,
cq-study-legend[chart-legend].hovershow .marker-label:after {
	filter: brightness(0) saturate(100%) invert(53%) sepia(64%) saturate(503%) hue-rotate(69deg) brightness(96%)
		contrast(90%);
}

cq-study-legend[chart-legend].hovershow .marker-label:after {
	margin-top: 2px;
}

cq-study-dialog cq-study-output label {
	display: grid;
	grid-template-columns: 1fr auto;
}

cq-study-dialog cq-swatch {
  margin-top: auto;
  margin-bottom: auto;
}

cq-study-dialog cq-study-parameters div.stx-data input[type="number"] {
  width: 100%;
}

.ciq-night .ciq-btn,
.ciq-btn {
	border: unset;
	align-content: center;
	height: 2rem;
	border-radius: 9999px;
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
	background-color: transparent;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: capitalize;
	--tw-text-opacity: 1;
	color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .ciq-btn:hover,
.ciq-btn:hover {
  background-color: rgb(var(--text-primary) / 0.2);
  --tw-text-opacity: 1 !important;
  color: rgb(var(--text-primary) / var(--tw-text-opacity)) !important;
}

.ciq-night .ciq-btn:disabled,
.ciq-btn:disabled {
  border-color: rgb(var(--text-primary) / 0.40);
  color: rgb(var(--text-primary) / 0.40);
}

.ciq-night .ciq-btn:hover:disabled,
.ciq-btn:hover:disabled {
  background-color: transparent;
}

.ciq-night cq-study-legend[chart-legend] > * {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .ciq-footer {
  border-color: transparent;
  background-color: transparent;
}

cq-show-range .content > .item.separator-item {
	display: none;
}

.ciq-night .ciq-info-panel a {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}

.ciq-info-panel-description {
	display: grid;
	gap: 8px;
}

.stx-head-bar {
	box-sizing: content-box;
}

/*
.tfc.create-order.market-order .tfc-bid {
	display: flex;
	position: relative;
} */

/* TFC */

.create-order.market-order .tfc-click-label {
	display: flex;
	position: relative;
}

.create-order.market-order .click {
  margin: 0px;
  display: flex;
  height: 100%;
  width: 6.25rem;
  flex-direction: column;
}

.create-order.market-order {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;

	.col1.tfc-market-buy-action,
	.col3.tfc-market-sell-action {
    float: none;
  }

	.col1.tfc-market-buy-action,
	.col3.tfc-market-sell-action {
    display: flex;
  }

	.col1.tfc-market-buy-action,
	.col3.tfc-market-sell-action {
    height: 100%;
  }

	.col1.tfc-market-buy-action,
	.col3.tfc-market-sell-action {
    width: 100%;
  }
}

.click.tfc-sell,
html:not([ciq-last-interaction="touch"]) .tfc-sell.click:hover,
html:not([ciq-last-interaction="touch"]) .tfc-sell.click:active {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-red) / var(--tw-bg-opacity));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

html:not([ciq-last-interaction="touch"]) .tfc-sell.click:hover,
html:not([ciq-last-interaction="touch"]) .tfc-sell.click:active {
  opacity: 0.9;
}

html:not([ciq-last-interaction="touch"]) .tfc-buy.click:hover,
html:not([ciq-last-interaction="touch"]) .tfc-buy.click:active {
  opacity: 0.9;
}

.click.tfc-buy,
html:not([ciq-last-interaction="touch"]) .tfc-buy.click:hover,
html:not([ciq-last-interaction="touch"]) .tfc-buy.click:active {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-green) / var(--tw-bg-opacity));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.market-order.create-order .col2 {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.ciq-night .stx-trade-panel {
  border-right-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
}

.tfc-market-section {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  gap: 1rem;
}

.create-order.market-order .stx-data input[type="text"],
.create-order.market-order input[type="number"],
.tfc .stx-data input[type="text"],
.tfc input[type="number"] {
  --tw-border-opacity: 1;
  border-color: rgb(var(--bg-4) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .tfc-market-section.complex .wrapper {
	box-shadow: none;
	position: relative;
	display: grid;
	width: -moz-fit-content;
	width: fit-content;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	background-color: transparent;
}

.ciq-night .market-order.create-order .complex .stx-head {
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.stx-label.tfc-points {
  display: none;
}

.ciq-night .market-order.create-order .tfc-market-section.complex .col1 {
  margin-left: auto;
}

.market-order.create-order .tfc-market-section.complex .col2 {
  margin-right: auto;
}

.ciq-night .market-order.create-order .tfc-market-section.complex .col1,
.market-order.create-order .tfc-market-section.complex .col2 {
	grid-template-columns: auto 65px;
	float: none;
	display: grid;
	width: 100%;
	gap: 1rem;
	border-style: none;
}

.market-order.create-order .tfc-market-section.complex input[type="text"],
.market-order.create-order .tfc-market-section.complex input[type="number"] {
  margin: 0px;
  width: 100%;
}

.tfc .stx-label {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.tfc .inputTemplate {
  display: flex;
  gap: 0.375rem;
}

.stx-dialog-container.trade .stx-dialog {
  border-radius: 0.75rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));

	.orderProcessed {
    display: grid !important;
  }

	.orderProcessed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

	.orderProcessed {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}

.stx-dialog-container.trade .stx-value {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.tfcConfirmOrder.tfcConfirmOrder .confirm-ticket {
  grid-column: span 2 / span 2;
  border-style: none;
}

.tfc-errors {
  grid-column: span 2 / span 2;
}

.tfc-warnings {
  grid-column: span 2 / span 2;
}

.stx-dialog-container.trade .stx-label {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-text-opacity));
}

.stx-btn.click.tfcAbandon {
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--text-primary) / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.stx-btn.click.tfcAbandon:hover {
  background-color: rgb(var(--text-primary) / 0.2);
}

.stx-btn.click.tfcAbandon:disabled {
  border-color: rgb(var(--text-primary) / 0.40);
  color: rgb(var(--text-primary) / 0.40);
}

.stx-btn.click.tfcAbandon:hover:disabled {
  background-color: transparent;
}

.stx-btn.click.tfcAbandon {
  margin-left: auto;
  line-height: 2.5rem;
}

.stx-btn.click.tfcSubmit {
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-primary) / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--bg-1) / var(--tw-text-opacity));
}

.stx-btn.click.tfcSubmit:hover {
  --tw-bg-opacity: 0.9;
}

.stx-btn.click.tfcSubmit {
  margin-right: auto;
  line-height: 2.5rem;
}

.stx-dialog-container.trade h4 {
  padding-left: 0.5rem;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-text-opacity));
}

/* Close Button */

cq-dialog cq-close,cq-close  {
	top: 8px;
	right: 8px;
	border-radius: 9999px;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

cq-close::after {
	top: 0;
	right: 0;
}

.ciq-night .ciq-data-table-toolbar cq-close:after {
	background-position: -250px -25px;
}

.stx-btn.stx-ico .stx-ico-close, cq-close::after {
  opacity: 1;
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.stx-btn.stx-ico .stx-ico-close:hover, cq-close:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
}

/* ------------- */

cq-dialog h4 {
	text-align: left;
}

cq-dialog em {
  margin-bottom: 0px;
  margin-right: auto;
  display: flex;
}

cq-aggregation-dialog > div {
  margin: 0px !important;
}

cq-aggregation-dialog input {
	margin: 0;
}

cq-aggregation-dialog br {
	display: none;
}

cq-aggregation-dialog label em {
  margin-bottom: 0.25rem;
  margin-right: auto;
  display: flex;
}

.stx-btn.stx-ico.stx-ico-close {
  top: 1rem;
  right: 1rem;
}

cq-dialog {
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%);
}

.tfc.create-order {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}

.tfc select.stx-select {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--bg-4) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.tfc .arrow span {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}

.tfc.create-order {
	padding: 15px 24px;
	display: flex;
	height: -moz-fit-content;
	height: fit-content;
	width: -moz-fit-content;
	width: fit-content;
	gap: 1rem;

	.col1 {
    float: none;
  }

	.stx-label.tfc-price-dollars {
    margin-right: auto;
  }

	.stx-label.tfc-price-dollars {
    margin-left: 0px;
  }

	.inputTemplate.gain .stx-data {
    --tw-text-opacity: 1;
    color: rgb(var(--accent-green) / var(--tw-text-opacity));
  }

	.inputTemplate.loss .stx-data {
    --tw-text-opacity: 1;
    color: rgb(var(--accent-red) / var(--tw-text-opacity));
  }
}

/* -------------------------------------- */

/* Info Tooltip */

cq-hu-dynamic {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
	svg {
    display: none;
  }
}

cq-hu-dynamic > div {
	top: 10px;
	right: -2px;
}

cq-hu-dynamic cq-hu-col2 > * {
	font-size: 13px;
	white-space: nowrap;
}

.ciq-night cq-hu-dynamic cq-hu-col2 > * {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

cq-hu-dynamic cq-hu-col2 > div {
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	--tw-text-opacity: 1;
	color: rgb(var(--text-secondary) / var(--tw-text-opacity));
}

.ciq-night cq-hu-dynamic cq-hu-date {
	white-space: nowrap;
	--tw-text-opacity: 1;
	color: rgb(var(--text-secondary) / var(--tw-text-opacity));
}

.ciq-night cq-hu-dynamic cq-volume-grouping > div:nth-of-type(1) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-text-opacity));
}

.ciq-night cq-hu-dynamic cq-volume-grouping > div:nth-of-type(2) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-2) / var(--tw-bg-opacity));
}

.ciq-night cq-hu-dynamic cq-volume-grouping > div:nth-of-type(3) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night cq-hu-dynamic cq-volume-visual {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-secondary) / var(--tw-bg-opacity));
}

.ciq-night cq-hu-dynamic cq-volume-grouping > div:nth-of-type(1) {
  border-style: none;
}

/* ----------- */

/* Settings Toggle Switch */

cq-dropdown .content > .item.ciq-active .ciq-switch {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
}

cq-dropdown .content > .item.ciq-active:hover .ciq-switch {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
  opacity: 0.7;
}

/* ----------- */

/* Hover for Menus */

: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] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

/* ----------- */

/* Chart HUD */

.ciq-night cq-hu-static > div > * {
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night cq-hu-static > div > div {
  padding-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-text-opacity));
}

/* ----------- */

/* Dialog Menu */

/* Save View Modal,  */

cq-view-dialog label > div {
  text-align: left;
}

cq-view-dialog label br {
	display: none;
}

cq-view-dialog label {
	display: flex;
	margin-bottom: 1rem;
	flex-direction: column;
	gap: 0.5rem;
}

/* Resize line */

.ciq-night .stx-ico-handle {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--text-tertiary) / var(--tw-bg-opacity));
}

/* Data Table View */

.ciq-night .ciq-data-table-container {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-2) / var(--tw-bg-opacity));
}

.ciq-night .ciq-data-table-container button {
  border-style: none;
  background-color: transparent;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

.ciq-night .ciq-data-table-container button:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--accent-primary) / var(--tw-text-opacity));
}

.ciq-data-table-toolbar {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}

.ciq-data-table-title {
  flex: 1 1 0%;
}

.ciq-data-table-toolbar cq-close {
	top: -10px;
}

.ciq-data-table-toolbar > button {
  margin-top: auto;
  margin-bottom: auto;
}

.ciq-data-table-toolbar > div {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.ciq-data-table-toolbar > div > label {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  gap: 0.125rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.375rem;
}

.ciq-data-table-toolbar > div > label > span {
  margin-top: auto;
  margin-bottom: auto;
}

.ciq-night .ciq-data-table-container label:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
}

.ciq-active > .ciq-switch:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
}

.ciq-night .ciq-data-table-container tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-4) / var(--tw-bg-opacity));
}

.ciq-night .ciq-data-table-container th, .ciq-night .ciq-data-table-container td {
  --tw-border-opacity: 1;
  border-color: rgb(var(--bg-3) / var(--tw-border-opacity));
}

.ciq-data-table-toolbar .ciq-data-table-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(var(--text-secondary) / var(--tw-text-opacity));
}

.ciq-data-table-title cq-symbol {
  margin-left: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(var(--text-primary) / var(--tw-text-opacity));
}

/* Studies Menu */

cq-dialog[aria-labelledby="cq-study-dialog-title"] {
  width: 24rem;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 1.5rem;
  padding-top: 1rem;

	h4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

	h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }

	h4 {
    --tw-text-opacity: 1;
    color: rgb(var(--text-primary) / var(--tw-text-opacity));
  }

	cq-scroll {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

	cq-study-input {
    margin: 0px;
  }

	cq-study-input {
    width: 100%;
  }

	cq-study-inputs {
    position: relative;
  }

	cq-study-inputs {
    padding-left: 1rem;
    padding-right: 1rem;
  }

	cq-study-dialog .stx-data, .ciq-drawing-dialog-setting .stx-data {
    width: 100%;
  }

	cq-menu {
    margin: 0px;
  }

	cq-menu:not(.nav-dropdown) [label] {
		margin-top: -1px;
	}

	.menu-clickable {
    margin-top: auto;
    margin-bottom: auto;
  }

	cq-study-output .stx-data {
    display: flex;
  }

	cq-study-output .stx-data {
    flex-direction: row-reverse;
  }

	cq-study-output .stx-data {
    gap: 0.5rem;
  }

	.stx-data {
    display: flex;
  }

	.stx-data {
    gap: 0.5rem;
  }



	.stx-data:has(input[type="checkbox"]) {
    display: flex;
  }



	.stx-data:has(input[type="checkbox"]) {

		input[type="checkbox"] {
      margin-top: auto;
      margin-bottom: auto;
    }

		input[type="checkbox"] {
      margin-left: auto;
    }

		input[type="checkbox"] {

			-webkit-appearance: none;

			   -moz-appearance: none;

			        appearance: none; /* Remove default checkbox styling */
			width: 20px;
			height: 20px;
		  }

		input[type="checkbox"] {
      border-width: 1px;
    }

		input[type="checkbox"] {
      --tw-border-opacity: 1;
      border-color: rgb(var(--text-tertiary) / var(--tw-border-opacity));
    }

		input[type="checkbox"] {
			/* border: 2px solid #234587; */
			border-radius: 4px; /* Rounded corners */
			display: inline-block;
			position: relative;
			cursor: pointer;
			transition: background-color 0.2s ease, border-color 0.2s ease;
		  }

		  input[type="checkbox"]:checked {
      --tw-bg-opacity: 1;
      background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
    }

		  input[type="checkbox"]::after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 10px;
			height: 10px;
		  }

		  input[type="checkbox"]::after {
      --tw-bg-opacity: 1;
      background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
    }

		  input[type="checkbox"]::after {

			transform: translate(-50%, -50%) scale(0);
			border-radius: 2px;
			transition: transform 0.2s ease;
		  }


		  input[type="checkbox"]:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(var(--accent-primary) / var(--tw-bg-opacity));
    }
	}

	cq-menu.ciq-line-style .menu-clickable .icon {
		margin-top:12px;
	}

	cq-study-output {
    margin: 0px;
  }

	cq-study-output {
    width: 100%;
  }

	cq-study-parameter {
    margin: 0px;
  }

	cq-study-parameter {
    width: 100%;
  }

	cq-study-input:has(.ciq-symbol-input) label {
		display: grid;
		grid-template-columns: 1fr auto;
	}
}

.ciq-night cq-color-picker {
	z-index: 9000;
}

.ciq-select:after {
	top:40%;
}

cq-swatch {
	width: 24px;
}

cq-study-output cq-swatch {
	width: 28px;
}

.ciq-heading {
	white-space: nowrap;
}

.ciq-night .cq-toast-message .cq-message-container {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--bg-3) / var(--tw-bg-opacity));
}