.osarh-money {
    display: inline-flex;
    align-items: baseline;
    gap: .22em;
    max-width: 100%;
    white-space: nowrap;
    unicode-bidi: isolate;
}

.osarh-money[data-currency="SAR"] {
    /*
     * The Saudi Central Bank usage guidance places the symbol to the left of
     * the numeral. A fixed inline direction keeps that order in both LTR and
     * RTL application locales.
     */
    direction: rtl;
}

.osarh-money__amount,
.osarh-money__currency {
    font: inherit;
}

.osarh-riyal-symbol {
    display: inline-block;
    flex: 0 0 auto;
    width: .78em;
    height: .9em;
    color: inherit;
    vertical-align: -.08em;
    background-color: currentColor;
    -webkit-mask: url("../images/riyal.svg") center / contain no-repeat;
    mask: url("../images/riyal.svg") center / contain no-repeat;
}

.osarh-riyal-editable::after {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: .78em;
    height: .9em;
    align-self: baseline;
    background-color: currentColor;
    -webkit-mask: url("../images/riyal.svg") center / contain no-repeat;
    mask: url("../images/riyal.svg") center / contain no-repeat;
}

.osarh-riyal-symbol[role="img"] {
    speak: normal;
}