.chart-box{height:inherit;width:100%;padding-bottom:.5rem;display:flex;position:relative;flex-direction:column!important}.chart-box .chart-skeleton{z-index:100;background-color:#fff;position:absolute;top:0;left:0;flex:1!important;width:100%!important;height:97%!important}.chart-box .ant-segmented{background-color:#fff;border:1px solid #e0e3eb;width:100%;overflow-x:auto}.chart-box ::-webkit-scrollbar{height:.25em}.chart-box .time-frame{background-color:#fff;width:100%;height:2rem;margin:.3rem;padding-left:.6rem;padding-right:.6rem}.chart-box .time-frame .time-frame-label{text-align:center;flex-direction:column;height:2rem;padding:.125rem 0;line-height:normal;display:flex;border-radius:.25rem!important}.chart-box .time-frame .time-frame-label .periodicity{color:#1d1a22;font-weight:500;font-size:.625rem!important}.chart-box .time-frame .time-frame-label .change{font-size:.75rem!important;font-weight:500!important}.chart-box .time-frame.active{background-color:#eaefff;border-radius:.25rem!important}.chart-box .time-frame.active .periodicity{color:#2962ff}.chart-box .time-frame.active:hover{color:#003fd1}.chart-box ul{width:100%;display:inline-block}.chart-box ul li{float:left;margin-right:.2rem}.chart-box ul li button{background-color:inherit;color:#78909c;cursor:pointer;border:0;padding:0;font-size:.9rem;font-weight:500;transition:all .4s}.chart-box ul li button:hover{color:#2962ff}.chart-box ul li a{color:#78909c;font-size:.9rem;font-weight:500}.chart-box ul li a:hover{color:#2962ff}.chart-box ul li.active button{color:#2962ff;font-weight:700}.chart-box ul li:after{content:" | ";color:#78909c;margin-left:.125rem}.chart-box ul li:last-child{float:right}.chart-box ul li:last-child:after{content:""}.chart-box ul li:last-child a:before{color:#000;margin-right:.313rem;font-size:1.1rem}.chart-box ul li:nth-last-child(2):after{content:""}.chart-box .small-end{margin-bottom:.5rem;font-size:.625rem}.chart-box .time-frame-container{flex:unset;height:5.5rem}.chart-box .chart-and-overlay-container{flex-direction:column;flex:1;width:100%;display:flex;position:relative}.chart-box .chartContainer{flex:1;position:relative}.chart-box .chartContainer .skeleton{z-index:10;position:absolute;top:0}.chart-box .chartContainer .stx-panel-title{display:none}.chart-box .chartContainer .stx_current_hr_up{color:#fff;background-color:#29a373!important}.chart-box .chartContainer .stx_current_hr_down{color:#fff;background-color:#f23645!important}.chart-box .view-profile-button{flex-direction:row;align-items:center;gap:.5rem;height:2rem;padding:.5rem;font-size:.75rem;font-weight:700;transition:all .5s;display:flex}.chart-box .view-profile-button .icon{font-size:.6rem}@media screen and (min-width:1920px){.chart-box .time-frame{height:3rem!important}.chart-box .time-frame .time-frame-label{justify-content:center;align-items:center;height:3rem}.chart-box .time-frame .time-frame-label .periodicity,.chart-box .time-frame .time-frame-label .change{font-size:.875rem!important}}.time-frame-label .ant-skeleton{min-width:2rem}@media only screen and (max-width:800px){.chart-box .chartContainer .waterMark h2{font-size:3rem;line-height:3.5rem}.chart-box .view-profile-button{display:none}}@media only screen and (max-width:450px){.chart-box .chartContainer .waterMark h2{font-size:1.5rem;line-height:2.5rem}.chart-box ul li button{font-size:12px}}