.ui-banner-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8rem}.ui-banner-actions--auto,.ui-banner-actions--stacked{justify-content:flex-start;margin-block-start:12rem}@media only screen and (min-width:905px){.ui-banner-actions--auto{justify-content:flex-end;margin-block-start:0}}.ui-banner{display:grid;align-items:start;gap:16rem;min-height:54rem;padding-block:16rem;padding-inline:16rem}.ui-banner.ui-surface{border-radius:var(--sys-shape-corner-none);border-style:solid;border-width:0}.ui-banner__icon{grid-area:icon;display:inline-flex;flex-shrink:0;font-size:24rem;line-height:0;color:var(--md-sys-color-on-surface-variant)}.ui-banner__content{grid-area:content;display:flex;flex-direction:column;gap:4rem;min-width:0}.ui-banner__title{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);line-height:var(--md-sys-typescale-title-medium-line-height)}.ui-banner__body{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--md-sys-typescale-body-medium-weight);line-height:var(--md-sys-typescale-body-medium-line-height)}.ui-banner__actions{grid-area:actions}.ui-banner--inline{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon content actions close";align-items:center}.ui-banner--auto,.ui-banner--stacked{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon content close" "actions actions actions";align-items:start}@media only screen and (min-width:905px){.ui-banner--auto{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon content actions close";align-items:center}}.ui-banner:not(:has(>.ui-banner__icon)).ui-banner--inline{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"content actions close"}.ui-banner:not(:has(>.ui-banner__icon)).ui-banner--stacked{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"content close" "actions actions"}.ui-banner:not(:has(>.ui-banner__icon)).ui-banner--auto{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"content close" "actions actions"}@media only screen and (min-width:905px){.ui-banner:not(:has(>.ui-banner__icon)).ui-banner--auto{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"content actions close"}}.ui-banner--surface{color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);box-shadow:inset 0 -1rem 0 0 var(--md-sys-color-outline-variant)}.ui-banner--tonal{color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface-container-high)}.ui-banner .ui-banner__close{grid-area:close;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40rem;height:40rem;padding:0;border:none;border-radius:var(--sys-shape-corner-full);background-color:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background-color var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-banner .ui-banner__close .ui-icon{font-size:20rem}.ui-banner .ui-banner__close:hover:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.ui-banner .ui-banner__close:active:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.ui-banner .ui-banner__close:focus-visible{outline:2rem solid var(--md-sys-color-secondary);outline-offset:2rem}@media(prefers-reduced-motion:reduce){.ui-banner .ui-banner__close{transition:none}}