:root {
  --bg: #0f1724;
  --card: #0b1220;
  --muted: #94a3b8;
  --accent: #06b6d4;
  --good: #10b981;
  --warn: #f59e0b;
}
/* width */
::-webkit-scrollbar {
  width: 6px; /* vertical scrollbar */
  height: 8px; /* horizontal scrollbar */
}

/* Track */
::-webkit-scrollbar-track {
  background: #494d4f;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #e1e3e5a3;
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e1e3e5ce;
}
html,
body {
  height: 100vh;
  margin: 0;
  font-family: Inter, system-ui, Arial;
  background: linear-gradient(180deg, #071126 0%, #071726 100%);
  color: #e6eef6;
  position: relative;
  overflow: hidden;
}
.topbar {
  display: flex;
  gap: 3px;
  align-items: center;
  /* padding: 10px 18px; */
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(4px);
  position: fixed;
  width: 100%;
  background: #0c162a;
  /* overflow: hidden; */
  left: 0;
  z-index: 10000000;
  border: 1px solid #8080802b;
}
.title {
  font-weight: 700;
  font-size: 18px;
  margin-right: 8px;
}
.controls {
  display: none;
  gap: 40px;
  align-items: center;
  margin-left: auto;
  padding-right: 15px;
}
.controls.active{
  display: flex;
}
.css-opflkTYDDD a{
  color: #ffffffc7;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
}
.css-ddkflfoER,.css-TYrrurkloE{
  color: #bdbdbd;
}

.css-TYrrurkloE{
  border: none;
  font-size: 22px;
  padding: 8px;
  cursor: pointer;
}
.css-yrWErkloE{
  position: absolute;
  right: -10px;
  top: 40px;
  display: none;
  background: white;
  color: black;
  z-index: 10000;
  border-radius: 5px;
  padding: 15px 10px;
  min-width: 200px;
}
.css-ifofERpRR{
  display: none;
  position: absolute;
  background: #f9f9f9;
  top: 44px;
  right: 20px;
  color: black;
  padding: 25px;
  border-radius: 3px;
  gap: 30px;
  z-index: 1000000;
  padding-bottom: 40px;
  font-family: system-ui;
}
.css-ifoflpRR{
  display: grid;
  gap: 5px;
  cursor: pointer;
  text-decoration: none;
  color: black;
}
.css-ifofWRR{
  font-weight: 500;
  font-size: 17px;
}
.css-yRRrkloE:hover .css-yrWErkloE{
  display: grid;
}
.css-ddkflfoER{
  cursor: pointer;
  display: flex;
  gap: 5px;
  align-items: center;
}
.css-ddkflfoER i{
  margin-top: 3px;
}
.css-iWElpRR{
  padding: 13px 5px;
  color: #ffffffc7;
  font-size: 15px;
}
.Css-ifoflperQ{
  display: flex;
  gap: 6px;
  align-items: flex-start;
}
.Css-yujfko{
  display: flex;
  gap: 10px;
  font-size: 14px;
  margin: 8px 0;
}
.css-oflfpolWE{
  font-weight: 600;
}
.css-ofpflfof{
  font-size: 11px;
  color: #FFC107;
  font-weight: 600;
  margin-top: 5px;
}
.css-iWElpRR:hover .css-ifofERpRR{
  display: flex;
}
.css-iWElpRR:hover .css-ddkflfoER i{
  transform: rotate(180deg);
}
.css-yrrERrkloE{
  display: grid;
  gap: 5px;
  font-size: 15px;
}
.css-yrrurklf.name{
  font-weight: 500;
}
.css-yrrurkEE{
  background: black;
  color: #dfdfdf;
  cursor: pointer;
  margin: 10px 0;
}
.company_detail {
  position: absolute;
  left: 15px;
  top: 3px;
}
.company_detail a {
  text-decoration: none;
  color: #efefef;
}
.company_detail img {
  vertical-align: middle;
  border-style: none;
  width: 45px;
  /* box-shadow: -5px 5px 60px -5px rgba(0, 0, 0, 0.1); */
}
.company_detail .name {
  display: inline-block;
  font-family: cursive;
  letter-spacing: 3px;
  border-bottom: 3px solid;
  border-radius: 80%;
  box-shadow: 40px 35px 45px 0px rgba(0, 0, 0, 0.1);
  padding: 5px;
  margin-left: -4px;
  font-size: 22px;
}
.css-yrrurkloE{
  display: grid;
  gap: 5px;
  margin-top: 10px;
}
.css-yrrurkloE button{
  padding: 0;
  color: black;
  cursor: pointer;
  font-size: 15px;
}
.css-yrrurkloE span{
  border-bottom: 1px solid #8080803b;
  padding: 10px 0;
}
select,
button,
input[type="range"] {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--muted);
  padding: 8px;
  border-radius: 6px;
  outline: none;
}
.page {
  display: flex;
  flex-direction: column;
  height: calc(100% - 70px);
  padding-top: 60px;
}
.workspace {
  display: none;
  gap: 14px;
  padding: 14px;
  flex: 1;
  flex-wrap: wrap;
  row-gap: 25px;
  /* padding-bottom: 50px; */
}
.workspace.active{
  display: flex;
}
.chart-panel {
  flex: 1;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.02),
    rgba(255, 255, 255, 0.01)
  );
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  /* width: 50%; */
  min-height: 450px;
  /* max-height: 742px; */
}
.chart-header {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.chart-header.active{
  display: flex;
}
.chart-canvas {
  flex: 1;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #07142a 0%, #051224 100%);
  display: grid;
  align-items: center;
  justify-content: center;
}
#chart {
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  margin-top: 40px;
}
#chart.active {
  opacity: 1;
}
#chart.temp-load {
  opacity: 0.2;
}
.css-oWmlERG.like{
  color: #06d106;
  cursor: pointer;
}
.css-oWmlERG.like.active{
  background: #004900;
  color: white;
}
.css-oWmlERG.dislike{
  color: #ed6a1b;
  cursor: pointer;
}
.css-oWmlERG.dislike.active{
  background: #913904;
  color: white;
}
.css-ioflfpRTE{
  position: fixed;
  top: 10%;
  right: 21px;
  background: #dddddd;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 8px 10px 2px rgb(35 35 35 / 20%);
  color: black;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: scale(0);
  opacity:0;
  pointer-events: none;
}
.css-ioflfpRTE.active{
  transform: scale(1);
  opacity:1;
  pointer-events: auto;
}
.css-ioflfWpRTE{
  padding-left: 5px;
  padding-bottom: 10px;
  display: grid;
  gap: 3px;
}
.css-rrjtltopE{
  display: flex;
  justify-content: end;
}
.css-rrjtltopW{
  padding: 3px;
  color: black;
  cursor: pointer;
}
.Css-lfpfoflfo{
  font-size: 20px;
  font-weight: 600;
}
#chart.pick {
  box-shadow: 11px 3px 19px 5000px rgb(0 0 0 / 90%);
  position: fixed;
  z-index: 100000000;
  border-radius: 10px;
  top: 50px;
}
.chart-canvas.full {
  width: 100%;
  height: -webkit-fill-available;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: linear-gradient(180deg, #07142a 0%, #051224 100%);
  margin-top: 55px;
}
.css-ffjkTHUI {
  position: absolute;
  top: 0;
  width: 99%;
  left: 0;
  z-index: 1000;
  padding: 5px 7px;
  border-bottom: 1px solid #1d2227;
  background: #07142a;
  border-top: none;
  display: none;
}
.css-ffjkTHUI.active{
  display: block;
}
.css-fdrGTeTHUI {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.css-flGTeTHUI {
  border: none;
  border-bottom: 2px dashed #8d8d8d;
  border-radius: 0;
  padding: 5px 1px;
  cursor: pointer;
}
.css-flekeTHUI {
  display: flex;
  gap: 8px;
  padding-right: 5px;
}
.css-flekefmmUI {
  display: flex;
  font-size: 13px;
  cursor: pointer;
  min-width: 65px;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.css-fklwfopH {
  border: none;
  height: 22px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
}
.css-fejkfejfejYU.active {
  background: #b7b7b7;
  color: black;
}
canvas {
  display: block;
}
.toggles {
  display: flex;
  gap: 8px;
}
.chip {
  background: rgba(255, 255, 255, 0.02);
  padding: 6px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.02);
  cursor: pointer;
}

.analysis {
  display: none;
  flex-direction: column;
  gap: 8px;
  background: rgb(17 33 58 / 46%);
  padding: 10px;
  border-radius: 8px;
  /* margin-top: 10px; */
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 15px;
  border-left: 1px solid rgb(21 41 66);
  border-right: 1px solid rgb(21 41 66);
  background: linear-gradient(90deg, rgba(17, 33, 58, 0.6) 69%, rgba(17, 44, 92, 0.64) 100%);
  /* overflow-y: auto; */
  min-height: 715px;
}
.analysis.active {
  display: flex;
}
.css-fiopldgtEY{
  letter-spacing: 0.5px;
  transition: transform 0.8s ease, opacity 0.8s ease;
  transform: translateX(0%);
  height: 100%;
  opacity: 1;
  font-size: 13px;
}
.card {
  background: var(--card);
  padding: 15px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.02);
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0);
  height: calc(100dvh - 82dvh);
}
.css-oflWEfpftyQ{
  position: fixed;
  height: 100%;
  width: 100%;
  backdrop-filter: blur(3px);
  opacity: 0;
  pointer-events: none;
  background: #000000eb;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  z-index: 1000000;
  color: white;
}
.css-oflWEfpfty.auto.active, .css-oflWEfpfty.data.active, .css-oflWEfpftyQ.active {
  opacity: 1;
  pointer-events: auto;
}
.css-oflWWEfpfty {
  position: absolute;
  top: 10px;
  right: 10px;
}
.css-oflfpfty, .css-oflfpftyT {
  max-width: 380px;
  display: grid;
  justify-content: center;
  gap: 5px;
  transition: transform 0.03s ease, opacity 0.03s ease;
  transform: scale(0);
}
.css-oflWEfpfty.active .css-oflfpfty, .css-oflWEfpftyQ.active .css-oflfpftyT {
  transform: scale(1);
}
.css-ikflfoER {
  font-size: 18px;
  opacity: 0.4;
  color: #212121;
}
.css-oQflfpfty {
  text-align: center;
  font-size: 38px;
  color: #FFF59D;
}
.css-dfggQgkgf {
  text-align: center;
  display: grid;
  gap: 3px;
}
.css-dfggQgkgf .title {
  font-size: 24px;
  font-weight: 600;
}
.css-oflWEfpftyQ .css-ikflfoER {
  font-size: 26px;
  opacity: 0.8;
  color: #d5d5d5;
}
.css-olfWEkofpQ {
  display: grid;
  margin-top: 15px;
  justify-content: center;
  gap: 12px;
}
.css-oElfkofpQ span {
  border-bottom: 1px dashed;
  color: #dfdfdf;
  font-size: 16px;
}
.css-dffjflIUI {
  height: 65px;
  margin-top: 5px;
  width: 300px;
}
.css-oflWEfpftyQ button{
  border: none;
  cursor: pointer;
}
.card.active {
  transform: scale(1);
}
.card h3 {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
.trend-big {
  display: grid;
  align-items: center;
  gap: 8px;
}
.conf-bar {
  height: 10px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  overflow: hidden;
}
.conf-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--accent), #8b5cf6);
  width: 50%;
}
.s-r-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.sr-item {
  display: inline;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.sr-label {
  font-weight: 600;
  display: grid;
  font-size: 24px;
  /* overflow: hidden; */
}
.css-jefjfek-Kipdo {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #070714cf;
  padding: 0;
  z-index: 10000000;
  display: none;
}
.css-jefjfek-Kipdo.active{
  display: block;
}
/* .analysis.advanced.active{background:rgba(255,255,255,0.02);padding:10px;border-radius:8px;display:grid;gap:8px;align-items:center} */
.small {
  font-size: 13px;
  color: var(--muted);
}
.btn {
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  cursor: pointer;
}

.css-grjgrgjk {
  font-size: 20px;
}
.css-kefejf {
  font-size: 14px;
  padding-left: 5px;
}
.css-grjgrgjk.up,.css-kefejf.up {
  color: #2cbb2cde;
}
.css-grjgrgjk.down,.css-kefejf.down {
  color: #ff7878;
}
.css-kkfelkefmY {
  font-size: 14px;
  display: flex;
  align-items: center;
  /* width: 300px; */
  justify-content: space-between;
  gap: 5px;
}
.css-ckflfuI {
  color: greenyellow;
  text-align: left;
  margin-top: 8px;
}
.css-fkefkeej {
  color: lightcoral;
  text-align: left;
  margin-top: 8px;
}
.trendText {
  font-size: 20px;
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-bottom: 5px;
}
.trendText.down {
  color: lightcoral;
}
.trendText.up {
  color: greenyellow;
}
#patternText {
  font-size: 20px;
}
.css-kgkTjgenE {
  display: grid;
  /* border-left: 1px solid; */
  /* width: 250px; */
  gap: 2px;
  margin-top: 10px;
}
/* .css-pflfoikR{
  margin-top: 15px;
} */
.css-kgkegTenE {
  width: 0;
  height: 45px;
  display: flex;
  gap: 8px;
}
.css-kgkegTenE.active {
  animation: expandWidth 0.4s ease forwards;
}
@keyframes expandWidth {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.css-kgkegTenE .up {
  background: green;
}
.css-kgkegTenE .down {
  background: rgb(206, 80, 80);
}
.css-kgkegTenE .sideways {
  background: cornflowerblue;
}
.css-kgkegjgenE {
  font-size: 13px;
  display: grid;
}
.css-fjknwkET {
  display: grid;
  align-items: center;
  text-align: center;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0);
  letter-spacing: 1.1px;
  font-size: 13px;
}
.css-fjknwkET.active {
  transform: scale(1);
}
.css-kgkegjgenRE {
  display: grid;
  align-items: center;
  text-align: center;
}

.css-legkgego {
  display: flex;
  align-items: end;
  gap: 20px;
  width: 60%;
}
.Css-opflfpWWB{
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000000;
  opacity: 0;
  pointer-events: none;
  background: #010816c7;
}
.Css-oWflfpWWB{
  max-width: 360px;
  background: white;
  color: black;
  border-radius: 10px;
  opacity: 0;
  box-shadow: 0px 0px 14px 11px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0);
}
.Css-opflfpWWB.active{
  opacity: 1;
  pointer-events: auto;
}
.Css-opflfpWWB.active .Css-oWflfpWWB{
  transform: scale(1);
  opacity: 1;
}
.Css-opWfpWWB{
  display: flex;
  justify-content: end;
}
.Css-oWllfpWWB{
  cursor: pointer;
  color: black;
}
.Css-opfWLWpWWB{
  padding: 20px;
  display: grid;
  justify-content: center;
  text-align: center;
  gap: 10px;
}
.Css-WLpflfpWWB{
  font-size: 28px;
  color: #810202;
}
.Css-opflfERB{
  color: #810202;
  font-weight: 600;
  font-size: 18px;
}
.Css-opflERWWB{
  display: flex;
  justify-content: center;
  padding-bottom: 25px;
}
.Css-opflfpEEWWB{
  min-width: 150px;
  background: black;
  color: white;
  cursor: pointer;
}

