body,
.chart-controls-bar,
#footer-chart-panel {
}

html.theme-dark .chart-page .chart-container-border {
	background-color: #000;
}

div[data-name='legend'] {
}

/* div[data-name="legend-series-item"] > div:first-child {
    display: none !important;
} */

:root {
	--core-color-greyscale-410: hsla(30, 1%, 29%, 0.9);
	--core-color-greyscale-200-heavy-glass: hsla(30, 5%, 8%, 0.98);
	--modal-bg: var(--core-color-greyscale-200-heavy-glass);
	--modal-border: var(--core-color-greyscale-410);
	--core-color-greyscale-300: hsla(0, 0%, 100%, 0.1);
	--core-color-greyscale-600: hsla(0, 0%, 100%, 0.67);
	--core-color-blue-600: rgba(10, 132, 255, 1);
	--tv-color-platform-background: #000;
	--tv-color-toolbar-button-text: var(--core-color-greyscale-600);
	--tv-color-toolbar-button-text-hover: #fff;
	--tv-color-toolbar-button-text-active: #fff;
	--tv-color-toolbar-button-background-expanded: var(
		--core-color-greyscale-600
	);
	--tv-color-toolbar-toggle-button-background-active: var(
		--core-color-blue-600
	);
	--tv-color-toolbar-divider-background: var(--core-color-greyscale-300);
	/* --tv-color-toolbar-button-background-hover: rgb(244, 143, 177);
    --tv-color-toolbar-button-background-expanded: rgb(244, 143, 177);
    --tv-color-toolbar-button-background-active: rgb(249, 185, 233);
    --tv-color-toolbar-button-background-active-hover: rgb(244, 143, 177);
    --tv-color-toolbar-button-text: rgb(136, 24, 79);    
    --tv-color-toolbar-button-text-active-hover: red;
    --tv-color-item-active-text: rgb(6, 255, 6);
    --tv-color-toolbar-toggle-button-background-active: red;
    --tv-color-toolbar-toggle-button-background-active-hover: magenta;
    --tv-color-toolbar-save-layout-loader: rgb(134, 137, 147);*/

	--tv-color-popup-background: var(--modal-bg);
	--tv-color-popup-element-background-active: var(--core-color-blue-600);
	/* --tv-color-popup-element-text: rgb(136, 24, 79);
    --tv-color-popup-element-text-hover: rgb(74, 20, 140);
    --tv-color-popup-element-background-hover: rgb(244, 143, 177);
    --tv-color-popup-element-divider-background: rgb(251, 223, 244);
    --tv-color-popup-element-secondary-text: rgb(74, 20, 140);
    --tv-color-popup-element-hint-text: rgb(74, 20, 140);
    --tv-color-popup-element-text-active: rgb(6, 6, 255);
    --tv-color-popup-element-toolbox-text: rgb(136, 24, 79);
    --tv-color-popup-element-toolbox-text-hover: rgb(74, 20, 140);
    --tv-color-popup-element-toolbox-text-active-hover: rgb(74, 20, 140);
    --tv-color-popup-element-toolbox-background-hover: rgb(222, 89, 132);
    --tv-color-popup-element-toolbox-background-active-hover: magenta; */
}

.theme-dark,
:root {
	--core-color-greyscale-600: hsla(0, 0%, 100%, 0.67);
	--cds-palette-secondary: #ffffff;
	--tv-color-toolbar-divider-background: var(--core-color-greyscale-300);
	--button-border: #d1d4dc;
	--button-border-hover: #a3a6af;
}

html.theme-dark .color-brand-D4RPB3ZC.variant-primary-D4RPB3ZC {
	--ui-lib-button-default-color-content: #fff;
	--ui-lib-button-default-color-border: var(--core-color-blue-600);
	--ui-lib-button-default-color-bg: var(--core-color-blue-600);
}

