.smp-graph .fs-12-10{font-size:10px}
.smp-graph .fs-16-14{font-size:14px}
.smp-graph .font-title{font-size:26px !important}
#tooltip{position:absolute;top:0;left:-16px;background:white;color:black;border-radius:3px;transition:all .1s ease;pointer-events:none;padding:8px;margin:auto;font-size:12px;white-space:nowrap;z-index:1}
div#tooltip::after{content:' ';position:absolute;left:37%;top:96%;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--White);clear:both}
div#tooltip.caret-pos::after{top:50%;left:96%;transform:rotate(-90deg)}
.smp-graph .box-arrow{width:19px;height:19px}
.smp-graph .fs-9{font-size:12px}
.smp-graph .stock-parameters{grid-template-columns:repeat(2,1fr)}
.smp-graph .p-12{padding:12px}
.smp-graph.gap-16-12,.smp-graph .gap-12{gap:12px}
.smp-graph .text-Stone{color:var(--Stone)}
.smp-graph .border-stone{border-color:var(--Stone) !important}
.smp-graph.comp-sec-border{border-bottom:1px solid var(--Gray)}
.smp-graph .featureList *{font-size:10px}
.smp-graph .custom-scrollbar-hidden::-webkit-scrollbar{display:none}
.indexName{font-size:14px}
@media only screen and (min-width:768px) and (max-width:1340px){.smp-graph .stock-parameters{grid-template-columns:repeat(3,1fr) !important}
.smp-graph .stock-parameters .p-12:nth-child(2n){order:2}
.smp-graph .stock-parameters .p-12:nth-child(2n-1){order:1}
}
@media(min-width:768px){.smp-graph .fs-12-10{font-size:12px}
.smp-graph .fs-16-14{font-size:16px}
.smp-graph .fs-9{font-size:14px}
.smp-graph.gap-16-12{gap:16px}
.smp-graph .font-title{font-size:32px !important}
.smp-graph .stock-parameters{grid-template-columns:repeat(6,1fr)}
.smp-graph .arrowIndicator{width:46px;height:46px}
.indexName{font-size:18px}
}