.css-fhfjffklYUD{
  display: none;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  color: #bfbfbf;
}
.css-fhfjffklYUD.active{
  display:none;
}
.css-ujfkfifiiYU{
  cursor: pointer;
}
.css-mckskjdjR {
  border: none;
  cursor: pointer;
  display: none;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0);
  opacity: 0;
}
.css-mckskjdjRT {
  font-size: 18px;
  border: none;
  cursor: pointer;
}
.css-mckskjdjRT.show {
  background: #b5b5b5;
  color: #770000;
}
.css-fkjeenR {
  display: flex;
  align-items: center;
  gap: 3px;
}
.css-gkejkjeuiP {
  color: white;
  cursor: pointer;
  padding: 3px;
  border: none;
  font-size: 15px;
}
.css-gkejkjeuiP.like {
  background: rgb(14, 83, 14);
}
.css-gkejkjeuiP.dislike {
  background: rgb(112, 20, 20);
}
.css-cvhReex {
  display: grid;
  gap: 5px;
  position: absolute;
  margin-top: -175px;
  background: #e3e3e3;
  color: black;
  width: 200px;
  padding: 25px 15px;
  font-size: 14px;
  text-align: center;
  border-radius: 3px;
  z-index: 100;
  /* box-shadow: 0px 0px 0px 2500px rgba(0, 0, 0, 0.85); */
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0);
  font-weight: 500;
  left: 10px;
}
.css-kflfwkPPUIO {
  font-size: 32px;
  color: #a98e00;
}
.css-kfleiOPNN {
  position: absolute;
  right: 0;
  top: 2px;
  color: black;
  border: none;
  padding: 4px;
  cursor: pointer;
}
.css-cvhReex.active {
  opacity: 1;
  transform: scale(1);
}
.css-mvskksksdu::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 75px;
  transform: translateX(-50%);
  border-width: 12px;
  border-style: solid;
  border-color: #e3e3e3 transparent transparent transparent;
}
.css-jkidpTYUD,
.css-jkidpTYUDR {
  border: none;
  text-decoration: underline;
  color: #94a3b8;
  cursor: pointer;
  padding: 0;
  z-index: 100;
  color: lightblue;
  letter-spacing: 0.5px;
}
.css-jkidpTYUD.active {
  position: absolute;
  margin-top: -5px;
  color: #e3e3e3;
}
.css-effekjUIPOW {
  display: flex;
  gap: 15px;
}
.css-eflfee5 .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
}
.css-eflfee5 .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.css-eflfee5 .slider.round {
  border-radius: 34px;
}
.css-eflfee5 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.css-eflfee5 .slider.round:before {
  border-radius: 50%;
}
.css-eflfee5 .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.css-eflfee5 input:checked + .slider {
  background-color: #2068a1;
}
.css-eflfee5 input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.css-lefkfeooUHJ {
  position: absolute;
  background: orangered;
  color: white;
  font-size: 12px;
  font-weight: 500;
  width: 13px;
  border-radius: 50%;
  padding: 2px;
  margin-left: -10px;
  margin-top: -5px;
  display: none;
}
.css-lefkfeooUHJ.show {
  display: unset;
}
.css-kejekgjnTY {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #494949;
  padding-top: 5px;
  justify-content: start;
}
.css-kejekghnTY {
  height: 40px;
  width: 25px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  cursor: pointer;
}
.css-kejekghnTY.down {
  background: rgb(206, 80, 80);
}
.css-kejekghnTY.down:hover {
  background: lightcoral;
}
.css-kejekghnTY.neutral {
  background: grey;
}
.css-kejekghnTY.neutral:hover {
  background: lightgrey;
}
.css-kejekghnTY.up {
  background: green;
}
.css-kejekghnTY.up:hover {
  background: yellowgreen;
}
.css-kejekghnTY.active {
  animation: expandHeight 0.4s ease forwards;
}
@keyframes expandHeight {
  from {
    height: 0;
  }
  to {
    height: 30px;
  }
}
.css-legegkmYUI {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.css-gkejeuYT {
  cursor: pointer;
}
.css-fejkefjfjUY {
  display: flex;
  gap: 0px;
  background: #0d1c32;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.css-kgjeegjgIO {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0);
  border-radius: 0;
  border: 1px solid rgb(26 51 81);
  color: #fffaf0d4;
  letter-spacing: 0.5px;
  background: #0d192da3;
  padding: 12px;
  border-bottom: 1px solid #89af4c7a;
  font-size: 12px;
  font-family: system-ui;
  letter-spacing: 0.8px;
}
.css-kgjeegjgIO.show {
  transform: scale(1);
  opacity: 1;
}
.css-kgjeegjgIO:not(.active) {
  cursor: pointer;
}
.css-kgjeegjgIO.active {
  background: linear-gradient(90deg, rgba(17, 33, 58, 0.6) 69%, rgba(17, 44, 92, 0.64) 100%);
  color: lightblue;
  border: 1px solid rgb(26 51 81);
  border-bottom: none;
  border-right: none;
  /* border-bottom: 2px solid; */
  border-bottom: 2px solid #4CAF50;
}
.css-kgjeegjgIO.basic{
  border-top-left-radius: 10px;
}
.css-kgjeegjgIO.oi{
  border-top-right-radius: 10px;
}
.css-fefejejH {
  font-size: 17px;
  font-family: math;
  letter-spacing: 1.5px;
}
.css-kejegngeui {
  margin-top: -10px;
  margin-bottom: 5px;
  font-family: cursive;
  font-size: 22px;
}
.css-fefnejem {
  height: 30px;
  width: 25px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  cursor: pointer;
  display: grid;
  align-items: end;
  height: 50px;
}
.css-fekfefej {
  background: #b1aba3;
  max-height: 100%;
}
.css-gkgrrgmri,.css-gkgrrgmriE {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
  z-index: 10000000;
  transition: transform 0.07s ease, opacity 0.1s ease;
  transform: translateX(100%);
  opacity: 0;
  background: rgba(4, 8, 14, 0.65);
  backdrop-filter: blur(6px) saturate(1.05);
}
.css-lfofpRERTE{
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: scale(0);
  opacity: 0;
  display: flex;
  gap: 6px;
}
.css-lfofpRERTE.active{
  transform: scale(1);
  opacity: 1;
}
.css-lfofpRTY.ltp_value{
  font-size: 12px;
}
.css-lddpdorrtyhR{
  position: absolute;
  background: #12438d;
  color: #ffffffe3;
  font-size: 12px;
  padding: 10px;
  border-radius: 5px;
  top: 5px;
  right: 37px;
  max-width: 168px;
  box-shadow: 0px 0px 17px 12px rgb(0 0 0 / 5%);
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
}
.css-fkflfpofjyuE{
  top: 80px;
}
.css-oclofpRT:hover .css-lfpfokTYH,.css-oclofpRTR:hover .css-fkflfpofjyuE{
  transition-delay: 0.5s;
  opacity: 1;
  transform: scale(1);
}

.css-ydudjRTY{
  display: grid;
  gap: 1px;
  font-size: 10px;
  letter-spacing: 0.5px;
  border: none;
  padding: 6px 12px;
  border-radius: 3px;
  cursor: pointer;
  color: white;
}
.css-ydudjRTY.sell{
  background: #c54719;
}
.css-ydudjRTY.sell:hover{
  background: #99300a;
}
.css-ydudjRTY.buy{
  background: #1f66e3;
}
.css-ydudjRTY.buy:hover{
  background: #0543af;
}

.css-gkgrrgmri.technical.show,
.css-gkgrrgmri.alert.show,
.css-gkgrrgmri.chart_level_share.show,
.css-gkgrrgmri.telegram.show,.css-gkgrrgmriE.show {
  opacity: 1;
  transform: translateX(0%);
}
.css-kefeiojdT {
  display: none;
  gap: 5px;
}
.css-kefeiojdT.active {
  display: flex;
}

.css-gkgmnmri {
  background: #0b1c31;
  /* box-shadow: 0px 0px 0px 5000px rgb(0 0 0 / 85%); */
  position: relative;
  /* min-width: 350px; */
  width: 450px;
}
.css-fwjuoojKY {
  display: grid;
  gap: 10px;
  padding: 15px;
}
.css-fwjuoojKR {
  display: grid;
  gap: 3px;
}
.css-jfkwfuITY {
  background: transparent;
  border: 1px solid;
  padding: 8px;
  border-radius: 5px;
  font-size: 16px;
  color: #b1b1b1;
}
.css-lgekegkegmE {
  padding: 15px;
  padding: 15px;
  display: grid;
  gap: 20px;
  font-size: 14px;
}
.css-efkuIKN {
  font-size: 14px;
  display: grid;
}
.css-kflemk-kf {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 5px;
  border: 1px solid #393939;
  border-radius: 5px;
  padding: 10px;
  max-height: 280px;
  overflow-y: auto;
}
.css-jekgegnnjYUI {
  display: flex;
  gap: 5px;
}
.css-lflkefemio {
  display: flex;
  align-items: center;
  background: #ffffffe8;
  color: black;
  padding: 5px 20px 5px 10px;
  border-radius: 5px;
  position: relative;
}
.css-Juikefemio {
  position: absolute;
  right: 0px;
  padding: 0px;
  color: #b10202;
  font-size: 15px;
  background: #ffffffde;
  cursor: pointer;
  border-radius: 75%;
  border: none;
  margin-top: 2px;
}
.css-kfekffekio {
  margin-top: 10px;
  border: 1px solid;
  padding: 8px 15px;
  cursor: pointer;
}
.css-gkgrhgri {
  border-bottom: 1px solid dimgrey;
  display: flex;
  justify-content: start;
}
.css-gkgeetgmri {
  border: none;
  cursor: pointer;
  font-size: 18px;
}
.css-gkTyrgmri {
  padding: 20px;
}
.css-gkgrrgdhd {
  display: none;
  gap: 50px;
}
.css-gkgrrgdhd.show {
  display: grid;
}
.css-gffeygdhd {
  display: grid;
  gap: 8px;
}
.css-gffeygdhd label {
  font-size: 14px;
}
.css-gffeygdhd input {
  border-radius: 5px;
  padding: 9px;
  outline: none;
  font-size: 16px;
  background: transparent;
  border: 1px solid;
  color: white;
}
.css-gffeygdhd select {
  border: 1px solid;
  color: white;
}
.css-gffeygdhd select option {
  background-color: #ffffff;
  color: #333;
}
.css-gffeygdhd textarea {
  height: 160px;
  background: transparent;
  color: white;
  border: 1px solid;
  border-radius: 5px;
  resize: none;
  outline: none;
  font-size: 15px;
  padding: 5px 10px;
}
.css-tyhurgdhd {
  position: absolute;
  bottom: 0;
  border-top: 1px solid dimgrey;
  width: -webkit-fill-available;
  display: flex;
  justify-content: end;
  padding: 5px;
  gap: 5px;
  background: #0b1c31;
}
.css-tyhurgdhd button {
  padding: 10px;
  width: 80px;
  border: 1px solid;
  cursor: pointer;
  font-size: 15px;
}
.css-gyuiygdhd.apply {
  display: flex;
  color: darkseagreen;
  justify-content: center;
}
.css-kfeefjnnE {
  display: none;
}
.css-kfeefjnnE.active {
  display: block;
}
.css-gglekegmgi {
  display: grid;
  gap: 35px;
}
.css-kfwmfwfuio {
  width: 80px;
  border: 1px solid;
  cursor: pointer;
}
.css-kfwmfwfuio.active {
  background: #cfcfcf;
  color: black;
  border: 1px solid #cfcfcf;
}
.css-kfwmfwfuio:not(.active):hover,
.css-kfEelefmOP:hover,
.css-jekeleiopR:hover {
  /* background: #2e3039; */
  box-shadow: 0px 0px 9px 0px rgb(94 128 163 / 70%);
}
.css-jekeleiop:not(.active):hover,
#upgradeBtn:hover,
#refreshBtn:hover,
.css-lfopfjHYUY:hover,
.css-lfkfoorER.cancel:hover,
.css-lfkfoorER.continue:hover,
.css-fkefiYUI:not(.active):hover,
.css-lfoplYTYW:hover,
.css-kfleiopW:hover,
.css-jekfioYU:hover,
.css-jfklIUJW:not(:disabled):hover {
  /* background: #2e3039; */
  box-shadow: 0px 0px 9px 0px rgb(94 128 163 / 40%);
}
.css-lfoplYTYW {
  cursor: pointer;
  border: 1px solid #80808070;
  border-radius: 5px;
}
.css-kgjegjekjkT {
  background: #dddddd;
  color: black;
  cursor: pointer;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  letter-spacing: 1.2px;
}
.css-kgjegjekjkT:not(:disabled):hover {
  background: ghostwhite;
}
.css-kgjegjekjkT:disabled {
  cursor: not-allowed;
}
.css-vkdjvkjdvmd {
  display: none;
  color: darkgreen;
  font-size: 22px;
}
.css-vkdjvkjdvmd.active {
  display: block;
}
.css-lkhjhky {
  display: none;
}
.css-lkhjhky.active {
  display: grid;
}
.css-elkfeek {
  position: absolute;
  background: #5a9ee5;
  color: #000223;
  display: none;
  margin-top: -60px;
  margin-left: -25px;
  font-size: 13px;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  width: 100px;
  transform: scale(0);
}
.css-elkfeekR {
  position: absolute;
  background: rgb(240, 240, 240);
  color: #020202;
  display: grid;
  margin-top: -60px;
  margin-left: -25px;
  font-size: 13px;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  width: 100px;
}

.css-fpoeffkT {
  font-weight: 500;
}
.css-fpoeffkT.UpTrend {
  color: green;
}
.css-fpoeffkT.DownTrend {
  color: orangered;
}
.css-fpoeffkT.Neutral {
  color: darkslategrey;
}
.css-mvYUksksdu::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 38px;
  transform: translateX(-50%);
  border-width: 12px;
  border-style: solid;
  border-color: #5a9ee5 transparent transparent transparent;
}
.css-fekfefej:hover {
  background: #ebcba0;
}
.bottom .advanced {
  display: flex;
  background: #13213d;
  align-items: center;
  padding: 3px;
  padding-left: 20px;
  height: 30px;
}

.css-kgegegnUI {
  position: fixed;
  right: 0px;
  height: 100%;
  width: 450px;
  color: #d5d5d5;
  z-index: 1000;
  top: 55px;
  display: none;
  background: #0b1c31;
  box-shadow: -1px 20px 2000px 2500px rgb(0 0 0 / 35%);
  z-index: 1000000;
  height: -webkit-fill-available;
  margin-bottom: 23px;
  overflow: hidden;
}

.css-kgegegnUI.show {
  display: block;
}

.css-kMLegnUI {
  border-bottom: 1px solid #cdcdcd;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.css-IplegegnUI {
  padding: 15px;
  display: grid;
  gap: 25px;
  max-height: 92%;
  overflow-y: auto;
}

.css-YuokgegnUI {
  display: grid;
  font-size: 14px;
  font-family: system-ui;
  gap: 5px;
  border-bottom: 1px solid #414141;
  padding-bottom: 20px;
  position: relative;
}
.css-kgKlognUI {
  font-size: 13px;
  font-weight: 500;
}
.css-kgLopnUI {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
}
.css-fowffiKI {
  display: flex;
  align-items: center;
  gap: 5px;
}
.css-felfefmRTH button {
  border: none;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: rotate(0deg);
  outline: none;
  position: absolute;
  right: -5px;
}
.css-felfefmRTH button.active {
  transform: rotate(50deg);
}
.css-kgegTyhI {
  font-weight: 500;
  font-size: 16px;
}
.css-kgegefhjuiI {
  border-radius: 3px;
  padding: 2px 5px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.css-kgegefhjuiI.Pending {
  background: #ffc107d4;
  color: #000000f0;
}
.css-kgegefhjuiI.Trigger {
  background: green;
  color: white;
}
.chart-loader {
  border: 2px solid #04041a;
  border-top: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}
.submit-btn-loader {
  border: 2px solid #ffffff;
  border-top: 2px solid rgb(0 1 10 / 0%);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  animation: spin 1s linear infinite;
  display: none;
}
.submit-btn-loader.active {
  display: block;
}
.css-dwjkwdjdm {
  display: none;
  gap: 25px;
  justify-content: center;
  position: absolute;
  left: 45%;
  z-index: 1000;
}
.css-dwjkwdjdm.active {
  display: grid;
}
.css-vdvodk {
  display: flex;
  justify-content: center;
}
.css-kgleoekyy {
  font-size: 13px;
}
.css-fkjefieu {
  display: flex;
  align-items: center;
}
.css-klkfmfUI {
  display: none;
}
.css-klkfmfUI.active {
  display: block;
}
.css-ffeofekei {
  margin: 8px;
  width: 15px;
  height: 15px;
  display: none;
}
.css-ffeofekei.active {
  display: block;
}
.css-ffeofekeiY {
  border: 2px solid #c9c9c9;
  border-top: 2px solid rgb(4 0 147);
  width: 20px;
  height: 20px;
  display: none;
}
.css-ffeofekeiY.active {
  display: block;
}
.css-lfeefmefk,.css-lfofplRTY,.css-lfofpERTHJU {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0);
  opacity: 0;
}
.css-mckskjdjR.active,
.css-lfeefmefk.active,.css-lfofplRTY.show {
  display: block;
  transform: scale(1);
  opacity: 1;
}
.css-lfofpERTHJU.load{
  display: flex;
  transform: scale(1);
  opacity: 1;
}
.css-jekfioYU.active {
  display: flex;
  transform: scale(1);
  opacity: 1;
}
.trendIcon.neutral {
  display: none;
}
.css-eggjeuei {
  border: none;
  text-decoration: underline;
  font-weight: 500;
  color: #d5d5d5cf;
  font-family: monospace;
  padding: 0;
  margin-left: 5px;
  font-size: 14px;
  cursor: pointer;
  letter-spacing: 1.2px;
}
.css-eggjeuei:hover {
  color: white;
}
.css-csjfhjfbyU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
}
.css-lgegemIOp {
  position: absolute;
  background: #0a2043;
  font-size: 14px;
  color: #b7b7b7;
  border-radius: 5px;
  top: 0;
  margin-top: -60px;
  z-index: 1000;
  max-width: 90%;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.1s ease, opacity 0.1s ease;
  box-shadow: 0px 20px 16px 9px rgba(0, 0, 0, 0.3);
}
.trendText.rsi .css-lgegemIOp {
  margin-top: -35px;
}
.css-lgegemIOp.active {
  transform: scale(1);
  opacity: 1;
}
.css-gkleopNN {
  display: flex;
  justify-content: end;
  height: 25px;
  align-items: center;
  border-bottom: 1px solid #5353536b;
}
.css-kfeekYUI {
  height: 35px;
}
.css-elgkokR {
  padding: 5px;
  cursor: pointer;
  font-size: 12px;
  border: none;
}

.css-mgldopBB {
  padding: 10px 15px;
  text-align: center;
}
#alert_webhook_url.error {
  border: 1px solid;
  color: #e56a6a;
}
.css-fjkiogegnUI {
  /* font-size: 16px; */
}
.css-fjkiogegnUIT {
  font-size: 14px;
}
.css-legkgemmIOPED {
  font-weight: 500;
}
.css-gegeejU {
  position: absolute;
  right: 30px;
  display: flex;
  gap: 5px;
  margin-top: 25px;
}
.css-lfjwjuij {
  width: 60px;
  padding: 6px;
  border: 1px solid;
  color: #c3c3c3;
  box-shadow: -6px 9px 20px 5px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  outline: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: scale(0);
}
.css-lfjwjuij.active {
  transform: scale(1);
}
.css-lfjwjuij.delete {
  color: #fb7474;
}
.css-lfjwjuij:hover {
  background: #c3c3c3;
  color: black;
}
.css-lfjwjuij.delete:hover {
  background: #fb7474;
  color: black;
}
.css-flefeofekUI {
  gap: 35px;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0);
  opacity: 0;
  width: 0;
  height: 0;
}
.css-flefeofekUI.active {
  transform: scale(1);
  opacity: 1;
  width: 100%;
  height: 100%;
}
.css-fklwkUI {
  display: grid;
  gap: 8px;
}
.css-kflfefmYU {
  margin-top: -15px;
  font-size: 14px;
  position: relative;
}
.css-fekfjej {
  display: none;
}
.css-fekfjej.active {
  display: block;
}

