.ripro-icon-mark > i { margin-inline-end: .3em; }
.ripro-icon-mark > i:last-child { margin-inline-end: 0; }
.ripro-icon-mark.badge[data-ripro-icon] {
    font-size: var(--ripro-icon-font, var(--ri-badge-font-size, .75em));
    padding-inline: var(--ripro-icon-padding, var(--ri-badge-padding-x, .65em));
}
.ripro-icon-mark.rwf-vip[data-ripro-icon] {
    font-size: var(--ripro-icon-font, 11px);
    padding-inline: var(--ripro-icon-padding, 6px);
}
.ripro-icon-mark.ripro-title-level[data-ripro-icon] {
    font-size: var(--ripro-icon-font, max(11px, .9em));
    padding-inline: var(--ripro-icon-padding, 4px);
}
.ripro-icon-mark[data-ripro-icon] {
    border-width: var(--ripro-icon-border-width, 0);
    border-style: solid;
    border-color: var(--ripro-icon-edge, transparent);
    padding-inline: var(--ripro-icon-padding, 0);
    font-size: var(--ripro-icon-font, inherit);
}
.ripro-icon-mark[data-ripro-icon] > i { font-size: var(--ripro-icon-font, 1em); }
body.ripro-style-center .ripro-icon-mark[data-ripro-icon] {
    color: var(--ripro-icon-ink, var(--ripro-icon-default-ink, inherit)) !important;
    background-color: var(--ripro-icon-fill, var(--ripro-icon-default-fill, transparent)) !important;
}
body.ripro-style-center .ripro-icon-mark.rwf-vip,
body.ripro-style-center .ripro-icon-mark.bg-warning {
    --ripro-icon-default-ink: var(--ripro-on-warning-soft, #684713);
    --ripro-icon-default-fill: var(--ripro-warning-soft, #fff0d5);
}
body.ripro-style-center .ripro-icon-mark.bg-success {
    --ripro-icon-default-ink: var(--ripro-on-success-soft, #265846);
    --ripro-icon-default-fill: var(--ripro-success-soft, #e5f4eb);
}
body.ripro-style-center .ripro-icon-mark.bg-secondary,
body.ripro-style-center .ripro-icon-mark.ripro-title-level {
    --ripro-icon-default-ink: var(--ripro-muted, #536471);
    --ripro-icon-default-fill: var(--ripro-subtle, #e9eff1);
}
body.ripro-style-center .ripro-icon-mark.bg-dark {
    --ripro-icon-default-ink: var(--ripro-background, #fff);
    --ripro-icon-default-fill: var(--ripro-text, #39454e);
}
.ripro-invalid-resource .ripro-invalid-media { position: relative; isolation: isolate; }
.ripro-invalid-resource .ripro-invalid-media.rwf-cover { margin-block-start: var(--rwf-cover-inset, 6px); }
.ripro-invalid-resource .ripro-invalid-media.rwf-cover :is(.rwf-image,.rwf-fallback) { margin-block-start: 0; }
.ripro-invalid-resource .ripro-invalid-media.rwf-cover:not(.has-image) .rwf-fallback { display: grid; }
.ripro-invalid-resource .ripro-invalid-media > .ripro-invalid-cover-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    backdrop-filter: grayscale(var(--ripro-icon-cover-gray, 100%));
}
.ripro-invalid-resource .ripro-invalid-media > .ripro-invalid-stamp-anchor {
    position: absolute;
    inset: 53% auto auto 50%;
    transform: translate(-50%, -50%);
    width: var(--ripro-icon-stamp-width, 76%);
    height: var(--ripro-icon-stamp-height, 65%);
    container-type: size;
    pointer-events: none;
}
body .ripro-invalid-resource .ripro-invalid-stamp[data-ripro-icon],
body.ripro-style-center .ripro-invalid-resource .ripro-invalid-stamp[data-ripro-icon][data-ripro-icon] {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-inline: 3px;
    overflow: hidden;
    white-space: nowrap;
    font-size: min(var(--ripro-icon-stamp-font, 42px), calc(88cqi / var(--ripro-icon-label-length, 3)), 68cqh);
    line-height: 1.15;
    font-weight: 700;
    --ripro-icon-default-ink: var(--ripro-icon-stamp-ink, var(--ripro-danger, #ab2525));
    --ripro-icon-default-fill: var(--ripro-icon-stamp-fill, var(--ripro-danger-soft, #fff5f2));
    color: var(--ripro-icon-default-ink);
    border: var(--ripro-icon-stamp-border-width, 3px) solid var(--ripro-icon-stamp-edge, var(--ripro-danger, #ab2525));
    background: var(--ripro-icon-default-fill);
}
.ripro-invalid-resource .ripro-invalid-stamp[data-ripro-icon] > i { font-size: 1em; }
.ripro-invalid-resource .ripro-icon-inline-status[data-ripro-icon] {
    display: inline-block;
    margin-inline-start: .4em;
    font-size: .75em;
    font-weight: 700;
    --ripro-icon-default-ink: var(--ripro-icon-stamp-ink, var(--ripro-danger, #ab2525));
    --ripro-icon-default-fill: var(--ripro-icon-stamp-fill, var(--ripro-danger-soft, #fff5f2));
    border: 1px solid var(--ripro-icon-stamp-edge, var(--ripro-danger, #ab2525));
    padding-inline: .35em;
}