.charts-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}@media screen and (min-width: 768px){.charts-container{grid-template-columns:repeat(2, 1fr);row-gap:3rem}}.charts-container .chart-card{background-color:#f4f4f4;border-radius:1.4rem;min-height:250px;overflow:hidden;position:relative;transition:background-color 0.2s ease-in-out;width:100%}.charts-container .chart-card .price,.charts-container .chart-card .bcSimpleQuoteLastValue,.charts-container .chart-card .symbol{transition:color 0.2s ease-in-out}.charts-container .chart-card .chart-header{color:#242428;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:2rem;position:absolute;width:100%;z-index:1}.charts-container .chart-card .chart-info{display:flex;flex-direction:column}.charts-container .chart-card .chart-info .description{color:#707070;font-size:1.5rem;font-weight:bold}.charts-container .chart-card .chart-info .symbol{font-size:3.6rem;font-weight:bold;line-height:4rem}.charts-container .chart-card .chart-info .symbol a{color:inherit;outline-offset:2px}.charts-container .chart-card .price-info{align-items:flex-end;display:flex;gap:2rem;visibility:hidden}.charts-container .chart-card .price-info .bcSimpleQuoteLastValue:before,.charts-container .chart-card .price-info .bcSimpleQuoteLastImage,.charts-container .chart-card .price-info .bcSimpleQuoteChange,.charts-container .chart-card .price-info .bcSimpleQuoteTime,.charts-container .chart-card .price-info .bcSimpleQuoteClose{display:none}.charts-container .chart-card .price-info .bcSimpleQuoteLast{float:none;margin-right:0;line-height:normal}.charts-container .chart-card .price-info .change{border:2px solid #35b300;border-radius:2rem;color:#35b300;font-size:1.3rem;font-weight:bold;padding:0.25rem 1rem}.charts-container .chart-card .price-info .change.negative{border-color:#ff0000;color:#ff0000}.charts-container .chart-card .price-info .change .change-icon{font-size:1.3rem;font-weight:normal}.charts-container .chart-card .price-info .price,.charts-container .chart-card .price-info .bcSimpleQuoteLastValue{font-size:3.5rem;line-height:3rem}.charts-container .chart-card:hover{background-color:#242428}.charts-container .chart-card:hover .description,.charts-container .chart-card:hover .price,.charts-container .chart-card:hover .bcSimpleQuoteLastValue,.charts-container .chart-card:hover .symbol{color:#ffffff}.chart-card #gradient-0 stop{stop-color:#ff4c24}.chart-card #gradient-0 stop[offset="0"]{stop-opacity:0.9}.chart-card #gradient-0 stop[offset="1"]{stop-opacity:0}.chart-card .highcharts-background{fill:transparent !important}.chart-card #gradient-1 stop{stop-color:#ff4c24}.chart-card #gradient-1 stop[offset="0"]{stop-opacity:0.9}.chart-card #gradient-1 stop[offset="1"]{stop-opacity:0}.chart-card .highcharts-background{fill:transparent !important}.line-chart-special[data-chart="negative"] .highcharts-series.coinshares-line path{stroke:#ff4c24}.line-chart-special[data-chart="negative"] .highcharts-color-0 .highcharts-area{fill:url(#gradient-1) !important;fill-opacity:1}.line-chart-special[data-chart="positive"] .highcharts-series.coinshares-line path{stroke:#ff4c24}.line-chart-special[data-chart="positive"] .highcharts-color-0 .highcharts-area{fill:url(#gradient-0) !important;fill-opacity:1}
