.arz-fiats-page__intro {
    padding: 0 10px 10px;
    font-size: 14px;
    text-align: justify;
}

.arz-fiats-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--arz-color-text, #1f252d);
}

.arz-fiats-table thead {
    background: var(--arz-color-surface-subtle, #f7f8fc);
    color: var(--arz-color-text-muted, #6b7582);
    font-size: 14px;
}

.arz-fiats-table th { padding: 9px 7px; font-weight: 400; text-align: right; }
.arz-fiats-table td { height: 76px; padding: 10px 7px; text-align: right; vertical-align: middle; border-bottom: 1px solid var(--arz-color-border, #e5e9ee); }
.arz-fiats-table tbody tr:last-child td { border-bottom: 0; }
.arz-fiats-table tbody tr:hover { background: var(--arz-color-surface-subtle, #f7f8fc); }
.arz-fiats-table td > b, .arz-fiats-table td > small { display: block; }
.arz-fiats-table td > b { font-weight: 600; }
.arz-fiats-table td > small, .arz-fiats-table__asset small { color: var(--arz-color-text-muted, #6b7582); font-size: 13px; margin-top: 3px; }
.arz-fiats-table__asset { display: flex; align-items: center; gap: 10px; min-width: 180px; }
.arz-fiats-table__asset img { border-radius: 50%; object-fit: cover; }
.arz-fiats-table__asset b, .arz-fiats-table__asset small { display: block; text-align: left; }
.arz-fiats-table__asset b { font-size: 16px; font-weight: 600; line-height: 20px; padding-top: 6px; }
.arz-fiats-table__asset small { color: var(--arz-color-text-muted, #47505e); font-size: 13px; }
.arz-fiats-table__chart { width: 116px; }
.arz-fiats-table__weekly-chart { display: block; width: 96px; height: 40px; }
.arz-fiats-table__weekly-chart.toup { filter: brightness(0) saturate(100%) invert(39%) sepia(44%) saturate(908%) hue-rotate(120deg) brightness(89%) contrast(96%); }
.arz-fiats-table__weekly-chart.todown { filter: brightness(0) saturate(100%) invert(19%) sepia(74%) saturate(2580%) hue-rotate(343deg) brightness(89%) contrast(94%); }
.arz-fiat-change { align-items: center; display: inline-flex; font-size: 14px; font-weight: 500; gap: 4px; }
.arz-fiat-change .uicon { font-size: 7px; }
.arz-fiat-change.toup { color: var(--arz-color-positive-content, #047857); }
.arz-fiat-change.toup .uicon { transform: rotate(180deg); }
.arz-fiat-change.todown { color: var(--arz-color-negative-content, #b91c1c); }
.arz-fiat-range { display: inline-grid; gap: 6px; max-width: 210px; min-width: 170px; text-align: right; width: 100%; }
.arz-fiat-range__values { display: flex; justify-content: space-between; gap: 16px; }
.arz-fiat-range__values > span { display: grid; gap: 3px; }
.arz-fiat-range__values > span:last-child { text-align: left; }
.arz-fiat-range small { color: var(--arz-color-text-muted, #6b7582); font-size: 11px; font-weight: 500; line-height: 1; }
.arz-fiat-range b { font-size: 13px; font-weight: 600; line-height: 1.1; white-space: nowrap; }
.arz-fiat-range__rail { background: var(--arz-color-border, #e5e9ee); border-radius: 999px; display: block; height: 4px; position: relative; }
.arz-fiat-range__rail::after { background: var(--arz-color-primary, #1aa089); border-radius: inherit; content: ''; display: block; height: 100%; opacity: .48; width: 100%; }
.arz-fiat-range__marker { background: var(--arz-color-primary, #1aa089); border: 2px solid var(--arz-color-surface, #fff); border-radius: 50%; box-shadow: 0 1px 3px rgb(20 60 65 / .28); height: 10px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 10px; z-index: 1; }
.arz-fiat-range__unavailable { color: var(--arz-color-text-muted, #6b7582); }
.arz-fiats-table__updated { color: var(--arz-color-text-muted, #6b7582); font-size: 12px; white-space: nowrap; }
.arz-fiats-table__updated time { align-items: center; direction: rtl; display: inline-flex; gap: 3px; justify-content: center; }
.arz-fiats-table__rank { text-align: center !important; }
.arz-fiats-table__sort { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: inline-flex; font: inherit; gap: 8px; justify-content: center; margin: 0; padding: 0; }
.arz-fiats-table__sort .uicon { color: var(--arz-color-primary, #1aa089); font-size: 7px; transition: transform 160ms ease; }
.arz-fiats-table__sort.is-ascending .uicon { transform: rotate(180deg); }
.arz-fiats-table__sort:focus-visible { outline: 2px solid var(--arz-color-primary, #1aa089); outline-offset: 3px; border-radius: 2px; }

.arz-fiats-page__guide { margin: 28px 10px 0; line-height: 2; }
.arz-fiats-page__guide h2 { margin: 22px 0 8px; font-size: 18px; }
.arz-fiats-page__guide p { margin: 0 0 10px; }
.arz-fiats-page__guide details { border-bottom: 1px solid var(--arz-color-border, #e5e9ee); padding: 9px 0; }
.arz-fiats-page__guide summary { cursor: pointer; font-weight: 500; }

@media (min-width: 768px) {
    .arz-fiats-table { table-layout: fixed; }
    .arz-fiats-table__rank-column { width: 6%; }
    .arz-fiats-table__asset-column { width: 21%; }
    .arz-fiats-table__price-column { width: 14%; }
    .arz-fiats-table__change-column { width: 12%; }
    .arz-fiats-table__range-column { width: 24%; }
    .arz-fiats-table__chart-column { width: 13%; }
    .arz-fiats-table__updated-column { width: 10%; }
    .arz-fiats-table th { padding: 10px 12px; }
    .arz-fiats-table td { padding: 12px; }
    .arz-fiats-table th:first-child,
    .arz-fiats-table th:nth-child(5),
    .arz-fiats-table th:nth-child(6) { text-align: center; }
    .arz-fiats-table th:nth-child(2) { text-align: left; }
    .arz-fiats-table th:nth-child(3),
    .arz-fiats-table th:nth-child(4),
    .arz-fiats-table th:nth-child(7),
    .arz-fiats-table td:nth-child(3),
    .arz-fiats-table td:nth-child(4),
    .arz-fiats-table td:nth-child(7) { text-align: right; }
    .arz-fiats-table td:nth-child(5),
    .arz-fiats-table td:nth-child(6) { text-align: center; }
    .arz-fiats-table__price > b,
    .arz-fiats-table__price > small { text-align: right; }
    .arz-fiats-table__asset { min-width: 0; }
    .arz-fiats-table__asset span { min-width: 0; }
    .arz-fiats-table__asset b,
    .arz-fiats-table__asset small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .arz-fiats-table__chart { text-align: center !important; }
    .arz-fiats-table__weekly-chart { margin: 0 auto; }
}

@media (max-width: 767px) {
    .arz-fiats-table--mobile { table-layout: fixed; font-size: 12px; }
    .arz-fiats-table--mobile th { padding: 3px; font-size: 12px; }
    .arz-fiats-table__sort--mobile { gap: 3px; }
    .arz-fiats-table--mobile th:first-child { width: 7%; }
    .arz-fiats-table--mobile th:nth-child(2) { width: 39%; }
    .arz-fiats-table--mobile th:nth-child(3) { width: 29%; }
    .arz-fiats-table--mobile th:nth-child(4) { width: 25%; }
    .arz-fiats-table--mobile th:first-child,
    .arz-fiats-table--mobile td:first-child { text-align: center; }
    .arz-fiats-table--mobile th:nth-child(2),
    .arz-fiats-table--mobile td:nth-child(2),
    .arz-fiats-table--mobile th:nth-child(3),
    .arz-fiats-table--mobile td:nth-child(3) { text-align: left; }
    .arz-fiats-table--mobile th:nth-child(4),
    .arz-fiats-table--mobile td:nth-child(4) { text-align: center; }
    .arz-fiats-table--mobile td { height: 57.5px; line-height: 20px; padding: 7px 0; }
    .arz-fiats-table--mobile td > small, .arz-fiats-table__asset small { font-size: 12px; }
    .arz-fiats-table--mobile .arz-fiats-table__asset b { font-size: 16px; line-height: 20px; padding-top: 0; }
    .arz-fiats-table__asset { gap: 5px; min-width: 0; }
    .arz-fiats-table__asset span { min-width: 0; overflow: hidden; }
    .arz-fiats-table__asset b, .arz-fiats-table__asset small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .arz-fiats-table--mobile .arz-fiats-table__price > b,
    .arz-fiats-table--mobile .arz-fiats-table__price > small { text-align: left; }
    .arz-fiats-table--mobile .arz-fiats-table__price > b { color: var(--arz-color-text, #1f252d); font-size: 15px; line-height: 20px; }
    .arz-fiats-table--mobile .arz-fiat-change { font-size: 14px; gap: 3px; }
    .arz-fiats-page__guide { margin-right: 0; margin-left: 0; }
}