.rg-game-icon {
    display: inline-block;
    flex: 0 0 auto;
    inline-size: var(--rg-game-icon-size, 1em);
    block-size: var(--rg-game-icon-size, 1em);
    background-color: currentColor;
    vertical-align: -0.125em;
    -webkit-mask-image: var(--rg-game-icon-image);
    mask-image: var(--rg-game-icon-image);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    rotate: var(--rg-game-icon-rotate, 0deg);
}

.rg-game-icon.rg-game-icon--inline {
    background-color: transparent;
    -webkit-mask: none;
    mask: none;
}

.rg-game-icon--inline > svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.rg-game-icon[class*="ph-"]::before {
    content: none !important;
}

.rg-system-icon {
    font-family: inherit;
    line-height: 1;
}

.rg-game-icon[data-size="16"] { --rg-game-icon-size: 1rem; }
.rg-game-icon[data-size="20"] { --rg-game-icon-size: 1.25rem; }
.rg-game-icon[data-size="24"] { --rg-game-icon-size: 1.5rem; }
.rg-game-icon[data-size="32"] { --rg-game-icon-size: 2rem; }