html.theme-dark .color-brand-D4RPB3ZC.variant-secondary-D4RPB3ZC {
	--ui-lib-button-default-color-content: var(--core-color-blue-600);
	--ui-lib-button-default-color-border: var(--core-color-blue-600);
	--ui-lib-button-default-color-bg: #0000;
}

html.theme-dark
	.view-month-N6r5jhbE
	.weeks-N6r5jhbE
	.week-N6r5jhbE
	.day-N6r5jhbE.accent-color-N6r5jhbE {
	--ui-lib-button-default-color-content: var(--core-color-blue-600);
	--ui-lib-button-default-color-border: var(--core-color-blue-600);
	--ui-lib-light-button-color-border: var(--core-color-blue-600);
	--ui-lib-light-button-color-bg: var(--core-color-blue-600);
	--ui-lib-light-button-color-content: #f0f3fa;
}

html.theme-dark .intent-primary-WDZ0PRNh {
	--ui-lib-intent-color: var(--core-color-blue-600);
	--ui-lib-intent-highlight-color: var(--core-color-blue-600);
}

@media not all and (pointer: coarse) {
	html.theme-dark .color-brand-D4RPB3ZC.variant-secondary-D4RPB3ZC:hover {
		--ui-lib-button-default-color-content: #fff;
		--ui-lib-button-default-color-border: var(--core-color-blue-600);
		--ui-lib-button-default-color-bg: var(--core-color-blue-600);
	}
}

[data-name='go-to-date-dialog'] button[name='cancel'] {
	background: transparent;
	color: var(--core-color-greyscale-600);
	border: none;
}

[data-name='go-to-date-dialog'] button[name='cancel']:hover {
	background: var(--cds-palette-light);
	border: none;
	color: #fff;
}

html.theme-dark body {
	color: var(--core-color-greyscale-600) !important;
}

.loading-indicator {
	background-color: #000 !important;
	background: #000 !important;
}

div[class*='intent-primary-'],
div[class*='minimize-'],
div[class*='selected-'] div[class*='buttons-1-'],
div[class*='selected-'] div[class*='buttonsWrapper-'],
div[class*='selected-'] div[class*='titleWrapper-'],
span[class*='knob-'] {
	border-color: var(--cds-palette-primary) !important;
}

div[class*='container-'] > div[class*='active-'][class*='tab-'],
div[class*='menuBox-'] > div[class*='isActive-'],
div[class*='slider-'] > div[class*='inner-'],
div[class^='dialog-']
	label[class^='checkbox-']
	input:checked
	+ span[class*='box-'] {
	background-color: var(--cds-palette-primary);
}

body,
div[class*='menuBox-'] > div[class*='isActive-']:hover,
div[class*='study-'] > div[class*='title-'],
div[class*='valueItem-'] > div[class*='valueTitle-'] {
	color: var(--cds-palette-foreground);
}

:root {
	--cds-palette-positive: #098551;
	--cds-palette-negative: #cf202f;
	--cds-palette-primary: var(--core-color-blue-600);
	--cds-palette-foreground: #101114;
	--cds-palette-foreground-muted: #5b636e;
	--cds-palette-background: #101114;
	--cds-palette-light: #eef0f3;
	--intent-color: var(--core-color-blue-600);
	--tv-color-item-active-text: #fff;
	--tv-color-toolbar-button-text-active: #fff;
	--tv-color-toolbar-button-text-active-hover: #fff;
	--tv-color-layout-lines: rgba(138, 145, 158, 0);
	--tv-color-tooltip-background: #1e2025;
	--tv-color-meni-item-hover: #fafafa;
	--chart-page-background-color: unset;
	--button-border-primary: var(--core-color-blue-600);
	--menu-bar-button-active-color: var(--cds-palette-primary);
	--menu-bar-button-with-background-active-fill-color: var(
		--cds-palette-primary
	);
	--menu-bar-button-with-background-active-color: var(--cds-palette-secondary);
	--skeleton-loading-background-color-animation-start: var(
		--cds-palette-background
	);
	--skeleton-loading-background-color-animation-end: var(
		--cds-palette-background
	);
}

