@import url("css2.css");

@media (max-width: 430px) {
  div[data-name="dropdown"] > span > svg:nth-child(2) {
    display: none;
  }
  div[data-name="dropdown"] > span > svg:nth-child(1) {
    display: block !important;
  }
  div[data-name="legend-series-item"] div[class^="statusesWrapper-"] {
    display: none;
  }
  .chart-page .js-button-text > div {
    font-size: 14px;
  }

  .chart-page .js-button-text > div:hover {
    font-size: 14px;
  }
  .chart-page
    div[data-is-custom-header-element="true"]
    span[class^="icon-"]
    > svg {
    /* width: 14px; */
    /* height: 14px; */
  }

  .group-S_1OCXUK > .button-S_1OCXUK.first-S_1OCXUK {
    margin-left: 10px;
    margin-left: 12px;
  }

  div[data-name="dropdown"] {
    margin-left: -2px;
    padding: 0 10px !important;
    display: flex;
    padding-left: 0px;
    /* color: white !important; */
  }

  div[data-name="dropdown"] > div {
    display: none;
  }
  div[class^="arrowWrap-"] {
    margin-right: 10px !important;
    margin-left: 4px !important;
  }

  .button-S_1OCXUK {
    padding: 5px;
  }
  .separatorWrap-MBOVGQRI {
    margin: 0 -8px;
    padding: 6px !important;
    padding-left: 8px !important;
  }
  .separatorWrap-MBOVGQRI:not(:nth-child(3)):not(:nth-last-child(2)) {
    opacity: 0;
    padding: 0 !important;
  }

  button[data-tooltip="Indicators & Strategies"] {
    margin-right: -10px;
    padding-left: 8px !important;
  }

  div[data-name="dropdown"] > span > svg {
    width: 18px !important;
    height: 18px !important;
    color: rgb(var(--colors-t-third)) !important;
  }

  div[data-tooltip="Chart settings"] {
    padding-left: 10px !important;
  }
  .iconButton-OhqNVIYA {
    padding-left: 8px;
  }
  .iconButton-OhqNVIYA > span > svg {
    width: 26px !important;
    height: 26px !important;
  }
}
.chart-page button[class^="button-"] {
  --ui-lib-button-default-color-content: rgb(0, 0, 0) !important;
  --ui-lib-checkbox-color-accent: rgb(var(--colors-t-oncolor)) !important;
  --ui-lib-button-default-color-bg: rgb(var(--colors-interactive-primary)) !important;
  --ui-lib-button-default-color-border: rgb(var(--colors-t-link)) !important;
  --ui-lib-intent-color: rgb(var(--colors-t-link)) !important;
}
html.theme-dark .chart-page button[class^="button-"] {
  --ui-lib-button-default-color-content: rgb(0, 0, 0) !important;
  --ui-lib-checkbox-color-accent: rgb(var(--colors-t-oncolor)) !important;
  --ui-lib-button-default-color-bg: rgb(var(--colors-interactive-primary)) !important;
  --ui-lib-button-default-color-border: rgb(var(--colors-interactive-primary)) !important;
  --ui-lib-intent-color: rgb(var(--colors-interactive-primary)) !important;
}


span[class^="label"] >  span[class^="title"] {
  color: rgb(var(--colors-t-third))
}

