.charts-wrapper{width:100%;max-width:650px}@media screen and (max-width: 1024px){.charts-wrapper{max-width:600px}}.charts-wrapper .charts-container{transition:all .5s ease-in-out}@media screen and (max-width: 1024px){.charts-wrapper .charts-container{padding:0;border-radius:6px;background:#fafafa;opacity:0;max-height:0;overflow:hidden;z-index:-1}.charts-wrapper .charts-container.open{opacity:1;height:100%;max-height:1000px;transition:all .3s ease-in-out;padding:20px}}.charts-wrapper .charts-container .inner-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:20px;display:none}@media screen and (max-width: 1024px){.charts-wrapper .charts-container .inner-tabs{display:flex}}.charts-wrapper .charts-container .inner-tabs p{color:#9c9c9c;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.32px;cursor:pointer;padding-bottom:2px}.charts-wrapper .charts-container .inner-tabs p.active{color:#648ef7;border-bottom:2px solid #648ef7}.charts-wrapper .charts-container .chart{display:flex;flex-direction:column;gap:20px;opacity:0;height:0;transition:opacity 0s ease-in-out}.charts-wrapper .charts-container .chart.show{opacity:1;height:100%;max-height:1000px;transition:opacity .5s ease-in-out}.charts-wrapper h3{color:#16274f;font-size:22px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:-.36px;padding:4px 10px;border-left:2px solid #648ef7;margin-bottom:18px}@media screen and (max-width: 1300px){.charts-wrapper h3{font-size:20px}}@media screen and (max-width: 1200px){.charts-wrapper h3{font-size:18px}}@media screen and (max-width: 1024px){.charts-wrapper h3{display:none}}.charts-wrapper .location-item{display:flex;justify-content:flex-start;align-items:center;gap:10px;position:relative}.charts-wrapper .location-item.ellipsis .location-tooltip{display:block}.charts-wrapper .location-item .location-tooltip{position:absolute;top:0;left:0;color:#636363;font-size:14px;background-color:#f7f9fa;line-height:16px;padding:2px 10px;border-radius:4px;border:1px solid #e6e6e6;opacity:0;transition:.3s ease-in-out;z-index:2;box-shadow:4px 4px 12px #7570701f;display:none}.charts-wrapper .location-item .location-tooltip:hover,.charts-wrapper .location-item:hover .location-tooltip{opacity:1}.charts-wrapper .location-item .location,.charts-wrapper .location-item .price{z-index:1;color:#636363;font-size:16px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.28px;flex-shrink:0;position:relative}@media screen and (max-width: 1300px){.charts-wrapper .location-item .location,.charts-wrapper .location-item .price{font-size:15px}}@media screen and (max-width: 1024px){.charts-wrapper .location-item .location,.charts-wrapper .location-item .price{font-size:14px}}.charts-wrapper .location-item .location{width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 1024px){.charts-wrapper .location-item .location{width:110px}}.charts-wrapper .location-item .price{width:65px;font-weight:600;text-align:right}@media screen and (max-width: 1024px){.charts-wrapper .location-item .price{width:55px}}.charts-wrapper .location-item .progress-bar-wrapper{width:100%;border-radius:10px}.charts-wrapper .location-item .progress-bar-wrapper .progress-bar{display:block;height:7px;width:0%;background-color:#648ef7;border-radius:10px;transition:all .5s ease-in-out}.charts-wrapper .mob-title{font-size:16px;border-radius:6px;background:#f2f2f2;padding:15px 20px;display:flex;position:relative;cursor:pointer;transition:.3s ease-in-out;color:#838383;display:none;margin-bottom:10px}@media screen and (max-width: 1024px){.charts-wrapper .mob-title{display:flex}}.charts-wrapper .mob-title svg{fill:#838383;width:23px;height:23px;transform:rotate(90deg);position:absolute;right:8px;top:calc(50% - 11.5px);transition:.3s ease-in-out}.charts-wrapper .mob-title.open{background:#648ef7;color:#fff}.charts-wrapper .mob-title.open svg{transform:rotate(270deg);transition:.3s ease-in-out;fill:#fff}.with-bg{padding:40px 0;border-radius:8px}.markets-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:30px}@media screen and (max-width: 1024px){.markets-tabs{display:none}}.markets-tabs button{background-color:#fff0;border:none;border-bottom:2px solid #ffffff00;border-radius:0;padding:0 5px;cursor:pointer}.markets-tabs button.active{border-bottom:2px solid #648ef7}.markets-tabs button.active span{color:#648ef7}.markets-tabs button span{color:#9c9c9c;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.32px}.market-charts-wrapper{display:grid;grid-template-columns:repeat(2,1fr);max-width:1200px;margin:auto;gap:40px}@media screen and (max-width: 1200px){.market-charts-wrapper{gap:30px}}@media screen and (max-width: 1024px){.market-charts-wrapper{grid-template-columns:repeat(1,1fr);justify-items:center;gap:10px}}.market-link{display:flex;justify-content:center;text-align:center;gap:3px;margin-top:25px}.market-link a{color:#648ef7;font-size:16px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:-.32px;border-bottom:2px solid #ffffff00;transition:border-bottom .3s ease-in-out}.market-link a:hover{border-bottom:2px solid #648ef7;transition:border-bottom .3s ease-in-out}.market-link svg{width:23px;height:23px;fill:#648ef7}
