.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;font-family:Storebrand Symbols;font-size:1rem;height:1rem;line-height:1rem;width:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (min-width: 600px){font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg{height:100%;width:100%}& img{height:100%;width:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{img{height:auto;width:auto}}& img{max-width:100%;vertical-align:middle}}.alertInlineBase[data-stb-alert-inline=current]{--color-text: var(--p-color-text-primary);--color-icon: var(--p-color-icon-primary);align-self:start;border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;display:inline-flex;flex-direction:row;flex-shrink:0;gap:var(--p-spacing-rem-08);.alertTitle{--alert-line-height: 1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media (min-width: 600px){--alert-line-height: 1.375rem}}.alertIconWrapper{display:flex;text-align:center}.alertIcon{--alert-icon-size: 1.25rem;color:var(--color-icon);font-size:var(--alert-icon-size);height:var(--alert-icon-size);line-height:var(--alert-icon-size);width:var(--alert-icon-size);@media (min-width: 600px){--alert-icon-size: 1.375rem}}&[data-variant=error]{--color-icon: var(--p-color-icon-error);--color-text: var(--p-color-text-error)}&[data-variant=warning]{--color-icon: var(--p-color-icon-warning);--color-text: var(--p-color-text-warning)}&[data-variant=success]{--color-icon: var(--p-color-icon-success);--color-text: var(--p-color-text-success)}&[data-variant=info]{--color-icon: var(--p-color-icon-info);--color-text: var(--p-color-text-info)}}