html {
-webkit-text-size-adjust: 100%
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "tnum" on, "lnum" on;
color: #131722;
font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
font-size: 14px
}
html.theme-dark body {
color: #d1d4dc
}
html[lang=vi] body {
font-family: Arial, sans-serif
}
body,
html {
box-sizing: border-box
}
body,
dir,
h1,
h2,
h3,
h4,
h5,
h6,
html,
li,
menu,
ol,
p,
ul {
margin: 0;
padding: 0
}
a {
text-decoration: none
}
a:active {
outline: 0
}
@media (any-hover:hover) {
a:hover {
outline: 0
}
}
h1 {
font-size: 2em
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: initial
}
sup {
top: -.25em
}
sub {
bottom: -.25em
}
figure {
margin: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button,
select {
text-transform: none
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: default
}
input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: initial
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: none;
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
:root {
--v-rhythm-header-1-space-phone: 56px;
--v-rhythm-header-1-space-tablet: 80px;
--v-rhythm-header-1-space-laptop: 100px;
--v-rhythm-header-1-space-desktop: 120px;
--v-rhythm-header-2-space-phone: 16px;
--v-rhythm-header-2-space-tablet: 24px;
--v-rhythm-header-2-space-laptop: 32px;
--v-rhythm-header-2-space-desktop: 40px;
--v-rhythm-header-3-space-phone: 16px;
--v-rhythm-header-3-space-tablet: 16px;
--v-rhythm-header-3-space-laptop: 24px;
--v-rhythm-header-3-space-desktop: 24px;
--v-rhythm-footer-1-space-phone: 56px;
--v-rhythm-footer-1-space-tablet: 80px;
--v-rhythm-footer-1-space-laptop: 100px;
--v-rhythm-footer-1-space-desktop: 120px;
--v-rhythm-footer-2-space-phone: 16px;
--v-rhythm-footer-2-space-tablet: 24px;
--v-rhythm-footer-2-space-laptop: 32px;
--v-rhythm-footer-2-space-desktop: 40px;
--v-rhythm-footer-3-space-phone: 16px;
--v-rhythm-footer-3-space-tablet: 16px;
--v-rhythm-footer-3-space-laptop: 24px;
--v-rhythm-footer-3-space-desktop: 24px;
--v-rhythm-spacing-1-phone: 80px;
--v-rhythm-spacing-1-tablet: 120px;
--v-rhythm-spacing-1-laptop: 160px;
--v-rhythm-spacing-1-desktop: 200px;
--v-rhythm-spacing-2-phone: 64px;
--v-rhythm-spacing-2-tablet: 88px;
--v-rhythm-spacing-2-laptop: 120px;
--v-rhythm-spacing-2-desktop: 160px;
--v-rhythm-spacing-3-phone: 48px;
--v-rhythm-spacing-3-tablet: 64px;
--v-rhythm-spacing-3-laptop: 88px;
--v-rhythm-spacing-3-desktop: 120px;
--v-rhythm-spacing-4-phone: 48px;
--v-rhythm-spacing-4-tablet: 48px;
--v-rhythm-spacing-4-laptop: 64px;
--v-rhythm-spacing-4-desktop: 80px;
--v-rhythm-spacing-5-phone: 32px;
--v-rhythm-spacing-5-tablet: 32px;
--v-rhythm-spacing-5-laptop: 40px;
--v-rhythm-spacing-5-desktop: 48px;
--v-rhythm-header-1-space: var(--v-rhythm-header-1-space-phone);
--v-rhythm-header-2-space: var(--v-rhythm-header-2-space-phone);
--v-rhythm-header-3-space: var(--v-rhythm-header-3-space-phone);
--v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-phone);
--v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-phone);
--v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-phone);
--v-rhythm-spacing-1: var(--v-rhythm-spacing-1-phone);
--v-rhythm-spacing-2: var(--v-rhythm-spacing-2-phone);
--v-rhythm-spacing-3: var(--v-rhythm-spacing-3-phone);
--v-rhythm-spacing-4: var(--v-rhythm-spacing-4-phone);
--v-rhythm-spacing-5: var(--v-rhythm-spacing-5-phone)
}
@media screen and (min-width:768px) {
:root {
--v-rhythm-header-1-space: var(--v-rhythm-header-1-space-tablet);
--v-rhythm-header-2-space: var(--v-rhythm-header-2-space-tablet);
--v-rhythm-header-3-space: var(--v-rhythm-header-3-space-tablet);
--v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-tablet);
--v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-tablet);
--v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-tablet);
--v-rhythm-spacing-1: var(--v-rhythm-spacing-1-tablet);
--v-rhythm-spacing-2: var(--v-rhythm-spacing-2-tablet);
--v-rhythm-spacing-3: var(--v-rhythm-spacing-3-tablet);
--v-rhythm-spacing-4: var(--v-rhythm-spacing-4-tablet);
--v-rhythm-spacing-5: var(--v-rhythm-spacing-5-tablet)
}
}
@media screen and (min-width:1280px) {
:root {
--v-rhythm-header-1-space: var(--v-rhythm-header-1-space-laptop);
--v-rhythm-header-2-space: var(--v-rhythm-header-2-space-laptop);
--v-rhythm-header-3-space: var(--v-rhythm-header-3-space-laptop);
--v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-laptop);
--v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-laptop);
--v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-laptop);
--v-rhythm-spacing-1: var(--v-rhythm-spacing-1-laptop);
--v-rhythm-spacing-2: var(--v-rhythm-spacing-2-laptop);
--v-rhythm-spacing-3: var(--v-rhythm-spacing-3-laptop);
--v-rhythm-spacing-4: var(--v-rhythm-spacing-4-laptop);
--v-rhythm-spacing-5: var(--v-rhythm-spacing-5-laptop)
}
}
@media screen and (min-width:1440px) {
:root {
--v-rhythm-header-1-space: var(--v-rhythm-header-1-space-desktop);
--v-rhythm-header-2-space: var(--v-rhythm-header-2-space-desktop);
--v-rhythm-header-3-space: var(--v-rhythm-header-3-space-desktop);
--v-rhythm-footer-1-space: var(--v-rhythm-footer-1-space-desktop);
--v-rhythm-footer-2-space: var(--v-rhythm-footer-2-space-desktop);
--v-rhythm-footer-3-space: var(--v-rhythm-footer-3-space-desktop);
--v-rhythm-spacing-1: var(--v-rhythm-spacing-1-desktop);
--v-rhythm-spacing-2: var(--v-rhythm-spacing-2-desktop);
--v-rhythm-spacing-3: var(--v-rhythm-spacing-3-desktop);
--v-rhythm-spacing-4: var(--v-rhythm-spacing-4-desktop);
--v-rhythm-spacing-5: var(--v-rhythm-spacing-5-desktop)
}
}
.tv-text ol,
.tv-text p,
.tv-text ul {
color: #131722;
font-size: 14px;
line-height: 1.6;
margin-bottom: 12px
}
html.theme-dark .tv-text ol,
html.theme-dark .tv-text p,
html.theme-dark .tv-text ul {
color: #d1d4dc
}
.tv-text ol.tv-text__paragraph--additional-top-margin,
.tv-text p.tv-text__paragraph--additional-top-margin,
.tv-text ul.tv-text__paragraph--additional-top-margin {
margin-top: 24px
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double,
.tv-text p.tv-text__paragraph--additional-top-margin_double,
.tv-text ul.tv-text__paragraph--additional-top-margin_double {
margin-top: 48px
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-top-margin_double.link,
html.theme-dark .tv-text p.tv-text__paragraph--additional-top-margin_double.link,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-top-margin_double.link {
fill: #3179f5;
color: #3179f5
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:visited,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:visited,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-top-margin_double.link:visited,
html.theme-dark .tv-text p.tv-text__paragraph--additional-top-margin_double.link:visited,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-top-margin_double.link:visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:hover,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:hover,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-top-margin_double.link:hover,
html.theme-dark .tv-text p.tv-text__paragraph--additional-top-margin_double.link:hover,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-top-margin_double.link:hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:active,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:active,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-top-margin_double.link:active,
html.theme-dark .tv-text p.tv-text__paragraph--additional-top-margin_double.link:active,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-top-margin_double.link:active {
fill: #1e53e5;
color: #1e53e5
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:focus,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:focus,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:focus {
outline: auto;
outline-offset: 2px
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:focus-visible,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:focus-visible,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:focus-visible {
outline: auto;
outline-offset: 2px
}
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:focus:not(:focus-visible),
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:focus:not(:focus-visible),
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:focus:not(:focus-visible) {
outline: none
}
@media (any-hover:hover) {
.tv-text ol.tv-text__paragraph--additional-top-margin_double.link:hover,
.tv-text p.tv-text__paragraph--additional-top-margin_double.link:hover,
.tv-text ul.tv-text__paragraph--additional-top-margin_double.link:hover {
text-decoration: underline
}
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin,
.tv-text p.tv-text__paragraph--additional-bottom-margin,
.tv-text ul.tv-text__paragraph--additional-bottom-margin {
margin-bottom: 24px
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double {
margin-bottom: 48px
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link,
html.theme-dark .tv-text p.tv-text__paragraph--additional-bottom-margin_double.link,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link {
fill: #3179f5;
color: #3179f5
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:visited,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:visited,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:visited,
html.theme-dark .tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:visited,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:hover,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:hover,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:hover,
html.theme-dark .tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:hover,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:active,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:active,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:active,
html.theme-dark .tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:active,
html.theme-dark .tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:active {
fill: #1e53e5;
color: #1e53e5
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:focus,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:focus,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:focus {
outline: auto;
outline-offset: 2px
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:focus-visible,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:focus-visible,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:focus-visible {
outline: auto;
outline-offset: 2px
}
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:focus:not(:focus-visible),
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:focus:not(:focus-visible),
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:focus:not(:focus-visible) {
outline: none
}
@media (any-hover:hover) {
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double.link:hover,
.tv-text p.tv-text__paragraph--additional-bottom-margin_double.link:hover,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double.link:hover {
text-decoration: underline
}
}
.tv-text h1 {
font-size: 45px;
margin-bottom: 30px;
margin-top: 30px
}
@media screen and (max-width:1019px) {
.tv-text h1 {
font-size: 38px
}
}
@media screen and (max-width:767px) {
.tv-text h1 {
font-size: 32px
}
}
@media screen and (max-width:479px) {
.tv-text h1 {
font-size: 28px
}
}
.tv-text h2 {
font-size: 31px
}
@media screen and (max-width:1019px) {
.tv-text h2 {
font-size: 26px
}
}
@media screen and (max-width:479px) {
.tv-text h2 {
font-size: 24px
}
}
.tv-text h3 {
font-size: 17px
}
@media screen and (max-width:1019px) {
.tv-text h3 {
font-size: 16px
}
}
.tv-text h4 {
font-size: 15px
}
.tv-text h2,
.tv-text h3,
.tv-text h4 {
margin-bottom: 20px;
margin-top: 20px
}
.tv-text h1:first-child,
.tv-text h2:first-child,
.tv-text h3:first-child,
.tv-text h4:first-child {
margin-top: 0
}
.tv-text ol,
.tv-text ul {
list-style-position: inside
}
.tv-text--position-outside ol,
.tv-text--position-outside ul {
list-style-position: outside;
padding-left: 17px
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag) {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag) {
fill: #3179f5;
color: #3179f5
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):active {
fill: #1e53e5;
color: #1e53e5
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):focus {
outline: auto;
outline-offset: 2px
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):focus-visible {
outline: auto;
outline-offset: 2px
}
.tv-text a:not(.tv-button):not(.tv-chart-view__description__tag):focus:not(:focus-visible) {
outline: none
}
.tv-text__font.tv-text__font--size_semilarge {
font-size: 15px
}
@media screen and (max-width:767px) {
.tv-text__font.tv-text__font--size_semilarge {
font-size: 14px
}
}
.tv-text__font.tv-text__font--size_large {
font-size: 17px
}
@media screen and (max-width:767px) {
.tv-text__font.tv-text__font--size_large {
font-size: 16px
}
}
.tv-text__font.tv-text__font--size_xlarge {
font-size: 19px
}
@media screen and (max-width:767px) {
.tv-text__font.tv-text__font--size_xlarge {
font-size: 18px
}
}
.tv-text__font--bold {
font-weight: 700
}
.tv-text__font--italic {
font-style: italic
}
.tv-text--darkbg,
.tv-text--darkbg ol,
.tv-text--darkbg p,
.tv-text--darkbg ul {
color: #fff
}
.js-hidden {
display: none !important
}
.js-no-pointer-events {
pointer-events: none !important
}
.aria-live-regions-wrapper {
clip: rect(0, 0, 0, 0);
border: 0;
height: 1px;
margin: -1px;
overflow-x: hidden;
padding: 0;
position: absolute;
width: 1px
}
html {
color-scheme: light
}
html.theme-dark {
color-scheme: dark
}
html.theme-dark iframe {
color-scheme: normal
}
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
min-width: 320px
}
body.i-no-scroll {
overflow: hidden !important
}
body.i-no-padding {
padding: 0 !important
}
::selection {
background: #bbd9fb
}
html.theme-dark ::selection {
background: #143a87
}
.i-hidden {
display: none !important
}
.i-invisible {
visibility: hidden !important
}
.i-clearfix:after {
clear: both;
content: "";
display: table
}
.i-align_left {
text-align: left !important
}
.i-align_right {
text-align: right !important
}
.i-align_center {
text-align: center !important
}
.i-float_left {
float: left !important
}
.i-float_right {
float: right !important
}
.i-float_none {
float: none !important
}
@media screen and (min-width:1020px) {
.i-device-only {
display: none !important
}
}
@media screen and (max-width:1019px) {
.i-desktop-only {
display: none !important
}
}
@media not screen and (max-width:479px) {
.i-phones-only {
display: none !important
}
}
@media screen and (max-width:479px) {
.i-except-phones-only {
display: none !important
}
}
.i-no-break {
white-space: nowrap
}
body {
overflow-y: scroll
}
body.fullscreen-mode {
overflow: hidden
}
.tv-layout-width {
box-sizing: border-box;
margin: 0 auto;
padding: 0 20px;
width: 1020px
}
.tv-layout-width--no-padding {
padding: 0;
width: 980px
}
.tv-layout-width--simple {
padding: 0
}
.tv-dialog .tv-layout-width {
max-width: 100%
}
.chart-page .tv-layout-width {
width: 100%
}
@media screen and (max-width:1019px) {
.tv-layout-width {
width: auto
}
.tv-layout-width .tv-feed {
margin-left: -20px;
margin-right: -20px
}
.tv-layout-width .tv-feed--tablet-top-indent {
margin-top: 48px
}
}
.tv-layout-padding {
padding: 0 20px
}
body.page-wide .tv-layout-width {
width: 1520px
}
.tv-main,
body.page-fullwidth .tv-layout-width {
width: 100%
}
.tv-main {
display: flex;
flex-direction: column;
min-height: 100%
}
.tv-side-toolbar {
float: left;
height: 100%;
overflow-x: visible;
overflow-y: hidden;
position: static
}
.chart-page .tv-content {
padding: 0
}
.clear {
clear: both
}
.clearfix:after {
clear: both;
content: "";
display: table
}
.hide {
display: none !important
}
.show {
display: block !important
}
.tv-right {
float: right !important
}
.tv-left {
float: left !important
}
#_atssh {
margin-top: -20px;
position: absolute
}
.js-right-boundary {
margin-right: 0
}
body {
background-color: #fff
}
html.theme-dark body {
background-color: #000
}
body.tv-body--bg_superdark,
html.theme-dark body.tv-body--bg_superdark {
background: #131722
}
body.extension {
min-width: 0;
overflow: hidden
}
img {
border: none
}
textarea {
resize: none
}
:focus {
outline: none
}
input,
textarea {
border-radius: 0
}
.tv-profile .tags,
.unselectable {
-webkit-user-select: none;
user-select: none
}
.selectable,
input,
textarea {
-webkit-user-select: text;
user-select: text
}
.text-center {
text-align: center
}
#chart-area {
background: #0000
}
#chart-area,
.chart-container {
position: relative
}
#chart-area.fullscreen {
height: 100% !important;
left: 0;
position: fixed;
top: 0;
width: 100% !important;
z-index: 15
}
.chart-page {
background-color: var(--tv-color-platform-background, #e0e3eb)
}
html.theme-dark .chart-page {
background-color: var(--tv-color-platform-background, #2a2e39)
}
.chart-page .chart-container {
contain: strict;
position: relative
}
.chart-page .chart-container-border {
background-color: #fff;
border: none;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
z-index: 0
}
html.theme-dark .chart-page .chart-container-border {
background-color: #131722
}
.chart-page .chart-container.multiple.active:after {
border: 2px solid #2962ff;
bottom: 0;
box-sizing: border-box;
content: "";
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0
}
html.theme-dark .chart-page .chart-container.multiple.active:after {
border-color: #143eb3
}
.chart-page .chart-container.inactive .back-to-present {
display: none
}
.chart-page .chart-container.no-header-toolbar .chart-container-border {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.chart-page .chart-container.no-bottom-toolbar .chart-container-border {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.layout-with-border-radius .chart-container.top-left-chart .chart-container-border,
.layout-with-border-radius .chart-container.top-left-chart.multiple.active:after {
border-radius: 4px 0 0 0
}
.layout-with-border-radius .chart-container.top-right-chart .chart-container-border,
.layout-with-border-radius .chart-container.top-right-chart.multiple.active:after {
border-radius: 0 4px 0 0
}
.layout-with-border-radius .chart-container.top-full-width-chart .chart-container-border,
.layout-with-border-radius .chart-container.top-full-width-chart.multiple.active:after {
border-radius: 4px 4px 0 0
}
.layout-with-border-radius .no-border-top-left-radius .chart-container .chart-container-border,
.layout-with-border-radius .no-border-top-left-radius .chart-container.multiple.active:after {
border-top-left-radius: 0
}
.layout-with-border-radius .no-border-top-right-radius .chart-container .chart-container-border,
.layout-with-border-radius .no-border-top-right-radius .chart-container.multiple.active:after {
border-top-right-radius: 0
}
.input-reset {
border-radius: 50%;
cursor: pointer;
display: none;
height: 16px;
position: absolute;
right: 7px;
top: 7px;
width: 16px
}
.input-reset:before {
background: url(icons.4d39018d0766cf7006bc.png) no-repeat -103px -340px;
content: " ";
display: block;
height: 10px;
left: 50%;
margin: -5px 0 0 -5px;
position: absolute;
top: 50%;
width: 10px
}
@media (any-hover:hover) {
.input-reset:hover {
background-color: #f2f5f8
}
}
.input-reset:active {
opacity: .6
}
.loading-indicator {
background: #fff;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 150
}
html.theme-dark .loading-indicator {
background: #131722
}
.ui-slider-horizontal {
background-color: #f4f7f9;
border: 1px solid #c9cbcd !important;
box-shadow: inset 0 1px 2px #00000026;
height: 5px !important;
margin: 7px 0 0
}
html.theme-dark .ui-slider-horizontal {
background-color: #131722;
border-color: #2a2e39 !important
}
.ui-slider-handle {
background: url(icons.4d39018d0766cf7006bc.png) -20px -80px !important;
border: none !important;
height: 15px !important;
margin-left: -7px !important;
top: -5px !important;
width: 15px !important
}
.ui-slider-horizontal.linewidth-slider {
background: url(linewidth-slider.8e3d0520d28ce8259ccf.png) 0 0 no-repeat !important;
border: none !important;
box-shadow: none;
display: inline-block;
height: 12px !important;
margin: 7px 10px;
vertical-align: middle;
width: 101px
}
.ui-slider-horizontal.linewidth-slider:after,
.ui-slider-horizontal.linewidth-slider:before {
content: none
}
.ui-slider-horizontal.transparency-slider {
background: url(opacity-slider.4f3ca6b00b45fd71da5f.png) !important;
height: 8px !important;
margin: 7px 10px;
width: 99px
}
.ui-slider-horizontal.transparency-slider.wide-slider {
margin: 7px 1px;
width: 176px
}
.ui-slider-horizontal.transparency-slider .gradient {
background: linear-gradient(90deg, #0000 0, #7db9e8);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 92%
}
.ui-slider-horizontal.linewidth-slider .ui-slider-handle,
.ui-slider-horizontal.transparency-slider .ui-slider-handle {
background: url(large-slider-handle.18e9ee5923db4eac2c43.svg) 0 0 no-repeat !important;
height: 20px !important;
margin: -10px 0 0 -10px !important;
top: 50% !important;
width: 20px !important
}
.ui-slider-horizontal.linewidth-slider .ui-slider-handle.without-shift-handle-left,
.ui-slider-horizontal.transparency-slider .ui-slider-handle.without-shift-handle-left {
margin: -10px 3px 0 -3px !important
}
.falling,
.growing {
color: #fff
}
.growing {
background: #42bda8
}
.falling {
background: #f7525f
}
#myswf {
left: 0;
position: fixed;
top: 0
}
.tv-button {
fill: currentColor;
-webkit-tap-highlight-color: transparent;
background-color: initial;
border: none;
border-radius: 4px;
box-sizing: border-box;
color: #787b86;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 32px;
margin: 0;
min-width: 40px;
outline: 0;
overflow: hidden;
padding: 1px 22px;
position: relative;
text-align: center;
text-decoration: none;
transition: background-color .35s ease, border-color .35s ease, color .35s ease;
-webkit-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap
}
.tv-button.tv-button--danger_ghost,
.tv-button.tv-button--default,
.tv-button.tv-button--default_ghost,
.tv-button.tv-button--primary_ghost,
.tv-button.tv-button--secondary_ghost,
.tv-button.tv-button--state,
.tv-button.tv-button--success_ghost,
.tv-button.tv-button--warning_ghost {
padding: 0 21px
}
.tv-button.i-active,
.tv-button.i-hover,
.tv-button:active {
transition-duration: 60ms
}
@media (any-hover:hover) {
.tv-button:hover {
transition-duration: 60ms
}
}
.tv-button svg {
vertical-align: middle
}
.tv-button--block {
display: block;
text-align: center;
width: 100%
}
.tv-button+.tv-button {
margin-left: 15px
}
.tv-button.tv-button--no-left-margin {
margin-left: 0
}
.tv-button__text {
display: inline-block;
position: relative
}
.tv-button__text--full-height {
word-wrap: break-word;
align-items: center;
display: flex;
height: 100%;
justify-content: center;
line-height: 1.2em;
margin: 11px 5px;
white-space: normal;
width: 100%
}
.tv-button--default,
.tv-button--default_ghost,
a.tv-button--default:visited {
background-color: #fff;
border-color: #fff;
color: #fff
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark a.tv-button--default:visited {
background-color: #000;
border-color: #000
}
.tv-button--default_ghost {
color: #fff
}
html.theme-dark .tv-button--default_ghost {
color: #000
}
.tv-button--default_ghost.i-checked {
background-color: #fff;
border-color: #fff;
color: #fff
}
html.theme-dark .tv-button--default_ghost.i-checked {
background-color: #000;
border-color: #000
}
.tv-button--default.i-active,
.tv-button--default:active,
.tv-button--default_ghost.i-active,
.tv-button--default_ghost:active {
background-color: #ececec;
border-color: #ececec;
color: #fff;
transform: translateY(1px)
}
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default:active,
html.theme-dark .tv-button--default_ghost.i-active,
html.theme-dark .tv-button--default_ghost:active {
background-color: #1e222d;
border-color: #1e222d
}
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
background-color: #e0e3eb;
border-color: #e0e3eb;
color: #fff
}
@media (any-hover:hover) {
.tv-button--default:hover,
.tv-button--default_ghost:hover {
background-color: #e0e3eb;
border-color: #e0e3eb;
color: #fff
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
background-color: #1e222d
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
background-color: #1e222d
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
border-color: #1e222d
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
border-color: #1e222d
}
}
.tv-button--default_ghost .tv-button__loader-item {
background-color: #e0e3eb
}
html.theme-dark .tv-button--default_ghost .tv-button__loader-item {
background-color: #1e222d
}
.tv-button--default_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
.tv-button--default_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
.tv-button--default,
.tv-button--default.i-checked,
.tv-button--default_ghost,
.tv-button--default_ghost.i-checked {
border: 1px solid #b2b5be;
color: #6a6d78
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default_ghost.i-checked {
border-color: #363a45;
color: #868993
}
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
border-color: #b2b5be;
color: #6a6d78
}
@media (any-hover:hover) {
.tv-button--default:hover,
.tv-button--default_ghost:hover {
border-color: #b2b5be;
color: #6a6d78
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
border-color: #363a45
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
border-color: #363a45
}
}
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
color: #868993
}
@media (any-hover:hover) {
html.theme-dark .tv-button--default:hover,
html.theme-dark .tv-button--default_ghost:hover {
color: #868993
}
}
.tv-button--default.i-active,
.tv-button--default:active,
.tv-button--default_ghost.i-active,
.tv-button--default_ghost:active {
border-color: #b2b5be;
color: #6a6d78
}
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default:active,
html.theme-dark .tv-button--default_ghost.i-active,
html.theme-dark .tv-button--default_ghost:active {
border-color: #363a45;
color: #868993
}
.tv-button--primary,
.tv-button--primary_ghost,
a.tv-button--primary:visited {
background-color: #2962ff;
border-color: #2962ff;
color: #fff
}
html.theme-dark .tv-button--primary,
html.theme-dark .tv-button--primary_ghost,
html.theme-dark a.tv-button--primary:visited {
background-color: #2962ff;
border-color: #2962ff;
color: #fff
}
.tv-button--primary_ghost,
html.theme-dark .tv-button--primary_ghost {
color: #2962ff
}
.tv-button--primary_ghost.i-checked {
background-color: #2962ff;
border-color: #2962ff;
color: #fff
}
html.theme-dark .tv-button--primary_ghost.i-checked {
background-color: #2962ff;
border-color: #2962ff;
color: #fff
}
.tv-button--primary.i-active,
.tv-button--primary:active,
.tv-button--primary_ghost.i-active,
.tv-button--primary_ghost:active {
background-color: #1848cc;
border-color: #1848cc;
color: #fff;
transform: translateY(1px)
}
html.theme-dark .tv-button--primary.i-active,
html.theme-dark .tv-button--primary:active,
html.theme-dark .tv-button--primary_ghost.i-active,
html.theme-dark .tv-button--primary_ghost:active {
background-color: #1848cc;
border-color: #1848cc;
color: #fff
}
.tv-button--primary.i-hover,
.tv-button--primary_ghost.i-hover {
background-color: #1e53e5;
border-color: #1e53e5;
color: #fff
}
@media (any-hover:hover) {
.tv-button--primary:hover,
.tv-button--primary_ghost:hover {
background-color: #1e53e5;
border-color: #1e53e5;
color: #fff
}
}
html.theme-dark .tv-button--primary.i-hover,
html.theme-dark .tv-button--primary_ghost.i-hover {
background-color: #1e53e5
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary:hover,
html.theme-dark .tv-button--primary_ghost:hover {
background-color: #1e53e5
}
}
html.theme-dark .tv-button--primary.i-hover,
html.theme-dark .tv-button--primary_ghost.i-hover {
border-color: #1e53e5
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary:hover,
html.theme-dark .tv-button--primary_ghost:hover {
border-color: #1e53e5
}
}
html.theme-dark .tv-button--primary.i-hover,
html.theme-dark .tv-button--primary_ghost.i-hover {
color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary:hover,
html.theme-dark .tv-button--primary_ghost:hover {
color: #fff
}
}
.tv-button--primary_ghost .tv-button__loader-item,
html.theme-dark .tv-button--primary_ghost .tv-button__loader-item {
background-color: #1e53e5
}
.tv-button--primary_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
.tv-button--primary_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
html.theme-dark .tv-button--primary_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--primary_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
.tv-button--secondary,
.tv-button--secondary_ghost,
a.tv-button--secondary:visited {
background-color: #f0f3fa;
border-color: #f0f3fa;
color: #787b86
}
.tv-button--secondary_ghost {
color: #787b86
}
.tv-button--secondary_ghost.i-checked {
background-color: #f0f3fa;
border-color: #f0f3fa;
color: #787b86
}
.tv-button--secondary.i-active,
.tv-button--secondary:active,
.tv-button--secondary_ghost.i-active,
.tv-button--secondary_ghost:active {
background-color: #d1dbf0;
border-color: #d1dbf0;
color: #787b86;
transform: translateY(1px)
}
.tv-button--secondary.i-hover,
.tv-button--secondary_ghost.i-hover {
background-color: #e1e7f5;
border-color: #e1e7f5;
color: #787b86
}
@media (any-hover:hover) {
.tv-button--secondary:hover,
.tv-button--secondary_ghost:hover {
background-color: #e1e7f5;
border-color: #e1e7f5;
color: #787b86
}
}
.tv-button--secondary_ghost .tv-button__loader-item {
background-color: #e1e7f5
}
.tv-button--secondary_ghost.i-hover .tv-button__loader-item {
background-color: #787b86
}
@media (any-hover:hover) {
.tv-button--secondary_ghost:hover .tv-button__loader-item {
background-color: #787b86
}
}
.tv-button--success,
.tv-button--success_ghost,
a.tv-button--success:visited {
background-color: #089981;
border-color: #089981;
color: #fff
}
html.theme-dark .tv-button--success,
html.theme-dark .tv-button--success_ghost,
html.theme-dark a.tv-button--success:visited {
background-color: #056656;
border-color: #056656;
color: #fff
}
.tv-button--success_ghost {
color: #089981
}
html.theme-dark .tv-button--success_ghost {
color: #056656
}
.tv-button--success_ghost.i-checked {
background-color: #089981;
border-color: #089981;
color: #fff
}
html.theme-dark .tv-button--success_ghost.i-checked {
background-color: #056656;
border-color: #056656;
color: #fff
}
.tv-button--success.i-active,
.tv-button--success:active,
.tv-button--success_ghost.i-active,
.tv-button--success_ghost:active {
background-color: #056656;
border-color: #056656;
color: #fff;
transform: translateY(1px)
}
html.theme-dark .tv-button--success.i-active,
html.theme-dark .tv-button--success:active,
html.theme-dark .tv-button--success_ghost.i-active,
html.theme-dark .tv-button--success_ghost:active {
background-color: #089981;
border-color: #089981;
color: #fff
}
.tv-button--success.i-hover,
.tv-button--success_ghost.i-hover {
background-color: #06806b;
border-color: #06806b;
color: #fff
}
@media (any-hover:hover) {
.tv-button--success:hover,
.tv-button--success_ghost:hover {
background-color: #06806b;
border-color: #06806b;
color: #fff
}
}
html.theme-dark .tv-button--success.i-hover,
html.theme-dark .tv-button--success_ghost.i-hover {
background-color: #06806b
}
@media (any-hover:hover) {
html.theme-dark .tv-button--success:hover,
html.theme-dark .tv-button--success_ghost:hover {
background-color: #06806b
}
}
html.theme-dark .tv-button--success.i-hover,
html.theme-dark .tv-button--success_ghost.i-hover {
border-color: #06806b
}
@media (any-hover:hover) {
html.theme-dark .tv-button--success:hover,
html.theme-dark .tv-button--success_ghost:hover {
border-color: #06806b
}
}
html.theme-dark .tv-button--success.i-hover,
html.theme-dark .tv-button--success_ghost.i-hover {
color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--success:hover,
html.theme-dark .tv-button--success_ghost:hover {
color: #fff
}
}
.tv-button--success_ghost .tv-button__loader-item,
html.theme-dark .tv-button--success_ghost .tv-button__loader-item {
background-color: #06806b
}
.tv-button--success_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
.tv-button--success_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
html.theme-dark .tv-button--success_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--success_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
.tv-button--danger,
.tv-button--danger_ghost,
a.tv-button--danger:visited {
background-color: #f7525f;
border-color: #f7525f;
color: #fff
}
html.theme-dark .tv-button--danger,
html.theme-dark .tv-button--danger_ghost,
html.theme-dark a.tv-button--danger:visited {
background-color: #b22833;
border-color: #b22833;
color: #fff
}
.tv-button--danger_ghost {
color: #f7525f
}
html.theme-dark .tv-button--danger_ghost {
color: #b22833
}
.tv-button--danger_ghost.i-checked {
background-color: #f7525f;
border-color: #f7525f;
color: #fff
}
html.theme-dark .tv-button--danger_ghost.i-checked {
background-color: #b22833;
border-color: #b22833;
color: #fff
}
.tv-button--danger.i-active,
.tv-button--danger:active,
.tv-button--danger_ghost.i-active,
.tv-button--danger_ghost:active {
background-color: #b22833;
border-color: #b22833;
color: #fff;
transform: translateY(1px)
}
html.theme-dark .tv-button--danger.i-active,
html.theme-dark .tv-button--danger:active,
html.theme-dark .tv-button--danger_ghost.i-active,
html.theme-dark .tv-button--danger_ghost:active {
background-color: #f23645;
border-color: #f23645;
color: #fff
}
.tv-button--danger.i-hover,
.tv-button--danger_ghost.i-hover {
background-color: #cc2f3c;
border-color: #cc2f3c;
color: #fff
}
@media (any-hover:hover) {
.tv-button--danger:hover,
.tv-button--danger_ghost:hover {
background-color: #cc2f3c;
border-color: #cc2f3c;
color: #fff
}
}
html.theme-dark .tv-button--danger.i-hover,
html.theme-dark .tv-button--danger_ghost.i-hover {
background-color: #cc2f3c
}
@media (any-hover:hover) {
html.theme-dark .tv-button--danger:hover,
html.theme-dark .tv-button--danger_ghost:hover {
background-color: #cc2f3c
}
}
html.theme-dark .tv-button--danger.i-hover,
html.theme-dark .tv-button--danger_ghost.i-hover {
border-color: #cc2f3c
}
@media (any-hover:hover) {
html.theme-dark .tv-button--danger:hover,
html.theme-dark .tv-button--danger_ghost:hover {
border-color: #cc2f3c
}
}
html.theme-dark .tv-button--danger.i-hover,
html.theme-dark .tv-button--danger_ghost.i-hover {
color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--danger:hover,
html.theme-dark .tv-button--danger_ghost:hover {
color: #fff
}
}
.tv-button--danger_ghost .tv-button__loader-item,
html.theme-dark .tv-button--danger_ghost .tv-button__loader-item {
background-color: #cc2f3c
}
.tv-button--danger_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
.tv-button--danger_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
html.theme-dark .tv-button--danger_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
html.theme-dark .tv-button--danger_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
.tv-button--warning,
.tv-button--warning_ghost,
a.tv-button--warning:visited {
background-color: #ff9800;
border-color: #ff9800;
color: #fff
}
.tv-button--warning_ghost {
color: #ff9800
}
.tv-button--warning_ghost.i-checked {
background-color: #ff9800;
border-color: #ff9800;
color: #fff
}
.tv-button--warning.i-active,
.tv-button--warning:active,
.tv-button--warning_ghost.i-active,
.tv-button--warning_ghost:active {
background-color: #cc7014;
border-color: #cc7014;
color: #fff;
transform: translateY(1px)
}
.tv-button--warning.i-hover,
.tv-button--warning_ghost.i-hover {
background-color: #ff9100;
border-color: #ff9100;
color: #fff
}
@media (any-hover:hover) {
.tv-button--warning:hover,
.tv-button--warning_ghost:hover {
background-color: #ff9100;
border-color: #ff9100;
color: #fff
}
}
.tv-button--warning_ghost .tv-button__loader-item {
background-color: #ff9100
}
.tv-button--warning_ghost.i-hover .tv-button__loader-item {
background-color: #fff
}
@media (any-hover:hover) {
.tv-button--warning_ghost:hover .tv-button__loader-item {
background-color: #fff
}
}
.tv-button--link {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-button--link {
fill: #3179f5;
color: #3179f5
}
.tv-button--link:visited {
fill: #2962ff;
color: #2962ff
}
html.theme-dark .tv-button--link:visited {
fill: #3179f5;
color: #3179f5
}
@media (any-hover:hover) {
.tv-button--link:hover {
fill: #1e53e5;
color: #1e53e5
}
html.theme-dark .tv-button--link:hover {
fill: #2962ff;
color: #2962ff
}
}
.tv-button--link:active {
fill: #1848cc;
color: #1848cc
}
html.theme-dark .tv-button--link:active {
fill: #1e53e5;
color: #1e53e5
}
.tv-button--link:focus {
outline: auto;
outline-offset: 2px
}
.tv-button--link:focus-visible {
outline: auto;
outline-offset: 2px
}
.tv-button--link:focus:not(:focus-visible) {
outline: none
}
.tv-button--danger_ghost,
.tv-button--default_ghost,
.tv-button--primary_ghost,
.tv-button--secondary_ghost,
.tv-button--success_ghost,
.tv-button--warning_ghost {
background-color: #0000;
border-style: solid;
border-width: 1px
}
html.theme-dark .tv-button--danger_ghost,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--primary_ghost,
html.theme-dark .tv-button--secondary_ghost,
html.theme-dark .tv-button--success_ghost,
html.theme-dark .tv-button--warning_ghost {
background-color: #0000
}
.tv-button--danger_ghost.tv-button--size_large,
.tv-button--default_ghost.tv-button--size_large,
.tv-button--primary_ghost.tv-button--size_large,
.tv-button--secondary_ghost.tv-button--size_large,
.tv-button--success_ghost.tv-button--size_large,
.tv-button--warning_ghost.tv-button--size_large {
border-width: 2px
}
.tv-button--danger_ghost.tv-button--size_large.tv-button--thin-border,
.tv-button--default_ghost.tv-button--size_large.tv-button--thin-border,
.tv-button--primary_ghost.tv-button--size_large.tv-button--thin-border,
.tv-button--secondary_ghost.tv-button--size_large.tv-button--thin-border,
.tv-button--success_ghost.tv-button--size_large.tv-button--thin-border,
.tv-button--warning_ghost.tv-button--size_large.tv-button--thin-border {
border-width: 1px
}
@media (any-hover:hover) {
.tv-button--default_ghost:hover {
background-color: #ececec
}
html.theme-dark .tv-button--default_ghost:hover {
background-color: #1e222d
}
}
.tv-button.i-disabled,
.tv-button.i-disabled:active,
.tv-button:disabled,
.tv-button:disabled:active {
background-color: #e0e3eb;
border-color: #e0e3eb;
color: #b2b5be;
cursor: default
}
@media (any-hover:hover) {
.tv-button.i-disabled:hover,
.tv-button:disabled:hover {
background-color: #e0e3eb;
border-color: #e0e3eb;
color: #b2b5be;
cursor: default
}
}
html.theme-dark .tv-button.i-disabled,
html.theme-dark .tv-button.i-disabled:active,
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button:disabled:active {
background-color: #363a45
}
@media (any-hover:hover) {
html.theme-dark .tv-button.i-disabled:hover,
html.theme-dark .tv-button:disabled:hover {
background-color: #363a45
}
}
html.theme-dark .tv-button.i-disabled,
html.theme-dark .tv-button.i-disabled:active,
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button:disabled:active {
border-color: #363a45
}
@media (any-hover:hover) {
html.theme-dark .tv-button.i-disabled:hover,
html.theme-dark .tv-button:disabled:hover {
border-color: #363a45
}
}
html.theme-dark .tv-button.i-disabled,
html.theme-dark .tv-button.i-disabled:active,
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button:disabled:active {
color: #50535e
}
@media (any-hover:hover) {
html.theme-dark .tv-button.i-disabled:hover,
html.theme-dark .tv-button:disabled:hover {
color: #50535e
}
}
.tv-button.i-disabled:active,
.tv-button:disabled:active {
transform: translateY(0)
}
.tv-button--size_xsmall {
border-radius: 1px;
font-size: 11px;
font-weight: 400;
line-height: 15px;
padding: 2px 7px
}
.tv-button--size_xsmall.tv-button--danger_ghost,
.tv-button--size_xsmall.tv-button--default,
.tv-button--size_xsmall.tv-button--default_ghost,
.tv-button--size_xsmall.tv-button--primary_ghost,
.tv-button--size_xsmall.tv-button--secondary_ghost,
.tv-button--size_xsmall.tv-button--state,
.tv-button--size_xsmall.tv-button--success_ghost,
.tv-button--size_xsmall.tv-button--warning_ghost {
padding: 1px 6px
}
.tv-button--size_xsmall+.tv-button--size_xsmall {
margin-left: 10px
}
.tv-button--size_small {
font-size: 13px;
line-height: 25px;
padding: 1px 12px
}
.tv-button--size_small.tv-button--danger_ghost,
.tv-button--size_small.tv-button--default,
.tv-button--size_small.tv-button--default_ghost,
.tv-button--size_small.tv-button--primary_ghost,
.tv-button--size_small.tv-button--secondary_ghost,
.tv-button--size_small.tv-button--state,
.tv-button--size_small.tv-button--success_ghost,
.tv-button--size_small.tv-button--warning_ghost {
padding: 0 11px
}
.tv-button--size_small+.tv-button--size_small {
margin-left: 10px
}
.tv-button--size_large {
font-size: 17px;
line-height: 44px;
padding: 1px 30px
}
.tv-button--size_large.tv-button--danger_ghost,
.tv-button--size_large.tv-button--default,
.tv-button--size_large.tv-button--default_ghost,
.tv-button--size_large.tv-button--primary_ghost,
.tv-button--size_large.tv-button--secondary_ghost,
.tv-button--size_large.tv-button--state,
.tv-button--size_large.tv-button--success_ghost,
.tv-button--size_large.tv-button--warning_ghost {
padding: 0 29px
}
.tv-button--size_promo {
border-radius: 120px;
font-size: 24px;
line-height: 54px;
padding: 1px 40px
}
.tv-button--size_promo.tv-button--danger_ghost,
.tv-button--size_promo.tv-button--default,
.tv-button--size_promo.tv-button--default_ghost,
.tv-button--size_promo.tv-button--primary_ghost,
.tv-button--size_promo.tv-button--secondary_ghost,
.tv-button--size_promo.tv-button--state,
.tv-button--size_promo.tv-button--success_ghost,
.tv-button--size_promo.tv-button--warning_ghost {
padding: 0 39px
}
.tv-button--no-padding {
padding: 1px
}
.tv-button--no-padding.tv-button--danger_ghost,
.tv-button--no-padding.tv-button--default,
.tv-button--no-padding.tv-button--default_ghost,
.tv-button--no-padding.tv-button--primary_ghost,
.tv-button--no-padding.tv-button--secondary_ghost,
.tv-button--no-padding.tv-button--state,
.tv-button--no-padding.tv-button--success_ghost,
.tv-button--no-padding.tv-button--warning_ghost {
padding: 0
}
.tv-button--state {
background: #0000;
border-style: solid;
border-width: 1px;
text-align: center
}
html.theme-dark .tv-button--state {
background: #0000
}
.tv-button--state:after {
content: "";
display: inline-block
}
.tv-button--state__checked,
.tv-button--state__uncheck-hint,
.tv-button--state__unchecked {
display: block;
height: 0;
transition: opacity .2625s ease, transform .2625s ease
}
.tv-button--state__ellipsis-text {
display: block;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@media (any-hover:hover) {
.tv-button--state.i-checked:hover .tv-button--state__checked,
.tv-button--state.i-checked:hover .tv-button--state__uncheck-hint,
.tv-button--state.i-checked:hover .tv-button--state__unchecked {
will-change: opacity, transform
}
}
.tv-button--state.i-checked .tv-button--state__unchecked,
.tv-button--state__checked,
.tv-button--state__uncheck-hint {
opacity: 0
}
@media (any-hover:hover) {
.tv-button--state.i-checked:hover .tv-button--state__checked {
opacity: 0
}
}
.tv-button--state.i-checked .tv-button--state__checked,
.tv-button--state__unchecked {
opacity: 1
}
@media (any-hover:hover) {
.tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
opacity: 1
}
.tv-button--state.i-checked:hover .tv-button--state__checked {
transform: translateY(-5px)
}
}
.tv-button--state.i-checked .tv-button--state__unchecked,
.tv-button--state__checked,
.tv-button--state__uncheck-hint {
transform: translateY(5px)
}
.tv-button--state.i-checked .tv-button--state__checked {
transform: translateY(0)
}
@media (any-hover:hover) {
.tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
transform: translateY(0)
}
}
.tv-button--state.tv-button--success {
background-color: #0000;
color: #089981
}
html.theme-dark .tv-button--state.tv-button--success {
background-color: #0000;
color: #056656
}
.tv-button--state.tv-button--success.i-checked {
background-color: #089981;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--success.i-checked {
background-color: #056656;
color: #fff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--success:hover {
background-color: #06806b;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--success:hover {
background-color: #06806b;
color: #fff
}
}
.tv-button--state.tv-button--success:active {
background-color: #056656;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--success:active {
background-color: #089981;
color: #fff
}
.tv-button--state.tv-button--danger {
background-color: #0000;
color: #f7525f
}
html.theme-dark .tv-button--state.tv-button--danger {
background-color: #0000;
color: #b22833
}
.tv-button--state.tv-button--danger.i-checked {
background-color: #f7525f;
color: #fff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--danger:hover {
background-color: #f7525f;
color: #fff
}
}
.tv-button--state.tv-button--danger:active {
background-color: #f23645;
color: #fff
}
.tv-button--state.tv-button--primary {
background-color: #0000;
color: #2962ff
}
html.theme-dark .tv-button--state.tv-button--primary {
background-color: #0000;
color: #2962ff
}
.tv-button--state.tv-button--primary.i-checked {
background-color: #2962ff;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary.i-checked {
background-color: #2962ff;
color: #fff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--primary:hover {
background-color: #1e53e5;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary:hover {
background-color: #1e53e5;
color: #fff
}
}
.tv-button--state.tv-button--primary:active {
background-color: #1848cc;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary:active {
background-color: #1848cc;
color: #fff
}
.tv-button--state.tv-button--primary_ghost-hover.i-checked {
background-color: #0000;
color: #2962ff
}
html.theme-dark .tv-button--state.tv-button--primary_ghost-hover.i-checked {
background-color: #0000;
color: #2962ff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--primary_ghost-hover:hover {
background-color: #1e53e5;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary_ghost-hover:hover {
background-color: #1e53e5;
color: #fff
}
}
.tv-button--state.tv-button--primary_ghost-hover:active {
background-color: #1848cc;
color: #fff
}
html.theme-dark .tv-button--state.tv-button--primary_ghost-hover:active {
background-color: #1848cc;
color: #fff
}
.tv-button--state.tv-button--secondary {
background-color: initial;
color: #787b86
}
.tv-button--state.tv-button--secondary.i-checked {
background-color: #f0f3fa;
color: #787b86
}
@media (any-hover:hover) {
.tv-button--state.tv-button--secondary:hover {
background-color: #e1e7f5;
color: #787b86
}
}
.tv-button--state.tv-button--secondary:active {
background-color: #d1dbf0;
color: #787b86
}
.tv-button--state.tv-button--warning {
background-color: initial;
color: #ff9800
}
.tv-button--state.tv-button--warning.i-checked {
background-color: #ff9800;
color: #fff
}
@media (any-hover:hover) {
.tv-button--state.tv-button--warning:hover {
background-color: #ff9100;
color: #fff
}
}
.tv-button--state.tv-button--warning:active {
background-color: #cc7014;
color: #fff
}
.tv-button--state.tv-button--icon-with-text svg {
margin-bottom: -8px;
margin-right: 6px;
vertical-align: unset
}
.tv-button--icon {
align-items: center;
display: inline-flex;
height: 34px;
justify-content: center;
min-width: auto;
padding: 0 !important;
width: 34px
}
.tv-button--icon.tv-button--size_xsmall {
height: 19px;
width: 19px
}
.tv-button--icon.tv-button--size_small {
height: 27px;
width: 27px
}
.tv-button--icon.tv-button--size_large {
height: 46px;
width: 46px
}
.tv-button__icon {
display: flex;
margin-right: 7px
}
.tv-button--loader .tv-button__text {
transition: opacity 175ms ease, transform 175ms ease
}
.tv-button--loader.i-start-load .tv-button__text {
opacity: 0;
transform: translateY(-5px)
}
.tv-button--loader.i-loading .tv-button__text {
opacity: 0;
transform: translateY(5px)
}
.tv-button--loader.i-stop-load .tv-button__text {
opacity: 1;
transform: translateY(0);
transition-delay: 175ms
}
.tv-button__loader {
bottom: 0;
font-size: 0;
height: 100%;
left: 0;
margin: 0 auto;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: opacity .35s ease
}
.tv-button__loader:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle
}
.tv-button--loader.i-loading .tv-button__loader,
.tv-button--loader.i-start-load .tv-button__loader {
opacity: 1
}
.tv-button--loader.i-stop-load .tv-button__loader {
opacity: 0
}
.tv-button__loader-item {
background-color: #fff;
border-radius: 100%;
display: inline-block;
height: 10px;
margin-left: 2px;
margin-right: 2px;
opacity: 0;
transform: translateY(12px) scale(.6);
transition: transform .35s cubic-bezier(.68, -.55, .265, 1.55), opacity .35s ease;
vertical-align: middle;
width: 10px
}
.tv-button__loader-item:nth-child(2) {
transition-delay: .11666667s
}
.tv-button__loader-item:nth-child(3) {
transition-delay: 233.33333ms
}
.tv-button--default .tv-button__loader-item {
background-color: #787b86
}
.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item {
opacity: 1
}
.tv-button--loader.i-stop-load .tv-button__loader-item {
opacity: 0
}
.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item {
transform: translateY(0) scale(.6)
}
.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item {
animation: tv-button-loader .96s ease-in-out infinite both
}
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(2),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) {
animation-delay: .151s
}
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(3),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) {
animation-delay: .32s
}
.tv-button--no-border-radius {
border-radius: 0
}
.tv-button--no-border {
border: none
}
.tv-button--connect {
border-radius: 0
}
.tv-button--connect_left {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.tv-button--connect_right {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.tv-button--with-icon {
align-items: center;
display: inline-flex;
transform: translate(0)
}
@keyframes tv-button-loader {
0%,
to {
transform: scale(.6)
}
50% {
transform: scale(.9)
}
}
.tv-control-input {
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #e0e3eb;
border-radius: 2px;
box-sizing: border-box;
color: #434651;
display: block;
font-size: 13px;
height: 34px;
padding: 0 12px;
transition: border-color .35s ease, background-color .35s ease;
width: 100%
}
html.theme-dark .tv-control-input {
background-color: #000;
border-color: #363a45;
color: #d1d4dc
}
.tv-control-input::placeholder {
color: #a3a6af;
opacity: 1
}
html.theme-dark .tv-control-input::placeholder {
color: #50535e
}
.tv-control-input:-webkit-autofill {
-webkit-text-fill-color: #50535e !important;
box-shadow: inset 0 0 0 1000px #fff !important
}
.tv-control-input--size_xsmall {
height: 19px
}
.tv-control-input--size_small {
height: 27px
}
.tv-control-input--size_large {
font-size: 16px;
height: 48px
}
.tv-control-input--connect {
border-left: 0;
border-radius: 0;
border-right: 0
}
.tv-control-input--connect_left {
border-bottom-left-radius: 0;
border-left: none;
border-top-left-radius: 0
}
.tv-control-input--connect_right {
border-bottom-right-radius: 0;
border-right: none;
border-top-right-radius: 0
}
@media (any-hover:hover) {
.tv-control-input:hover {
border-color: #c1c4cd;
transition-duration: 60ms
}
html.theme-dark .tv-control-input:hover {
border-color: #50535e
}
}
.tv-control-input:focus {
border-color: #2962ff !important;
transition-duration: 60ms
}
.tv-control-input[readonly] {
border-color: #e0e3eb;
color: #868993
}
.tv-control-input[readonly]:focus {
border-color: #e0e3eb !important
}
@media (any-hover:hover) {
.tv-control-input[readonly]:hover {
border-color: #e0e3eb !important
}
}
html.theme-dark .tv-control-input[readonly]:focus {
border-color: #2a2e39 !important
}
@media (any-hover:hover) {
html.theme-dark .tv-control-input[readonly]:hover {
border-color: #2a2e39 !important
}
}
.tv-control-input--readonly_dark,
.tv-control-input--readonly_dark[readonly],
html.theme-dark .tv-control-input--readonly_dark,
html.theme-dark .tv-control-input--readonly_dark[readonly] {
color: #50535e
}
.tv-control-input.i-disabled,
.tv-control-input[disabled] {
border-color: #e0e3eb !important;
color: #e0e3eb !important
}
html.theme-dark .tv-control-input.i-disabled,
html.theme-dark .tv-control-input[disabled] {
border-color: #2a2e39 !important;
color: #2a2e39 !important
}
.tv-control-input.i-disabled::placeholder,
.tv-control-input[disabled]::placeholder {
color: #e0e3eb !important
}
html.theme-dark .tv-control-input.i-disabled::placeholder,
html.theme-dark .tv-control-input[disabled]::placeholder {
color: #2a2e39 !important
}
@media (any-hover:hover) {
.tv-control-input.i-disabled:hover,
.tv-control-input[disabled]:hover {
border-color: #e0e3eb !important
}
html.theme-dark .tv-control-input.i-disabled:hover,
html.theme-dark .tv-control-input[disabled]:hover {
border-color: #2a2e39 !important
}
}
.tv-control-input.i-error {
border-color: #f7525f !important
}
@media (any-hover:hover) {
.tv-control-input.i-error:hover {
border-color: #f7525f !important
}
}
.tv-control-input.i-error:focus {
border-color: #f23645 !important
}
.tv-control-input.i-success {
border-color: #089981 !important
}
html.theme-dark .tv-control-input.i-success {
border-color: #056656 !important
}
@media (any-hover:hover) {
.tv-control-input.i-success:hover,
html.theme-dark .tv-control-input.i-success:hover {
border-color: #06806b !important
}
}
.tv-control-input.i-success:active,
.tv-control-input.i-success:focus {
border-color: #056656 !important
}
html.theme-dark .tv-control-input.i-success:active,
html.theme-dark .tv-control-input.i-success:focus {
border-color: #089981 !important
}
.tv-control-input--phone {
direction: ltr;
text-align: left
}
.tv-control-input--file {
display: none
}
body,
html {
background: none;
height: 100%;
overflow: hidden;
width: 100%
}
body {
min-width: 240px
}
#library-container {
background: #fff;
border: 1px solid #d9dadb
}
#library-container #showExtendedHoursLink {
display: none
}
.on-widget .open-popup {
background: #6798bb;
border-width: 0 !important;
border: none;
margin-left: 4px;
padding: 7px
}
@media (any-hover:hover) {
.on-widget .open-popup:hover {
background: #69a3cc
}
}
.on-widget .open-popup:active {
background: #71acd6
}
.on-widget .open-popup svg {
fill: #fff;
display: block;
height: 14px;
width: 16px
}
.on-widget .widgetbar-widget-hotlist .widgetbar-widgetheader .widgetbar-headerspace {
display: none
}
.text .logo-highlighted {
font-weight: 700;
text-decoration: underline
}
.on-cme-widget .symbol-edit-popup .filter,
.on-cme-widget .symbol-search-dialog .filter {
display: none
}
.on-cme-widget .symbol-search-dialog .results {
height: 450px
}
.load-chart .chart-search,
.load-chart .chart-search input {
width: 100%
}
@media only screen and (max-width:750px) {
.charts-popup-list .item.save-load-chart-title {
display: block
}
}
.charts-popup-list .item .title,
.charts-popup-list .item .title-expanded {
width: auto
}
.common-tooltip-EJBD96zX {
font-feature-settings: "tnum" on, "lnum" on;
--ui-lib-typography-line-height: 18px;
--ui-lib-typography-font-size: 13px;
color: #f0f3fa;
display: inline-flex;
font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
font-size: var(--ui-lib-typography-font-size);
font-style: normal;
font-weight: 400;
line-height: var(--ui-lib-typography-line-height);
opacity: 1;
pointer-events: none;
position: fixed;
transition: opacity .15s linear;
z-index: 1000
}
.common-tooltip--hidden-EJBD96zX {
opacity: 0
}
.common-tooltip--horizontal-EJBD96zX {
margin: 4px 0
}
.common-tooltip--horizontal-EJBD96zX.common-tooltip--farther-EJBD96zX {
margin: 8px 0
}
.common-tooltip--vertical-EJBD96zX {
margin: 0 4px
}
.common-tooltip--vertical-EJBD96zX.common-tooltip-farther-EJBD96zX {
margin: 0 8px
}
.common-tooltip--direction_normal-EJBD96zX {
flex-direction: row
}
.common-tooltip--direction_normal-EJBD96zX .common-tooltip__body-EJBD96zX {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px
}
.common-tooltip--direction_normal-EJBD96zX .common-tooltip__body--no-buttons-EJBD96zX,
.common-tooltip--direction_normal-EJBD96zX .common-tooltip__button-container-EJBD96zX {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px
}
.common-tooltip--direction_normal-EJBD96zX .common-tooltip__button-EJBD96zX:not(:last-child) {
margin-right: 1px
}
.common-tooltip--direction_reversed-EJBD96zX {
flex-direction: row-reverse
}
.common-tooltip--direction_reversed-EJBD96zX .common-tooltip__body-EJBD96zX {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px
}
.common-tooltip--direction_reversed-EJBD96zX .common-tooltip__body--no-buttons-EJBD96zX,
.common-tooltip--direction_reversed-EJBD96zX .common-tooltip__button-container-EJBD96zX {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px
}
.common-tooltip--direction_reversed-EJBD96zX .common-tooltip__button-EJBD96zX:not(:first-child) {
margin-left: 1px
}
.common-tooltip__ear-holder-EJBD96zX {
position: relative
}
.common-tooltip__ear-holder-EJBD96zX:after {
border: 0 solid #2a2e39;
box-sizing: border-box;
content: "";
display: block;
height: 0;
position: absolute;
width: 0
}
html.theme-dark .common-tooltip__ear-holder-EJBD96zX:after {
border-color: #363a45
}
.common-tooltip__ear-holder--above-EJBD96zX:after,
.common-tooltip__ear-holder--below-EJBD96zX:after {
border-left: 6px solid #0000;
border-right: 6px solid #0000;
left: 50%;
margin-left: -6px
}
html.theme-dark .common-tooltip__ear-holder--above-EJBD96zX:after,
html.theme-dark .common-tooltip__ear-holder--below-EJBD96zX:after {
border-left-color: #0000;
border-right-color: #0000
}
.common-tooltip__ear-holder--below-EJBD96zX:after {
border-bottom-width: 4px;
bottom: 100%
}
.common-tooltip__ear-holder--above-EJBD96zX:after {
border-top-width: 4px;
top: 100%
}
.common-tooltip__ear-holder--after-EJBD96zX:after,
.common-tooltip__ear-holder--before-EJBD96zX:after {
border-bottom: 6px solid #0000;
border-top: 6px solid #0000;
margin-top: -6px;
top: 50%
}
html.theme-dark .common-tooltip__ear-holder--after-EJBD96zX:after,
html.theme-dark .common-tooltip__ear-holder--before-EJBD96zX:after {
border-bottom-color: #0000;
border-top-color: #0000
}
.common-tooltip__ear-holder--before-EJBD96zX:after {
border-right-width: 4px;
right: 100%
}
.common-tooltip__ear-holder--after-EJBD96zX:after {
border-left-width: 4px;
left: 100%
}
.common-tooltip__body-EJBD96zX {
word-wrap: break-word;
background-color: #2a2e39;
box-sizing: border-box;
display: block;
max-width: 320px;
overflow: hidden;
padding: 3px 8px;
position: relative;
text-align: left;
white-space: pre-wrap
}
html.theme-dark .common-tooltip__body-EJBD96zX {
background-color: #363a45
}
.common-tooltip__body--with-hotkey-EJBD96zX {
display: flex;
max-width: 420px;
padding: 0
}
.common-tooltip__body--width_wide-EJBD96zX {
max-width: 640px
}
.common-tooltip__body--width_narrow-EJBD96zX {
max-width: 200px
}
.common-tooltip__body--no-padding-EJBD96zX {
padding: 0
}
.common-tooltip__hotkey-block-EJBD96zX {
align-items: center;
color: #ff9800;
display: inline-flex;
flex: 1 0 auto;
justify-content: center;
line-height: 12px;
padding: 4px 8px 5px
}
.common-tooltip__hotkey-block--divider-EJBD96zX {
border-left: 1px solid #5d606b;
margin-left: 8px
}
html.theme-dark .common-tooltip__hotkey-block--divider-EJBD96zX {
border-left: 1px solid #868993
}
.common-tooltip__hotkey-text-EJBD96zX {
align-items: center;
display: inline-flex;
margin: 3px 0 3px 8px
}
.common-tooltip__hotkey-button-EJBD96zX {
align-items: center;
border: 1px solid;
border-radius: 2px;
display: inline-flex;
height: 13px;
justify-content: center;
min-width: 7px;
padding: 0 3px
}
.common-tooltip__plus-sign-EJBD96zX {
height: 15px;
line-height: 16px;
text-align: center;
width: 13px
}
.common-tooltip__button-container-EJBD96zX {
display: flex;
overflow: hidden;
position: relative
}
.common-tooltip__button-EJBD96zX {
align-items: center;
background-color: #2962ff;
color: #fff;
display: flex;
padding: 0 10px
}
@media (any-hover:hover) {
.common-tooltip__button-EJBD96zX:hover {
background-color: #bbd9fb
}
}
.common-tooltip-EJBD96zX.theme-white {
color: #131722
}
html.theme-dark .common-tooltip-EJBD96zX.theme-white {
color: #d1d4dc
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__body-EJBD96zX {
background-color: #fff;
border-radius: 0
}
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__body-EJBD96zX {
background-color: #1e222d
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder-EJBD96zX {
border: 1px solid #e0e3eb
}
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder-EJBD96zX {
border: 1px solid #363a45
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder-EJBD96zX:after {
border-color: #fff
}
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder-EJBD96zX:after {
border-color: #1e222d
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--above-EJBD96zX:after,
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--below-EJBD96zX:after {
border-left: 6px solid #0000;
border-right: 6px solid #0000
}
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--above-EJBD96zX:after,
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--below-EJBD96zX:after {
border-left-color: #0000;
border-right-color: #0000
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--after-EJBD96zX:after,
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--before-EJBD96zX:after {
border-bottom: 6px solid #0000;
border-top: 6px solid #0000
}
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--after-EJBD96zX:after,
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--before-EJBD96zX:after {
border-bottom-color: #0000;
border-top-color: #0000
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder-EJBD96zX:before {
border: 0 solid #e0e3eb;
content: "";
display: block;
height: 0;
position: absolute;
width: 0;
z-index: 1000
}
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder-EJBD96zX:before {
border-color: #363a45
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--above-EJBD96zX:before,
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--below-EJBD96zX:before {
border-left: 7px solid #0000;
border-right: 7px solid #0000;
left: 50%;
margin-left: -7px
}
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--above-EJBD96zX:before,
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--below-EJBD96zX:before {
border-left-color: #0000;
border-right-color: #0000
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--below-EJBD96zX:before {
border-bottom-width: 6px;
top: -6px
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--above-EJBD96zX:before {
border-top-width: 6px;
bottom: -6px
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--after-EJBD96zX:before,
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--before-EJBD96zX:before {
border-bottom: 7px solid #0000;
border-top: 7px solid #0000;
margin-top: -7px;
top: 50%
}
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--after-EJBD96zX:before,
html.theme-dark .common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--before-EJBD96zX:before {
border-bottom-color: #0000;
border-top-color: #0000
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--before-EJBD96zX:before {
border-right-width: 6px;
left: -6px
}
.common-tooltip-EJBD96zX.theme-white .common-tooltip__ear-holder--after-EJBD96zX:before {
border-left-width: 6px;
right: -6px
}
.common-tooltip-EJBD96zX.theme-round-shadow {
box-shadow: 0 1px 3px 0 #2a2c394a;
color: #131722
}
html.theme-dark .common-tooltip-EJBD96zX.theme-round-shadow {
color: #d1d4dc
}
.common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__body-EJBD96zX {
background-color: #fff
}
html.theme-dark .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__body-EJBD96zX {
background-color: #1e222d
}
.common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder-EJBD96zX:after {
border-color: #fff
}
html.theme-dark .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder-EJBD96zX:after {
border-color: #1e222d
}
.common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--above-EJBD96zX:after,
.common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--below-EJBD96zX:after {
border-left: 6px solid #0000;
border-right: 6px solid #0000
}
html.theme-dark .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--above-EJBD96zX:after,
html.theme-dark .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--below-EJBD96zX:after {
border-left-color: #0000;
border-right-color: #0000
}
.common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--after-EJBD96zX:after,
.common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--before-EJBD96zX:after {
border-bottom: 6px solid #0000;
border-top: 6px solid #0000
}
html.theme-dark .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--after-EJBD96zX:after,
html.theme-dark .common-tooltip-EJBD96zX.theme-round-shadow .common-tooltip__ear-holder--before-EJBD96zX:after {
border-bottom-color: #0000;
border-top-color: #0000
}
.common-tooltip-EJBD96zX.theme-chart .common-tooltip__body-EJBD96zX {
background-color: #fff;
border: 1px solid #e0e3eb;
border-radius: 16px;
box-shadow: 0 2px 4px #0003;
max-width: 342px
}
html.theme-dark .common-tooltip-EJBD96zX.theme-chart .common-tooltip__body-EJBD96zX {
background-color: #1e222d;
border: 1px solid #434651;
box-shadow: 0 2px 4px #0006
}
.common-tooltip-EJBD96zX.theme-chart .common-tooltip__ear-holder-EJBD96zX:after {
content: none
}
.container-B8mkOfAH {
background-color: var(--tv-color-platform-background, #e0e3eb);
box-sizing: border-box;
height: 100%;
width: 100%
}
html.theme-dark .container-B8mkOfAH {
background-color: var(--tv-color-platform-background, #2a2e39)
}
.container-B8mkOfAH .inner-B8mkOfAH {
background-color: var(--tv-color-pane-background, #fff);
height: 100%;
width: 100%
}
html.theme-dark .container-B8mkOfAH .inner-B8mkOfAH {
background-color: var(--tv-color-pane-background, #131722)
}
.container-B8mkOfAH.border-left-B8mkOfAH {
padding-left: 4px
}
.container-B8mkOfAH.border-right-B8mkOfAH {
padding-right: 4px
}
.container-B8mkOfAH.border-top-B8mkOfAH {
padding-top: 4px
}
.container-B8mkOfAH.border-bottom-B8mkOfAH {
padding-bottom: 4px
}
.container-B8mkOfAH.top-right-radius-B8mkOfAH .inner-B8mkOfAH {
border-top-right-radius: 0
}
.container-B8mkOfAH.top-left-radius-B8mkOfAH .inner-B8mkOfAH {
border-top-left-radius: 0
}
.container-B8mkOfAH.bottom-right-radius-B8mkOfAH .inner-B8mkOfAH {
border-bottom-right-radius: 0
}
.container-B8mkOfAH.bottom-left-radius-B8mkOfAH .inner-B8mkOfAH {
border-bottom-left-radius: 0
}
.tv-spinner {
animation: tv-spinner__container-rotate-aLqboHuu .9s linear infinite;
border-bottom: 0 solid #9598a133;
border-left: 0 solid #9598a133;
border-left-color: var(--tv-spinner-color, #2962ff);
border-radius: 50%;
border-right: 0 solid #9598a133;
border-top: 0 solid #9598a133;
border-top-color: var(--tv-spinner-color, #2962ff);
display: none;
margin: 0 auto;
position: absolute
}
.tv-spinner--shown {
display: block
}
.tv-spinner--size_xxsmall {
border-width: 2px;
height: 10px;
left: calc(50% - 7px);
top: calc(50% - 7px);
width: 10px
}
.tv-spinner--size_xsmall {
border-width: 2px;
height: 14px;
left: calc(50% - 9px);
top: calc(50% - 9px);
width: 14px
}
.tv-spinner--size_small {
border-width: 2px;
height: 20px;
left: calc(50% - 12px);
top: calc(50% - 12px);
width: 20px
}
.tv-spinner--size_medium {
border-width: 3px;
height: 28px;
left: calc(50% - 17px);
top: calc(50% - 17px);
width: 28px
}
.tv-spinner--size_large {
border-width: 4px;
height: 56px;
left: calc(50% - 32px);
top: calc(50% - 32px);
width: 56px
}
@keyframes tv-spinner__container-rotate-aLqboHuu {
to {
transform: rotate(1turn)
}
}
.screen-otjoFNF2 {
bottom: 0;
display: none;
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0;
z-index: 8
}
.screen-otjoFNF2.fade-otjoFNF2 {
animation: screenfade-otjoFNF2 .3s ease backwards;
display: block
}
@keyframes screenfade-otjoFNF2 {
0% {
opacity: 0
}
}
.paneSeparator-uqBaC1Ki {
margin: 0;
padding: 0;
position: relative
}
.paneSeparator-uqBaC1Ki .handle-uqBaC1Ki {
height: 9px;
left: 0;
position: absolute;
top: -4px;
width: 100%;
z-index: 50
}
.paneSeparator-uqBaC1Ki .handle-uqBaC1Ki.active-uqBaC1Ki,
.paneSeparator-uqBaC1Ki .handle-uqBaC1Ki.hovered-uqBaC1Ki {
background: #b2b5be33;
cursor: row-resize
}
.chart-widget--themed-dark .paneSeparator-uqBaC1Ki .handle-uqBaC1Ki.active-uqBaC1Ki,
.chart-widget--themed-dark .paneSeparator-uqBaC1Ki .handle-uqBaC1Ki.hovered-uqBaC1Ki {
background: #b2b5be1f
}
.paneSeparator-uqBaC1Ki .handle-uqBaC1Ki.active-uqBaC1Ki:before {
background: #b2b5be03;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
width: 100%
}
.price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
position: absolute;
width: 100%
}
.price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG {
background-color: #e0e3eb80;
border-radius: 50%;
display: inline-block;
height: 19px;
position: relative;
transform-origin: bottom;
width: 19px;
z-index: 2
}
.price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .symbol-t9vjEPyG {
bottom: 50%;
color: #50535e;
font-size: 11px;
opacity: 1;
pointer-events: false;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
z-index: 2
}
html.theme-dark .price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .symbol-t9vjEPyG {
color: #50535e
}
.price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .gear-t9vjEPyG {
color: #131722;
height: 13px;
left: 2px;
opacity: 0;
pointer-events: false;
position: absolute;
top: 3px;
z-index: 3
}
html.theme-dark .price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .gear-t9vjEPyG {
color: #131722
}
.chart-container.inactive .price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG {
display: none
}
@media (any-hover:hover) {
.chart-container:hover .price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG {
display: inline-block
}
.price-axis-stub-t9vjEPyG:hover .wrapper-t9vjEPyG .label-t9vjEPyG {
background-color: #e0e3eb00
}
.price-axis-stub-t9vjEPyG:hover .wrapper-t9vjEPyG .label-t9vjEPyG .gear-t9vjEPyG {
opacity: 1
}
.price-axis-stub-t9vjEPyG:hover .wrapper-t9vjEPyG .label-t9vjEPyG .symbol-t9vjEPyG {
opacity: 0
}
}
.price-axis-stub-t9vjEPyG.fixed-gear-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG {
background-color: #0000
}
.price-axis-stub-t9vjEPyG.fixed-gear-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .symbol-t9vjEPyG {
opacity: 0
}
.price-axis-stub-t9vjEPyG.fixed-gear-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .gear-t9vjEPyG {
opacity: 1
}
.price-axis-stub-t9vjEPyG.fixed-symbol-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG {
background-color: #e0e3eb80
}
.price-axis-stub-t9vjEPyG.fixed-symbol-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .gear-t9vjEPyG {
opacity: 0
}
.price-axis-stub-t9vjEPyG.fixed-symbol-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .symbol-t9vjEPyG {
opacity: 1
}
.chart-widget__bottom--themed-dark .price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG {
background-color: #2a2e3980
}
.chart-widget__bottom--themed-dark .price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .symbol-t9vjEPyG,
html.theme-dark .chart-widget__bottom--themed-dark .price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .symbol-t9vjEPyG {
color: #787b86
}
.chart-widget__bottom--themed-dark .price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .gear-t9vjEPyG,
html.theme-dark .chart-widget__bottom--themed-dark .price-axis-stub-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG .gear-t9vjEPyG {
color: #d1d4dc
}
@media (any-hover:hover) {
.chart-widget__bottom--themed-dark .price-axis-stub-t9vjEPyG:hover .wrapper-t9vjEPyG .label-t9vjEPyG {
background-color: #2a2e3900
}
}
.chart-widget__bottom--themed-dark .price-axis-stub-t9vjEPyG.fixed-symbol-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG {
background-color: #2a2e3980
}
.chart-widget__bottom--themed-dark .price-axis-stub-t9vjEPyG.fixed-gear-t9vjEPyG .wrapper-t9vjEPyG .label-t9vjEPyG {
background-color: #0000
}
.price-axis-currency-label-wrapper-y5H41VPj {
box-sizing: border-box;
padding: 4px;
pointer-events: none;
position: absolute;
-webkit-user-select: none;
user-select: none;
width: 100%;
z-index: 3
}
.price-axis-currency-label-wrapper-y5H41VPj.hidden-y5H41VPj {
visibility: hidden
}
.price-axis-currency-label-y5H41VPj {
background: #fff;
border: 1px solid #e0e3eb;
border-radius: 4px;
box-sizing: border-box;
cursor: default;
width: 100%
}
.price-axis-currency-label-y5H41VPj .row-y5H41VPj {
align-items: center;
color: #131722;
column-gap: 2px;
display: flex;
height: 24px;
justify-content: space-between;
line-height: 1em;
padding: 0 3px
}
.price-axis-currency-label-y5H41VPj .row-y5H41VPj:nth-child(1 of :not(.js-hidden)) {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.price-axis-currency-label-y5H41VPj .row-y5H41VPj:nth-last-child(-n+1 of :not(.js-hidden)) {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
@media (any-hover:hover) {
.price-axis-currency-label-y5H41VPj .row-y5H41VPj:hover:not(.readonly) {
background: #f0f3fa
}
}
.price-axis-currency-label-y5H41VPj .row-y5H41VPj.expanded-y5H41VPj {
background: #e0e3eb
}
.price-axis-currency-label-y5H41VPj .row-y5H41VPj.expanded-y5H41VPj .price-axis-currency-label-arrow-down-y5H41VPj {
transform: scaleY(-1)
}
.price-axis-currency-label-y5H41VPj div {
pointer-events: auto
}
.price-axis-currency-label-text-y5H41VPj {
white-space: nowrap
}
.price-axis-currency-label-arrow-down-y5H41VPj {
align-self: center;
display: flex
}
.chart-widget__bottom--themed-dark .price-axis-currency-label-wrapper-y5H41VPj .price-axis-currency-label-y5H41VPj {
background: #131722;
border: 1px solid #434651
}
.chart-widget__bottom--themed-dark .price-axis-currency-label-wrapper-y5H41VPj .price-axis-currency-label-y5H41VPj .row-y5H41VPj {
color: #d1d4dc
}
@media (any-hover:hover) {
.chart-widget__bottom--themed-dark .price-axis-currency-label-wrapper-y5H41VPj .price-axis-currency-label-y5H41VPj .row-y5H41VPj:hover:not(.readonly) {
background: #2a2e39
}
}
.chart-widget__bottom--themed-dark .price-axis-currency-label-wrapper-y5H41VPj .price-axis-currency-label-y5H41VPj .row-y5H41VPj.expanded-y5H41VPj {
background: #363a45
}
.priceScaleModeButtons-PEm49B2T {
box-sizing: border-box;
display: flex;
gap: 4px;
justify-content: center;
padding: 4px;
width: 100%
}
.priceScaleModeButtons__button-PEm49B2T {
font-feature-settings: "tnum" on, "lnum" on;
--ui-lib-typography-line-height: 18px;
--ui-lib-typography-font-size: 14px;
background-color: #fff;
border: 1px solid #e0e3eb;
border-radius: 4px;
display: flex;
font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
font-size: var(--ui-lib-typography-font-size);
font-style: normal;
font-weight: 400;
justify-content: center;
line-height: var(--ui-lib-typography-line-height);
padding: 1px 0;
width: 20px
}
html.theme-dark .priceScaleModeButtons__button-PEm49B2T {
background-color: #131722;
border: 1px solid #434651
}
@media (any-hover:hover) {
.priceScaleModeButtons__button-PEm49B2T:hover {
background-color: #f0f3fa;
border-color: #f0f3fa
}
html.theme-dark .priceScaleModeButtons__button-PEm49B2T:hover {
background-color: #2a2e39;
border-color: #2a2e39
}
}
.priceScaleModeButtons__button-PEm49B2T:active {
background-color: #e0e3eb;
border-color: #e0e3eb
}
html.theme-dark .priceScaleModeButtons__button-PEm49B2T:active {
background-color: #363a45;
border-color: #363a45
}
.priceScaleModeButtons__button_activated-PEm49B2T {
background-color: #e3effd;
border-color: #e3effd;
color: #2962ff
}
html.theme-dark .priceScaleModeButtons__button_activated-PEm49B2T {
background-color: #142e61;
border-color: #142e61;
color: #bbd9fb
}
@media (any-hover:hover) {
.priceScaleModeButtons__button_activated-PEm49B2T:hover {
background-color: #bbd9fb;
border-color: #bbd9fb
}
html.theme-dark .priceScaleModeButtons__button_activated-PEm49B2T:hover {
background-color: #143a87;
border-color: #143a87
}
}
.price-axis {
cursor: default;
height: 100%;
overflow: hidden;
position: absolute
}
.price-axis--cursor-grabbing {
cursor: grabbing
}
.price-axis--cursor-pointer {
cursor: pointer
}
.price-axis--cursor-ns-resize {
cursor: ns-resize
}
.price-axis__modeButtons {
bottom: 0;
margin: 0 1px;
position: absolute;
width: calc(100% - 2px);
z-index: 3
}
.price-axis__modeButtons_hidden {
visibility: hidden
}
.pane {
cursor: crosshair;
overflow: hidden
}
.pane--cursor-pointer {
cursor: pointer
}
.pane--cursor-eraser {
cursor: url(eraser.c80610a04a92d2465b03.cur), default
}
.pane--cursor-dot {
cursor: url(dot.3d617b6b01edba83a7f4.cur), default
}
.pane--cursor-performance {
cursor: url(performance.769cf9dda2ede7d12b74.svg), default
}
.pane--cursor-default {
cursor: default
}
.pane--cursor-grabbing {
cursor: grabbing
}
.pane--cursor-zoom-in {
cursor: zoom-in
}
.pane--cursor-ew-resize {
cursor: ew-resize
}
.pane--cursor-ns-resize {
cursor: ns-resize
}
.pane--cursor-nwse-resize {
cursor: nwse-resize
}
.pane--cursor-nesw-resize {
cursor: nesw-resize
}
.pane--cursor-none {
cursor: none
}
.time-axis {
cursor: default
}
.time-axis--cursor-grabbing {
cursor: grabbing
}
.time-axis--cursor-ew-resize {
cursor: ew-resize
}
.chart-widget {
border-style: none;
box-sizing: border-box;
height: 256px;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 512px
}
.chart-markup-table {
border: none;
border-collapse: collapse;
border-spacing: 0;
box-sizing: border-box;
line-height: 0px
}
.chart-gui-wrapper {
align-items: flex-start;
direction: ltr;
display: flex;
height: 100%;
max-height: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
width: 100%
}
.chartsSplitter-L0xapso5 {
background: "transparent";
position: absolute
}
.chartsSplitter-L0xapso5.hovered-L0xapso5 {
background: #2962ff26
}
.chartsSplitter-L0xapso5.i-active-L0xapso5:before {
background: #b2b5be03;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
width: 100%
}
.chart-controls-bar {
background-color: var(--tv-color-pane-background, #fff);
border-top: 1px solid;
border-color: var(--tv-color-platform-background, #e0e3eb);
border-radius: 0 0 4px 4px;
box-sizing: border-box;
contain: strict;
height: 39px;
overflow: hidden;
position: absolute
}
html.theme-dark .chart-controls-bar {
background-color: var(--tv-color-pane-background, #131722);
border-color: var(--tv-color-platform-background, #2a2e39)
}
.no-border-bottom-left-radius .chart-controls-bar {
border-bottom-left-radius: 0
}
.no-border-bottom-right-radius .chart-controls-bar {
border-bottom-right-radius: 0
}
@font-face {
font-family: EuclidCircular;
font-style: normal;
font-weight: 400;
src: url(EuclidCircular.be8f862db48c2976009f.woff2) format("woff2")
}