.theme-dark {
	--cds-palette-positive: #098551;
	--cds-palette-negative: #cf202f;
	--cds-palette-primary: var(--core-color-blue-600);
	--cds-palette-foreground: #ffffff;
	--cds-palette-light: #101114;
	--cds-palette-foreground-muted: #8a919e;
	--cds-palette-background: #101114;
	--tv-color-pane-background: var(--cds-palette-background);
	--tv-color-platform-background: var(--cds-palette-background);
	--intent-color: var(--cds-palette-primary);
	--tv-color-item-active-text: #fff;
	--tv-color-layout-lines: rgba(138, 145, 158, 0);
	--tv-color-meni-item-hover: #2e2e2e;
	--chart-page-background-color: var(--cds-palette-foreground);
	--button-border-primary: var(--core-color-blue-600);
	--menu-bar-button-active-color: var(--cds-palette-secondary);
	--skeleton-loading-background-color-animation-start: hsl(228deg 11% 9%);
	--skeleton-loading-background-color-animation-end: hsl(228deg 11% 13%);
}

body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen',
		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
		sans-serif;
	/* font-family: CoinbaseSans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' */
}

.chart-page {
	background-color: var(--chart-page-background-color);
}

span[class*='selected-'] {
	background-color: var(--cds-palette-primary) !important;
}

div[class*=' active-'],
div[class*='tab-']:hover,
span[class*=' active-'] {
	color: #fff !important;
}

span[class*='focused-'] {
	--intent-color: var(--cds-palette-primary) !important
;
}

div[class*='hand-'],
span[class*='centerDot-'] {
	background: var(--cds-palette-primary) !important;
}

div[class*='clock-'],
div[class*='content-']
	> div[class*='tabContent']
	> div[class*='content-']
	> div[data-section-name='legendBgTransparency'],
div[class^='common-tooltip__ear-holder']::after,
div[class^='menuWrap'] div[class^='item'][class*='isActive']:hover:after,
div[class^='menuWrap'] div[class^='item'][class*='isActive']:hover:before {
	display: none;
}

div[class*='minimize-'] {
	background-color: var(--cds-palette-primary) !important;
}

div[class*='menuBox-'] > div[class*='isActive-'] {
	color: var(--cds-palette-foreground);
}

div[class='chart-gui-wrapper'] > div[data-name='legend'] {
	padding-left: 16px;
}

span[class^='icon-'] > svg {
	/* max-width: 22px;
    height: 23px;
    margin: 0 auto; */
}

div[class*='counter-'],
div[class*='study-'],
div[class*='valueItem-'] {
	font-size: 11px !important;
	text-transform: uppercase;
}

div.layout__area--top {
	background: #101114 !important;
	border-bottom: solid 1px var(--tv-color-layout-lines);
	height: 40px !important;
	left: 0px !important;
	width: 100% !important;
	/* padding-left: 16px !important; */
	/* padding-top: 2px !important; */
}

div[data-initialized='true'] div[class^='toolbar'],
div[data-is-fake-main-panel='false']
	div[class^='content-']
	div[class*='group-'],
div[data-is-fake-main-panel='false']
	div[class^='group-']
	div[class*='isOpened-']::before {
	background-color: var(--cds-palette-background) !important;
}

div[class^='dateRangeWrapper-'],
div[class^='seriesControlWrapper-'] {
	text-transform: uppercase;
}

div[class^='dateRangeWrapper-']::before {
	content: 'RANGE';
	padding-left: 6px;
}

div[data-name='menu-inner'] div[class^='item-'] {
	height: 40px;
	padding: 0;
	font-size: 14px !important;
}

div[data-name='menu-inner'] div[class^='item-'][class*='isActive-'] {
	font-size: 14px !important;
	background-color: var(--cds-palette-light) !important;
}

