.j-input .ant-input-affix-wrapper .ant-input:hover{border:none}.color-primary{color:#fff}.color-light{color:#fff9}.color-lightest{color:#fff6}.color-bg{background-color:#31333a}.en-US,.en-US span,.en-US div{font-family:Avenir Next}.postfix{margin-left:4px}.items-center{align-items:center}.learn-more{color:#9195fb}.learn-more:hover{color:#9195fb;opacity:.7}.section-title{position:relative;display:flex;margin:20px 0}.section-title span{font-weight:600;font-size:16px;line-height:22px}.section-title .decoration{display:inline-block;margin:2px 10px 3px 0;width:6px;height:16px;background-color:#4d54ff;border-radius:1px}.section-title .decoration.energy{background-color:#18c19f}.market-data-section{position:relative;height:268px;background:#31333a;box-shadow:0 10px 20px #0000001a;border-radius:10px;padding:26px 26px 26px 30px;display:flex;justify-content:space-between}.market-data-section .divider-v{position:absolute;height:100%;width:0px;top:0;left:0;right:0;bottom:0;margin:auto;mix-blend-mode:normal;border-right:.5px dashed rgba(255,255,255,.06)}.market-data-section .divider-h{height:1px;width:100%;background:#ffffff0f;border-radius:10px;margin:24px 0}.market-data-section .data-wrap,.market-data-section .chart-wrap{width:calc(50% - 40px)}.market-data-section .data-wrap{display:flex;justify-content:space-between}.market-data-section .data-wrap .summary{display:flex;flex-direction:column;position:relative}.market-data-section .data-wrap .summary .title{font-size:12px;line-height:22px;margin-bottom:8px}.market-data-section .data-wrap .summary .value .num{font-weight:700;font-size:20px;line-height:27px}.market-data-section .data-wrap .summary .value .postfix{font-size:18px;line-height:27px;margin-left:4px}.market-data-section .data-wrap .summary .sumary-tip{font-size:12px}.market-data-section .data-wrap .info-wrap{width:100%;display:flex;flex-wrap:wrap}.market-data-section .data-wrap .info-wrap .info-item{display:flex;flex-direction:column;width:50%}.market-data-section .data-wrap .info-wrap .info-item .title{font-size:12px;line-height:22px;margin-bottom:8px;font-weight:500}.market-data-section .data-wrap .info-wrap .info-item .value,.market-data-section .data-wrap .info-wrap .info-item span{font-weight:600;font-size:18px;line-height:27px}.market-data-section .data-wrap .info-wrap .info-item .exchange{display:flex;align-items:center}.market-data-section .data-wrap .info-wrap .info-item .exchange .icon{cursor:pointer;margin-left:6px;display:inline-block;width:14px;height:14px;background:url("137dc46c175c6c309d9409667b38f01f1417fd56.svg") no-repeat center/contain}.market-data-section .data-wrap .info-wrap .info-item .exchange .icon:hover{background-image:url("97f521db37c61f358c0f98402cdc52ec1c78b793.svg")}.market-data-section .chart-wrap .title-wrap{display:flex;justify-content:space-between;align-items:center}.market-data-section .chart-wrap .title-wrap .title{font-size:16px;line-height:22px;font-weight:600}.market-data-section .chart-wrap .title-wrap .desc{display:flex;font-size:12px;line-height:16px}.market-data-section .chart-wrap .title-wrap .desc .y{margin-left:10px}.market-data-section .chart-wrap .chart{position:relative}.market-data-section .chart-wrap .chart .fake-label{position:absolute;font-size:12px;line-height:14px;z-index:2}.market-data-section .chart-wrap .chart .x{left:0;bottom:-2px}.market-data-section .chart-wrap .chart .y{top:20px;left:0}.market-data-section .chart-wrap .tooltip{background-color:#40414a;box-shadow:0 10px 20px #0000001a;border-radius:5px;overflow:hidden;width:310px}.market-data-section .chart-wrap .tooltip.energy{padding:15px 0}.market-data-section .chart-wrap .tooltip.energy .item{margin-bottom:0;padding:0 15px;flex-wrap:wrap}.market-data-section .chart-wrap .tooltip .item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding:0 10px 0 15px}.market-data-section .chart-wrap .tooltip .item .value,.market-data-section .chart-wrap .tooltip .item .title,.market-data-section .chart-wrap .tooltip .item .value span{font-size:12px;line-height:17px}.market-data-section .chart-wrap .tooltip .item .value .num{font-size:12px;font-weight:600}.market-data-section .chart-wrap .tooltip .item .value .purple{color:#9195fb}.market-data-section .chart-wrap .tooltip .item .value .green{color:#18c19f}.market-data-section .chart-wrap .tooltip .item .value-wrap{display:flex;flex-direction:column;text-align:right}.market-data-section .chart-wrap .tooltip .item .value-wrap:first-child{margin-bottom:2px}.market-data-section .chart-wrap .tooltip .item .value-extra{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;flex:0 0 100%}.market-data-section .chart-wrap .tooltip .header{height:42px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.market-data-section .chart-wrap .tooltip .header .value,.market-data-section .chart-wrap .tooltip .header .title{font-size:14px;line-height:20px}.market-data-section .energy-data .summary .title{font-weight:500;margin-bottom:16px;font-size:16px}.market-data-section .energy-data .summary .value{line-height:36px}.market-data-section .energy-data .summary .value .num{font-weight:700;font-size:26px}.market-data-section .energy-data .summary .value .postfix{font-size:14px}.market-data-section .energy-data .info-wrap .info-item .title{font-size:14px;line-height:20px;font-weight:500;margin-bottom:10px;opacity:.6}.market-data-section .energy-data .info-wrap .info-item .value{display:flex;line-height:27px}.market-data-section .energy-data .info-wrap .info-item .value .num{font-weight:600;font-size:20px}.market-data-section .energy-data .info-wrap .info-item .value .postfix{font-weight:400;font-size:14px;margin-left:6px}@media (min-width: 800px){.market-data-section.stake{height:109px;padding-left:0;padding-right:0;background:#31333a url("market-bg-D33fuZ3d.png") no-repeat bottom right/contain}.market-data-section.stake .data-wrap{width:100%;display:flex}.market-data-section.stake .data-wrap .summary{padding-left:30px;width:25%}.market-data-section.stake .data-wrap .info-wrap{flex-wrap:nowrap;padding-left:12%}.market-data-section.stake .data-wrap .info-wrap .info-item{justify-content:center}.market-data-section.stake .data-wrap .info-wrap .info-item:nth-child(-n+2){margin-bottom:0}.market-data-section.stake .divider-h{position:absolute;top:0;bottom:0;left:25%;width:1px;height:100%;margin:0;border-right:.5px dashed rgba(255,255,255,.06);background-color:transparent}}.white .color-primary{color:#22232b}.white .color-light{color:#22232b99}.white .color-lightest{color:#22232b66}.white .color-bg{background-color:#fff}.white .section-title .decoration.energy{background-color:#18c19f}.white .market-data-section{background-color:#fff;box-shadow:0 10px 20px #0000000d}.white .market-data-section .divider-v{border-right:.5px dashed rgba(34,35,43,.1)}.white .market-data-section .divider-h{background-color:#22232b1a}.white .market-data-section .tooltip{background:#fff;box-shadow:0 10px 20px #0000001a}.white .market-data-section .tooltip .item .value .purple{color:#4d54ff}.white .market-data-section .tooltip .header{border-bottom:1px solid rgba(34,35,43,.06)}.white .market-data-section .data-wrap .info-wrap .info-item .exchange .icon{background-color:#4b52df14;background-image:url("")}.white .market-data-section .data-wrap .info-wrap .info-item .exchange .icon:hover{background-image:url("")}@media (min-width: 800px){.white .market-data-section.stake{background:#fff url("market-bg-D33fuZ3d.png") no-repeat bottom right/contain}.white .market-data-section.stake .divider-h{border-right:.5px dashed rgba(34,35,43,.1);background-color:transparent}}@media (max-width: 798px){.tooltip-text-wrap .j-tooltip-icon{display:none}.j-wrapper .j-main{overflow-y:hidden}.section-title span{font-size:14px;line-height:19px}.section-title .decoration{width:4px;height:14px;margin:2px 8px 3px 0}.market-data-section{flex-direction:column;background-color:transparent;border-radius:0;padding:0;height:unset}.market-data-section .data-wrap,.market-data-section .chart-wrap{width:100%;background:#31333a;box-shadow:0 10px 20px #0000001a;border-radius:10px;padding:20px 15px}.market-data-section .divider-v{display:none}.market-data-section .data-wrap{margin-bottom:20px;flex-direction:column}.market-data-section .data-wrap .summary .title{font-size:14px;line-height:20px}.market-data-section .data-wrap .summary .value .postfix{font-size:14px;line-height:19px}.market-data-section .data-wrap .divider-h{margin:20px 0}.market-data-section .data-wrap .info-wrap{flex-direction:column}.market-data-section .data-wrap .info-wrap .info-item{flex-direction:row;width:100%;justify-content:space-between;margin-bottom:20px}.market-data-section .data-wrap .info-wrap .info-item:nth-child(-n+2){margin-bottom:15px}.market-data-section .data-wrap .info-wrap .info-item:last-child{margin-bottom:0}.market-data-section .data-wrap .info-wrap .info-item .title{font-size:12px;line-height:17px;margin-bottom:0}.market-data-section .data-wrap .info-wrap .info-item .value .num{font-size:14px;line-height:19px}.market-data-section .data-wrap .info-wrap .info-item .value .postfix{font-weight:400;font-size:12px;line-height:17px;margin-left:4px}.market-data-section .data-wrap .info-wrap .info-item .exchange .icon{transform:translateY(-1px);background-color:#4b52df14;background-image:url("137dc46c175c6c309d9409667b38f01f1417fd56.svg")}.market-data-section .data-wrap .info-wrap .info-item .exchange .icon:hover{background-image:url("137dc46c175c6c309d9409667b38f01f1417fd56.svg")}.market-data-section .energy-data .summary .value{line-height:33px}.market-data-section .energy-data .summary .value .num{font-size:24px;line-height:33px}.market-data-section .energy-data .summary .value .postfix{font-weight:400;font-size:14px;line-height:19px}.market-data-section .energy-data .info-wrap .info-item{margin-bottom:15px}.market-data-section .energy-data .divider-h{margin:20px 0}.market-data-section .chart-wrap .title-wrap .title{font-size:14px;line-height:20px}.market-data-section .chart-wrap .tooltip{width:300px}.market-data-section .chart-wrap .fake-label{display:none}.market-data-section .chart-wrap.energy .title-wrap .desc{flex-direction:column;justify-content:flex-end;text-align:right}.white .data-wrap,.white .chart-wrap{background:#fff;box-shadow:0 10px 20px #0000000d}.white .market-data-section .data-wrap .info-wrap .info-item .exchange .icon{background-color:#4b52df14;background-image:url("")}.white .market-data-section .data-wrap .info-wrap .info-item .exchange .icon:hover{background-image:url("")}.white .market-data-section{background-color:transparent;box-shadow:none}}@media (max-width: 400px){.market-data-section .chart-wrap .tooltip{width:270px}}