.css-kefjejjT {
  color: antiquewhite;
  padding-left: 3px;
}
.css-kfjkwfjYU {
  color: #c9c90b;
  font-weight: 500;
}
.css-kfefejkYU {
  border: none;
  padding: 4px;
  cursor: pointer;
}
.css-fefeekl-TYVB {
  position: absolute;
  background: #ebebeb;
  color: black;
  border-radius: 5px;
  margin-top: -180px;
  /* width: 60%;
  right: 15px; */
  margin-left: 100px;
  box-shadow: -2px 2px 20px 10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: scale(0);
}
.css-fefeekl-TYVB.email.active,
.css-fefeekl-TYVB.mobile.active {
  transform: scale(1);
  opacity: 1;
}
.css-egkgekgeYUJ {
  display: grid;
  gap: 5px;
}
.css-efkEIKWE {
  display: none;
  gap: 15px;
  font-size: 14px;
  justify-content: center;
  text-align: center;
  background: #05451f45;
  padding: 15px;
  border-radius: 5px;
  color: #c5c5c5;
  position: relative;
  margin-top: -10px;
  overflow: hidden;
  /* min-height: 150px; */
}
.css-efkEIKWE.active {
  display: grid;
}
.css-lpodtyGFH{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #808080b3;
  position: absolute;
  top: 0;
  width: 96%;
  padding: 6px 0px;
  padding-left: 12px;
  left: 0;
}
.css-lfofpkE{
  font-size: 14px;
  font-weight: 500;
}
.css-hgjgiproryE{
  margin-right: 5px;
  padding: 5px;
  border: 1px solid #8080807d;
  cursor: pointer;
}
.css-fiopldgtEY,.css-fiopldgtEYY{
  /* position: absolute; */
  top: 50px;
  letter-spacing: 0.5px;
  transition: transform 0.8s ease, opacity 0.8s ease;
  transform: translateX(0%);
  height: 100%;
  opacity: 1;
  /* padding: 15px; */
}
.css-oflfmkERT{
  border: 1px solid;
  cursor: pointer;
  padding: 12px;
  font-size: 15px;
  display: none;
}
.css-oflfmkERT.active{
  display: block;
}
.css-fiopldgtEY.left,.css-fiopldgtEYY.left{
  transform: translateX(-105%);
  height: 0;
  opacity: 0;
}
.css-fiopldgtEY.right,.css-fiopldgtEYY.right{
  transform: translateX(105%);
  height: 0;
  opacity: 0;
}
.css-lfofplrrt,.css-lfpfyhRTY{
  font-weight: 500;
  color: lightskyblue;
}
.css-opelryujEER{
  font-weight: 500;
}
.css-opelryujEER.up{
  color: limegreen;
}
.css-opelryujEER.down{
  color: #f37e7e;
}
.css-efkjUIKWE {
  border: 1px solid;
  cursor: pointer;
  width: 100%;
  letter-spacing: 0.8px;
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
  font-weight: 600;
  padding: 12px;
  color: #8ae5d1f2;
  background: linear-gradient(90deg, rgb(112 195 115 / 33%) 0%, rgb(117 216 221 / 28%) 50%, rgb(62 162 177 / 30%) 100%);
}
.css-fkwfjwjUI .card{
  border-top: 1px solid #214a87fc;
}
.css-orlropTYUI{
  display: flex;
  align-items: center;
  min-width: 55px;
  font-size: 14px;
}
.css-eRkjUIKWE {
  display: grid;
  gap: 7px;
  width: 100%;
  margin-top: 5px;
}
.css-fkwfjwjUI,.css-lfkfopRTYLOP,.css-lfofpRTYYHMM {
  display: none;
  gap: 5px;
  overflow-y: auto;
  /* max-height: 642px; */
}
.css-fkwfjwjUI.active,.css-lfkfopRTYLOP.active,.css-lfofpRTYYHMM.active{
  display: grid;
}
.css-fefeekl-GYVB {
  display: flex;
  justify-content: end;
  align-items: center;
  border-bottom: 1px solid darkgrey;
}
.css-felefkTYNB {
  color: black;
  cursor: pointer;
}
.css-feleFgTYNB {
  display: grid;
  padding: 15px;
  gap: 8px;
}
.css-fekjeoiMNj {
  color: black !important;
}
.css-kefkleuiN {
  background: green;
  color: white;
  cursor: pointer;
}
.css-kfUHefmOP {
  margin-top: -20px;
}
.css-kfEelefmOP {
  border: 1px solid;
  cursor: pointer;
}
.css-fbgvujNLE {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  /* opacity: 0;
  transition: transform 0.01s ease, opacity 0.01s ease;
  transform: scale(0); */
  display: none;
  z-index: 10000;
}
.css-fbgvujNLE.active {
  /* opacity: 1;
  transform: scale(1); */
  display: flex;
}
.css-kflopHJU,.css-kflofiuEE,.css-pflorplE,.css-lfofplERF,.css-lfoMJihft {
  position: fixed;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: transform 0.01s ease, opacity 0.01s ease;
  transform: scale(0);
  z-index: 100000000;
  top: 0;
  left: 0;
  display: flex;
  background: rgba(4, 8, 14, 0.75);
  backdrop-filter: blur(6px) saturate(1.05);
}
.css-kflopHJU{
  background: rgb(4 8 14 / 92%);
}
.css-pflorplE{
  z-index: 10000000000;
}
.css-kflopHJU.active,.css-kflofiuEE.active,.css-pflorplE.active,.css-lfofplERF.active,.css-lfoMJihft.active {
  opacity: 1;
  transform: scale(1);
}
.css-lfoMJihft{
  z-index: 10000000000000;
}
.css-kflopHJY,.css-kflofiuER,.cdkfflfopFG {
  /* box-shadow: rgba(0, 0, 0, 0.95) 11px 3px 19px 5000px; */
  background: linear-gradient(rgb(7, 20, 42) 0%, rgb(5, 18, 36) 100%);
  border-radius: 5px;
  position: relative;
}
.css-kflopHJU .css-kflopHJY{
  background: #00000000;
}
.css-kflofiuER,.cdkfflfopFG{
  min-height: 550px;
  min-width: 550px;
}
.css-lfBkuihft{
  box-shadow: rgba(0, 0, 0, 0.5) 11px 3px 19px 5000px;
  background: linear-gradient(rgb(7, 20, 42) 0%, rgb(5, 18, 36) 100%);
  border-radius: 5px;
  position: relative;
  min-height: 550px;
  min-width: 350px;
  max-width: 380px;
}
.cdkfflfopFG{
  max-width: 480px;
  min-width: 650px;
}
.css-lfpfofkrt{
  display: flex;
  align-items: center;
  gap: 5px;
}
.css-lfofplEE{
  font-size: 12px;
  display: grid;
  gap: 12px;
  margin-top: 15px;
  border-top: 1px solid #80808024;
  padding-top: 20px;
  color: #abababa3;
  padding-bottom: 15px;
}
.css-lfofplkUI{
  font-weight: 500;
  text-decoration: underline;
}
.css-lfofplkE{
  display: grid;
  gap: 5px;
}
.css-kflofiuWE{
  display: grid;
  gap: 15px;
  padding: 20px;
  font-size: 14px;
  color: #c9c2c2e8;
  letter-spacing: 1.1px;
}
.css-lfkfoyyuER{
  display: flex;
  gap: 6px;
  align-items: center;
}
.css-lcocphjD{
  color: #718293;
}
.css-kflofiuDF,.cdkfflfopFGE{
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 2px;
  position: absolute;
  width: 100%;
  padding: 8px 0px;
  bottom: 0;
  border-top: 1px solid #80808047;
}
.cdkfflfopFGE{
  gap: 8px;
}
.css-lfkfoorER{
  border: 1px solid;
  min-width: 100px;
  padding: 10px;
  cursor: pointer;
  letter-spacing: 0.8px;
  font-size: 14px;
}
.css-lfkfoorER.continue{
  margin-right: 5px;
  min-width: 200px;
  color: #8ae5d1;
  background: linear-gradient(90deg, rgb(112 195 115 / 9%) 0%, rgb(117 216 221 / 8%) 50%, rgb(62 162 177 / 19%) 100%);
}
.css-lfpfofl{
  display: flex;
  gap: 15px;
}
.css-lfkfopfkW{
  display: grid;
  gap: 5px;
  font-size: 12px;
  color: #adadad;
  border-top: 1px solid #80808059;
  padding-top: 10px;
}
.css-lfkfopfkWW{
  display: grid;
  font-size: 12px;
  gap: 5px;
}
.css-lfkfopF{
  border: 1px solid #8080801a;
  border-radius: 5px;
  padding: 5px;
}
.css-lfjfufprhj{
  border: none;
  text-decoration: underline;
  padding: 5px;
  padding-left: 0;
  color: #6594dde8;
  letter-spacing: 0.9px;
  cursor: pointer;
  margin-top: -5px;
}
.css-fbgvujNLE.full {
  position: fixed;
  width: 100%;
  left: 0;
}
.css-kvjuivkJU{
  padding: 10px 12px;
  border: 1px solid;
  cursor: pointer;
  color: #999999;
  letter-spacing: 0.8px;
  margin-right: 5px;
}
.css-kvjuivkJU.generate{
  color: #53a571;
}
.css-mflojNLE {
  background: linear-gradient(180deg, #07142a 0%, #051224 100%);
  box-shadow: 11px 3px 19px 5000px rgb(0 0 0 / 80%);
  border-radius: 5px;
}
.css-elgkokRT {
  color: white;
  border: none;
}
.css-fmofepjNLE {
  padding: 20px;
  display: grid;
  justify-content: center;
  text-align: center;
  gap: 5px;
}
.css-djdkipddghn{
  position: absolute;
  right: 0;
}
.css-ofFhuiLE {
  font-size: 14px;
}
.css-NjpjNLE {
  font-size: 28px;
  color: darkseagreen;
  margin: 0;
}
.css-TbhpjNLE {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}
.css-lfkfoUIJK {
  display: none;
  justify-content: center;
  gap: 7px;
}
.css-lfkfoUIJK.active {
  display: flex;
}
.css-ggelgkekTYG {
  border: 1px solid;
  cursor: pointer;
  width: 130px;
}

.css-ggelgkekTYG.delete {
  color: indianred;
}

select option {
  background-color: #ffffff;
  color: #333;
}
.apexcharts-toolbar {
  opacity: 0 !important;
}
.button-container {
  position: relative;
  width: 30px; /* button size */
  height: 30px;
}
.refresh-icon {
  position: absolute;
  top: 2px;
  left: 12%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: none;
  color: white;
  cursor: pointer;
  z-index: 2;
  font-size: 12px;
}
.progress-ring {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(-90deg); /* start from top */
}
.progress-ring__circle {
  stroke-dasharray: 106.814; /* circumference of circle (2 * π * r = 2*π*26 ≈ 163) */
  stroke-dashoffset: 106.814; /* hidden at start */
  transition: stroke-dashoffset 60s linear;
}
.progress-ring__bg {
  opacity: 0.2;
  stroke: #7b7b7b;
}
.css-kflkfm-UIJ {
  cursor: pointer;
}
.css-kflkfm-sgh {
  display: flex;
  gap: 5px;
  width: 100%;
}
.css-kflkfm-shju {
  position: absolute;
  bottom: 0px;
  z-index: 10;
  width: 100%;
  background: #07142a;
  border-top: 1px solid #d3d3d314;
  height: 50px;
  display: none;
  align-items: center;
}
.css-gkgrkjOPWE,
.css-feeujHYUEG {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0);
}
.css-gkgrkjOPWT,
.css-feeujHYUEW {
  background: #0b1c31;
  box-shadow: 0px 0px 0px 5000px rgb(0 0 0 / 85%);
  border-radius: 5px;
  max-width: 580px;
  margin: 15px;
}
.css-gkgrkjOPWA {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  border-bottom: 1px solid grey;
  height: 40px;
}
.css-gkgrkjOPWB {
  margin-right: 3px;
  cursor: pointer;
}
.css-gkgrkjOPWX {
  padding: 25px;
  display: grid;
  gap: 16px;
  max-height: 720px;
  overflow: auto;
}
.css-gkgrkjOPWM {
  display: grid;
  gap: 20px;
}
.css-gkgrkjOPWC {
  display: grid;
  gap: 0px;
}
.css-gkgrkjOPG {
  margin-bottom: -5px;
}
.css-gkgrkjOPWV {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #b3b3b3;
  font-size: 16px;
  flex-wrap: wrap;
}
.css-gkgrkjOPWV i {
  font-size: 19px;
}
.css-gkgrkjOPWD {
  cursor: pointer;
  border: none;
  text-decoration: underline;
  padding: 0;
  font-size: 14px;
}
.css-kgjegkiERTQ {
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  transform: scale(0);
}
.css-gkgrkjOPWMM {
  margin-top: 12px;
}
.css-gkjegennRTY {
  display: grid;
  gap: 10px;
}
.css-kgjegkiERTQ.show {
  opacity: 1;
  transform: scale(1);
}
.css-gkgrkjOPWE.show,
.css-feeujHYUEG.show {
  opacity: 1;
  transform: scale(1);
}
.css-feeujHYUEX {
  padding: 15px;
  display: grid;
  gap: 25px;
  color: #dddddd;
  max-height: 680px;
  overflow: auto;
}
.css-feeujHYUEQ {
  display: grid;
  gap: 5px;
}
.css-feeujHYUEQ h3 {
  margin: 0;
}
.css-feeujHYUES {
  display: grid;
  gap: 27px;
}
.css-feeujHYUED {
  font-size: 14px;
}
.css-feeujHYUE {
  max-height: 390px;
  margin-top: 10px;
  border-radius: 5px;
}
.css-feeujHYUEH {
  border-bottom: 1px solid #8b8b8b;
  height: 10px;
  width: 99%;
}
.css-feeujHYUER {
  background: #ff9c23;
  color: darkred;
  font-weight: 500;
  padding: 5px 25px;
  border-radius: 5px;
  margin-left: -2px;
}
.css-feeujHYUEW {
  max-width: 720px;
}
.css-kfeekYUI .css-elgkokR {
  font-size: 14px;
  color: #9f9f9f;
}
.css-jekfioYU {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--muted);
  padding: 8px;
  border-radius: 6px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 5px;
  cursor: pointer;
  min-width: 75px;
  border: 1px solid #80808070;
  border-radius: 5px;
}
.css-gfhftyDRT{
  border: 1px solid #80808070;
  border-radius: 5px;
}
.css-kfliOPHU {
  /* max-width: 65px; */
  overflow: hidden;
}
.css-kfliOPRU {
  margin-right: -6px;
}
.css-kfleooGHB {
  padding: 0;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 5px;
  font-weight: 500;
}
.css-kfleooGHBY {
  border: 1px solid;
}
.css-kfleooGEB {
  display: none;
  gap: 5px;
  font-size: 14px;
}
.css-kfleooGEB.active {
  display: grid;
}
.css-kfejekjUIR {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 3px;
}
.css-kfejekjUIJ {
  display: none;
  font-size: 17px;
}
.css-kfejekjUIJ.active {
  display: block;
}
button {
  outline: none;
}
.css-kfeliPINM {
  display: flex;
  align-items: center;
  gap: 3px;
}
.css-fkefiYUI {
  border: none;
  cursor: pointer;
  padding: 5px;
  /* border: 1px solid #1d2941; */
}
.css-fkefiYUI.active {
  background: #131d33;
}
.css-keflfekUI {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s linear 1s; /* hide instantly but show delayed */
}

.css-keflfekUI .css-mvYUksksdu::after {
  right: -22px;
  left: unset;
}
.css-fkefiYUI.alert-support:hover .css-keflfekUI,
.css-fkefiYUI.alert-resistance:hover .css-keflfekUI,
.css-fkefiYUI.resistance:hover .css-keflfekUI,
.css-fkefiYUI.support:hover .css-keflfekUI,
.css-fkefiYUI.ltp:hover .css-keflfekUI-ltp-chart,
.css-fkefiYUI.rsi.chart:hover .css-keflfekUI,
.css-fkefiYUI.rsi.edit:hover .css-keflfekUI,
.css-fkefiYUI.ma.chart:hover .css-keflfekUI,
.css-fkefiYUI.ma.edit:hover .css-keflfekUI,
.css-fkefiYUI.macd.chart:hover .css-keflfekUI,
.css-fkefiYUI.macd.edit:hover .css-keflfekUI,
.css-fkefiYUI.atr.chart:hover .css-keflfekUI,
.css-fkefiYUI.atr.edit:hover .css-keflfekUI {
  /* display: block; */
  opacity: 1;
  visibility: visible;
  transition-delay: 0.5s; /* wait 1s before showing */
  transform: scale(1);
  /* margin-top: -74px;
  margin-left: -70px; */
  margin-top: -25px;
  margin-left: -130px;
}
.css-ekejfkeioeRQ,.css-ekejfkeioeRQW,.css-lfkfWEopERET {
  position: fixed;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: transform 0.01s ease, opacity 0.01s ease;
  transform: scale(0);
  z-index: 10000000;
  top: 0;
  left: 0;
  display: flex;
  background: rgb(4 8 14 / 80%);
  backdrop-filter: blur(6px) saturate(1.05);
}

.css-lfkfWEopERET{
  background: rgb(4 8 14 / 70%);
  backdrop-filter: blur(2px) saturate(1.05);
}
.css-ekejfkeioeRQ.active,.css-ekejfkeioeRQW.active,.css-lfkfWEopERET.active {
  opacity: 1;
  transform: scale(1);
}

.css-ekejfkWioeRQ{
  background: linear-gradient(rgb(7, 20, 42) 0%, rgb(5, 18, 36) 100%);
  border-radius: 5px;
  min-width: 80%;
  min-height: 80%;
}
.css-ekejfkWioeRQW {
  background: linear-gradient(rgb(7, 20, 42) 0%, rgb(5, 18, 36) 100%);
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
.css-ekejfkeiFRQ {
  display: flex;
}
.css-ekejfkEReRQ {
  display: grid;
  gap: 8px;
}
.css-ekejRTioeRQ {
  width: 100%;
  padding: 15px;
  font-size: 14px;
}
.css-lfofkpoRVV{
  overflow-y: auto;
  max-height: 95vh;
}
.css-fjkekjefiL {
  padding: 10px;
  cursor: pointer;
  min-height: 45px;
}
.css-fjkekjefiL.active {
  background: #213657;
  color: #d5d5d5;
  cursor: not-allowed;
}
.css-fjkekjefiL:not(.active):hover {
  box-shadow: 0px 0px 9px 0px rgb(94 128 163 / 20%);
}
.css-pflfopTYEW{
  min-height: 0;
}
.css-fleopHJE {
  border-right: 1px solid #3b3b3b;
  padding: 8px;
  height: 75vh;
  width: 20%;
}
.css-fjlioPR {
  border-bottom: 1px solid #3b3b3b;
  display: flex;
  justify-content: end;
  align-items: center;
  height: 45px;
  padding-right: 5px;
}
.css-lfofplRTYEE{
  justify-content: center;
  position: relative;
  height: 35px;
}
.css-kfliopdhE {
  display: grid;
  gap: 5px;
}
.css-kfliopdhP {
  display: flex;
  gap: 15px;
}
.css-kfliopdhT {
  display: grid;
  border: 1px solid #4d4d4d;
  padding: 8px;
  border-radius: 3px;
  gap: 3px;
  text-align: center;
  cursor: pointer;
}
.css-kfliopdhT.active {
  border: 2px solid #ff5722;
  cursor: not-allowed;
}
.css-kfliopdhT:not(.active):hover {
  box-shadow: 0px 0px 9px 0px rgb(94 128 163 / 50%);
}
.css-kfliopdhX {
  width: 120px;
  height: 80px;
}
.css-kfliopdhX.dark {
  background: #0c2347;
}
.css-kfliopdhX.light {
  background: #d7d7d7;
}
.css-feekuoplW {
  display: grid;
  gap: 5px;
}
.css-feekuoplEC {
  display: flex;
  gap: 10px;
  align-items: center;
}
.css-feekuoplM {
  width: 100%;
  height: 12px;
  border: 1px solid #393939;
  border-radius: 15px;
  position: relative;
}
.css-feekuoplL {
  position: absolute;
  background: linear-gradient(
    270deg,
    rgb(80 109 255 / 83%) 0%,
    rgb(255 74 111 / 63%) 74%
  );
  height: 12px;
  border-radius: 10px;
  left: 0;
  /* background: #ffffffc4; */
}
.css-feekuoplE {
  display: grid;
  gap: 25px;
  padding: 10px;
}
.css-ofpfjUIJY {
  opacity: 0;
  /* transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0); */
  height: 0;
  overflow: hidden;
  width: 0;
}

.css-feekuoplE.active,
.css-jekjeioPL.active,
.css-kfliopdhE.active,
.css-fhkfuiTY.active,
.css-fhkfuiTYE.active {
  opacity: 1;
  /* transform: scale(1); */
  height: auto;
  animation: manage_menu 0.2s forwards;
}
.css-jekjeioPL {
  display: grid;
  gap: 15px;
}
.css-fhkfuiTY {
  display: flex;
  gap: 10px;
}
.css-jekjeioPT {
  display: grid;
  gap: 5px;
  padding: 15px;
  border-radius: 5px;
  position: relative;
  border: none;
  background: linear-gradient(
    270deg,
    rgb(43 78 255 / 49%) 0%,
    rgb(253 63 102 / 40%) 74%
  );
  /* width: 95%; */
}
.css-jekjeioPTR {
  border: 1px solid #858585;
  display: grid;
  gap: 5px;
  padding: 15px;
  width: min-content;
  border-radius: 5px;
  position: relative;
  min-width: 450px;
}
.css-fhjfuiL {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}
.css-jekjeioPB {
  font-size: 22px;
}
.css-jekjeioPFG {
  font-style: italic;
}
.css-jekjeioPO {
  margin-top: 10px;
  background: #d3d3d3;
  color: #031003;
  cursor: pointer;
  padding: 12px;
  font-weight: 600;
  width: 200px;
  /* color: white; */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.css-jekjeioPOT {
  margin-top: 10px;
  background: #0f6312;
  color: #031003;
  cursor: pointer;
  padding: 10px;
  font-weight: 600;
  width: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.css-jekjeioPOT.disable {
  background: #ad401d;
}
.css-jekjeioPO i {
  font-size: 16px;
}
.css-jekjeioPTR.active {
  border: 1px solid forestgreen;
}
.css-kflwoPy {
  position: absolute;
  right: 0;
  color: forestgreen;
  font-size: 30px;
  font-weight: 600;
  margin-top: -5px;
  margin-right: -2px;
  display: none;
}
.css-kflwoPy.active {
  display: block;
}
.css-jekMKoPT {
  border: 1px solid #858585;
  display: grid;
}
.css-jekLOoPT {
  display: flex;
  justify-content: space-between;
  background: #213657;
  height: 30px;
  align-items: center;
}
.css-jekKioPT,
.css-jekKioPLP {
  width: 20%;
  text-align: center;
}
.css-jekKiLOT {
  display: grid;
  gap: 3px;
}
.css-jekKiMPT {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #858585;
}
.css-jekKioPLUI {
  border: none;
  cursor: pointer;
}
.css-jekjMoPT {
  font-weight: 400;
  font-size: 20px;
}
.css-feekuopFE {
  font-size: 13px;
}
.css-jfkeioPY {
  padding: 5px;
  /* border: none; */
  cursor: pointer;
  outline: none;
  /* font-size: 15px; */
}
.css-ekfjeuOP {
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 1;
  transition: transform 0.3s ease;
  transform: scale(1);
  width: auto;
  position: absolute;
  right: 5px;
  top: 10px;
  background: #0b1220;
  /* padding: 0px 0px 0px 12px; */
  /* overflow: hidden; */
}
.css-ekfjeuOP.resistance.active,
.css-ekfjeuOP.support.active,
.css-ekfjeuOP.ltp.active,
.css-ekfjeuOP.rsi.active,
.css-ekfjeuOP.ma.active,
.css-ekfjeuOP.macd.active,
.css-ekfjeuOP.atr.active {
  opacity: 1;
  transform: scale(1);
  width: auto;
}
.css-ekfjeuOP.support {
  top: 100px;
}
.css-kflopTY {
  gap: 25px;
}
.css-fwjuoojKE {
  display: grid;
  gap: 10px;
  font-size: 14px;
  position: relative;
}
.css-fkleopkEW {
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline;
}
.css-fjfkIPUJ {
  background: white;
  color: black;
  border-radius: 5px;
  position: absolute;
  top: 40px;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
  opacity: 0;
  z-index: 100;
}
.css-fjfkIPUJ.active {
  transform: scale(1);
  opacity: 1;
}
.css-fjfkoplWW {
  padding: 10px;
  display: grid;
  gap: 12px;
}
.css-ffhdtyV {
  font-weight: 500;
  font-style: italic;
}
.css-jckiodlp {
  font-weight: 500;
}
.css-fifkwynbfj {
  border-bottom: 1px solid lightgrey;
}
.css-fifkwynbfj button {
  color: black;
}
.css-kflopTE {
  border: none;
  width: 150px;
  display: flex;
  align-items: center;
  gap: 3px;
  cursor: pointer;
  outline: none;
  padding: 0;
}
.css-kflopTE i {
  font-size: 16px;
}
.css-kflopTE:hover {
  color: white;
}
.css-jfkfoudi.active {
  animation: token_rotate 2s linear infinite;
}
.css-jfkfoudi i {
  font-size: 42px;
  color: aquamarine;
}
.css-BflkfkR {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0b1c31de;
}
.css-oplcio {
  font-size: 15px;
}
.css-BflkfkRQ {
  padding: 50px 25px;
  background: #607d8b;
  box-shadow: -1px -1px 20px 5px rgba(0, 0, 0, 0.5);
  margin: 25px;
  border-radius: 5px;
  display: grid;
  gap: 10px;
  text-align: center;
  min-width: 355px;
  background: #0b1c31e0;
}
.css-kflfnbyu {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}
.css-dgffjjUI {
  width: 180px;
  color: #ffffff;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  font-size: 15px;
}
.css-dgffjjUI.share {
  background: #4caf50;
  color: #000800;
}
.css-dgffjjUI.share:hover {
  background: #3b9e3e;
}
.css-dgffjjUI.close {
  background: grey;
}
.css-dgffjjUI.close:hover {
  background: rgb(105, 102, 102);
}
.css-kflfnbyuS {
  font-size: 30px;
}
.css-jfkfoudiW {
  font-size: 42px;
  color: #63dd68;
}
.css-BflkfkRB,
.css-BflkfkRQQ {
  display: none;
}
.css-BflkfkRB.active,
.css-BflkfkRQQ.active {
  display: grid;
}
.css-fejekYUI {
  display: none;
}
.css-fejekYUI.active {
  display: block;
}
.css-fwjuoojKY.error {
  padding: 0;
  font-size: 14px;
  color: #ff6c3e;
  text-align: right;
}
.css-kflkwkwm {
  /* display: grid; */
  gap: 10px;
  /* padding: 15px; */
  font-size: 14px;
  overflow: auto;
  height: -webkit-fill-available;
  padding-bottom: 100px;
}
.css-kflfiop {
  width: 94%;
}
.css-kflfiop button {
  width: 120px;
}
.css-cjfhejehkR {
  border: 1px solid;
  cursor: pointer;
}
.css-kflfuiOPWW {
  border: 1px solid;
}
.css-lgekegkegmRE {
  display: grid;
  gap: 5px;
  margin-top: 25px;
}
.css-elflfekEEG {
  background: transparent;
  border: 1px solid;
  color: white;
  padding: 8px;
  font-size: 16px;
  border-radius: 5px;
}
.css-fkfleemUI {
  padding-left: 15px;
  margin-top: 10px;
  display: none;
}
.css-fkfleemUI.active {
  display: block;
}
.css-fkfleemUI.success {
  color: greenyellow;
}
.css-fkfleemUI.error {
  color: #ff9a75;
}

.css-fefjuiej {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  z-index: 10000000;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
  opacity: 0;
  align-items: center;
}
.css-fefjuiej.show {
  opacity: 1;
  transform: scale(1);
}
.css-fkfjiErt {
  box-shadow: 0px 0px 0px 5000px rgb(0 0 0 / 85%);
  position: relative;
  display: flex;
  justify-content: center;
}
.css-kfjfknTY {
  position: absolute;
  right: 5px;
  font-size: 22px;
}

.css-kjfuifjj {
  min-width: 380px;
  min-height: 80vh;
  border-radius: 15px;
  background: linear-gradient(
    90deg,
    rgba(237, 225, 147, 1) 0%,
    rgba(109, 179, 104, 1) 100%
  );
}
.css-kjfuifjj header {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(10, 30, 45, 0.04);
  background: #2222b1;
  position: relative;
}
.css-klegiopoHW {
  position: absolute;
  right: 42%;
  top: 0;
  margin-top: -25px;
  border: none;
  font-size: 32px;
  color: white;
  padding: 0;
  cursor: pointer;
}
.css-kjfuifjj .avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00bcd4, #0066cc);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
}

.css-kjfuifjj .head-info {
  display: flex;
  flex-direction: column;
}
.css-kjfuifjj .head-info .name {
  font-weight: 600;
}
.css-kjfuifjj .head-info .sub {
  font-size: 12px;
  color: var(--muted);
}

.css-fkeklefkyuh {
  padding: 18px;
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-image: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.02) 1px,
    transparent 1px
  );
  background-size: 100% 56px;
}