span[class^="title"] >  span[class^="titleText"] {
  color: rgb(var(--colors-t-third))
}
body {

  --tv-color-platform-background: rgb(var(--colors-interactive-interactiveBg));
  --tv-color-toolbar-button-text: rgb(var(--colors-t-third));
  --tv-color-toolbar-button-text-hover: rgb(
    var(--colors-interactive-primaryHover)
  );
  --tv-color-popup-element-text-hover: rgb(
    var(--colors-t-primary)
  );
  --tv-color-toolbar-button-text-active-hover: rgb(
    var(--colors-t-link)
  );
  --tv-color-toolbar-button-text-active: rgb(var(--colors-t-primary));

  --tv-color-popup-background: rgb(var(--colors-interactive-interactiveBg));
  --tv-color-popup-element-background-hover: rgb(
    var(--colors-interactive-interactiveBgHover)
  );
  --tv-color-popup-element-background-active: transparent;

  --tv-color-popup-element-text-active: rgb(
    var(--colors-t-link)
  );

  --tv-color-toolbar-toggle-button-background-active: rgb(
    var(--colors-interactive-primary)
  );
  
  --tv-color-toolbar-toggle-button-background-active-hover: rgb(
    var(--colors-interactive-primaryActive)
  );
  --ui-lib-button-default-color-content: rgb(0, 0, 0);
  --ui-lib-checkbox-color-accent: rgb(var(--colors-border-line));
  --ui-lib-button-default-color-bg: rgb(var(--colors-interactive-primary));
  --ui-lib-button-default-color-border: rgb(var(--colors-interactive-primary));
  --ui-lib-intent-color: rgb(var(--colors-interactive-primary));
  --tv-color-toolbar-button-background-expanded: transparent;
  --tv-color-popup-element-secondary-text: rgb(var(--colors-t-third));
  --tv-color-popup-element-divider-background: rgb(var(--colors-border-line));
  --tv-color-popup-element-text: rgb(var(--colors-t-secondary));
  --tv-color-popup-element-toolbox-text-active-hover: rgb(
    var(--colors-interactive-interactiveBg)
  );
  --tv-color-pane-background: none;

  --tv-color-toolbar-button-text-hover: none;
  --tv-color-toolbar-button-background-hover: transparent;
  --ui-lib-intent-highlight-color: rgb(
    var(--colors-interactive-primary)
  ) !important;
}
.theme-dark:root body {
  --tv-color-platform-background: rgb(var(--colors-interactive-interactiveBg));
  --tv-color-toolbar-button-text: rgb(var(--colors-t-third));
  --tv-color-toolbar-button-text-hover: rgb(
    var(--colors-interactive-primaryHover)
  );
  --tv-color-popup-element-text-hover: rgb(
    var(--colors-interactive-primaryHover)
  );
  --tv-color-toolbar-button-text-active-hover: rgb(
    var(--colors-interactive-primaryActive)
  );
  --tv-color-toolbar-button-text-active: rgb(var(--colors-t-primary));

  --tv-color-popup-background: rgb(var(--colors-interactive-interactiveBg));
  --tv-color-popup-element-background-hover: rgb(
    var(--colors-interactive-interactiveBgHover)
  );
  --tv-color-popup-element-background-active: transparent;

  --tv-color-popup-element-text-active: rgb(
    var(--colors-interactive-primaryActive)
  );

  --tv-color-toolbar-toggle-button-background-active: rgb(
    var(--colors-interactive-primary)
  );
  --tv-color-toolbar-toggle-button-background-active-hover: rgb(
    var(--colors-interactive-primaryActive)
  );
  --ui-lib-button-default-color-content: rgb(0, 0, 0);
  --ui-lib-checkbox-color-accent: rgb(var(--colors-border-line));
  --ui-lib-button-default-color-bg: rgb(var(--colors-interactive-primary));
  --ui-lib-button-default-color-border: rgb(var(--colors-interactive-primary));
  --ui-lib-intent-color: rgb(var(--colors-interactive-primary));
  --tv-color-toolbar-button-background-expanded: transparent;
  --tv-color-popup-element-secondary-text: rgb(var(--colors-t-third));
  --tv-color-popup-element-divider-background: rgb(var(--colors-border-line));
  --tv-color-popup-element-text: rgb(var(--colors-t-secondary));
  --tv-color-popup-element-toolbox-text-active-hover: rgb(
    var(--colors-interactive-interactiveBg)
  );
  --tv-color-pane-background: none;

  --tv-color-toolbar-button-text-hover: none;
  --tv-color-toolbar-button-background-hover: transparent;
  --ui-lib-intent-highlight-color: rgb(
    var(--colors-interactive-primary)
  ) !important;
}
.dropdown-button {
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(var(--colors-t-third));
  gap: 8px;
  border: none;
}

.dropdown-button > svg {
  width: 9px;
  height: 5px;
  padding-top: 2px;
}

.dropdown-trigger {
  background: transparent;
  border: none;
}

.dropdown-menu-item {
  color: rgb(var(--colors-t-secondary));
}

div[class^="ellipsis-"] {
  color: rgb(var(--colors-t-secondary));
}

