/* Quote presentation only. The shared price feed and chart calculations are unchanged. */
@layer brui-components {
html body #primary #main #br-price-feed{
 --br-feed-copy:#a9bfd3;--br-feed-value:#e9f3fc;--br-feed-line:#314b62;
 box-sizing:border-box;display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;
 margin:0 0 14px!important;padding:11px 0!important;min-width:0;max-width:100%;
 color:var(--br-feed-copy)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--br-feed-line)!important;
 border-radius:0!important;box-shadow:none!important;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;
}
html body #primary #main #br-price-feed .br-price-feed__quote{display:flex;align-items:baseline;gap:10px;flex:0 0 auto;}
html body #primary #main #br-price-feed .br-price-feed__quote>span{color:#9bb5cb;font-size:10px;font-weight:650;letter-spacing:.11em;white-space:nowrap;}
html body #primary #main #br-price-feed .br-price-feed__quote>strong{color:var(--br-feed-value);font-size:19px;line-height:1.25;font-weight:720;letter-spacing:-.025em;white-space:nowrap;}
html body #primary #main #br-price-feed .br-price-feed__meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px 10px;min-width:0;margin-left:auto;}
html body #primary #main #br-price-feed .br-price-feed__dot{display:block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#a9cbe4;box-shadow:0 0 0 3px #a9cbe40b;}
html body #primary #main #br-price-feed [data-br-price-state]{color:#bed1e2;font-weight:550;}
html body #primary #main #br-price-feed time{color:#a0b7cb;font-size:11px;white-space:nowrap;}
html body #primary #main #br-price-feed .br-price-feed__source{padding-left:10px;border-left:1px solid #365067;color:#91abc1;font-size:11px;white-space:nowrap;}
html body #primary #main #br-price-feed.br-price-feed--chart{justify-content:flex-end;min-height:32px;margin:0!important;padding:6px 14px!important;gap:4px 12px;}
html body #primary #main #br-price-feed.br-price-feed--chart .br-price-feed__quote{display:none!important;}
html body #primary #main #br-price-feed.br-price-feed--chart .br-price-feed__meta{width:100%;justify-content:flex-start;gap:5px 12px;}
html body #primary #main #br-price-feed.br-price-feed--chart .br-price-feed__source{margin-left:auto;}
html body #primary #main #br-price-feed[data-stale=true] .br-price-feed__dot{background:#df9caa;box-shadow:none;}
html body #primary #main #br-price-feed[data-stale=true] [data-br-price-state],html body #primary #main #br-price-feed .br-price-feed__warning{color:#edb3be;}
html body #primary #main #br-price-feed .br-price-feed__warning{flex:1 0 100%;font-size:11px;line-height:1.5;}
html body #primary #main #br-price-feed [hidden]{display:none!important;}
@media(max-width:640px){
 html body #primary #main #br-price-feed{gap:5px 12px;padding:9px 0!important;font-size:11px;}
 html body #primary #main #br-price-feed .br-price-feed__quote{gap:7px;}
 html body #primary #main #br-price-feed .br-price-feed__quote>strong{font-size:18px;}
 html body #primary #main #br-price-feed .br-price-feed__meta{gap:5px 8px;}
 html body #primary #main #br-price-feed:not(.br-price-feed--chart) .br-price-feed__source{display:none;}
 html body #primary #main #br-price-feed.br-price-feed--chart{padding:6px 10px!important;}
 html body #primary #main #br-price-feed.br-price-feed--chart .br-price-feed__meta{gap:5px 10px;}
}
@media(max-width:360px){
 html body #primary #main #br-price-feed.br-price-feed--chart .br-price-feed__source{display:none;}
 html body #primary #main #br-price-feed.br-price-feed--chart time{margin-left:auto;}
}
}