/*
 * Public pages keep their existing Material Symbols markup for template
 * compatibility, but render it through the local Remix Icon font. The text
 * ligature is hidden so a slow or unavailable icon font can never expose
 * names such as "content_copy" to customers.
 */
.material-symbols-outlined {
    display: inline-block;
    width: 1em;
    min-width: 1em;
    height: 1em;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-text-fill-color: transparent;
}

.material-symbols-outlined.redeem-icon-fallback {
    text-shadow: none !important;
}

.material-symbols-outlined.redeem-icon-fallback::before {
    display: inline-block;
    font-family: "remixicon" !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: var(--redeem-icon-color, currentColor);
    -webkit-text-fill-color: var(--redeem-icon-color, currentColor);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}