.currency-display {
    --currency-icon-size: 16px;
    display: inline-flex;
    align-items: center;
    vertical-align: baseline;
    white-space: nowrap;
    line-height: 1;
}

.currency-display.is-spaced {
    gap: 0;
}

.currency-display.is-spaced[data-currency-position="after"] .currency-display__mark {
    margin-left: 0.22em;
}

.currency-display.is-spaced[data-currency-position="before"] .currency-display__mark {
    margin-right: 0.22em;
}

.currency-display__amount {
    line-height: inherit;
}

.currency-display__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--currency-icon-size);
    height: var(--currency-icon-size);
    font-size: var(--currency-icon-size);
    line-height: 1;
    object-fit: contain;
}