/* Web-only 32px ticker. Values stay static until a live FX feed is requested. */
body.web2 .fx-ticker{box-sizing:border-box;display:flex;align-items:center;flex:0 0 32px;height:32px;min-width:0;margin:0 0 6px;border-top:1px solid var(--w2-line);border-bottom:1px solid var(--w2-line);color:var(--w2-text);font-size:11px;line-height:1;overflow:hidden}
.fx-ticker-window{position:relative;display:flex;align-items:center;align-self:stretch;flex:1;min-width:0;overflow:hidden;isolation:isolate;contain:paint}
.fx-ticker-motion{display:flex;flex:none;width:max-content;white-space:nowrap;animation:fx-ticker-scroll var(--fx-duration,32s) linear infinite;animation-delay:var(--fx-delay,0s)}
.fx-ticker-run{display:flex;align-items:center;flex:0 0 auto;width:max-content;gap:14px;padding-right:14px;box-sizing:border-box}
.fx-ticker-quote{display:inline-flex;align-items:center;gap:11px;font-variant-numeric:tabular-nums}
.fx-ticker-quote strong{color:var(--w2-gold);font-size:11px;letter-spacing:.4px;font-weight:700}
.fx-ticker-quote>span{color:var(--w2-muted)}
.fx-ticker-quote b{color:var(--w2-text);font-size:12px;font-weight:600;margin-left:3px}
.fx-ticker-dot{color:var(--w2-gold);opacity:.65;font-size:10px}
.fx-ticker-notice{color:var(--w2-muted);font-size:11px}
@keyframes fx-ticker-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% / 3))}}
/* Move four pixels from the table heading to the FX row. Product rows retain
   their sizes, typography and minimum heights. */
body.web2 .w2-board{--w2-price-head:24px}
@container price-viewport (max-height:600px){body.web2 .w2-board{--w2-price-head:20px}}
/* Keep the web header opaque and independently painted. Avoid inherited
   backdrop sampling in the navigation on mobile WebKit. */
body.web2.price-first .header{isolation:isolate;z-index:2;background:var(--w2-bg)!important;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.web2 .nav{-webkit-backdrop-filter:none;backdrop-filter:none}

/* Preserve the requested larger USD/EUR labels. */
.fx-ticker-quote strong{font-size:13px}
/* Match the native app: the header already owns the top safe inset.
   Do not also apply it to the installed web application's outer screen. */
html.installed-app:not(.native-app) body.web2.price-first .screen{padding-top:0!important}
