.exchange-widget{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--color-blue);-ms-flex-direction:column;flex-direction:column;gap:16px;padding:16px}.exchange-widget,.exchange-widget .exchange-widget-box{border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex}.exchange-widget .exchange-widget-box{-webkit-box-flex:1;background-color:var(--color-white);-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;padding:12px 12px 16px}.exchange-widget .exchange-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;width:100%}.exchange-widget .exchange-title span{color:var(--color-primary);font-family:var(--font-bold);font-size:16px;font-weight:700;margin-right:12px;white-space:nowrap}.exchange-widget .exchange-title i{display:-webkit-box;display:-ms-flexbox;display:flex;height:22px;padding:0 6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;font-size:11px}.exchange-widget .exchange-title i:after{background-position:50%;background-repeat:no-repeat;content:"";display:inline-block;height:13px;margin-left:5px;width:10px}.exchange-widget .up .exchange-title i{background-color:rgba(61,180,114,.1);color:var(--color-green)}.exchange-widget .down .exchange-title i{background-color:rgba(213,19,23,.1);color:var(--color-red)}.exchange-widget .up .exchange-title i:after{background-image:url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.63318 4.35982C8.17595 5.01114 7.7128 6 6.86496 6L1.13504 6C0.287204 6 -0.175952 5.01114 0.36682 4.35982L3.23178 0.921864C3.63158 0.44211 4.36843 0.442111 4.76822 0.921865L7.63318 4.35982Z' fill='%233DB472'/></svg>")}.exchange-widget .down .exchange-title i:after{background-image:url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.63318 4.35982C8.17595 5.01114 7.7128 6 6.86496 6L1.13504 6C0.287204 6 -0.175952 5.01114 0.36682 4.35982L3.23178 0.921864C3.63158 0.44211 4.36843 0.442111 4.76822 0.921865L7.63318 4.35982Z' fill='%23D51317'/></svg>");transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.exchange-widget .exchange-item{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.exchange-widget .exchange-item span{color:rgba(6,40,73,.4);display:block;font-family:var(--font-bold);font-size:11px;margin-bottom:5px}.exchange-widget .exchange-item p{color:var(--color-primary);font-family:var(--font-bold);font-size:14px;white-space:nowrap}.exchange-widget .up .exchange-item p{color:var(--color-green)}.exchange-widget .down .exchange-item p{color:var(--color-red)}.exchange-widget.type-04{gap:8px;padding:8px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.exchange-widget.type-04 .exchange-widget-box{-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;padding:8px;width:calc(50% - 4px)}.exchange-widget.type-04 .exchange-title{margin-bottom:3px}.exchange-widget.type-04 .exchange-title span{font-size:12px;margin-right:5px}.exchange-widget.type-04 .exchange-title i{font-size:10px;height:14px;padding:0 3px}.exchange-widget.type-04 .exchange-item span{font-size:10px}.exchange-widget.type-04 .down .exchange-item p,.exchange-widget.type-04 .up .exchange-item p{font-size:14px}.exchange-widget.type-05 .exchange-item,.exchange-widget.type-05 .exchange-widget-box{-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit}.exchange-widget.type-05 .exchange-item{padding-right:10px;width:calc(50% - 5px)}.exchange-widget.type-05 .exchange-widget-box:last-child .exchange-item{width:calc(50% - 7px)}.exchange-widget.type-05 .exchange-widget-box:last-child .exchange-item:last-child{border-top:1px solid rgba(6,40,73,.06);padding-top:20px;width:100%}.exchange-widget.type-05 .exchange-widget-box:last-child .exchange-item:last-child span{color:#9ba9b6;font-family:var(--font-normal);font-size:11px;text-align:right}.exchange-widget.type-05 .exchange-widget-box:last-child .exchange-item:last-child span strong{color:var(--color-primary)}@media (min-width:576px){.exchange-widget{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.exchange-widget.type-03,.exchange-widget.type-05{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (min-width:1200px){.exchange-widget.type-02 .exchange-widget-box:first-child{-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;-ms-flex-preferred-size:0;flex-basis:0}}@media (min-width:1440px){.exchange-widget.type-04 .exchange-widget-box{width:calc(33.33% - 5.4px)}.exchange-widget.type-05 .exchange-widget-box:last-child .exchange-item{width:calc(33.33% - 7px)}}