div[data-name='menu-inner'] div[class^='item-'][class*='isActive-']::after {
	font-size: 14px !important;
	border: none;
}

div[data-name='menu-inner'] div[class^='item-'] div[class^='toolbox-'] {
	margin-right: 12px;
	font-size: 14px !important;
}

div[data-name='menu-inner']
	div[class^='item-']
	div[class^='toolbox-']
	span[class*='checked-']
	svg {
	color: var(--intent-color);
	font-size: 14px !important;
}

div[class*='container-'] > div[class*='main-'] > span[class*='title-'],
div[class*='container-']
	> div[data-dragg-area='true']
	> div[class*='ellipsis-'],
div[data-dialog-name='Chart settings']
	div[class^='buttons-']
	> button[class^='button-'][class*='intent-primary-1-']
	span
	[class*='content-'],
div[data-dialog-name='Chart settings'] div[data-dragg-area='true'] > div {
	font-size: 14px !important;
}

div[data-dialog-name='Chart settings'] > div[class^='container-'] {
	height: 50px !important;
}

div[data-dialog-name='Chart settings'] div[class^='title-'] {
	padding: 0 !important;
}

div[data-name='series-properties-dialog'][data-dialog-name='Chart settings']
	button {
	color: var(--cds-palette-secondary) !important;
	font-weight: 700;
}

div[data-name='series-properties-dialog'][data-dialog-name='Chart settings']
	button[data-name='close'] {
	color: var(--core-color-greyscale-600) !important;
	margin: 8px 0 !important;
}

div[data-name='series-properties-dialog'][data-dialog-name='Chart settings']
	button[name='cancel'] {
	color: var(--core-color-greyscale-600) !important;
	border-color: transparent !important;
}

div[data-name='series-properties-dialog'][data-dialog-name='Chart settings']
	button[name='cancel']:hover {
	background-color: var(--cds-palette-light);
}

div[data-dialog-name='Chart settings']
	div[class^='buttons-']
	> button[class^='button-'][class*='intent-primary-1-'] {
	background-color: var(--cds-palette-background) !important;
	/* border: solid 1px var(--button-border) !important; */
	color: var(--core-color-greyscale-600) !important;
}

div[data-dialog-name='Chart settings']
	div[class^='buttons-']
	> button[class^='button-'][class*='intent-primary-1-']:hover,
div[data-dialog-name='Brush']
	div[class*='buttons-']
	> button[class*='button-'][class*='intent-primary-1-']:hover {
	background-color: var(--cds-palette-background) !important;
	/* border: solid 1px var(--button-border-hover) !important; */
	color: var(--cds-palette-foreground) !important;
}

div[data-dialog-name='Chart settings']
	div[data-role='dialog-sidebar']
	div[class*='active-'] {
	background-color: var(--cds-palette-light) !important;
}

div[data-dialog-name='Chart settings']
	div[data-role='dialog-sidebar']
	div[class*='active-']
	span[class^='icon-'],
div[data-dialog-name='Chart settings']
	div[data-role='dialog-sidebar']
	div[class*='active-']
	span[class^='title-'] {
	color: var(--cds-palette-foreground) !important;
}

div[data-dialog-name='Brush']
	div[class*='buttons-']
	> span[class*='submitButton-']
	> button[class*='button-'] {
	background-color: var(--cds-palette-primary) !important;
	border-color: var(--cds-palette-primary) !important;
}

div[data-dialog-name='Brush']
	div[class*='buttons-']
	> button[class*='button-'][class*='intent-primary-1-'][name='cancel'] {
	background-color: var(--cds-palette-background) !important;
	/* border: solid 1px var(--button-border-primary) !important; */
	color: var(--cds-palette-foreground) !important;
}

div.layout__area--center {
	right: 0 !important;
	top: 41px !important;

	width: auto !important;
}

#drawing-toolbar div[class^='group-']:nth-child(4) {
	margin: 0;
}

