.alertBase[data-stb-alert=current]{--alert-color-text:var(--p-color-text-primary);--alert-color-icon:var(--p-color-icon-primary);--alert-min-width:18rem;--alert-line-height:1.625rem;--alert-icon-size:var(--alert-line-height);--alert-border-radius:var(--p-corner-radius-rem-small);--icon-gap:var(--p-spacing-rem-12);background-color:var(--alert-background);border-radius:var(--alert-border-radius);box-sizing:border-box;max-width:38.75rem;min-width:var(--alert-min-width);padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);border:none;align-items:center;display:inline-flex;position:relative;@media (width>=600px){padding:var(--p-spacing-rem-24) var(--p-spacing-rem-20)}& p,& .alertTitle,& .alertDescription,& .alertContainer,& .font-body{color:var(--alert-color-text)}& .icon{color:var(--alert-color-icon);font-size:calc(var(--alert-icon-size) - 2px);height:var(--alert-icon-size);line-height:var(--alert-icon-size);width:var(--alert-icon-size);align-self:flex-start;display:flex}& .alertContainer{align-self:flex-start;gap:var(--icon-gap);text-align:left;grid-template-columns:auto 1fr;max-width:100%;display:grid}& .alertDescription{text-wrap:pretty;align-items:center;display:flex}&[data-size=small]{--alert-line-height:1.375rem;--icon-gap:var(--p-spacing-rem-08);padding:var(--p-spacing-rem-16) var(--p-spacing-rem-12);@media (width>=600px){padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16)}}&[data-fluid=true]{width:100%;max-width:100%}&[data-variant=error]{--alert-color-icon:var(--p-color-icon-on-error);--alert-background:var(--p-color-surface-error);--alert-color-text:var(--p-color-text-on-error)}&[data-variant=warning]{--alert-color-icon:var(--p-color-icon-on-warning);--alert-background:var(--p-color-surface-warning);--alert-color-text:var(--p-color-text-on-warning)}&[data-variant=success]{--alert-color-icon:var(--p-color-icon-on-success);--alert-background:var(--p-color-surface-success);--alert-color-text:var(--p-color-text-on-success)}&[data-variant=info]{--alert-color-icon:var(--p-color-icon-on-info);--alert-background:var(--p-color-surface-info);--alert-color-text:var(--p-color-text-on-info)}&[data-variant=info-subtle]{--alert-background:var(--p-color-background)}@media (width<=600px){--alert-line-height:1.375rem;--icon-gap:var(--p-spacing-rem-08);max-width:100%;min-width:min(85%, var(--alert-min-width));padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);&[data-size=small]{--alert-line-height:1.25rem}}}.alertFullSpanContainer[data-stb-alert-fullspan=current]{width:100%;& .alertBase[data-stb-alert=current]{--alert-border-radius:none;padding:var(--p-spacing-rem-24);width:100%}}.alertGridContent{grid-column:1/-1;grid-template-columns:subgrid;width:100%;display:grid}.alertContainer{align-items:flex-start;gap:var(--p-spacing-rem-16);grid-column:1/-1;width:100%}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}