@font-face {
font-family: 'IRANSansXV';
src: url(https://wallgold.ir/gold-price/wp-content/uploads/2025/10/IRANSansXV.woff2) format('woff2');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
.wgx,
.wgx-card,
.wgx-card * {
font-family: 'IRANSansXV', 'Vazirmatn', Tahoma, sans-serif;
}
.wgx {
display: inline-flex;
align-items: center;
gap: 4px;
direction: rtl;
font-variant-numeric: tabular-nums;
vertical-align: middle;
}
.wgx-unit {
font-size: .82em;
opacity: .7;
font-weight: 400;
}
.wgx-err { opacity: .45; } .wgx-skeleton .wgx-val,
.wgx-skeleton.wgx-chip,
.wgx-skeleton.wgx-dir {
display: inline-block;
min-width: 64px;
height: 1em;
border-radius: 4px;
color: transparent !important;
background: linear-gradient(90deg, #e6e6e6 25%, #f2f2f2 50%, #e6e6e6 75%);
background-size: 200% 100%;
animation: wgx-shimmer 1.4s infinite;
}
.wgx-skeleton.wgx-dir { min-width: 16px; }
.wgx-skeleton-wide .wgx-val { min-width: 150px; }
@keyframes wgx-shimmer {
0%   { background-position: -200% 0; }
100% { background-position:  200% 0; }
} .wgx-chip {
padding: 7px 7px !important;
border-radius: 6px;
font-size: .9em;
font-weight: 400 !important;
line-height: 1;
gap: 3px;
direction: ltr; } .wgx-chip.wgx-arrow-right { flex-direction: row-reverse; }
.wgx-chip .wgx-chip-icon { width: 12px; height: 12px; }
.wgx-chip-up    { color: #039874; background: rgba(3, 152, 116, .1); }
.wgx-chip-down  { color: #F65555; background: rgba(246, 85, 85, .1); }
.wgx-chip-neutral { color: #555; background: #f0f0f0; } .wgx-num.wgx-up   .wgx-val { color: #039874; }
.wgx-num.wgx-down .wgx-val { color: #F65555; } .wgx-dir-icon { width: 14px; height: 14px; vertical-align: middle; } .wgx-card {
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 14px;
padding: 14px 16px;
max-width: 420px;
direction: rtl;
background: #fff;
font-family: inherit;
}
.wgx-card-head {
font-weight: 700;
font-size: 1.02em;
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, .07);
}
.wgx-card-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 7px 0;
}
.wgx-card-name { font-size: .95em; color: #1a1a1a; }
.wgx-card-vals { display: inline-flex; align-items: center; gap: 8px; }