div.layout__area--center .chart-container,
div.layout__area--center .chart-gui-wrapper,
div.layout__area--center .chart-gui-wrapper canvas,
div.layout__area--center .chart-markup-table,
div.layout__area--center .chart-widget {
	width: 100% !important;
}

div.layout__area--center .chart-markup-table.price-axis-container {
	width: 0 !important;
}

div.layout__area--left {
	top: 41px !important;
	height: calc(100% - 41px);

	/* border-right: solid 1px var(--tv-color-layout-lines); */
	/* border-top: solid 1px var(--tv-color-layout-lines); */
	/* padding-bottom: 42px; */
}

.chart-container-border,
.chart-controls-bar {
	border-radius: 0 !important;
}

.layout-with-border-radius #drawing-toolbar {
	border-top-right-radius: 0 !important;
}

#drawing-toolbar,
#drawing-toolbar div[class^='group-'],
#drawing-toolbar div[class^='inner-'] div[class^='fill-'] {
	background-color: var(--cds-palette-background);
}

#drawing-toolbar div[class*='isActive'] svg {
	color: var(--menu-bar-button-active-color);
}

#drawing-toolbar div[data-name='hide-all'] div[class*='isActive'] svg,
#drawing-toolbar div[data-name='magnet-button'] div[class*='isActive'] svg {
	color: var(--menu-bar-button-with-background-active-color);
	fill: var(--menu-bar-button-with-background-active-fill-color);
}

#drawing-toolbar
	div[class^='toggleButton']
	svg:hover
	path[class^='background-'],
#drawing-toolbar
	div[class^='toggleButton'][class*='collapsed-']
	svg
	path[class^='background-'] {
	stroke: var(--cds-palette-primary);
	fill: var(--cds-palette-primary);
}

#drawing-toolbar div[data-name='drawginmode'][class*='isActive'] > div,
#drawing-toolbar div[data-name='hideAllDrawings'] div[class*='isActive'] > div,
#drawing-toolbar div[data-name='lockAllDrawings'][class*='isActive'] > div {
	background-color: transparent;
}

#common-tooltip-wrapper {
	margin: 0 0 0 5px;
}

div[class^='common-tooltip__body'] {
	top: 0 !important;
	background-color: var(--tv-color-tooltip-background) !important;
	padding: 8px 12px;
	border-radius: 8px !important;
}

div[class^='common-tooltip__hotkey-block'] {
	color: var(--tv-color-layout-lines) !important;
}

div[class^='menuWrap'] {
	margin-left: 5px;
	box-shadow: none;
	/* border: 1px solid rgba(91, 97, 110, .2); */
	border-radius: 4px;
}

div[class^='menuWrap'] div[class^='item'] {
	position: relative;
	color: var(--cds-palette-foreground-muted);
}

div[class^='menuWrap'] div[class^='item']:hover {
	background-color: var(--tv-color-meni-item-hover);
}

div[class^='menuWrap']
	div[class^='item'][class*='isActive'][data-name*='Magnet'],
div[class^='menuWrap']
	div[class^='item'][class*='isActive'][data-name*='hide-'] {
	padding-right: 36px;
}

div[class^='menuWrap'] div[class^='item'][class*='isActive'],
div[class^='menuWrap'] div[class^='item'][class*='isActive']:hover {
	color: var(--cds-palette-foreground-muted);
	background-color: var(--tv-color-layout-lines);
}

div[class^='menuWrap']
	div[class^='item'][class*='isActive']
	span[class^='favorite-'] {
	background-color: var(--tv-list-item-button-background-hover-color);
}

div[class^='menuWrap']
	div[class^='item'][class*='isActive'][data-name*='Magnet']:hover:after,
div[class^='menuWrap']
	div[class^='item'][class*='isActive'][data-name*='Magnet']:hover:before,
div[class^='menuWrap']
	div[class^='item'][class*='isActive'][data-name*='hide-']:hover:after,