.css-kjfuifjj .msg {
  max-width: 70%;
  padding: 8px 12px;
  border-radius: 14px;
  position: relative;
  line-height: 1.35;
  font-size: 15px;
  word-break: break-word;
  box-shadow: 0 2px 0 rgba(10, 30, 45, 0.02) inset;
  min-width: 250px;
}

/* incoming */
.css-kjfuifjj .msg.in {
  align-self: flex-start;
  border: 1px solid rgba(10, 30, 45, 0.03);
  border-top-left-radius: 6px;
  border: 1px solid rgba(10, 30, 45, 0.03);
  border-top-left-radius: 6px;
  background: white;
  color: black;
}
.css-kjfuifjj .msg.in:after {
  content: "";
  position: absolute;
  left: -6px;
  top: 10px;
  width: 10px;
  height: 18px;
  background: var(--incoming-bg);
  transform: skewX(-18deg);
  border-radius: 2px;
  border-right: 1px solid rgba(10, 30, 45, 0.03);
}

/* outgoing */
.css-kjfuifjjv .msg.out {
  align-self: flex-end;
  background: var(--outgoing-bg);
  color: #00203b;
  border: 1px solid rgba(0, 136, 204, 0.08);
  border-top-right-radius: 6px;
}
.css-kjfuifjj .msg.out:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 10px;
  width: 10px;
  height: 18px;
  background: var(--outgoing-bg);
  transform: skewX(18deg);
  border-radius: 2px;
  border-left: 1px solid rgba(0, 136, 204, 0.07);
}

.css-kjfuifjj .meta {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted);
  justify-content: end;
}
.css-kfleemuiOP {
  position: fixed;
  bottom: 5px;
  right: 5px;
  max-width: 280px;
  z-index: 1111111111111;
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
}
.css-kgjejgjYUJ {
  display: flex;
  height: 70vh;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.css-kfleemuiOP.active {
  opacity: 1;
  transform: scale(1);
}
.css-kfleemuiOV {
  background: whitesmoke;
  color: black;
  border-radius: 5px;
  box-shadow: -1px 20px 19px 11px rgba(0, 0, 0, 0.5);
}
.css-kfleemuiON {
  display: flex;
  align-items: center;
  justify-content: end;
  border-bottom: 1px solid lightgrey;
}
.css-kfleemuiOM {
  padding: 5px;
  cursor: pointer;
  color: black;
}
.css-kfleemuiOB {
  padding: 10px;
  display: grid;
  gap: 5px;
}
.css-kfleemuiOF {
  font-weight: 500;
}
.css-kfleemuiOF.success {
  color: green;
}
.css-kfleemuiOF.error {
  color: orangered;
}
.css-kfleemuiOW {
  font-size: 14px;
}
.chart_level_share .css-fklwkUI,
.chart_level_share .css-fjwfhyUIW,
.chart_level_share .css-lgekegkegmRE,
.chart_level_share .css-fekefkUIJF {
  padding: 0px 15px;
}
.css-fjfhwnyuW {
  position: absolute;
  top: 55px;
  left: 15px;
  display: flex;
  gap: 10px;
  font-size: 13px;
  z-index: 100;
  letter-spacing: 0.8px;
}
.css-kglrioepW {
  display: flex;
  gap: 5px;
}
.css-kglrioepW.down {
  color: rgb(229 100 97);
  color: #ff4f5a;
}
.css-kglrioepW.up {
  color: rgb(0, 183, 70);
  color: #3de07a;
}
.css-flGTfTHUI {
  display: flex;
  gap: 12px;
}
.css-fkefkelkuifjW {
  position: absolute;
  right: 5%;
  z-index: 100;
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
}
.css-fkefkelkuifjW.active {
  transform: scale(1);
  opacity: 1;
}
.css-fkeRelkuifjW {
  cursor: pointer;
  padding: 10px 0px;
  background: #c3c3c3;
  color: black;
  font-size: 18px;
}
#tv-attr-logo {
  display: none;
}
#chart {
  margin-top: 0px;
  /* padding-bottom: 50px; */
}
.css-fkfnyujE {
  position: fixed;
  z-index: 1111111111111;
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.css-fkfnyujE.active {
  opacity: 1;
  transform: scale(1);
}
.css-llfkopT {
  background: #0b1c31;
  box-shadow: 0px 0px 0px 5000px rgb(0 0 0 / 85%);
  position: relative;
  min-width: 580px;
  min-height: 280px;
}
.css-ioplkuA{
  color: #8ae5d1;
  background: linear-gradient(90deg, rgb(112 195 115 / 33%) 0%, rgb(117 216 221 / 28%) 50%, rgb(62 162 177 / 30%) 100%);
  padding: 12px;
  margin-top: 15px;
  cursor: pointer;
  font-size: 15px;
  letter-spacing: 0.8px;
}
.css-llfkopT .css-kfleemuiOM {
  color: white;
  border: none;
}
.css-kjduioP.a_symbol{
  font-size: 14px;
  letter-spacing: 0.5px;
}
.css-kflioPYE{
  letter-spacing: 0.5px;
}
.css-kflioPYW {
  padding: 50px;
  display: grid;
  gap: 5px;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.css-kflioPG {
  font-size: 18px;
  color: greenyellow;
  font-weight: 500;
}
.css-hdjuioH {
  font-size: 42px;
}
.css-jfkuwoKHJ {
  gap: 5px;
}
.css-kfmUPKYW {
  border-bottom: 1px solid rgb(29, 34, 39);
  border-top: 1px solid rgb(29, 34, 39);
  padding: 6px;
  position: relative;
}
.css-lfpfoiUER{
  font-size: 13px;
  letter-spacing: 0.8px;
  position: absolute;
  left: 55%;
  top: 30%;
  color: #b7b7b7de;
}
.css-klfopYH {
  width: 75px;
}
.css-klfopYH.active {
  background: #add8e60a;
  color: lightblue;
  border: 1px solid;
}
.css-klfopYH:not(.active) {
  cursor: pointer;
}
.css-jkfjuioGH {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
}
.css-jkfjuioGH thead tr {
  display: table;
  width: 100%;
  border-bottom: 1px solid #8080808a;
}
.css-jkfjuioGH thead tr {
  font-size: 15px;
  background: #0f1b30;
  font-size: 13px;
}
.css-jkfjuioGH tbody {
  text-align: center;
  max-height: 600px;
  overflow-y: scroll;
  display: block;
}
.css-jkfjuioGH tbody td {
  background-color: transparent;
  display: table-cell;
  border: 1px solid #0f21418a;
  padding: 5px;
  width: 200px;
  height: 20px;
  color: #b7b7b7f0;
  letter-spacing: 0.5px;
}
.css-jkfjuioGH tbody td.itm {
  background-color: #0f21414a;
}
.css-jkfjuioGH tbody td.strike {
  background-color: #15264942;
}
.css-jkfjuioGH tbody td.itm.up,
.css-jkfjuioGH tbody td.otm.up {
  color: #2ec72e;
}
.css-jkfjuioGH tbody td.itm.down,
.css-jkfjuioGH tbody td.otm.down {
  color: #ff7878;
}
.css-jkfjuioGH thead tr th {
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px;
  width: 5%;
  color: #c7c7c7d4;
  letter-spacing: 0.8px;
}
.css-kfuwopEQ {
  display: none;
  margin-top: 10px;
  position: relative;
}
.css-kfuwopEQ.chain.active,
.css-kfuwopEQ.oi.active,
.css-kfuwopEQ.pcr.active {
  /* transform: scale(1);
  opacity: 1; */
  display: block;
}
.css-kflekoUHY.chain-tab,.css-kflekoUHY.oi-tab,.css-kflekoUHY.pcr-tab {
  min-height: 50vh;
}
.css-kflekoUHY.oi-data.full{
  min-height: 90vh;
}
.css-kflwefiokE {
  display: none;
  /* flex-wrap: wrap; */
  gap: 15px;
  padding: 12px 20px;
  border-bottom: 1px solid #2929297d;
}
.css-kflwefiokE.active{
  display: none;
}
.css-whwkwuij {
  display: grid;
  padding: 12px 15px;
  border-radius: 5px;
  gap: 5px;
  font-size: 12px;
  height: 110px;
  background: linear-gradient(90deg, rgb(17 33 58 / 35%) 69%, rgb(17 44 92 / 35%) 100%);
  color: lightblue;
}
.css-lfkoewpfE {
  font-size: 14px;
  font-weight: 500;
}
.css-flipwkE {
  display: flex;
  gap: 8px;
  align-items: end;
  font-size: 17px;
  letter-spacing: 0.8px;
}
.css-flipwkE.down {
  color: #e57272;
}
.css-flipwkE.up {
  color: #2cbb2cde;
}
.css-fjkeueije {
  font-size: 14px;
}
.css-lfpfoRTEE{
  display: flex;
  gap: 10px;
}
.css-pflfoRTTG{
  display: flex;
  align-items: center;
  gap: 3px;
}
.css-kfleiopW {
  cursor: pointer;
  margin-top: 6px;
  letter-spacing: 1px;
  border: 1px solid #8080801c;
  background: linear-gradient(90deg, rgb(17 33 58 / 63%) 69%, rgb(17 44 92 / 38%) 100%);
  color: #8ad8e5c9;
  width: 100%;
}
.oi-canvas.full {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  top: 0;
  background: #0a1a29;
  left: 0;
}
.oi-canvas.full .css-jkfjuioGH tbody td {
  height: 25px;
}
.css-klfemmRTE {
  cursor: pointer;
}
.css-jfklIUJW {
  padding: 0px 10px;
  cursor: pointer;
  border: 1px solid #595959cf;
  font-size: 12px;
  letter-spacing: 0.5px;
  border-radius: 5px;
}
.css-kflkfm-sgh {
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 0px 10px;
}
.css-kflfkkERD {
  display: flex;
  font-size: 12px;
  align-items: center;
  gap: 10px;
  justify-content: center;
  color: #838383;
  letter-spacing: 1.2px;
  width: 100%;
}
.css-kflfkkERE {
  text-align: center;
  width: 100%;
}
.css-kflfkDkERD {
  display: flex;
  gap: 5px;
  align-items: center;
}
.css-kflfkkEED {
  padding: 8px 12px;
  cursor: pointer;
  min-width: 90px;
  border: 1px solid #4949499c;
}
.css-kfluopdjRW,.css-kfluopdjRW-oi,.css-kfluopdjRW-indicator {
  min-height: 675px;
  display: none;
}
.css-kfluopdjRW.active,.css-kfluopdjRW-oi.active,.css-kfluopdjRW-indicator.active{
  display: grid;
  align-items: center;
}
.css-flfpBNHJUI{
  display: grid;
  justify-content: center;
  gap: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.css-kfluopdjRE {
  display: grid;
  text-align: center;
  gap: 15px;
  color: #bdbdbd;
  font-size: 14px;
  padding: 10px;
  letter-spacing: 0.85px;
  margin-top: -80px;
}
.css-lfofpRTYWWVE{
  font-size: 25px;
  font-weight: 500;
}
.css-kfluopdjFW {
  font-size: 32px;
}
.css-fRlfpBNHJUI{
  display: flex;
  align-items: center;
  justify-content: start;
  text-align: center;
  gap: 5px;
}
.css-kfluopRRW {
  padding: 13px 15px;
  cursor: pointer;
  border: 1px solid;
  width: 100%;
  margin-top: 10px;
  font-size: 15px;
}
.css-kfluopRRW.trend{
  color: #bdfff1f2;
  background: linear-gradient(90deg, rgb(112 195 115 / 28%) 0%, rgb(117 216 221 / 21%) 50%, rgb(62 162 177 / 26%) 100%);
}

.css-jfkejeio {
  display: grid;
  margin-top: 5px;
} 
.css-kflekoUHY {
  position: absolute;
  top: 0;
  display: none;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: #0b1220;
  border-radius: 10px;
}
.css-kflekoUHY.trend.active,
.css-kflekoUHY.technical.active,
.css-kflekoUHY.oi-tab.active,
.css-kflekoUHY.pcr-tab.active,
.css-kflekoUHY.chain-tab.active{
  display: flex;
}

.css-kflekoUHY .chart-loader {
  border: 1px solid #04041a00;
  border-top: 2px solid rgb(255, 255, 255);
  margin-left: 44%;
}
.css-kfliofpe {
  display: grid;
  gap: 20px;
  justify-content: center;
  padding: 30px;
  text-align: center;
}
.css-kfliopQ {
  color: #9f9f9f;
  font-size: 13px;
  letter-spacing: 0.85px;
  line-height: 20px;
}
.css-oflpfuij,.css-lfofpjKR,.css-lfofplUIJK{
  display: none;
}
.css-oflpfuij.active,.css-lfofpjKR.active,.css-lfofplUIJK.active{
  display: block;
}
.css-lfofpjKR,.css-lfofplUIJK{
  font-size: 14px;
  color: #ababab;
}
.css-kfleuiOPK {
  display: flex;
  gap: 5px;
  margin-left: 8px;
}
.css-kfleuiOPK .refresh {
  color: #257f25;
  border: 1px solid;
}
.css-flfkforE{
  display: grid;
  gap: 10px;
  margin-top: 15px;
}
.css-kfjuiHN {
  font-size: 14px;
  font-family: monospace;
  text-align: left;
}
.css-jfkluYH {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #071126;
  z-index: 100000000;
  display: none;
}
.css-jfkluYH.active {
  display: block;
}
.css-jfkluV {
  padding: 15px;
  position: relative;
  width: 100%;
}
.css-kfliopfr {
  position: absolute;
  background: #14233d;
  border-radius: 5px;
  display: none;
  padding-top: 10px;
}
.css-kfliopfr.active {
  display: block;
}
.css-kfliopfr.top.left {
  left: 15px;
}
.css-kfliopfr.top.right {
  right: 40px;
}
.css-kfliopfr.bottom.left {
  left: 15px;
  bottom: 20px;
}
.css-kfliopfr.bottom.center {
  bottom: 20px;
}
.css-kfliopfr.bottom.right {
  right: 40px;
  bottom: 20px;
}
.css-kdjuiejopE {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000000000;
}
.css-kdjuiejopE.active {
  display: flex;
}
.css-kfjioplW {
  border-bottom: 1px solid #575757a8;
  display: flex;
  align-items: center;
  justify-content: end;
}
.css-kfioGHBR {
  width: 80%;
  height: 80%;
  background: rgb(7 22 38);
  border-radius: 10px;
  position: relative;
  box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, 0.75);
}
.css-kfluIBN {
  border: none;
  cursor: pointer;
}
.css-lfkfuiF {
  display: flex;
  gap: 10px;
  padding: 25px;
  justify-content: center;
  align-items: center;
  height: 80%;
}
.css-ldkdiopEE {
  display: grid;
  gap: 20px;
}
.css-uvjfuolE {
  text-align: center;
  font-size: 14px;
  letter-spacing: 1.1px;
  color: #5885ad;
}
.css-ldkdiopE {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.preview-1x2 {
  grid-template-columns: repeat(1, 70px);
  grid-template-rows: repeat(2, 70px);
}
.preview-2x1 {
  grid-template-columns: repeat(2, 70px);
}
.preview-2x2 {
  grid-template-columns: repeat(2, 70px);
  grid-template-rows: repeat(2, 70px);
}
.preview-3x2 {
  grid-template-columns: repeat(3, 70px);
  grid-template-rows: repeat(2, 70px);
}
.css-kfglioFh {
  display: grid;
  gap: 15px;
  text-align: center;
  border: 1px solid #80808026;
  background: #071c3363;
  border-radius: 5px;
  padding: 15px;
  cursor: pointer;
}
.css-lckiopVQ {
  font-size: 17px;
  font-family: monospace;
  letter-spacing: 1.3px;
  display: grid;
  color: #7f7f7f;
  gap: 3px;
}
.css-kclyuivgR {
  font-size: 14px;
  letter-spacing: normal;
}
.preview {
  display: grid;
  gap: 10px;
  min-width: 210px;
  align-items: center;
  min-height: 160px;
  justify-content: center;
}
.css-kfglioFh.active,
.css-kfglioFh:not(.active):hover {
  border: 1px solid #0f709d;
}
.cell {
  width: 70px;
  height: 70px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.01),
    rgb(255 255 255 / 0%)
  );
  border: 1px dashed rgb(255 255 255 / 27%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #86a2c9;
  font-size: 15px;
}
.css-kfluiBN {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #676767bd;
  display: flex;
  justify-content: end;
  gap: 8px;
  padding: 8px 0px;
}
.css-kfluIBNE {
  padding: 10px;
  border: 1px solid;
  cursor: pointer;
  min-width: 100px;
  font-size: 15px;
}
.css-kfluIBNE.launch {
  margin-right: 5px;
}
.css-kflfiopQ input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #00807f;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: relative;
}
.css-kflfiopQ input[type="radio"]:checked {
  background-color: #00807f;
  box-shadow: 0 0 4px rgba(0, 255, 0, 0.25);
  border: 4px solid #bdcfcf;
}
.css-jfkluYE .css-gkgrhgri {
  justify-content: end;
}
.css-fjfuYIJF {
  border-radius: 3px;
  top: 20px;
  align-items: center;
  gap: 5px;
  border: 1px solid #808080b8;
  padding: 4px 6px;
  color: #adadad;
}
.css-flfioHW {
  padding: 0px 3px;
  border: none;
  cursor: pointer;
  margin-top: 3px;
  font-size: 12px;
  color: #adadad;
}
.mutichart-active {
  border: 2px solid #23872a;
  z-index: 100;
  padding-top: 0;
}
.css-lfkfouHJt {
  position: absolute;
  top: 80px;
  left: 0;
  display: grid;
  left: 15px;
  gap: 10px;
  z-index: 100;
  font-size: 12px;
}
.tooltip_container{
  display: grid;
  gap: 5px;
}
.css-rgtyhE {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  letter-spacing: 0.8px;
}

.css-fjufoedlW {
  border: 1px solid #7777775c;
  margin-top: 3px;
  display: flex;
  gap: 8px;
  padding: 3px;
  border-radius: 5px;
  margin-left: 3px;
}
.css-kfliopdtyhW {
  padding: 1px;
  font-size: 11px;
  border: none;
  color: #bbbbbbb5;
  cursor: pointer;
}
.css-lfkiofyt {
  letter-spacing: 1.3px;
}
.css-lfoprkryuiW {
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 100000;
  margin-right: 70px;
  pointer-events: none;
}
.css-lfoprkryuiWW {
  padding: 5px;
  background: #16294f;
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
  opacity: 0;
}
.css-lfoprkryuiWW.active {
  opacity: 1;
  transform: scale(1);
}
.css-lfopfkEE {
  color: #60b0ef;
  border: 1px solid;
  cursor: pointer;
  padding: 5px;
}
.css-lfopfkEE:hover {
  box-shadow: 0px 1px 14px 6px rgba(0, 0, 0, 0.75);
}
.css-lfopfkEE.delete {
  color: #c56963;
}
.css-elkfeekR .css-mvYUksksdu::after {
  border-color: rgb(240, 240, 240) transparent transparent transparent;
  top: 40px;
}
.css-jfkliLKujE {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
}
.css-jfkliLKujE.active {
  opacity: 1;
  transform: scale(1);
}
.css-jfklirMNjE {
  background: #0b1c31;
  box-shadow: 0px 0px 0px 5000px rgb(0 0 0 / 85%);
  min-width: 280px;
  min-height: 380px;
  font-size: 14px;
  /* display: grid
; */
  border-radius: 3px;
  color: #cbcbcb;
  position: relative;
}
.css-jfVBghtujE {
  height: 30px;
  border-bottom: 1px solid #8080808f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.css-jfkliVBtujE {
  padding: 25px;
  display: grid;
  gap: 20px;
}
.css-jfklBNghtujE {
  display: grid;
  gap: 5px;
}
.css-dfthERG {
  width: 30px;
  height: 100%;
  cursor: pointer;
  background: white;
  border-radius: 2px;
}
.css-jfkMNJghtujE {
  border-top: 1px solid grey;
  padding: 5px;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: end;
  position: absolute;
  bottom: 0;
  width: 96%;
  left: 0;
}
.css-jfkliYH {
  border: 1px solid;
  padding: 10px;
  min-width: 80px;
  cursor: pointer;
}
.css-jfkliYH.save {
  color: #69ad69;
}
.css-lpouNBHH {
  display: grid;
  gap: 5px;
}
.css-lpouNBH {
  display: flex;
  gap: 10px;
}
.css-lpouNBH select {
  width: 100%;
}
.css-jfkliLKujE select {
  border: 1px solid #8080808f;
}
.css-lcfipdjuiE {
  position: absolute;
  z-index: 100000;
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
  min-width: 280px;
}
.css-lcfipdjuiE.active {
  opacity: 1;
  transform: scale(1);
}
.css-lcfipdjuiEE {
  background: #f3f3f3;
  color: #060606;
  display: grid;
  gap: 6px;
  border-radius: 3px;
  padding: 15px;
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.3);
  min-height: 200px;
}
.css-lcfipdjuiED {
  display: flex;
  gap: 3px;
  align-items: center;
}
.css-lfoprkui {
  border: none;
  cursor: pointer;
  color: #080808;
  font-family: monospace;
  font-size: 13px;
  text-align: left;
}

