.dynamic-svg{opacity:1;overflow:hidden;transition:opacity .2s ease-in-out}.dynamic-svg.is-pending{opacity:0}.dynamic-svg>svg{height:auto;width:100%}.dynamic-svg .fill-accent{fill:var(--accentColor,#8c47ff)}.dynamic-svg .stroke-accent{stroke:var(--accentColor,#8c47ff)}.dynamic-svg .fill-accentOnText{fill:var(--accentOnTextColor,#8c47ff)}.dynamic-svg .stroke-accentOnText{stroke:var(--accentOnTextColor,#8c47ff)}.dynamic-svg .fill-accentOnBackground{fill:var(--accentOnBackgroundColor,#8c47ff)}.dynamic-svg .stroke-accentOnBackground{stroke:var(--accentOnBackgroundColor,#8c47ff)}.dynamic-svg .fill-text{fill:var(--foregroundColor,#15023a)}.dynamic-svg .stroke-text{stroke:var(--foregroundColor,#15023a)}.dynamic-svg .fill-textOnAccent{fill:var(--textOnAccentColor,#fff)}.dynamic-svg .stroke-textOnAccent{stroke:var(--textOnAccentColor,#fff)}.dynamic-svg .fill-background{fill:var(--backgroundColor,#fff)}.dynamic-svg .stroke-background{stroke:var(--backgroundColor,#fff)}.dynamic-svg .fill-darkest{fill:var(--darkestColor,#15023a)}.dynamic-svg .stroke-darkest{stroke:var(--darkestColor,#15023a)}.dynamic-svg .fill-lightest{fill:var(--lightestColor,#fff)}.dynamic-svg .stroke-lightest{stroke:var(--lightestColor,#fff)}