.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.amountRow {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ta-color-text);
}

.amount {
    composes: display from "../../../styles/typography.module.css";
}

.tokenTag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.symbol {
    composes: bodySemibold from "../../../styles/typography.module.css";
    color: var(--ta-color-text);
}

.fiat {
    composes: bodyRegular from "../../../styles/typography.module.css";
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--ta-color-text-secondary);
}

.fiatDelta {
    color: var(--ta-color-text-tertiary);
}