@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main{position:relative;padding:0;display:flex;flex-flow:row wrap;justify-content:center;gap:20px}.canvas-container{display:flex;flex-flow:column wrap;align-items:center}.canvas{padding-left:0}.canvas,.chart-area{position:relative;width:fit-content}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.6);z-index:3;pointer-events:none}.loading-spinner{width:22px;height:22px;border-radius:999px;border:2px solid rgba(92,92,92,.35);border-top-color:transparent;animation:rotate .9s linear infinite}.loading-text{color:rgba(92,92,92,.85);font-size:12px;font-weight:600}.svg{position:absolute;top:0;left:0;right:0;padding-left:0}.canvas canvas{display:block}.rotate{animation:rotate 1s ease-out}.options{flex-flow:row wrap;gap:6px;margin-top:9px;width:100%}.options,.options>div{display:flex;justify-content:center}.options>div{align-items:center;padding:2px 0;font-size:12px;border-radius:4.488px;background:#eaeaea;width:110px;font-weight:700;cursor:pointer;border-radius:5px}.options>div.is-active{background:#fff;box-shadow:0 4.115px 4.115px 0 rgba(0,0,0,.15)}.x-label{margin-top:10px;width:100%}.x-label,.y-label{color:rgba(92,92,92,.45);text-align:center;font-size:12px;white-space:nowrap}.y-label{position:absolute;left:-20px;-webkit-writing-mode:vertical-lr;writing-mode:vertical-rl;top:50%;transform:translateY(-50%)}.typhoon-date{position:absolute;top:-14px;right:0;padding:2px 6px;font-size:12px;font-weight:500;color:#4e4e4e;white-space:nowrap}@media (max-width:768px){.y-label{left:-20px}.options{justify-content:center}.canvas canvas{width:350px;height:300px}}.market-signal-panel{width:100%}@media (max-width:393px){.market-signal-panel .top-padding-login,.market-signal-panel.top-padding{margin-top:25px;padding:20px 20px 0}}@media (max-width:427px){.market-signal-panel.typhoonView{margin-top:70px}}.market-signal-panel .fs-14{font-size:14px!important}.market-signal-panel .fs-16{font-size:16px!important}.market-signal-panel .fw-normal{font-weight:400!important}.market-signal-panel .eerie_black{color:#242424!important}.market-signal-panel .gray{color:#7d7d7d}.market-signal-panel .white_bg{background:#fff!important}.market-signal-panel .card,.market-signal-panel .note{border:0;box-shadow:none;margin-bottom:10px;border-radius:10px}.market-signal-panel .note .note-content,.market-signal-panel .note .note-content:first-child,.market-signal-panel .note .note-content:last-child{padding:10px}.market-signal-panel .note.note-white{color:#4e4e4e;background:transparent}.market-signal-panel .note.white_bg{background:transparent!important}.market-signal-panel .note_border{position:relative;overflow-x:hidden;overflow-y:hidden;color:#999}.market-signal-panel .note_border:after{content:"";display:inline-block;width:100%;height:1px;position:absolute;background:#ccc;margin-top:8px}.market-signal-panel .note_border:last-child:after{content:"";display:none}.market-signal-panel .homepage-title{text-align:right;margin-bottom:5px;margin-right:8px;font-size:12px}.market-signal-panel .highchartHeight{height:23vh}.market-signal-panel .market-buttons{display:flex;gap:6px}.market-signal-panel .custom-btn{border:none;border-radius:5px;padding:4px 8px;min-width:50px;text-align:center;font-size:12px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;color:white;display:flex;align-items:center;justify-content:center}.market-signal-panel .us-btn{background-color:rgba(30,144,255,.6)}.market-signal-panel .us-btn.active{background-color:rgb(30,144,255)}.market-signal-panel .cn-btn{background-color:rgba(220,20,60,.4)}.market-signal-panel .cn-btn.active{background-color:rgb(220,20,60)}.market-signal-panel .indicator-item{flex:1}.market-signal-panel .indicator-underline{display:block;width:15px;height:2px;margin:0 auto;border-radius:3px;opacity:.3;transition:all .2s}.market-signal-panel .indicator-underline.short_momentum{background-color:rgb(148,0,211)}.market-signal-panel .indicator-underline.medium_momentum{background-color:rgb(40,167,69)}.market-signal-panel .indicator-underline.long_momentum{background-color:rgb(30,144,255)}.market-signal-panel .indicator-underline.momentum{background-color:rgb(255,99,71)}.market-signal-panel .indicator-underline.evds_trend{background-color:rgb(220,20,60)}.market-signal-panel .indicator-underline.active{height:2px;opacity:1}.market-signal-panel .indicator-btn{color:#333!important;font-weight:400;font-size:11px;text-decoration:none;transition:all .2s;margin-left:3px}.market-signal-panel .indicator-btn:focus,.market-signal-panel .indicator-btn:hover{text-decoration:none}.market-signal-panel .indicator-btn.active{color:#333!important;font-weight:700}.market-signal-panel .top-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.market-signal-panel .custom-label{display:flex;align-items:center;margin-right:5px}.market-signal-panel .custom-box{width:12px;height:12px;border-radius:2px;background-color:var(--box-color);margin-right:5px}.market-signal-panel .custom-text{color:#aca7a7;font-size:11px}.market-signal-panel .time-range-selector{display:flex;justify-content:left;gap:8px;flex-wrap:wrap}.market-signal-panel .range-btn{border:none;background-color:#f5f5f5;color:#333;padding:2px 7px;font-size:11px;border-radius:4px;transition:background-color .2s}.market-signal-panel .range-btn:hover{background-color:#e0e0e0}.market-signal-panel .range-btn.active{font-weight:700;color:white;background-color:#8aacc9}.market-signal-panel .phase-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.6);display:flex;justify-content:center;align-items:center;z-index:100}.market-signal-panel .spinner{width:30px;height:30px;border:3px solid #999;border-top-color:#333;border-radius:50%;animation:market-signal-spin 1s linear infinite}@keyframes market-signal-spin{to{transform:rotate(1turn)}}.market-signal-panel .main{position:relative;padding:32px 0;display:flex;flex-flow:row wrap;justify-content:center;gap:20px}.market-signal-panel .typhoon-chart{width:100%;max-width:400px;aspect-ratio:1/1;margin:0 auto}.market-signal-panel .annotation-circle{width:5px;height:5px;border-radius:50%;margin-right:5px}.market-signal-panel .annotation-label{font-size:11px;color:#333}.market-signal-panel .container{width:100%;margin-left:auto;margin-right:auto}.market-signal-panel .row{display:flex;flex-direction:column;width:100%}.market-signal-panel .d-flex{display:flex}.market-signal-panel .align-items-center{align-items:center}.market-signal-panel .justify-content-around{justify-content:space-around}.market-signal-panel .text-center{text-align:center}.market-signal-panel .my-2{margin-top:.5rem;margin-bottom:.5rem}.market-signal-panel .mx-3{margin-left:1rem;margin-right:1rem}.market-signal-panel .mx-1{margin-left:.25rem;margin-right:.25rem}.market-signal-panel .mb-1{margin-bottom:.25rem}.market-signal-panel .mt-2{margin-top:.5rem}.market-signal-panel .me-0{margin-right:0!important}.market-signal-panel .ms-0{margin-left:0!important}.market-signal-panel .p-0{padding:0!important}.market-signal-panel .btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:0;cursor:pointer}.market-signal-panel .btn-link{color:inherit}.market-signal-panel .tooltip-trigger{border:none;background:none;padding:0;display:inline-flex;align-items:center;cursor:pointer}.market-signal-panel .tooltip-icon{width:16px;height:16px;border-radius:999px;border:1px solid;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1}.market-signal-panel .tooltip-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.market-signal-panel .tooltip-card{background:#fff;border-radius:8px;padding:1rem;max-width:393px;width:calc(100% - 2rem);box-shadow:0 12px 30px rgba(0,0,0,.2)}.market-signal-panel .tooltip-card label{display:block}.market-signal-panel .fas.fa-question-circle:before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:999px;border:1px solid;font-size:10px;margin-right:4px}