.container-DDXblsN9 {
    display: inline-flex;
    justify-content: flex-end
}

.up-DDXblsN9 {
    color: var(--color-symbol-change-positive)
}

.down-DDXblsN9 {
    color: var(--color-symbol-change-negative)
}

@media (min-width:768px) {
    .box-DDXblsN9 {
        background-color: var(--color-container-fill-primary-neutral);
        border-radius: 8px;
        color: var(--color-content-text-promo-primary);
        direction: ltr;
        padding: 4px 6px
    }
    .box-DDXblsN9:empty {
        padding: 0
    }
    .box-DDXblsN9.up-DDXblsN9 {
        background-color: var(--color-symbol-change-positive);
        color: var(--color-content-text-promo-primary)
    }
    .box-DDXblsN9.down-DDXblsN9 {
        background-color: var(--color-symbol-change-negative);
        color: var(--color-content-text-promo-primary)
    }
}