/* Consistent, quiet helper text for optional form fields. */
.optional-field-label {
    display: inline-block;
    margin-inline-start: .3em;
    padding: .1em .55em;
    border: 1px solid #e2def8;
    border-radius: 999px;
    background: #f5f3ff;
    color: #5c5484;
    font-size: .78em;
    font-weight: 500;
    line-height: 1.5;
    vertical-align: middle;
    white-space: normal;
}

/* Supporting hints inside field labels, such as image sizes and file formats. */
:is(.content-wrapper, .modal) label :is(span, small).text-info:is(.text-small, .small) {
    display: inline-block;
    margin-inline-start: .3em;
    padding: .1em .55em;
    border: 1px solid #e2def8;
    border-radius: 999px;
    background: #f5f3ff;
    color: #5c5484 !important;
    font-size: .78em;
    font-weight: 500;
    line-height: 1.5;
    vertical-align: middle;
    unicode-bidi: isolate;
    overflow-wrap: anywhere;
}