:root { color-scheme: normal; font-family: Tahoma, Arial, sans-serif; color: #fff; background: transparent; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-width: 0; background: transparent; }
body { overflow-x: hidden; }
.currency-frame { display: flex; align-items: center; justify-content: flex-start; gap: 15px; direction: rtl; width: 100%; min-height: 52px; padding: 1px 0; }
.currency-item { display: flex; align-items: center; gap: 7px; min-width: 0; flex: 1 1 0; }
.currency-flag { flex: 0 0 28px; width: 28px; height: 28px; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 1px #ffffff24; }
.currency-price-block { flex: 1 1 auto; min-width: 0; max-width: 88px; text-align: center; }
.currency-quote { min-height: 27px; color: #fff; }
.currency-placeholder { display: block; min-height: 27px; font-size: 14px; line-height: 27px; font-weight: 700; color: #fff; }
.currency-unit { display: block; margin-top: 1px; color: #b4c4d3; font-size: 8px; line-height: 10px; }
.currency-quote > div { position: relative; padding-bottom: 12px; }
.currency-quote .tgju-widget { position: static !important; display: block !important; width: 100%; min-height: 17px; margin: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; font-family: Tahoma, Arial, sans-serif !important; }
.currency-quote .tgju-widget-item { padding: 0 !important; min-width: 0; }
.currency-quote .tgju-widget-title-row { display: block; margin: 0 !important; }
.currency-quote .tgju-widget-title, .currency-quote .tgju-widget-content-row { display: none !important; }
.currency-quote .tgju-widget-current-price { direction: ltr; text-align: center; white-space: nowrap; padding: 0 !important; font-family: Tahoma, Arial, sans-serif; font-size: 14px; line-height: 17px; font-weight: 700; color: #fff !important; }
/* Keep both parts of the free provider attribution visible on a quiet line. */
.currency-quote .tgju-copyright { position: absolute; inset-inline-end: 0; bottom: 0; width: auto !important; float: none !important; padding: 0 !important; font-family: Arial, sans-serif; font-size: 8px !important; line-height: 10px !important; color: #b7c9df !important; }
.currency-quote .tgju-copyright a { font-size: inherit !important; color: inherit !important; }
.currency-quote .tgju-copyright-fix, .currency-quote .tgju-copyright-fix:hover { position: absolute !important; top: auto !important; bottom: 0 !important; left: auto !important; inset-inline-start: 0 !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: 10px !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-family: Arial, sans-serif; font-size: 8px !important; line-height: 10px !important; color: #b7c9df !important; }
.currency-quote .tgju-copyright-fix a { display: inline-flex; align-items: center; gap: 1px; color: #b7c9df !important; font-size: 8px !important; line-height: 10px !important; }
.currency-quote .tgju-copyright-fix img { width: 7px !important; height: 7px !important; object-fit: contain; margin: 0 !important; }
.currency-quote .tgju-copyright-fix span { font-size: 8px !important; line-height: 10px !important; }
a:focus-visible { outline: 1px solid #f8d577; outline-offset: 2px; }
.currency-status-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
.currency-widget-stage { position: absolute; inset-inline-start: -10000px; top: 0; width: 260px; visibility: hidden; pointer-events: none; }
@media (max-width: 239px) { .currency-frame { gap: 8px; } .currency-item { gap: 4px; } .currency-flag { flex-basis: 26px; width: 26px; height: 26px; } .currency-quote .tgju-widget-current-price { font-size: 13px; } }