/* Cross-browser rendering for the inline SVG fallback installed by icon-resilience.js. */
.kbx-icon-fallback {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 1em;
    min-height: 1em;
    font-family: inherit !important;
    font-style: normal;
    line-height: 1;
    vertical-align: -.125em;
    overflow: visible;
}

.kbx-icon-fallback::before {
    display: none !important;
    content: none !important;
}

.kbx-icon-fallback > svg {
    display: block;
    flex: 0 0 1em;
    width: 1em;
    height: 1em;
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    color: inherit;
    pointer-events: none;
}

@media (forced-colors: active) {
    .kbx-icon-fallback > svg { stroke: CanvasText; }
}