div[data-outside-boundary-for="indicators-dialog"] > div[class^="dialog"] {
  background-color: rgb(var(--colors-interactive-interactiveBg)) !important;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
div[data-outside-boundary-for="object-tree-dialog"] > div[class^="dialog"] {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

div[data-outside-boundary-for="series-properties-dialog"]
  > div[class^="dialog"] {
  background-color: rgb(var(--colors-interactive-interactiveBg)) !important;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

div[dindicators-dialog="indicators-dialog"] {
  background-color: rgb(var(--colors-interactive-interactiveBg));
}
div[data-name="indicators-dialog"] > div[class^="container"] {
  border-color: rgb(var(--colors-border-line)) !important;
}

div[class^="active"] {
  background: rgb(36, 36, 36);
}

span[class^="title"] > span[class^="title-text"] {
  color: rgb(var(--colors-t-secondary));
}

span[class^="label"] > div[class^="title"] {
  color: rgb(36, 36, 36);
}

html.theme-dark .chart-page button[name="cancel"] {
  background: transparent;
  color: rgb(var(--colors-interactive-primary));
  border-radius: 0;
  cursor: pointer;
}
html.theme-light .chart-page button[name="cancel"] {
  background: transparent;
  color: rgb(var(--colors-t-link));
  border-radius: 0;
  cursor: pointer;
}
html.theme-dark .chart-page button[name="submit"] {
  color: rgb(var(--colors-t-dark));
  border-radius: 0;
  cursor: pointer;
}
html.theme-light .chart-page button[name="submit"] {
  color: rgb(var(--colors-t-dark));
  border-radius: 0;
  border-color: rgb(var(--colors-interactive-primary));
  cursor: pointer;
}

.chart-page .js-button-text > div:hover {
  color: rgb(var(--colors-t-primary));
}

html.theme-dark .favorite-_FRQhM5Y.checked-_FRQhM5Y {
  color: rgb(var(--colors-interactive-primary));
}

button[data-name="close"]:hover {
  background-color: rgb(var(--colors-interactive-interactiveBg)) !important;
  color: rgb(var(--colors-t-primary)) !important;
}

button[data-name="close"] {
  color: rgb(var(--colors-t-third)) !important;
}

div[class^="intent-primary"] {
  --ui-lib-intent-highlight-color: rgb(var(--colors-interactive-primary));
}

html.theme-dark .title-z9fs4j4t {
  color: rgb(var(--colors-t-third));
}

.icon-qm7Rg5MB > svg {
  color: rgb(var(--colors-t-third));
}

html.theme-dark .tab-nGEmjtaX.active-nGEmjtaX {
  background-color: rgb(var(--colors-interactive-interactiveBgHover));
}

html.theme-dark .tab-nGEmjtaX.active-nGEmjtaX:hover {
  background-color: rgb(var(--colors-interactive-interactiveBgHover));
}

.layout__area--left {
  --tv-color-pane-background: rgb(var(--colors-interactive-interactiveBg));
}

button[data-tooltip="Indicators & Strategies"] > .js-button-text {
  display: none;
}

button[data-tooltip="Indicators & Strategies"] {
  margin-right: -12px;
  padding-left: 6px !important;
  /* padding-right: 1px !important; */
}

div[role="menuitemradio"] > span {
  display: none;
}

.colorPickerWrap-Sw_a4qpB.intent-primary-Sw_a4qpB {
  border-color: rgb(var(--colors-border-line));
}

.arrowWrap-merBkM5y > .icon-WB2y0EnP {
  width: 10px;
}

div[class^="tabContent-"]  {
  scrollbar-color: rgb(var(--colors-border-line)) !important;
}

div[class^="colorPickerWrap"]
  div[class^="intent-primary-"]
  div[class^="shadow-"] {
  border-color: rgb(var(--colors-border-line)) !important;
}

span[class^="wrapper"] > span[class^="box-"] {
  border-color: rgb(var(--colors-border-line)) !important;
}

span[class^="container-"] {
  --ui-lib-intent-highlight-color: rgb(var(--colors-border-line)) !important;
  --ui-lib-intent-color: rgb(var(--colors-border-line)) !important;
}

div[class^="colorPickerWrap-"] {
  border-color: rgb(var(--colors-border-line)) !important;
}

div[class^="tabContent"] {
  scrollbar-color: rgb(var(--colors-border-line)) rgb(var(--colors-border-line)) !important;
}

span > span[data-state="checked"] {
  display: none;
}

.colorPickerWrap-Sw_a4qpB.intent-primary-Sw_a4qpB .shadow-Sw_a4qpB {
  border-color: rgb(var(--colors-border-line));
}

.input-qm7Rg5MB::placeholder {
  color: rgb(var(--colors-t-placeholder)) !important;
}

.container-hrZZtP0J {
  scrollbar-color: rgb(var(--colors-border-line)) rgb(var(--colors-border-line)) !important;
}

button[data-name="header-toolbar-fullscreen"] {
  position: absolute !important;
  right: 10px;
}

.fill-OhqNVIYA {
  width: 0px;
  flex: 0;
  display: none;
}

.group-S_1OCXUK > .button-S_1OCXUK.first-S_1OCXUK {
  margin-left: 10px;
}

div[data-name="dropdown"] {
  padding: 0 10px !important;
  display: flex;
}

div[data-name="dropdown"] > span {
  order: 1;
}

div[class^="arrowWrap-"] {
  margin-right: 10px !important;
  margin-left: 4px !important;
}

.separatorWrap-MBOVGQRI {
  padding: 0px;
}

div[data-name="dropdown"] > span > svg {
  width: 8px;
  padding-left: 8px;
}

div[data-name="dropdown"] > span > svg:nth-child(1) {
  display: none;
}
div[data-tooltip="Chart settings"] span > svg {
  width: 18px !important;
}

.button-ptpAHg8E.withoutText-ptpAHg8E {
  padding: 0 0 !important;
}

.separator-xVhBjD5m {
  margin: 0 !important;
}

#header-toolbar-undo-redo > button {
  opacity: 1 !important;
}

.icon-mobile {
  display: none;
}

div[class^="tooltip"] {
  background-color: rgb(var(--colors-interactive-interactivePopup)) !important;
  color: rgb(var( --colors-t-primary)) !important;
  white-space: pre-line !important;
  border-radius: 0 !important;
}

div[class^="tooltip"] div {
  color: rgb(var( --colors-t-primary)) !important;
  position: relative;
  z-index: 9;
  font-family: "Outfit", serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  font-style: normal;
}

div[class^="tooltip"] div[class^="text"] {
  padding: 8px !important;
}
#drawing-toolbar button[type="button"]:hover {
  background-color: var(--tv-color-popup-element-background-hover);
}

.chart-controls-bar button[data-name="date-ranges-menu"],
.chart-controls-bar div[data-name="date-ranges-tabs"] {
  display: none !important;
  visibility: hidden !important;
}