.line-with-circles {
  font-size: 4px;
  display: flex;
  align-items: center;
}
.line-with-circles i {
  border: 1px solid #808080;
  border-radius: 50%;
  color: white;
}
.line-with-circles .line {
  border-bottom: 1px solid grey;
  padding: 0px 4px;
}
.css-lfopfkJIW {
  border-bottom: 1px solid #d3d3d361;
  margin: 8px 0px;
}
.css-lfoprkui:hover,
.css-lcfipdjuiED:hover {
  color: #1f61a1;
  font-weight: 600;
}
.css-lcfipdjuiED:hover .line-with-circles .line {
  border-bottom: 1px solid #1f61a1;
}
.css-lcfipdjuiED:hover .line-with-circles i {
  border: 1px solid #1f61a1;
}

.css-lopluiok {
  margin-top: 0px;
  margin-left: -150px;
}
.css-lopluiok .css-mvYUksksdu::after {
  right: -22px;
  top: 10px;
}
.css-dhfgjgklOP.reset:hover .css-lopluiok,
.css-dhfgjgklOP.crosshair:hover .css-lopluiok,
.css-dhfgjgklOP.expand:hover .css-lopluiok {
  opacity: 1;
  transition-delay: 0.5s;
  visibility: visible;
  transform: scale(1);
}
.css-fufifkoF{
  position: absolute;
  background: #053b71;
  color: #e5e5e5d6;
  display: none;
  margin-top: 15px;
  margin-left: -25px;
  font-size: 12px;
  padding: 8px;
  border-radius: 5px;
  text-align: center;
  letter-spacing: 0.8px;
  width: 100px;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 
  ease, visibility 0s 
  linear 1s;
}
.css-jfklIUJW.indicator .css-fufifkoF{
  margin-top: 107px;
}
.css-jfklIUJW.draw_line:hover .css-fufifkoF,
.css-jfklIUJW.select_area:hover .css-fufifkoF,
.css-jfklIUJW.indicator:hover .css-fufifkoF,
.css-jfklIUJW.back_play:hover .css-fufifkoF{
  opacity: 1;
  transition-delay: 0.8s;
  visibility: visible;
  transform: scale(1);
}
.css-locplsrW{
  display: grid;
  gap: 5px;
}
.css-jfklIUJW.sr_level{
  border: 1px solid #ffb0bde8;
}
.css-lfopfkE {
  display: flex;
  gap: 8px;
  align-items: center;
}
.css-flifporoRT{
  position: absolute;
  z-index: 100000;
  background: rgb(118 209 118 / 3%);
  border-right: 2px solid #00800057;
  border-left: 2px solid #00800057;
  margin-top: 42px;
  pointer-events: none;
}
.css-kfioflpTYW{
  font-size: 13px;
  display: none;
  gap: 5px;
  position: absolute;
  padding-left: 15px;
  top: 55px;
  color: #55bb92;
  z-index: 100000;
}
.css-lfkofpldE{
  display: flex;
  align-items: center;
}
.css-lfopfjHYUY{
  cursor: pointer;
  border: 1px solid #8080807d;
  background: #80808005;
  font-size: 15px;
  letter-spacing: 0.6px;
  padding: 15px;
}
.css-lfopfjHYUY:hover{
  background: #8080800d;
}
.css-lfopfjHYUY.trend,.css-lfopfjHYUY.sr,.css-lfopfjHYUY.pattern{
  background: #203b5d8a;
  border: 1px solid #87878700;
  padding: 12px;
  color: #8ae5d1f2;
  background: linear-gradient(90deg, rgb(112 195 115 / 33%) 0%, rgb(117 216 221 / 28%) 50%, rgb(62 162 177 / 30%) 100%);
}
.css-lfopfjHYU{
  display: grid;
  gap: 15px;
  font-size: 13px;
  color: #c6c6c6f0;
  letter-spacing: 0.5px;
}
.cdkfflfopFWG{
  padding: 20px;
  display: grid;
  gap: 15px;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.cdkfflfopFWG.auto_mode_input{
  color: #c1c1c1f0;
  padding: 10px;
  gap: 25px;
  display: grid;
}
.css-lfofpkuihft{
  padding: 15px;
  display: flex;
  font-size: 14px;
  letter-spacing: 0.8px;
  color: #c1c1c1f0;
}
.css-lfopffkiUH{
  display: grid;
  gap: 15px;
}
.css-lfGkuihft{
  display: grid;
  gap: 3px;
  color: #5fb5ae;
  font-size: 15px;
  letter-spacing: 1.2px;
}
.css-lfofpfl{
  font-size: 12px;
  color: grey;
  font-weight: 500;
  text-decoration: underline;
}
.css-lfoVuihft{
  font-weight: 500;
  color: #a9a9a9;
  font-size: 12px;
}
.css-lfofpfjuijT{
  background: #0e1d36a6;
  margin-top: -10px;
  padding: 10px 10px;
  border-radius: 5px;
  display: none;
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
}
.css-lfofpfjuijT.vision_4_mini.active,.css-lfofpfjuijT.vision_4_pro.active,.css-lfofpfjuijT.vision_5.active{
  opacity: 1;
  display: block;
  transition-delay: 0.5s;
  transform: scale(1);
}
.css-lpfifuj{
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #dbdbdbad;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #80808040;
  gap: 5px;
  padding: 8px 10px;
  display: none;
}
.css-lpfifERuj{
  border: none;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
  color: #55a3c9;
}
.css-lckkfFlR{
  display: flex;
  gap: 3px;
  align-items: center;
}
.css-lfofpfjuij{
  font-weight: 500;
  color: #73b3ae;
}
.css-lfofpfjuiE{
  border: none;
  padding: 3px 0px;
  cursor: pointer;
  text-decoration: underline;
}
.css-lckkfFlRE{
  width: 33px;
  height: 20px;
  cursor: pointer;
  margin-left: -3px;
}
.css-lckkRFoplR{
  display: none;
  gap: 8px;
}
.css-lckkRFoplR.chart{
  color: #999999;
}
.css-lckkRFoplR.candle.active,.css-lckkRFoplR.interval.active,.css-lckkRFoplR.chart.active,.css-lckkRFoplR.model.active,.css-lckkRFoplR.model_info.active{
  display: grid;
}
.css-kflfuikER{
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -10px;
}
.css-lksoofhyu{
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.css-lfopfHYUJ{
  display: flex;
  align-items: center;
  gap: 3px;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
  opacity: 0;
}
.css-lfopfHYUJ.active{
  transform: scale(1);
  opacity: 1;
}
.css-lckkfopElR{
  border: 1px solid grey;
  cursor: pointer;
  letter-spacing: 1px;
}
.css-flfopfhry{
  display: flex;
  gap: 10px;
  align-items: start;
  cursor: pointer;
  border: 1px solid;
  padding: 20px;
  border-radius: 5px;
  color: #c5c5c5f0;
}
.css-lfkfopRTG{
  display: grid;
  gap: 12px;
}
.css-lfkfopRTGWE{
  font-size: 16px;
}
.css-lfofplRTYC{
  display: flex;
  justify-content: center;
}
.css-lfofplRTYC button{
  color: #ffffffc9;
  border: none;
  border-bottom: 1px dashed;
  letter-spacing: 0.8px;
  font-size: 15px;
  cursor: pointer;
  border-radius: 0;
  padding: 0;
}
.css-lffokfiu{
  padding-top: 2px;
}
.css-lffokfiu input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #00807f;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
}
.css-lffokfiu input[type="radio"]:checked {
  background-color: #065756;
  border: 4px solid #bdcfcf;
}
.css-ldodpdhYUJ{
  padding-left: 5px;
  padding-right: 3px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.css-fklUIJW.visible,.css-pflfouJRT.visible,.css-kgkegjgenE.visible{
  text-align: left;
  letter-spacing: 1px;
  line-height: 20px;
  padding-top: 0;
}
.css-fklUIJW{
  position: relative;
}
.css-mfloptyunV{
  letter-spacing: 0.8px;
}
.ltp_analysis_point_diff{
  color: white;
}
.ltp_analysis_point_diff.up{
  color: lawngreen;
}
.ltp_analysis_point_diff.down{
  color:#ffa4a4;
}
.css-pfflofplRTERE{
  display: none;
  font-size: 14px;
  inset: 0;
  background: #0b1b3357;
  backdrop-filter: blur(6px) saturate(1.05);
  color: #ffffffb3;
  padding: 0px;
  border-radius: 10px;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 43px;
  align-items: start;
  letter-spacing: 0.5px;
}
.css-pfflofplRTERE.active{
  display: flex;
}
.css-lfofplRTGHC{
  background: #101f37;
  padding: 20px;
  display: grid;
  gap: 15px;
  border-radius: 5px;
  /* border-bottom: 1px solid #4482cf6b; */
  /* box-shadow: -1px 19px 10px 1px rgb(0 0 0 / 10%); */
}
.css-cdjdkTYH{
  display: grid;
  gap: 5px;
}
.css-flfkoPLMJK{
  border: 1px solid grey;
  cursor: pointer;
  padding: 12px;
  font-size: 15px;
  display: none;
}
.css-flfkoPLMJK.active{
  display: block;
}
.css-loffpMKLO{
  background: #3f8961;
  color: #ffffffed;
  padding: 14px;
  cursor: pointer;
  font-size: 15px;
}
#right_side_widow{
  position: sticky;
  width: 30%;
}
.css-jfklIUJW.draw_line.active,.css-jfklIUJW.select_area.active,.css-jfklIUJW.back_play.active,.css-jfklIUJW.sr_level.active{
  border: 2px solid;
  color: #809beb;
  background: #607d8f17;
  box-shadow: 0px 0px 9px 0px rgb(94 128 163 / 30%);
}
.css-jfklIUJW.back_play{
  font-weight: 500;
  padding: 0px 12px;
  color: #3da978;
  border: 1px solid #9dd19e;
}
.css-jfklIUJW.select_area:disabled,.css-jfklIUJW.back_play:disabled{
  color: #8080803b;
  border: 1px solid;
  cursor: not-allowed;
}
.css-lfpfpRTDF,.css-lfpfpRTDFW{
  position: absolute;
  top: 50px;
  right: 30%;
  z-index: 100000;
  pointer-events: none;
}
.css-lfpfpRTDFW.active{
  pointer-events: auto;
}
.css-lfpfpRTWE,.css-lfpfpRTWEW{
  display: flex;
  padding: 5px;
  background: #16294f;
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  transition: transform 0.1s ease, opacity 0.1s ease;
  align-items: center;
  gap: 5px;
  transform: scale(0);
  opacity: 0;
}
.css-lfpfpRTWE.active,.css-lfpfpRTWEW.active {
  opacity: 1;
  transform: scale(1);
}
.css-lfofpkkRTT{
  border: 1px solid;
  cursor: pointer;
}
.css-lfofpJYUBN{
  color: #80808069;
  cursor: not-allowed;
}
.css-lfofpJYUBN.active,.css-yfufjkloE{
  border: 1px solid;
  cursor: pointer;
  color: #94a3b8;
}

.css-lfofpfkioRR.active{
  border: 1px solid #ffffff14;
  position: relative;
  overflow: hidden;
  color: #69b8df;
}
.css-lfofpfkioRR.active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 2px solid #69b8df;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  box-sizing: border-box;
  animation: border-animate 2s linear infinite;
}
.css-lfpfpRTWW{
  max-width: 100px;
  padding: 0 !important;
  cursor: pointer;
}
.css-lfpfpRTWER input[type="range"] {
  filter: saturate(0.6);
}
.css-lfofpkIYU,.css-yfufjkloE.close{
  color: rgb(226, 113, 113);
}
.css-prorkriplER{
  padding: 4px;
  border: 1px solid #80808063;
}
.css-lfpffifkfuIY{
  display: none;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.css-lfpffifkfuIY.active{
  display: flex;
}
.css-lfpfofkWWEFG .css-css-kmkrryr{
  border: 1px solid #9b9b9bab !important;
  height: 40px !important;
  color: white !important;
  border-radius: 10px !important;
}
.css-lfpfofkWWEFG .css-css-kmkrryr:hover{
  border-image: linear-gradient(90deg, #b3ffabcc, #12fff7c9) 1 !important;
  border: 2px solid;
}
.css-lfpfofkWWEFG .css-mvdlkduif .css-mvkdkdy{
  display: none;
}
.css-lfpfofkWWEFG{
  margin-top: 15%;
}
.text-rotator {
  position: relative;
  font-size: 40px;
  color: #c3e0e9f2;
  margin-bottom: 75px;
  text-align: center;
}
.text-rotator .text {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateY(-100%);
  animation: slideText 12s infinite;
}
.css-flfkofpR{
  color:#90ee90c7
}
.css-pflfopER{
  color: #3bffb8a6
}
.css-lfofplE{
  color:#45d0f1d6
}
.text-rotator .text:nth-child(1) {
  animation-delay: 0s;
}
.text-rotator .text:nth-child(2) {
  animation-delay: 3s;
}
.text-rotator .text:nth-child(3) {
  animation-delay: 6s;
}
.text-rotator .text:nth-child(4) {
  animation-delay: 9s;
}
.css-lfpfokfiop{
  display: flex;
  align-items: center;
  position: absolute;
  color: #a5a5a57d;
  left: 60px;
  gap: 8px;
  margin-top: -4px;
  overflow: hidden;
  letter-spacing: 0.5px;
  pointer-events: none;
  font-size: 18px;
}
.css-lfpffifkfuIY .css-lfkee span {
  position: unset;
  color: unset;
  left: 50px;
}
.css-lfpfofkfioE{
  /* color: #3e739bfc !important; */
  opacity: 0;
  background: linear-gradient(90deg, #b3ffab62 20%, #12fff762 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  font-size: 17px;
}
.css-lfpfofkfioE.start{
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: translateY(-50px);
  opacity: 1;
}
.css-lfpfofkfioE.show{
  transform: translateY(0px);
  opacity: 1;
}
.css-lfpfofkfioE.hide{
  opacity: 0;
  transform: translateY(50px);
}
.css-lfpfofkWWEFG .css-lfkee i{
  color: #a5a5a569;
  margin-top: -3px;
  left: 28px;
  font-size: 18px;
}
.css-lfpfofkWWEFG .css-mvdlkduif{
  margin-top: 15px;
}
.css-lfpfofnMK{
  text-align: center;
  display: grid;
  gap: 5px;
  color: #e5e5e5c7;
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
}
.css-ufifen{
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
}
.css-lfpfofnMK.show,.css-ufifen.show{
  opacity: 1;
  transform: scale(1);
}
.css-lfpfofnE{
  font-size: 42px;
}
.css-lfpfofnEMK{
  font-size: 14px;
  letter-spacing: 1.3px;
}
.css-lfkfopEGEG{
  position: absolute;
  bottom: 0px;
  left: 15px;
}
.css-lfpfolrr{
  border: none;
  font-size: 28px;
  cursor: pointer;
}
.css-ldkdopdlkd{
  position: absolute;
}
.css-ldkdopdlkd .css-ffeofekeiY{
  border: 2px solid #6fc8d5;
  border-top: 2px solid transparent;
  width: 40px;
  height: 40px;
}
.css-plfofuW{
  color: #f5f5f5d9;
  font-weight: 500;
}

/* ----- Modal (popup card) ----- */
.modal-backdrop {
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:100000000;
  -webkit-tap-highlight-color:transparent;
}

.modal-backdrop.open{
  display:flex;
}

.backdrop-layer{
  position:absolute;
  inset:0;
  background:rgba(4,8,14,0.75);
  backdrop-filter: blur(6px) saturate(1.05);
  opacity:0;
  transition:opacity .28s var(--ease);
}
.modal-backdrop.open .backdrop-layer{ opacity:1; }

.modal-card {
  position:relative;
  width:min(960px, 94vw);
  max-height:86vh;
  border-radius:var(--radius);
  padding:14px;
  box-sizing:border-box;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  transform: translateY(10px) scale(.98);
  opacity:0;
  transition: transform .26s var(--ease), opacity .26s var(--ease);
  box-shadow: 0 10px 40px rgba(2,10,16,0.64);
  display:flex;
  flex-direction:column;
  gap:12px;
  z-index:5;
  background: linear-gradient(rgb(7, 20, 42) 0%, rgb(5, 18, 36) 100%);
  border-radius: 10px;
}
.modal-backdrop.open .modal-card {
  transform: translateY(0) scale(1);
  opacity:1;
}

/* gradient border effect via pseudo element */
.modal-card::before {
  content:"";
  position:absolute;
  inset:0;
  margin:-2px; /* thickness */
  border-radius:calc(var(--radius) + 2px);
  background: linear-gradient(90deg, var(--accent-a), var(--accent-b));
  z-index:-1;
  filter: blur(10px) saturate(1.15);
  opacity:0.85;
  -webkit-mask: linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0);
}

/* Header / controls */
.modal-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.modal-title{
  font-size:1.05rem;
  font-weight:700;
  color:#eaf6ef;
}
.modal-meta{
  color:var(--muted);
  font-size:.9rem;
}
.css-fkflfopTRT{
  display: flex;
  gap: 8px;
  align-items: center;
  position: absolute;
  right: 3px;
  top: 6px;
}
.css-fkflfopTRT .close-btn{
  background:transparent;
  border:none;
  color:var(--muted);
  padding:8px 10px;
  border-radius:8px;
  cursor:pointer;
  font-weight:600;
  display:inline-flex;
  gap:8px;
  align-items:center;
}
.close-btn:hover{
  color:#eafff8;
  border-color:rgba(77,180,255,0.3);
  box-shadow:0 8px 30px rgba(77,180,255,0.06);
}

/* Responsive video container (16:9) */
.video-wrap{
  position:relative;
  width:100%;
  padding-top:56.25%; /* 16:9 */
  border-radius:8px;
  overflow:hidden;
  background: linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.55));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.03);
}
.video-wrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.css-lfpfofkiofk{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}
.css-lfpfofkiofk.active{
  display: flex;
}
.css-lfkfoprt{
  font-size: 17px;
  padding-right: 5px;
  letter-spacing: 0.5px;
  padding-left: 7px;
  color: #c1c1c1e0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.css-lfofpfluokE{
  display: none;
}
.css-lfofpfluokE.active{
  display: block;
}
.css-ljffjfoER{
  position: absolute;
  left: 25px;
  color: #a5a5a563;
  display: flex;
  align-items: center;
  gap: 12px;
}
.css-ljffjfoER i{
  width: unset !important;
  position: relative !important;
  left: unset !important;
  margin-top: 6px !important;
  color: unset !important;
}
.css-ljffjfoER span{
  position: relative !important;
  color: unset !important;
  left: unset !important;
}
.css-kflopHJY .css-mvdlkduif{
  pointer-events: none;
}
.css-lpfWoflopR{
  pointer-events: auto;
}
.css-kflopHJU .css-mvkdkdy{
  background: #101d3326 !important;
}
.css-jfklIUJW.indicator{
  display: flex;
  align-items: center;
  gap: 6px;
}
.css-pflfofpRT{
  display: flex;
  align-items: end;
  margin-top: -5px;
}
.css-lfofplRT{
  font-family: cursive;
  font-size: 18px;
  transform: rotate(6deg);
}
.css-pclcopER{
  font-size: 12px;
  margin-left: -2px;
  font-family: sans-serif;
}
.css-lfpfokUER{
  border: none;
  text-decoration: underline;
  color: rgb(105 140 223);
  padding: 0;
  cursor: pointer;
  letter-spacing: 0.8px;
}
.css-lfpfolRT{
  position: absolute;
  font-size: 14px;
  top: 0;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.1s ease, opacity 0.1s ease;
  width: 100%;
  height: 100%;
  z-index: 10000000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.css-lfpfolRT.active{
  transform: scale(1);
  opacity: 1;
}
.css-dkdoplRTGW{
  background: #0a2043;
  box-shadow: 0px 20px 16px 500px rgba(0, 0, 0, 0.3);
  color: #b7b7b7;
  margin-top: -25%;
}
.css-flfpfolR{
  padding: 20px;
  display: grid;
  gap: 15px;
  letter-spacing: 0.8px;
}
.css-pflfopERT{
  display: none;
  font-size: 14px;
  letter-spacing: 0.8px;
  color: #6e8793;
  max-width: 60%;
  text-align: center;
}
.css-lfpfolRTY.active{
  height: 100px;
  width: 5%;
  background: linear-gradient(90deg, rgb(17 33 58 / 18%) 69%, rgb(17 44 92 / 27%) 100%);
  opacity: 0.7;
  animation: shimmer 0.8s infinite;
}
.css-lfpfolRTYE.active{
  height: 100%;
  width: 5%;
  position: absolute;
  background: linear-gradient(90deg, rgb(17 33 58 / 18%) 69%, rgb(17 44 92 / 27%) 100%);
  top: 0;
  left: 0;
  opacity: 0.6;
  animation: shimmer 0.8s infinite;
}
.css-pdldopER{
  position: relative;
  overflow: hidden;
}
.css-pflfpRTGTE{
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  background: rgb(4 11 20 / 87%);
  backdrop-filter: blur(6px) saturate(1.05);
  z-index: 10000000000;
  transition: transform 0.01s 
ease, opacity 0.1s 
ease;
    transform: scale(0);
    opacity: 0;
}
.css-pflfpRTGTE.active{
  opacity: 1;
  transform: scale(1);
}
.css-lcksospsut{
  display: grid;
  gap: 10px;
  background: #e3e3e3;
  color: black;
  max-width: 430px;
  padding: 25px;
  font-size: 15px;
  text-align: center;
  border-radius: 3px;
  font-weight: 500;
  position: relative;
}
.css-lfpfikree{
  padding: 20px;
}
.css-ofpflYUH{
  display: flex;
  justify-content: center;
  gap: 5px;
}
.css-lfpfyuGH.cancel{
  border: 1px solid #9e9e9ec9;
  color: #121212;
  width: 85px;
  padding: 10px;
  font-size: 15px;
  cursor: pointer;
  background: #9e9e9e0f;
}
.css-lfpfyuGH.cancel:hover{
  background: #9e9e9e33;
}
.css-lfpfyuGH.login{
  background: #e75020;
  border: 1px solid #e75020;
  color: white;
  width: 85px;
  padding: 10px;
  font-size: 15px;
  cursor: pointer;
}
.css-lfpfyuGH.login:hover{
  background: #e75020d4;
  border: 1px solid #e75020d4;
}
.css-pflfoERFGFW{
  position: absolute;
  bottom: 28px;
  height: 600px;
  left: -15px;
  width: 650px;
  background: linear-gradient(90deg, rgb(17 33 58) 69%, rgb(14 33 63) 100%);
  box-shadow: -1px -15px 20px 20px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: transform 0.2s 
ease, opacity 0.2s 
ease;
  transform: translateY(110%);
  display: none;
}
.css-pflfoERFGFW.active{
  transform: translateY(0%);
  opacity: 1;
}
.css-pflfoERFGFW.expand{
  width: 680px;
  height: 96.5vh;
  left: -15px;
}
.css-lfofpRTEE{
  background: #cf450e;
  padding: 2px 5px;
  border-radius: 5px;
  color: #ffffffd6;
  margin-left: -5px;
  text-align: center;
  display: none;
}
.css-lfofpRTEE.active{
  display: inline;
}
.css-pflfoERFGFW .css-fjlioPR{
  gap: 5px;
  justify-content: end;
  height: 35px;
  border-bottom: none;
}
.css-pflfoERFGFW .css-lfofplE{
  width: 10%;
}
.css-lfofpkRTE{
  font-weight: 500;
  width: 100%;
  text-align: center;
  padding-left: 44px;
  letter-spacing: 0.5px;
}
.css-pflfoERDFDFW{
  display: none;
  padding: 20px 10px 20px 10px;
}
.css-pflfoERDFDFW.live.active,.css-pflfoERDFDFW.historical.active{
  display: block;
}
.css-pflfoERTWDFW{
  display: none;
  justify-content: space-between;
  border-bottom: 1px solid #80808052;
  padding-bottom: 8px;
  text-align: center;
  padding: 10px 5px;
}
.css-pflfoERTWDFW.active{
  display: flex;
}
.css-lfofplTYRR{
  display: none;
  text-align: center;
  margin-top: 25%;
  font-size: 14px;
  letter-spacing: 0.8px;
}
.css-lfofplTYRR.active{
  display:block;
}
.css-lfofpERTQQ{
  display: grid;
  overflow-y: auto;
  max-height: 550px;
}
.css-lfofprtE{
  width: 14%;
  letter-spacing: 0.5px;
}
.css-lfofprtE.buy{
  color: #4298db;
  font-weight: 500;
}
.css-lfofprtE.sell{
  color: coral;
  font-weight: 500;
}
.css-lfofprtE.pnl.up{
  color: #67ef67;
}
.css-lfofprtE.pnl.down{
  color: #fb8484;
}
.css-lfofprtE.deactive{
  opacity: 0.15;
}
.css-pfflfopRTY{
  padding: 0;
  cursor: pointer;
  border: none;
}
.css-pflfoERTWW{
  position: absolute;
  left: 40%;
  gap: 5px;
}
.css-pfflfopRTYR{
  color: #f9f9f9ed;
  padding: 8px;
  min-width: 55px;
  border-radius: 3px;
  box-shadow: -8px 6px 15px 11px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  font-size: 12px;
}
.css-pfflfopRTYR.sell{
  background: #dd5523f5;
}
.css-pfflfopRTYR.buy{
  background: #1e64df;
}
.css-pfflfopRTYR.delete{
  background: brown;
  box-shadow: 7px 6px 17px 10px rgba(0, 0, 0, 0.15);
}
.css-pfflfopRTYR.buy:hover{
  background: #0f4ebd;
}
.css-pfflfopRTYR.sell:hover{
  background: #c14011f5;
}
.css-pfflfopRTYR.delete:hover{
  background: #991e1e;
}
.css-lfofplRTT{
  text-decoration: none;
}
.css-kffkfkkRTJT{
  text-decoration: underline;
}
.css-hRTjguRER{
  position: absolute;
  bottom: 29px;
  left: 50px;
  background: #e3e3e3;
  color: black;
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 3px;
  transition: transform 0.2s 
ease, opacity 0.2s 
ease;
  transform: scale(0);
  opacity: 0;
}
.css-hRTjguRER.active{
  transform: scale(1);
  opacity: 1;
}
.css-hgFuRER{
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 7px;
  font-size: 13px;
  min-width: 50px;
  font-weight: 600;
}
.css-hgFuRER.up{
  color: darkgreen;
}
.css-hgFuRER.down{
  color: #D32F2F;
}
.css-hgjguRER{
  border-radius: 0;
  padding: 0;
  height: 29px;
  cursor: pointer;
  padding-left: 5px;
  border-left: 1px solid #22232145;
  color: #353333;
}
.css-hRTjguRER .css-mvskksksdu::after{
  bottom: -20px;
  left: 40px;
}
.css-pflfoERTWDFWE{
  justify-content: end;
}
.css-kflfopRR{
  font-size: 16px;
  letter-spacing: 0.8px;
}
.css-kflfopRR.up{
  color: #67ef67;
}
.css-kflfopRR.down{
  color: #fb8484;
}
.css-lfofplRTGWWV{
  display: none;
  justify-content: center;
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #aaabad;
  text-align: center;
}
.css-lfofplRTGWWV.load{
  display: flex;
}
.css-lfofplRTEE{
  display: flex;
  gap: 5px;
  align-items: center;
}
.css-lfofplRTE{
  display: flex;
  gap: 5px;
}
.css-lfofpkR{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000000;
  background: rgb(4 8 14 / 80%);
  backdrop-filter: blur(6px) saturate(1.05);
  opacity: 0;
  transition: transform 0.01s 
ease, opacity 0.01s 
ease;
  transform: scale(0);
}
.css-lfofpkR.active{
  transform: scale(1);
  opacity: 1;
}
.css-lfofpkRE{
  background: linear-gradient(rgb(7, 20, 42) 0%, rgb(5, 18, 36) 100%);
  border-radius: 5px;
  font-size: 13px;
  color: #d3d3d3;
  min-width: 280px;
  letter-spacing: 0.8px;
  position: relative;
}
.css-lfofpkFR{
  border-bottom: 1px solid #80808075;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px;
}
.css-lofpflRT{
  border: none;
  cursor: pointer;
  padding: 0;
}
.css-lfofTkR{
  padding: 15px;
  display: grid;
  gap: 30px;
  padding-bottom: 10px;
}
.css-lRTfpTYHE{
  display: grid;
  gap: 10px;
  align-items: center;
}
.css-lfofpEHE{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: -5px;
}
.css-lfofpTYHE{
  display: flex;
  align-items: end;
  gap: 5px;
}
.css-hdjdkoiR{
  width: 17px;
  height: 17px;
}
.css-hdjdkoiR:not(:disabled){
  cursor: pointer;
}
.css-iffkTygRR{
  background: transparent;
  border: 1px solid #ffffff87;
  color: #ffffffde;
  font-size: 18px;
  height: 38px;
  padding: 2px 8px;
  border-radius: 3px;
}
.css-flfofpRTY{
  display: grid;
  padding: 5px 10px;
  padding-bottom: 15px;
  gap: 7px;
}
.css-flfopRT{
  padding: 14px;
  color: white;
  cursor: pointer;
  border-radius: 2px;
}
.css-flfopRT.buy{
  background: #1f66e3a8;
}
.css-flfopRT.buy:hover{
  background: #1f66e3;
}
.css-flfopRT.sell{
  background:#b1431ab3;
}
.css-flfopRT.sell:hover{
  background: #b1431a;
}
.css-flfopRT.cancel{
  background: #7979790a;
  margin-right: 0px;
}
.css-flfopRT.cancel:hover{
  background: #7979791f;
}
.css-oclofpRT{
  color: #808080c7;
}
.css-lckopkfrEE.active{
  display:flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.css-lfpuiTT{
  display: none;
  border: none;
  text-decoration: underline;
  font-family: system-ui;
  font-size: 14px;
  color: #eb6868;
  letter-spacing: 0.5px;
}
.css-lfpuiTT.active{
  display: block;
}
.css-lfofpkRY{
  width: 100%;
  display: flex;
  border-top: 1px solid #80808059;
  border-bottom: 1px solid #80808059;
  /* background: #152d57d9; */
}
.css-fkfloppT{
  border-radius: 0;
  cursor: pointer;
  letter-spacing: 0.5px;
  padding: 10px;
  min-width: 150px;
  color: #ffffff9c;
  border-right: none;
}
.css-fkfloppT.live.active{
  cursor: default;
  position: absolute;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid;
  background: #11213b;
  color: #4CAF50;
}
.css-fkfloppT.historical{
  margin-left: 150px;
  border-left: none;
  border-right: none;
}
.css-fkfloppT.live.active .css-fkfloppT.historical{
  border-right: none;
}
.css-fkfloppT.historical.active{
  border-right: 1px solid;
  position: absolute;
  background: #11213b;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid;
  color: #4CAF50;
}
.css-td-jfkfiu{
  position: absolute;
  top: 0px;
  border: none;
  opacity: 0;
  width: 0;
}
.css-td-jfkfiu.left{
  left: 5%;
}
.css-td-jfkfiu.right{
  right: 5%;
}
.css-td-div{
  display: flex;
  gap: 4px;
}
.css-td-div button{
  padding: 5px 8px;
  border-radius: 3px;
  color: white;
  box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.css-td-div .buy{
  background: #2196F3;
}
.css-td-div .sell{
  background: #ff5722ed;
}
.css-fpfolTYUE{
  margin-top: 35px;
}
.patternCard{
  min-height: 110px;
}
.css-pffpRTYDF{
  border: 1px solid #8080803d;
  border-radius: 8px;
  padding: 20px;
  display: grid;
  gap: 25px;
  color: #f5f5f5a6;
  letter-spacing: 0.8px;
  position: relative;
  box-shadow: 0px 0px 20px 5px rgb(107 107 107 / 8%);
  border: 1px solid #add8e63d;
}
.css-pffpRTYDF.active{
  border: 1px solid green;
}
.css-pLffpRTYDF{
  display: grid;
  gap: 5px;
}
.css-lcspspEFG{
  position: absolute;
  right: -4px;
  top: -7px;
  font-size: 32px;
  color: green;
  display: none;
}
.css-lcspspEFG.active{
  display: block;
}
.css-pffRTTYDF{
  font-size: 18px;
}
.css-pffVBTYDF{
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.css-TYpRTYDF{
  font-size: 34px;
}
.css-lfkfopRTG{
  margin-top: 10px;
}
.css-lfkfoRTpRTG{
  background: darkgreen;
  color: white;
  padding: 13px;
  cursor: pointer;
  font-family: system-ui;
  font-size: 15px;
}
.css-lfkfoRTpRTG.active{
  background: #8080804f;
  color: #c9c8c8;
  cursor: not-allowed;
}
.css-lfofplRTYWWV{
  border-top: 1px solid #6d6d6d59;
  padding-top: 15px;
  display: grid;
  gap: 15px;
  font-size: 13px;
}
.css-lfofDRTYWWV{
  display: flex;
  align-items: center;
  gap: 8px;
}
.css-lfofDRTYWWV i{
  color: lightblue;
  font-size: 16px;
}
.css-lcopccv{
  border-bottom: 1px dashed;
  cursor: pointer;
}
.css-fjfilRT i{
  color: #b1b1b1;
  font-size: 14px;
}
.css-fjfilRT i.limited{
  color: lightslategrey;
}
.css-lvvopfyuR{
  display: flex;
  gap: 5px;
}
.css-lfpfoRT{
  color: #f0f0f0;
  /* color: #FFFF00; */
  font-size: 11px;
  font-weight: 500;
  background: #490585f7;
  padding: 0px 5px;
  border-radius: 3px;
}
.css-lfpfoRT i{
  color: #f5f5f5cc;
  cursor: pointer;
  font-size: 16px;
}
.css-pflfpYUJD{
  margin-top: 10px;
      margin-bottom: 25px;
  font-size: 13px;
}
.css-lfofplRTYE{
  display: flex;
  gap: 0px;
  font-size: 14px;
  margin-top: 8px;
  color: lightblue;
  letter-spacing: 0.5px;
}
.css-lfofplRTYE i{
  font-size: 16px;
}
.css-lfkfopRTFH{
  margin-top: 20px;
  display: flex;
}
.css-oflfiKJU{
  padding: 0;
  border: none;
  border-bottom: 1px dashed;
  border-radius: 0;
  color: #d5d5d5;
  letter-spacing: 0.5px;
  font-family: system-ui;
  cursor: pointer;
  color: #e7e7e7bd;
}
.css-ocpclYUH{
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.css-lfofpljfuif{
  margin-top: 30px;
  font-size: 13px;
}
.css-lfkffpRET{
  position: absolute;
  left: 55%;
  margin-top: -10px;
  margin-left: -2px;
  font-size: 12px;
}
.css-spdoER{
  position: absolute;
  height: 8px;
  border: 1px solid #455dd9;
}
.css-spdoERe{
  margin-top: -18px;
  margin-left: -8px;
  position: absolute;
  color: #8d9eff;
  font-weight: 700;
}
.css-lfofpljfuif.resistance .css-feekuoplL{
  width: 55%;
}
.css-lfkfpoRTY{
  width: 100%;
  margin-top: 25px;
  margin-bottom: 15px;
  border: 1px solid #9e9e9e36;
}
.css-lfofpljfuif .css-feekuoplL{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.css-lfofpljfuif.support .css-lfkffpRET{
  left: 20%;
  margin-left: 0;
}
.css-lfofpljfuif.support .css-feekuoplL{
  left: 20%;
  width: 80%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.css-lfofpljfuif.support .css-spdoERe{
  color: #ff6d8c;
}
.css-lfofpljfuif.support .css-spdoER{
  border: 1px solid #a53552;
}
.css-lfofpljfuif.support .css-feekuoplEC{
  flex-direction: row-reverse;
}
.css-lfofpRTYH{
  display:none
}
.css-lfofpRTYH table{
  font-size: 12px;
  letter-spacing: 0.5px;
  width: 100%;
  border-collapse: collapse;
  color: #ffffffbf;
  text-align: center;
  border: 1px solid #8080802e;
  margin-top: 15px;
}
.css-lfofpRTYH table thead{
  letter-spacing: 0.8px;
  font-size: 13px;
  font-family: monospace;
}
.css-lfofpRTYH table tr{
  height: 34px;
}
.css-lfofpRTYH .bottom{
  border-bottom: 1px solid #8080802e;
}
.css-lfofpRTYH .right{
  border-right: 1px solid #8080802e;
}
.css-tddthjfyfhfsfk{
  display: none;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  flex-direction: row-reverse;
  border-bottom: 1px solid #c9c9c940;
  margin-bottom: 8px;
}
.css-tddthjfyfhfsfk.active{
  display: flex;
}
.css-yfhfklop.instrument{
  font-size: 18px;
  padding-left: 5px;
  opacity: 0.7;
}
.css-tfyfhfsfk{
  cursor: pointer;
}
.css-tfydggfsfk{
  display: flex;
  gap: 5px;
}
.css-tfyfhfklfk.date{
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--muted);
  padding: 8px;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
}
.css-lfofpLT{
  font-size: 13px;
  color: #d2d6dbbd;
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
  row-gap: 3px;
  letter-spacing: 0.8px;
}
.css-pfflfYUI{
  display: flex;
  align-items: baseline;
  font-weight: 500;
}
.css-pfflfYUI.up{
  color: #4dff2f;
}
.css-pfflfYUI.down{
  color: #ff9886;
}
.css-lfpfoRR{
  /* color: lightblue; */
  font-weight: 500;
}
#upgradeBtn{
  min-width: 125px;
  background: linear-gradient(270deg, rgb(80 109 255 / 36%) 0%, rgb(255 74 111 / 46%) 74%);
  border: none;
  padding: 12px;
  color: white;
}
.css-lfofpRTGEE{
  color: #cfcfcf;
  color: #c1c1c1;
  font-size: 14px;
  letter-spacing: 0.8px;
}
.css-dkdlopER{
  border: none;
  padding: 0;
  cursor: pointer;
  /* text-decoration: underline; */
  letter-spacing: 0.5px;
  color: lightblue;
  border-bottom: 1px dashed;
  border-radius: 0;
}
.css-lfofpllTE.add{
  width: 100%;
  background: #2E7D32;
  color: white;
  padding: 12px;
  cursor: pointer;
}
.css-fkfloPT{
  margin-top: 10px;
}
.css-flfopERTFF{
  border-top: 1px solid grey;
  padding-top: 15px;
  display: grid;
  gap: 10px;
}
.css-lfRfofkyuER{
  font-size: 13px;
}
.css-lfpfofkyEuER{
  display: grid;
  gap: 5px;
}
.css-lfpfofkyuER{
  border: 1px solid grey;
  padding: 12px;
  border-radius: 5px;
  display: grid;
  gap: 10px;
}
.css-lfpfofkyuEE{
  display: grid;
}
.css-fflTYGHR{
  font-size: 12px;
}
.css-lfpfofkyuE{
  display: flex;
    margin-top: 3px;
    gap: 5px;
}
.css-lfofpllTY{
  min-width: 80px;
  padding: 8px;
  color: white;
  cursor: pointer;
  width: 50%;
  font-size: 15px;
}
.css-lfofpllTY.edit{
  background: #6495edd9;
}
.css-lfofpllTY.delete{
  background: #f4511eb0;
}
.telegram_add_new_group{
  justify-content: center;
  align-items: center;
}
.telegram_add_new_group .css-lsosplRT{
  padding-bottom: 150px;
}
.telegram_add_new_group .css-tyhurgdhd{
  left: 0;
}
.telegram_add_new_group .css-tyhurgdhd button{
  padding: 12px;
  width: 125px;
}
.css-fkflOORT{
  font-size: 13px;
  display: none;
  align-items: center;
  color: #c1c1c1;
  text-align: left;
}
.css-fkflOORT.load{
  display: block;
}
.css-flfopRTYEE{
  border: none;
  padding: 0;
  border-bottom: 1px dashed;
  border-radius: 0;
  color: lightblue;
  cursor: pointer;
  margin-left: 3px;
}
.css-flffppRTE{
  display: flex;
  gap: 5px;
  font-size: 14px;
  color: #f5f5f5d6;
}
.css-flfkfoflro{
  border: none;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px dashed;
  cursor: pointer;
  color: lightblue;
}
.css-lfpfyuJJRT{
  margin-top: 20px;
}
.css-ifflKJMND{
  margin-top: 12px;
  margin-left: 3px;
  display: flex;
}
.css-lfofpRTRRG{
  padding: 0;
  border: none;
  border-bottom: 1px dashed;
  border-radius: 0;
  color: #d5d5d5;
  letter-spacing: 0.8px;
  font-family: system-ui;
  cursor: pointer;
  color: #e7e7e7bd;
}
.css-lfkfWEopERT{
  background: linear-gradient(rgb(7, 20, 42) 0%, rgb(5, 18, 36) 100%);
  border-radius: 5px;
  min-width: 40%;
  min-height:80%;
  color: #b7b7b7;
  max-width: 520px;
}
.css-lfkfWEopERT .css-gkleopNN{
  height: 35px;
}
.css-lfkfWEopERT .css-gkleopNN .css-elgkokR{
  font-size: 14px;
}
.css-lfkfWEopERERT{
  padding: 20px;
  display: grid;
  gap: 5px;
}
.trend_why_title{
  font-size: 24px;
  font-weight: 500;
}
.trend_why_dec{
  font-size: 16px;
  color: #9f9f9f;
  letter-spacing: 0.5px;
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
#patternCard,.outlook{
  min-height: 150px;
}
.css-lfofpTYHHUI{
  font-size: 14px;
  color: #c1c1c1;
}
.css-lfkfopRTFHJ{
  margin-top: 15px;
}
.css-fpflOPRTWFF{
  font-size: 24px;
  display: flex;
  align-items: baseline;
  gap: 5px;
  color: lightcoral;
  margin-top: -5px;
  color: #b9b9b9;
}
.css-fpflOPRTWFF.bullish{
  color:limegreen;
}
.css-fpflOPRTWFF.bearish{
  color:lightcoral;
}
.css-lfofpfkkHUI{
  display: none;
}
.css-lfofpRTYEE{
  display: none;
}
.css-lfofplRTYSS,.css-lfpfioRTYGE{
  display: none;
}
.css-fflfopRTGHE{
  font-size: 15px;
  padding-left: 3px;
  color: #f5f5f5;
  margin-top: 25px;
  display: none;
}
.css-pflfoRTYGR{
  border: none;
  font-size: 23px;
  position: absolute;
  left: 0;
  top: 10px;
  color: white;
  display: none;
}
.css-lfpyuJNBGVGH{
  display: none;
}
.css-lfpfoRTYU{
  display: none;
  position: fixed;
  width: 100%;
  bottom: 15px;
  z-index: 10000000000;
  justify-content: center;
}
.css-lfpfoRTYU.active{
  display: flex;
}
.css-lfpRfoRTYU{
  background: #1139639e;
  display: flex;
  border-radius: 50px;
  padding: 3px;
  justify-content: space-around;
  backdrop-filter: blur(8px);
  gap: 10px;
}
.css-lfpfoYRTYU{
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 5px;
  align-items: center;
  color: #f3f3ff;
  border-radius: 50px;
  font-size: 15px;
  padding: 8px 25px;
  border: none;
  min-height: 40px;
}
.css-lfpfoYRTYU.active{
  background: #17811cd4;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  box-shadow: 0px 0px 10px 7px rgb(0 0 0 / 18%);
}
.css-pflfoFHBNMJ{
  display: none;
}
.css-lfkffopRTGHT{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000000000000;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  background: #071326ad;
  backdrop-filter: blur(2px);
  display: none;
}
.css-fkflIJKMJ{
  display: flex;
}
.css-lfkffopRTGHT.active{
  display: flex;
}
.css-flfkfopflRTY{
  display: none;
}
.css-kflfioERTG{
  display: none;
  justify-content: center;
  gap: 15px;
  text-align: center;
  font-size: 15px;
  padding: 50px;
  margin-top: -80px;
  color: #c3c3c3;
}
.css-kflfioERTG.active{
  display: grid;
}
.css-kfflopERTF{
  display: flex;
  justify-content: center;
}
.css-lfofpRTYYH{
  margin-top: 15px;
}
.css-lfoTYRTYYH{
  display: flex;
  height: 70px;
  width: 100%;
  align-items: end;
  border-bottom: 1px solid #80808096;
  gap: 10px;
}
.css-lfofpFRTYYH.pcr_bar{
  width: 25px;
  height: 98%;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  cursor: pointer;
  background: linear-gradient(to bottom, #ff7b72b5 0%, #ff7b72b5 50%, #4db0ffa8 50%, #4db0ffa8 100%);
  background: linear-gradient(to bottom, #ff7b72b5 0%, #4db0ffa8 100%);
}
/* .css-lfkfopRT{
  margin-top: 25px;
} */
.css-lfkfopRT h3,.css-lfofpRTYYH h3{
  color: #cbcbcb;
}
.css-lfofpERTBB{
  display: flex;
  align-items: center;
  gap: 5px;
}
.css-lfoFfpERTBB{
  min-width: 20px;
}
.css-lfofGpERTBB{
  height: 25px;
}
.total_oi.pe.bar,.oi_build_up.pe.bar{
  background: #ff7b72b5;
}
.total_oi.ce.bar,.oi_build_up.ce.bar{
  background: #4db0ffa8;
}
.css-lfofpERTTYBB{
  display: grid;
  gap: 5px;
}
.css-lfkforkrkRT{
  font-size: 26px;
}

/* This is will be adjusted through js */
.total_oi.pe.bar{
  width: 70%;
}
.total_oi.ce.bar{
  width: 50%;
}
.oi_build_up.pe.bar{
  width: 50%;
}
.oi_build_up.ce.bar{
  width: 30%;
}
.pcr_bar_1{
  height: 14% !important;
}
.pcr_bar_2{
  height: 18% !important;
}
.pcr_bar_3{
  height: 34% !important;
}
.pcr_bar_4{
  height: 34% !important;
}
.pcr_bar_5{
  height: 34% !important;
}
.pcr_bar_6{
  height: 52% !important;
}
.pcr_bar_7{
  height: 52% !important;
}
.pcr_bar_8{
  height: 68% !important;
}
.pcr_bar_9{
  height: 68% !important;
}
.pcr_bar_10{
  height: 68% !important;
}
/* end */

.css-fpfloiUJK{
  display: grid;
  gap: 30px;
}
.css-lfofplRTRY{
  display: flex;
  align-items: center;
  gap: 8px;
}
.css-lfopBNMJFE{
  height: 25px;
  background: #ff7b72b5;
  width: 65%;
}
.css-lfopBNMJFG{
  height: 25px;
  background: #4db0ffa8;
  width: 65%;
}
.css-lfofpRTYECC{
  display: flex;
  align-items: center;
  margin-top: 12px;
  gap: 5px;
  font-size: 13px;
  color: lightblue;
  letter-spacing: 0.8px;
}
.css-lfofpRTYECC i{
  font-size: 16px;
}
.css-ifkflopfryuie{
  margin: 35px 15px;
  border-top: 1px solid #80808040;
  padding: 20px 0;
  margin-bottom: 15px;
}
.Css-ifflprttee{
  display: grid;
  gap: 35px;
}
.css-olfpyuikWW{
  display: grid;
  gap: 5px;
}
.css-oflfprthkhfQ{
  margin: 15px;
  padding-bottom: 15px;
}
.css-oflfpufio{
  font-size: 20px;
}
.css-ofsfpufio{
  display: flex;
  gap: 18px;
  margin-top: 5px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.css-olfpyuikWW.q{
  font-size: 18px;
  opacity: 0.85;
}
.css-oflfpoil{
  color: #d3d3d3;
}
.css-olfpyuikWW.a{
  font-size: 15px;
  opacity: 0.7;
}
.css-lfofpkRTYBBE{
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 12px !important;
  font-size: 15px !important;
}
.css-lfofpkRTYBBE i{
  color: #939393;
  font-size: 16px;
  cursor: pointer;
}
.css-lfofpfmmkO{
  justify-content: center;
  display: flex;
  margin-top: 30px;
}
.css-lfofpfmmkO button{
  height: 50px;
  min-width: 220px;
  cursor: pointer;
  border: 1px solid;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.css-lfofpfmmkO button i{
  font-size: 18px;
}
.css-lffmlopGBH{
  padding: 20px;
  margin-top: 10px;
  display: none;
}
.css-lffmlopGBH.active{
  display: block;
}
.css-row-lffmlopGBHG{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #80808030;
  align-items: center;
  text-align: center;
  min-height: 25px;
  padding: 10px;
  font-size: 14px;
  border-right: 1px solid #8080803d;
  border-left: 1px solid #8080803d;
  letter-spacing: 0.5px;
}
.css-row-lffmlopGBHG.title_column{
  border-top: 1px solid #80808030;
}
.css-ekejRTioeRQQ{
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 5%;
}
.css-col-jdkduik{
  display: grid;
  gap: 3px;
  justify-content: center;
  min-width: 20%;
  color: #878787;
}
.css-col-jdkduik.feature{
  justify-content: start;
}
.css-col-jdkduik.title{
  color: #dbdbdb;
  font-size: 15px;
  font-weight: 400;
  margin-right: 0;
}
.css-col-jdkduik.check{
  color: green;
}
.css-col-jdkduik.cross{
  color: #cd5c5ca6;
}
.css-lfpfokdkLL{
  border: none;
  color: #4b8cf1;
  padding: 0;
  cursor: pointer;
  font-weight: 600;
}
.css-fkfflipRTG{
  display: flex;
  align-items: center;
  justify-content: center;
}
.css-lfofmlKI{
  min-height: 40px;
  display: flex;
  background: #8080801a;
  align-items: center;
  padding-left: 10px;
  gap: 5px;
  color: #c8c9cb;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.css-lfofmlKI i{
  cursor: pointer;
  margin-top: 2px;
  font-size: 16px;
}
.css-kflfopRTRR{
  font-size: 13px;
  color: grey;
}
.css-xcfhfjfk{
  display: grid;
  padding-top: 8px;
  padding-bottom: 8px;
}
.css-lfofplYUJEE{
  min-height: 30px;
  color: #c1e4ef;
  font-size: 15px;
  cursor: pointer;
  letter-spacing: 0.5px;
  border: none;
  padding: 0;
  border-bottom: 1px dashed;
  border-radius: 0;
}
.css-lfofpklUIODD{
  position: absolute;
  top: 70px;
  /* z-index: 1000000; */
  margin-left: 200px;
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform: scale(0);
}
.css-lfofpklUIODD.chart.active,.css-lfofpklUIODD.chain.active,.css-lfofpklUIODD.indicator.active,.css-lfofpklUIODD.reasoning.active{
  opacity: 1;
  transform: scale(1);
}
.css-lfMpklUIODD{
  background: #0c1c37;
  border-radius: 10px;
  box-shadow: 0px 0px 18px 13px rgb(0 0 0 / 20%);
  border: 1px solid #add8e640;
}
.css-lfofpLOODD{
  max-height: 80vh;
  overflow-y: auto;
  min-height: 80vh;
  padding: 15px;
  max-width: 330px;
}
.css-lfoLlUIODD{
  width: 100%;
  border-bottom: 1px solid #80808057;
  display: flex;
  justify-content: end;
  align-items: center;
  min-height: 44px;
}
.css-lfoTUIODD{
  border: none;
  cursor: pointer;
}
.css-lfoMkidjdyu{
  margin-top: 17px;
  display: flex;
  justify-content: center;
}
.css-lfoMkidjdyu{
  margin-top: 17px;
  display: flex;
  justify-content: center;
}
.css-lfofpNMJLK{
  width: 100%;
  max-height: 65vh;
}
.css-lfofpklUIODD.indicator.css-mvYUksksdu{
  position: absolute;
  top: 39%;
  left: 0;
  margin-left: -50px;
}
.css-dkldoOPpKJL{
  display: none;
}


@keyframes shimmer {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(1950%);
  }
}
@keyframes slideText {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  5% {
    transform: translateY(0);
    opacity: 1;
  }
  25% {
    transform: translateY(0);
    opacity: 1;
  }
  30% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}


@keyframes border-animate {
  0% {
    border-top-color: #69b8df;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: translate(0, 0);
  }
  25% {
    border-top-color: transparent;
    border-right-color: #69b8df;
  }
  50% {
    border-right-color: transparent;
    border-bottom-color: #69b8df;
  }
  75% {
    border-bottom-color: transparent;
    border-left-color: #69b8df;
  }
  100% {
    border-left-color: transparent;
    border-top-color: #69b8df;
  }
}

/* responsive */
@media (max-width: 480px) {
  .css-jfklIUJW.draw_line:hover .css-fufifkoF,
  .css-jfklIUJW.select_area:hover .css-fufifkoF,
  .css-jfklIUJW.indicator:hover .css-fufifkoF,
  .css-jfklIUJW.back_play:hover .css-fufifkoF{
    opacity: 0;
    transition-delay: 0.8s;
    visibility: hidden;
    transform: scale(0);
  }
  .css-tddthjfyfhfsfk{
    position: fixed;
    bottom: -57px;
    z-index: 100;
    background: #07142a;
  }
  .css-tfydggfsfk{
    overflow-x: auto;
    max-width: calc(100% - 5px);
    scrollbar-width: none;
  }
  body:has(.css-tddthjfyfhfsfk.active) .css-jekfioYU.css-flipflfui.mob{
    display: none;
  }
  body:has(.css-tddthjfyfhfsfk.active) .css-flGTfTHUI{
    margin-left: -10px;
  }
  .css-tfyfhfsfk{
    /* min-width: 90px; */
    min-height: 42px;
  }
  .css-yfhfklop.instrument{
    display: none;
  }
  /* .css-lfeefmefk,.css-lfofplRTY,.css-lfofpERTHJU {
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(1);
    opacity: 1;
  } */
  html, body {
    min-height: 100vh;
    margin: 0;
    font-family: Inter, system-ui, Arial;
    background: linear-gradient(180deg, #071126 0%, #071726 100%);
    color: #e6eef6;
    position: relative;
    overflow-y: auto;
    overscroll-behavior: none;
  }  
  .css-row-lffmlopGBHG{
    overflow-x: auto;
    scrollbar-width: none;
    min-height: 44px;
  }
  .css-col-jdkduik{
    font-size: 15px;
    margin-left: -1px;
    min-width: 30%;
  }
  .css-gkgrhgri{
    min-height: 44px;
  }
  .css-gkgeetgmri{
    font-size: 22px;
  }
  .css-gffeygdhd label{
    font-size: 15px;
  }
  .css-tyhurgdhd button{
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    font-size: 16px;
  }
  .css-lfMpklUIODD{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .css-lfofpklUIODD{
    width: 100%;
    left: 0;
    margin-left: 0;
    top: unset;
    height: 100%;
    bottom: 0;
    align-items: end;
    display: flex;
    z-index: 100000000000000000;
    background: #00000000;
    backdrop-filter: blur(3px); 
    transform: translateY(100%);
  }
  .css-lfofpklUIODD.chart.active, .css-lfofpklUIODD.chain.active, .css-lfofpklUIODD.indicator.active, .css-lfofpklUIODD.reasoning.active{
    transform: translateY(0%);
  }
  .css-lfofpLOODD{
    max-width: 400px;
    overflow-y: auto;
  }
  .css-lfofpNMJLK{
    max-height: 100vh;
  }
  .css-jekjeioPO{
    width: 100%;
    min-height: 46px;
    font-weight: 500;
    font-size: 15px;
  }
  .css-jekLOoPT{
    overflow-x: auto;
    scrollbar-width: none;
    height: 50px;
  }
  .css-jekKiMPT{
    overflow-x: auto;
    scrollbar-width: none;
  }
  .css-jekKioPT, .css-jekKioPLP{
    min-width: 28%;
  }
  .css-jekjeioPT{
    min-height: 160px;
  }
  .css-gkgrrgmri, .css-gkgrrgmriE{
    z-index: 100000000000;
  }
  .css-gkgrrgmri select{
    min-height: 44px;
  }
  .css-gkgrrgmri input{
    min-height: 28px;
  }
  .css-kfluopdjRE{
    font-size: 15px;
    padding: 3px;
  }
  .css-gkgrrgmri, .css-gkgrrgmriE{
    transition: transform 0.2s 
    ease, opacity 0.2s 
    ease;
    transform: translateY(100%);
  }
  .css-gkgrrgmri.technical.show, .css-gkgrrgmri.alert.show, .css-gkgrrgmri.chart_level_share.show, .css-gkgrrgmri.telegram.show, .css-gkgrrgmriE.show{
    transform: translateY(0%);
  }
  .css-lckkfopElR{
    min-height: 44px;
  }
  .css-kfeekYUI .css-elgkokR{
    font-size: 18px;
  }
  .css-lckkfFlR{
    font-size: 16px;
    align-items: flex-start;
  }
  .css-lckkRFoplR{
    font-size: 16px;
  }
  .css-lfkfWEopERET,.css-lfofplERF{
    align-items: end;
    z-index: 100000000000;
    transition: transform 0.1s 
ease, opacity 0.1s 
ease;
    transform: translateY(100%);
  }
  .css-fiopldgtEY{
    font-size: 14px;
  }
  .css-lfkfWEopERET.active,.css-lfofplERF.active{
    transform: translateY(0%);
  }
  .css-efkEIKWE{
    background: #0e2f4f;
    min-height: 105px;
  }
  .css-ekejfkeioeRQW{
    z-index: 10000000000;
  }
  .css-ffjkTHUI{
    position: fixed;
    z-index: 10000000;
    top: 4px;
    overflow: hidden;
    background: #07142a;
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 10%);
    padding: 0;
    padding-left: 5px;
  }
  .css-pflfoRTYGR{
    display: block;
  }
  .css-lfpfoIKYUIOD{
    padding-left: 30px;
  }
  .css-kjfuifjj {
    margin: 20px;
    height: 88vh;
  }
  .css-ekejfkWioeRQW{
    overflow: hidden;
    height: 100%;
    width: 100%;
  }
  .css-lffmlopGBH{
    padding: 8px;
    overflow-x: auto;
    margin-top: 5px;
  }
  .css-ekejRTioeRQQ{
    display: grid;
    margin: 3%;
  }
  .css-col-jdkduik.title{
    min-width: 34%;
  }
  .css-lfofpfmmkO button{
    min-width: 95%;
  }
  .css-ekejRTioeRQ{
    padding: 0;
    padding-top: 15px;
    width: 97%;
  }
  .css-jekjeioPL{
    padding: 10px;
    padding-top: 0;
  }
  .css-jekKiLOT{
    min-height: 60px;
  }
  .css-elgkokRT{
    border-radius: 50%;
    display: flex;
    align-items: center;
    min-height: 38px;
    background: #b3cfed12;
    min-width: 38px;
    justify-content: center;
    font-size: 15px;
    margin-left: 8px;
  }
  .css-fjlioPR{
    min-height: 50px;
    justify-content: start;
  }
  .css-lfofplRTYWWV{
    font-size: 14px;
  }
  .css-jekKioPLUI{
    font-size: 24px;
  }
  .css-lfofplRTYEE{
    min-height: 50px;
  }
  .css-djdkipddghn{
    border-radius: 50%;
    display: flex;
    align-items: center;
    min-height: 38px;
    left: 0px;
    right: unset;
    background: #b3cfed12;
    min-width: 38px;
    justify-content: center;
    font-size: 15px;
  }
  .css-ekejfkeioeRQ, .css-ekejfkeioeRQW, .css-lfkfWEopERET{
    transform: translateX(-100%);
    transition: transform 0.1s ease, opacity 0.1s ease;
  }
  .css-flTfopGHNJKE{
    width: 100%;
    background: #0d1a2f;
    position: fixed;
    overflow: hidden;
    z-index: 1000000000;
    display: flex;
    justify-content: start;
    align-items: center;
    height: 60px;
    gap: 10px;
  }
  .css-flTfopGHNJKE button{
    border: none;
    font-size: 20px;
    color: white;
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .css-flTfopGHNJKE button span{
    font-size: 14px;
    letter-spacing: 0.8px;
    color: lightblue;
  }
  .css-lfofplRTYSS,.chart-panel,#right_side_widow{
    opacity: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transform: translateX(100%);
  }
  .chart-panel.exit,#right_side_widow.exit{
    opacity: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transform: translateX(-100%);
  }
 
  #right_side_widow{
    display: flex;
    opacity: 0;
  }
  #right_side_widow.active{
    margin-top: 0;
    z-index: 10000000;
    overflow: hidden;
    width: 100%;
    position: fixed;
    top: 0;
    overflow-x: auto;
    scrollbar-width: none;
    transform: translateX(0%);
    opacity: 1;
  }
  .css-fejkefjfjUY{
    border-radius: 0;
    margin-top: 0px;
    position: fixed;
    width: 100%;
    overflow: hidden;
    z-index: 11;
    height: 50px;
    border-bottom: 1px solid #8080804d;
  }
  .css-flfkfopflRTY{
    width: 45px;
    margin: 2px 5px;
    display: block;
  }
  .css-kgjeegjgIO.basic,.css-kgjeegjgIO.advanced{
    border-radius: 0;
  }
  .analysis{
    min-width: 94%;
    display: none;
    margin-top: 65px;
    padding-bottom: 100px;
    min-height: auto;
    overflow-y: auto;
    max-height: 82vh;
  }
  .card{
    height: calc(100dvh - 80dvh);
  }
  .css-kgjeegjgIO.active{
    border-bottom: 3px solid #70d174;
  }

  /* Analysis popup modal */
  .cdkfflfopFG{
    width: 100%;
    height: 100%;
    min-width: 0;
    max-height: 50% !important;
  }
  .cdkfflfopFWG{
    padding: 5px;
  }

  /* Manage popup modal */
  .css-ekejfkWioeRQ{
    width: 100%;
    height: 100%;
  }
  .css-ekejfkeiFRQ{
    display: grid;
  }
  .css-ekejfkEReRQ{
    display: flex;
  }
  .css-fjkekjefiL{
    min-height: 35px;
    min-width: 100px;
  }
  .css-fleopHJE{
    height: auto;
    border-bottom: 1px solid #3b3b3b;
    width: 100%;
    padding: 8px;
    border-right: none;
  }
  .controls{
    padding-right: 20px;
  }
  .controls.active{
    display: none;
  }
  .css-lckopkfrEE.active{
    /* min-height: 42px; */
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    max-width: 90px;
    border-bottom: 1px solid;
    border-radius: 0;
    font-size: 15px;
    color: #8ad8e5e6;
  }
  .css-flffppRTE{
    font-size: 13px;
  }
  .css-flfkfoflro{
    font-size: 13px;
  }
  .css-kflwefiokE{
    display: none;
  }
  .chart-panel{
    opacity: 0;
  }
  .css-whwkwuij{
    min-height: 110px;
    background: linear-gradient(90deg, rgb(17 33 58 / 66%) 69%, rgb(17 44 92 / 57%) 100%);
    color: #c9f2ff;
    width: 92%;
  }
  .chart-panel.active{
    display: block;
    padding: 0;
    background: #07142a;
    transform: translateX(0%);
    opacity: 1;
    /* padding-top: 8px; */
  }
  .topbar{
    /* display: none; */
    border-bottom: 1px solid #80808038;
    height: 44px;
  }
  .topbar.active{
    display:flex;
  }
  .chart-header{
    padding: 5px;
    padding-bottom: 0;
    flex-wrap: wrap-reverse;
    row-gap: 5px;
    display: none;
  }
  .css-lfofpfluokE{
    display: flex;
    gap: 5px;
    align-items: baseline;
    padding: 5px 0px;
  }
  .css-lfkfoprt{
    font-size: 15px;
  }
  .css-jfklIUJW{
    padding: 6px;
    min-width: 110px;
    font-size: 13px;
  }
  .css-jfklIUJW.indicator{
    justify-content: center;
  }
  .css-jfklIUJW.back_play{
    padding: 0;
    min-height: 45px;
  }
  .css-kefejf{
    display: flex;
    gap: 5px;
    align-items: baseline;
  }
  .css-flGTfTHUI{
    gap: 15px;
    align-items: center;
  }
  .css-fjfhwnyuW{
    top: 65px;
    flex-wrap: wrap;
    width: 75%;
    font-size: 14px;
    position: fixed;
  }
  .css-lfkfouHJt{
    top: 120px;
    position: fixed;
  }
  .chart-canvas{
    background: #07142a;
    padding-right: 5px;
  }
  .css-flekeTHUI{
    display: none;
  }
  .css-kflwefiokE.active{
    display: grid;
    margin-top: 70px;
    border-bottom: none;
    gap: 12px;
    margin-left: -5px;
    touch-action: pan-y;
    padding-bottom: 50px;
  }
  .css-lfpfioRTYGE.active{
    width: 100%;
    display: grid;
  }
  .css-lfpEfioRTYGE{
    display: grid;
    gap: 10px;
    margin-top: 5px;
  }
  .css-kfifolRTG{
    font-size: 20px;
  }
  .css-kflopHJY{
    width: 100%;
  }
  .css-oflfkUIJF{
    width: 98%;
    height: 55px;
    border: 1px solid;
    border-radius: 5px;
    display: flex;
    align-items: center;
    color: #808080eb;
    gap: 5px;
    letter-spacing: 0.8px;
    padding-left: 10px;
    margin-top: 40px;
    font-size: 16px;
  }
  .css-oflfkUIJF i{
    margin-top: 1px;
  }
  .css-lfkfopRRRRN{
    display: flex;
    align-items: baseline;
    position: absolute;
    left: 16px;
    gap: 7px;
    overflow: hidden;
    font-size: 17px;
  }
  .css-kfleiopW{
    color: #8ad8e5e6;
  }
  .css-lfkfopRRRRN .css-lfpfofkfioE{
    font-size: 17px;
  }
  .css-lfpfofkfioE{
    background: linear-gradient(90deg, #b3ffab99 20%, #12fff7b5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .css-fflfopRTGHE{
    display: block;
  }
  .workspace.active{
    padding: 0;
    overflow-x: hidden;
    overflow: hidden;
    margin-top: 50px;
  }
  .css-lfofpRTYEE button{
    display: none;
  }
  .css-lfofpfluokE.active{
    display: none;
  }
  .css-kfleuiOPK{
    margin-left: 0;
  }
  .css-lfpfoRTEE{
    gap: 12px;
  }
  .css-lfofplRTYVV{
    height: 100%;
  }
  .css-fdrGTeTHUI{
    padding-bottom: 6px;
    padding-top: 6px;
    max-width: 800px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 8px;
    scrollbar-width: none;
    height: 40px;
  }
  .css-kflopHJU{
    align-items: anchor-center;
  }
  .css-mvdlkduif{
    min-width: auto;
    padding: 10px !important;
  }
  .css-css-kmkrryr{
    width: 100% !important;
  }
  .css-lfpfofkWWEFG .css-css-kmkrryr{
    width: -webkit-fill-available;
  }
  .css-lfpfofnE{
    font-size: 28px;
  }
  .css-lfpfofnEMK{
    font-size: 12px;
  }
  .css-kfmUPKYW{
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .css-lfpfoiUER{
    left: unset;
    top: 65%;
    right: 15px;
  }
  .css-lfofpfkkHUI{
    display: block;
  }
  .css-lfpfpRTDF,.css-lfpfpRTDFW{
    right: 15%;
    top: 15px;
    z-index: 100000000;
  }
  .css-lfpfpRTWE, .css-lfpfpRTWEW{
    box-shadow: 0px 0px 14px 7px rgb(0 0 0 / 54%);
  }
  .css-kflopHJU{
    align-items: start;
    background: #07142a;
  }
  .css-pdldodplrty2{
    height: 30px !important;
    color: white !important;
    border: 1px solid #b4d5ff70 !important;
    border-radius: 3px !important;
  }
  .css-lfkee span{
    font-size: 16px;
  }
  .css-kflopHJU .css-mvkdkdy{
    display: grid !important;
    max-height: 500px !important;
    background: rgba(117, 117, 117, 0) !important;
  }
  .css-kflopHJU .css-mvkdkdy .css-kkldvdkr,.css-kflopHJU .css-mvkdkdy .css-wwvndnd{
    border-bottom: 1px solid #646e7d70 !important;
  }
  .css-ljffjfoER{
    color: #b4d5ffa8;
  }
  .css-jefjfek-Kipdo.active{
    height: 100%;
    backdrop-filter: blur(4px);
    width: 100%;
    display: flex;
    align-items: center;
  }
  .css-effekjUIPOW{
    display: grid;
    justify-content: start;
    gap: 10px;
    margin-top: 10px;
    min-width: 130px;
  }
  .css-jkidpTYUD, .css-jkidpTYUDR{
    font-size: 15px;
    padding: 12px;
    width: 135px;
    margin-left: -11px;
    min-height: 55px;
    margin-top: -7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0;
    text-decoration: none;
  }
  .bottom .advanced{
    display: grid;
    height: 100%;
    align-items: start;
    padding-top: 18px;
    width: 120px;
    justify-content: center;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transform: translateX(-100%);
    opacity: 0;
  }
  .bottom .advanced.active{
    transform: translateX(0%);
    opacity: 1;
    height: 94%;
    margin-left: 8px;
    border-radius: 10px;
    background: #13213dc2;
  }
  .css-lfpyuJNBGVGH{
    border: none;
    font-size: 22px;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    border-radius: 0;
    margin-left: -9px;
    margin-top: -12px;
    padding-bottom: 12px;
    justify-content: center;
    display: flex;
  }
  .css-lfpyuJNBGVGH i{
    border-radius: 50%;
    display: flex;
    align-items: center;
    min-height: 38px;
    background: #b3cfed12;
    min-width: 38px;
    justify-content: center;
    font-size: 15px;
  }
  #chart{
    margin-top: 10px;
  }
  .css-lfofpRTYEE{
    display: flex;
    gap: 15px;
  }
  .css-flGTeTHUI{
    padding: 10px 5px;
    font-size: 15px;
    border: none;
    border-bottom: 2px dashed #8d8d8d;
    border-radius: 0;
    outline: none;
  }
  .mob-chart-nav-btn.deactive,.mob-btn-cdtyb.deactive{
    display:none
  }
  .css-eggjeuei{
    font-size: 16px;
  }
  .small{
    font-size: 15px;
  }
  .css-lfofplRTYSS{
    display: block;
    opacity: 0;
    position: fixed;
    top: 0;
    z-index: 10000000000;
    min-width: 100%;
  }
  .css-lfofplRTYSS.active{
    opacity: 1;
    transform: translateX(0%);
  }
  .css-pflfoFGHBN{
    background: #071526;
  }
  .css-pflfoFGHBN button{
    padding: 12px;
    margin: 5px;
    min-height: 44px;
  }
  .css-pflfoFHBNMJ{
    display: block;
    position: fixed;
    bottom: 0;
    min-height: 200px;
    background: #0b2037;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    z-index: 1000000000;
    box-shadow: 0px -8px 20px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, opacity 0.2s ease;
    transform: translateY(100%);
    opacity:0;
    width: 100%;
  }
  .css-pflfoFHBNMJ.active{
    transform: translateY(0%);
    opacity:1;
  }
  .css-pflfoFHCBNMJ{
    width: 100%;
    display: flex;
    justify-content: end;
    border-bottom: 1px solid #8080808c;
    height: 45px;
    align-items: center;
  }
  .css-pflfoFHCBNMJ button{
    border: none;
    padding: 15px;
    padding-right: 12px;
  }
  .css-pflfoFHBNMJF{
    padding: 20px;
  }
  .css-pflfoFHBNMJF .btn-menu{
    display: grid;
    gap: 0;
    justify-content: start;
  }
  .css-pflfoFHBNMJF .btn-menu button{
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 16px;
    text-align: left;
    width: fit-content;
    height: 44px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .css-kfluopdjRW,.css-kfluopdjRW-oi,.css-kfluopdjRW-indicator{
    min-height: 75vh;
  }
  .modal-card{
    height: 100vh;
    max-height: 100vh;
    width: 100%;
    border-radius: 0;
  }
  .page{
    padding-top: 0px;
  }
  .css-dkldoOPpKJL{
    padding: 15px;
    margin-top: -30px;
    display: none;
  }
  .css-dklKLopKJL{
    font-size: 15px;
  }
  .css-dkldopKJL{
    display: flex;
    margin-top: 10px;
    gap: 5px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-right: 2px;
  }
  .css-ldkdopERTY{
    min-width: 85%;
    display: grid;
    padding: 15px;
    background: linear-gradient(90deg, rgb(17 33 58 / 66%) 69%, rgb(17 44 92 / 57%) 100%);
    color: #c9f2ff;
    border-radius: 5px;
    overflow-x: auto;
    letter-spacing: 0.5px;
    font-size: 15px;
    align-items: center;
    gap: 10px;
  }
  .css-ldkdoGERTY{
    font-size: 16px;
  }
  .css-ldkdopERTY .css-kfleiopW{
    max-width: 140px;
  }

}

/* for tab */
@media ((min-width: 750px) and (max-width: 1050px) and (min-height: 950px) and (max-height: 1380px)){
  .css-efkEIKWE{
    background: #0e2f4f;
  }
  .css-ekejfkeioeRQW{
    z-index: 10000000000;
  }
  .css-ufifen{
    max-width: 700px;
  }
  .css-jefjfek-Kipdo.active{
    height: 100%;
    backdrop-filter: blur(4px);
    width: 100%;
    display: flex;
    align-items: center;
  }
  .css-effekjUIPOW{
    display: grid;
    justify-content: start;
    gap: 10px;
    margin-top: 10px;
    min-width: 130px;
  }
  .css-jkidpTYUD, .css-jkidpTYUDR{
    font-size: 15px;
    padding: 12px;
    width: 135px;
    margin-left: -11px;
    min-height: 55px;
    margin-top: -7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0;
    text-decoration: none;
  }
    .bottom .advanced{
    display: grid;
    height: 100%;
    align-items: start;
    padding-top: 18px;
    width: 150px;
    justify-content: center;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transform: translateX(-100%);
    opacity: 0;
  }
  .bottom .advanced.active{
    transform: translateX(0%);
    opacity: 1;
    height: 94%;
    margin-left: 8px;
    border-radius: 10px;
    background: #13213dc2;
  }
  .css-lfpyuJNBGVGH{
    border: none;
    font-size: 22px;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    border-radius: 0;
    margin-left: -9px;
    margin-top: -12px;
    padding-bottom: 12px;
    display: block;
  }
  #right_side_widow{
    position: fixed;
    z-index: 10000000;
    top: 10px;
    left: 5px;
    height: 100%;
    min-width: 50%;
    box-shadow: 17px 2px 20px 5px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transform: translateX(-100%);
  }
  #right_side_widow.active{
    transform: translateX(0%);
    opacity: 1;
  }
  .analysis{
    background: #0e2f4f;
    min-height: 92%;
  }
  .css-kfluopdjRW,.css-kfluopdjRW-oi,.css-kfluopdjRW-indicator{
    min-height: 87vh;
  }
  .css-pflfoRTTG {
    display: block !important;
  }
  .css-whwkwuij{
    min-width: 33%;
  }
  .css-kflwefiokE{
    overflow-x: auto;
    min-height: 150px;
    scrollbar-width: none;
  }
  .css-fejkefjfjUY{
    min-height: 55px;
  }
  .css-flfkfopflRTY{
    margin-right: 5px;
    display: block;
  }
  .css-lfpfoRTYU{
    bottom: 5px;
    min-height: 55px;
  }
  .chart-header{
    display: none;
  }
  .css-jkfjuioGH tbody{
    max-height: 80vh;
  }
  .css-lfpfoYRTYU{
    min-width: 120px;
  }
  .css-pflfoRTYGR{
    display: block;
    left: 5px;
    top: 2px;
  }
  .css-lfpfoIKYUIOD{
    padding-left: 45px;
  }
  
}

@keyframes token_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes manage_menu {
  from {
    width: 0%;
  }
  to {
    width: 97%;
  }
}

/* simple responsive */
@media ((max-width: 900px) and (min-width: 480px)) {
  .analysis {
    display: none;
  }
  .workspace {
    padding: 8px;
    padding-bottom: 50px;
  }
  .chart-panel {
    padding: 8px;
  }
  .css-whwkwuij{
    height:auto
  }
}

@media ((max-height: 780px) and (min-width: 1080px)) {
  /* .analysis.advanced .card{
    width: 28.5%;
  }
  .analysis.basic .card{
    width: auto;
  } */
  /* #right_side_widow{
    width: 100%;
  } */
  /* .css-fkwfjwjUI.active,.css-lfkfopRTYLOP.active,.css-lfofpRTYYHMM.active{
    display: flex;
  } */
  /* .analysis{
    flex-direction: row;
    min-height: 250px;
  }
  .card.atr{
    display: none;
  } */
  /* #right_side_widow{
    max-width: 25%;
  } */
  .chart-panel{
    max-width: calc(70% - 45px);
  }
  .card{
    height: auto;
  }
}
@media (min-width: 1080px) {
  .css-pffpRTYDF{
    width: 30%;
    max-width: 350px;
  }
}

/* @media (orientation: landscape) {
  body {
    display: none;
  }
} */

@media (min-width:1280px){
  .css-lfkfWEopERET{
    justify-content: end;
    transform: none;
    pointer-events: none;
  }
  .css-lfkfWEopERET.active{
    transform: none;
  }
  .css-lfkfWEopERET.active .css-lfkfWEopERT{
    transform: translateX(0%);
  }
  .css-lfkfWEopERT{
    margin-right: 8px;
    transition: transform 0.1s ease, opacity 0.1s ease;
    min-height: 98%;
    border-radius: 15px;
    transform: translateX(100%);
  }
}

@media (min-width:1680px){
  #right_side_widow{
    width: 25%;
  }
}