/* Compact portal quotes: a quiet surface with clear values and change colors. */
.portal-economy>.realtime-market{padding:16px 18px!important}
.realtime-market .portal-section-heading{min-height:26px;margin-bottom:10px}
.realtime-market .portal-section-heading h2{font-size:18px;line-height:26px;letter-spacing:-.5px}
.realtime-market .market-live-tabs{gap:4px;margin-bottom:8px;border-bottom:1px solid #edf0f2}
.realtime-market .market-live-tabs button{min-height:34px;padding:6px 12px;font-size:13px;line-height:20px;font-weight:500;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#677078}
.realtime-market .market-live-tabs button.selected{border-bottom-color:#03b75a;color:#07964d;background:transparent;font-weight:700}
.realtime-market .market-connection{font-size:11px;line-height:18px;margin-bottom:8px;color:#78818a}
.realtime-market .market-live-grid,.realtime-market .market-live-grid.crypto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;border:1px solid #e5e9ed;border-radius:6px;overflow:hidden;padding:0;margin-bottom:10px;background:#fff}
.realtime-market .market-live-grid .market-live-quote{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'name name' 'price price' 'change change' 'time state';align-content:start;align-items:baseline;justify-content:stretch;gap:0 6px;min-height:100px;height:auto;padding:9px 12px;border:0;border-right:1px solid #edf0f2;border-bottom:1px solid #edf0f2;border-radius:0;background:#fff;box-shadow:none;container-type:inline-size}
.realtime-market .market-live-grid .market-live-quote:before{display:none}
.realtime-market .market-live-grid .quote>span:first-child{grid-area:name;font-size:13px!important;line-height:19px!important;font-weight:600;color:#424a52;letter-spacing:-.2px}
.realtime-market .market-live-grid .quote>.market-price{grid-area:price;font-size:clamp(17px,10cqi,22px)!important;line-height:26px!important;font-weight:650;letter-spacing:-.6px;color:#20252b;font-variant-numeric:tabular-nums}
.realtime-market .market-live-grid .quote>.market-change{grid-area:change;font-size:12px!important;line-height:18px!important;font-weight:550}
.realtime-market .market-live-grid .quote>.market-quote-time{grid-area:time;font-size:10px;line-height:15px;color:#8a929b;margin:2px 0 0;white-space:nowrap}
.realtime-market .market-live-grid .quote>.market-trading-state{grid-area:state;font-size:10px!important;line-height:15px!important;color:#8a929b!important;white-space:nowrap}
.realtime-market .market-live-grid .quote:hover{background:#f7faf8;border-color:#edf0f2}
.realtime-market .market-live-grid .quote:focus-visible{outline:2px solid #03a854;outline-offset:-2px}
.realtime-market .market-provider{font-size:10px;line-height:17px;padding:0;border:0;color:#858e96}
@container(max-width:590px){.realtime-market .market-live-grid,.realtime-market .market-live-grid.crypto-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){.portal-economy>.realtime-market{padding:13px 14px!important}.realtime-market .portal-section-heading h2{font-size:17px;line-height:25px}.realtime-market .market-live-grid,.realtime-market .market-live-grid.crypto-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}.realtime-market .market-live-grid .market-live-quote{padding:9px 10px;min-height:100px}.realtime-market .market-live-grid .quote>.market-change{font-size:11px!important}.realtime-market .market-provider{font-size:10px;line-height:17px}}