.crypto-heatmap-scss-wrap{background-color:var(--color-BasicBg);color:var(--color-PrimaryText);display:flex;flex-direction:column;min-height:calc(100vh - 64px)}.crypto-heatmap-scss-wrap .box{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:16px;padding-right:16px}@media (min-width:768px){.crypto-heatmap-scss-wrap .box{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.crypto-heatmap-scss-wrap .box{padding-left:0;padding-right:0}}.crypto-heatmap-scss-wrap .page-title{margin-bottom:16px;margin-top:16px}@media (min-width:768px){.crypto-heatmap-scss-wrap .page-title{margin-bottom:24px;margin-top:24px}}.crypto-heatmap-scss-wrap .main-wrap{background-color:var(--color-BasicBg);border-top-left-radius:16px;border-top-right-radius:16px;flex:1 1}@media (min-width:1024px){.crypto-heatmap-scss-wrap .main-wrap{border-top-left-radius:32px;border-top-right-radius:32px}}.crypto-heatmap-scss-wrap .main-wrap .main-inner{margin-bottom:35px}@media (min-width:768px){.crypto-heatmap-scss-wrap .main-wrap .main-inner{margin-bottom:51px}}.crypto-heatmap-scss-wrap .heat-map{display:flex;flex-direction:column}.crypto-heatmap-scss-wrap .heat-map .left-part{align-items:center;margin-bottom:10px}@media (min-width:768px){.crypto-heatmap-scss-wrap .heat-map .left-part{margin-bottom:0}}.crypto-heatmap-scss-wrap .heat-map .heat-map-chart{width:100%}.crypto-heatmap-scss-wrap .heat-map .filters{background-color:var(--color-BasicBg);gap:12px;height:18px;margin-bottom:12px;margin-left:0;position:relative}@media (min-width:768px){.crypto-heatmap-scss-wrap .heat-map .filters{margin-bottom:24px}}.crypto-heatmap-scss-wrap .heat-map .colorBar{position:absolute;right:0;top:-32px}@media (min-width:768px){.crypto-heatmap-scss-wrap .heat-map .colorBar{top:0}}.crypto-heatmap-scss-wrap .heat-map .colorBar+div{border-radius:16px;overflow:hidden}