div[class^='menuWrap']
	div[class^='item'][class*='isActive'][data-name*='hide-']:hover:before {
	display: block;
}

.tv-floating-toolbar {
	border-color: rgba(91, 97, 110, 0.2);
	box-shadow: none;
}

.tv-floating-toolbar__widget {
	border-left-color: var(--tv-color-layout-lines);
}

.tv-floating-toolbar__widget svg {
	color: var(--cds-palette-foreground);
	fill: var(--cds-palette-foreground);
}

div[class^='dialog-'] div[class^='tabs-'] div[class^='tab-'] {
	font-size: 14px;
	font-weight: 500;
}

div[class^='toolbar-'],
div[class^='toolbar-'] button[class^='item'],
div[class^='dateRangeWrapper-']::before {
	font-size: 12px;
}

div[class^='dialog-'] div[class^='tabs-'] div[class^='tab-'][class^='active-'] {
	color: var(--cds-palette-primary);
	/* border-bottom: solid 2px var(--cds-palette-primary) */
}

div[class^='dialog-'] div[class^='footer-'] button,
div[class^='dialog-'] div[class^='footer-'] div[class^='container-'] {
	border-radius: 8px;
}

div[class*='layout__area--left'] div[class*='inner-'],
div[class*='layout__area--top'] div[class*='inner-'] {
	-webkit-animation: 1s linear infinite alternate skeleton-loading;
	animation: 1s linear infinite alternate skeleton-loading;
}

div[class*='layout__area--top'] div[class*='inner-'] {
	padding-left: 16px;
}

@keyframes skeleton-loading {
	0% {
		background-color: transparent;
	}

	100% {
		background-color: transparent;
	}
}

.price-axis canvas {
	background-color: transparent !important;
}

html.theme-dark div[class^='dialog-'],
html.theme-dark div[class^='menuWrap-'] {
	background-color: var(--modal-bg) !important;
	border: 1px solid var(--modal-border) !important;
	border-radius: 12px;
}

html.theme-dark div[class^='menuWrap-'] div[class^='item-'] {
	background-color: var(--modal-bg) !important;
	padding: 0px 6px;
}

div[class^='wrapper-'] > div[class^='content-'] {
	border-top: 1px solid var(--core-color-greyscale-300) !important;
}

html.theme-dark div[class^='footer'] {
	border-top: 1px solid var(--core-color-greyscale-300);
}

html.theme-dark div[class^='content-'] div[class^='container-'] {
	border-right: 1px solid var(--core-color-greyscale-300);
}

#series-theme-manager {
	width: auto;
	max-width: 200px;
}

html.theme-dark *[class^='calendar-'],
*[class^='calendar-'] *[class^='sub-header-'] {
	background-color: var(--modal-bg) !important;
	color: #d1d4dc;
}

div[class^='valuesAdditionalWrapper'] {
	display: flex !important;
}

.chart-gui-wrapper div[class^='tooltip-'] .tooltip-loss-text {
	color: var(--cds-palette-negative);
}

.chart-gui-wrapper div[class^='tooltip-'] .tooltip-profit-text {
	color: var(--cds-palette-positive);
}

.chart-gui-wrapper div[class^='tooltip-'] {
	background: rgba(20, 21, 25, 0.9) !important;
	border-radius: 8px;
	padding: 0;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(138, 145, 158, 0.3) !important;
}

.chart-gui-wrapper div[class^='tooltip-'] .bar-mark-tooltip-row {
	padding: 8px 8px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(138, 145, 158, 0.3);
	gap: 12px;
}

.chart-gui-wrapper div[class^='tooltip-']::before,
.chart-gui-wrapper div[class^='tooltip-']::after {
	content: none !important;
}

.chart-gui-wrapper div[class^='tooltip-'] .bar-mark-tooltip-row:last-child {
	border-bottom: none;
}

.chart-gui-wrapper div[class^='tooltip-'] > div > div[class^='text-'] {
	padding: 8px !important;
	max-width: 500px !important;
}