22

✏️ Editing: ep-crypto-currency-chart.css

.bdt-crypto-currency-chart{display:grid}.bdt-crypto-currency-chart-item{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.08);position:relative;height:300px;border-radius:10px;overflow:hidden}.bdt-crypto-currency-chart-chart{position:absolute;bottom:0;left:0;right:0}.bdt-crypto-currency-chart-head-content{padding:20px}.bdt-crypto-currency-chart-head-inner-content,.bdt-crypto-currency-chart-bottom-inner-content{display:flex;align-items:center;justify-content:space-between}.bdt-crypto-currency-chart-head-inner-content{margin-bottom:20px}.bdt-crypto-currency-chart-bottom-content{position:absolute;bottom:0;display:flex;align-items:center;justify-content:space-between;left:0;right:0;margin:20px}.bdt-crypto-currency-chart-title{font-size:16px;text-transform:capitalize;color:#444454;font-weight:500}.bdt-crypto-currency-chart-list-change{font-size:14px;position:relative;font-weight:500}.bdt-crypto-currency-chart-list-change.up:before,.bdt-crypto-currency-chart-list-change.down:before{content:'';position:absolute;width:0;height:0;left:-20px;top:50%;transform:translateY(-50%);border-radius:2px;border-left:7px solid #f7030300 0;border-right:7px solid #ff010100 0}.bdt-crypto-currency-chart-list-change.up:before{border-bottom:10px solid #0236c0}.bdt-crypto-currency-chart-list-change.down:before{border-top:10px solid #05cc00}.bdt-crypto-currency-chart-price-l{font-size:25px;font-weight:700;color:#494d58}.bdt-crypto-currency-chart-price-s{font-size:14px;color:#3f3f46;font-weight:500}.bdt-crypto-currency-chart-count-text,.bdt-crypto-currency-chart-date{display:flex;align-items:center;font-size:14px;font-weight:500}.bdt-crypto-currency-chart-count-text svg{height:22px;width:22px}@media (min-width:768px){.bdt-crypto-currency-chart-bottom-content{margin:30px}.bdt-crypto-currency-chart-head-content{padding:30px}}@media (min-width:1024px){.bdt-crypto-currency-chart-bottom-content{margin:40px}.bdt-crypto-currency-chart-head-content{padding:40px}}

MR SKB