.spinnerContainer[data-stb-spinner=current]{--spinner-container-size: var(--p-spacing-rem-96);--spinner-radius: 44;--spinner-perimeter: calc(2 * pi * var(--spinner-radius));--spinner-perimeter-full: calc(var(--spinner-perimeter) * 1px);--spinner-perimeter-fraction: calc(.001 * var(--spinner-perimeter) * 1px);--spinner-track-color: var(--p-color-static-grey-background);--spinner-ticker-color: var(--p-color-static-brand-foreground);--text-color: var(--p-color-text-primary);align-items:center;color:var(--text-color);display:flex;flex-direction:column;gap:var(--p-spacing-08);width:var(--spinner-container-size);& svg{height:100%;width:100%}p{font-size:1rem;white-space:nowrap}&.xxsmall{--spinner-radius: 8;--spinner-container-size: var(--p-spacing-rem-16)}&.xsmall{--spinner-radius: 10;--spinner-container-size: 1.375rem}&.small{--spinner-radius: 11;--spinner-container-size: var(--p-spacing-rem-24)}&.medium{--spinner-radius: 24;--spinner-container-size: var(--p-spacing-rem-48);p{font-size:.875rem}}&.onRed{--spinner-track-color: var(--p-color-static-grey-background);--spinner-ticker-color: var(--p-color-static-grey-foreground);--text-color: var(--p-color-text-primary)}.spinner{animation:loading-indicator-spinner-rotate 5s linear infinite}.spinnerTrack{stroke:var(--spinner-track-color)}.spinnerInMotion{animation:loading-indicator-spinner-spin infinite 6s ease-in-out;stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0}}@keyframes loading-indicator-spinner-spin{0%{stroke-dasharray:var(--spinner-perimeter-full),var(--spinner-perimeter-fraction);transform:rotate(0)}50%{stroke-dasharray:var(--spinner-perimeter-fraction),var(--spinner-perimeter-full);transform:rotate(720deg)}to{stroke-dasharray:var(--spinner-perimeter-full),var(--spinner-perimeter-fraction);transform:rotate(1080deg)}}@keyframes loading-indicator-spinner-rotate{0%{transform:rotate(0)}50%{transform:rotate(720deg)}to{transform:rotate(1080deg)}}.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);align-items:center;background-color:var(--alert-background);border:none;border-radius:var(--alert-border-radius);box-sizing:border-box;display:inline-flex;max-width:38.75rem;min-width:var(--alert-min-width);padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);position:relative;@media(min-width:600px){padding:var(--p-spacing-rem-24) var(--p-spacing-rem-20)}.alertTitle,p,.alertDescription,.alertContainer,.font-body{color:var(--alert-color-text)}.icon{align-self:flex-start;color:var(--alert-color-icon);display:flex;font-size:calc(var(--alert-icon-size) - 2px);height:var(--alert-icon-size);line-height:var(--alert-icon-size);width:var(--alert-icon-size)}.alertContainer{align-self:flex-start;display:grid;gap:var(--icon-gap);grid-template-columns:auto 1fr;max-width:100%;text-align:left}.alertDescription{align-items:center;display:flex;justify-content:center;text-wrap:pretty}&[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(min-width:600px){padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16)}}&[data-fluid=true]{max-width:100%;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(max-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%;.alertDescription{justify-content:start}}}.alertGridContent{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;width:100%}.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;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}}