.ui-alert{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12rem;padding:12rem 16rem}.ui-alert__icon{font-size:24rem}.ui-alert__content{flex:1 1 240rem;min-width:0}.ui-alert__title{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);line-height:var(--md-sys-typescale-title-small-line-height)}.ui-alert__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-alert__title+.ui-alert__body{margin-block-start:4rem}.ui-alert--closable{padding-inline-end:56rem}.ui-alert>.ui-alert__close{position:absolute;inset-block-start:8rem;inset-inline-end:8rem}.ui-alert--tonal.ui-alert--info{background-color:var(--md-sys-color-info-container)}.ui-alert--tonal.ui-alert--info,.ui-alert--tonal.ui-alert--info .ui-alert__close,.ui-alert--tonal.ui-alert--info .ui-alert__icon{color:var(--md-sys-color-on-info-container)}.ui-alert--tonal.ui-alert--info .ui-alert__close:hover:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-info-container) 8%,transparent)}.ui-alert--tonal.ui-alert--info .ui-alert__close:active:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-info-container) 12%,transparent)}.ui-alert--tonal.ui-alert--info .ui-alert__close:focus-visible{outline:2rem solid var(--md-sys-color-on-info-container);outline-offset:2rem}.ui-alert--tonal.ui-alert--success{background-color:var(--md-sys-color-success-container)}.ui-alert--tonal.ui-alert--success,.ui-alert--tonal.ui-alert--success .ui-alert__close,.ui-alert--tonal.ui-alert--success .ui-alert__icon{color:var(--md-sys-color-on-success-container)}.ui-alert--tonal.ui-alert--success .ui-alert__close:hover:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-success-container) 8%,transparent)}.ui-alert--tonal.ui-alert--success .ui-alert__close:active:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-success-container) 12%,transparent)}.ui-alert--tonal.ui-alert--success .ui-alert__close:focus-visible{outline:2rem solid var(--md-sys-color-on-success-container);outline-offset:2rem}.ui-alert--tonal.ui-alert--warning{background-color:var(--md-sys-color-warning-container)}.ui-alert--tonal.ui-alert--warning,.ui-alert--tonal.ui-alert--warning .ui-alert__close,.ui-alert--tonal.ui-alert--warning .ui-alert__icon{color:var(--md-sys-color-on-warning-container)}.ui-alert--tonal.ui-alert--warning .ui-alert__close:hover:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-warning-container) 8%,transparent)}.ui-alert--tonal.ui-alert--warning .ui-alert__close:active:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-warning-container) 12%,transparent)}.ui-alert--tonal.ui-alert--warning .ui-alert__close:focus-visible{outline:2rem solid var(--md-sys-color-on-warning-container);outline-offset:2rem}.ui-alert--tonal.ui-alert--error{background-color:var(--md-sys-color-error-container)}.ui-alert--tonal.ui-alert--error,.ui-alert--tonal.ui-alert--error .ui-alert__close,.ui-alert--tonal.ui-alert--error .ui-alert__icon{color:var(--md-sys-color-on-error-container)}.ui-alert--tonal.ui-alert--error .ui-alert__close:hover:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-error-container) 8%,transparent)}.ui-alert--tonal.ui-alert--error .ui-alert__close:active:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-error-container) 12%,transparent)}.ui-alert--tonal.ui-alert--error .ui-alert__close:focus-visible{outline:2rem solid var(--md-sys-color-on-error-container);outline-offset:2rem}.ui-alert--outlined.ui-alert--info{color:var(--md-sys-color-on-surface);background-color:transparent;border-width:1rem;border-color:var(--md-sys-color-info)}.ui-alert--outlined.ui-alert--info .ui-alert__icon{color:var(--md-sys-color-info)}.ui-alert--outlined.ui-alert--info .ui-alert__close{color:var(--md-sys-color-on-surface-variant)}.ui-alert--outlined.ui-alert--info .ui-alert__close:hover:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.ui-alert--outlined.ui-alert--info .ui-alert__close:active:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.ui-alert--outlined.ui-alert--info .ui-alert__close:focus-visible{outline:2rem solid var(--md-sys-color-info);outline-offset:2rem}.ui-alert--outlined.ui-alert--success{color:var(--md-sys-color-on-surface);background-color:transparent;border-width:1rem;border-color:var(--md-sys-color-success)}.ui-alert--outlined.ui-alert--success .ui-alert__icon{color:var(--md-sys-color-success)}.ui-alert--outlined.ui-alert--success .ui-alert__close{color:var(--md-sys-color-on-surface-variant)}.ui-alert--outlined.ui-alert--success .ui-alert__close:hover:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.ui-alert--outlined.ui-alert--success .ui-alert__close:active:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.ui-alert--outlined.ui-alert--success .ui-alert__close:focus-visible{outline:2rem solid var(--md-sys-color-success);outline-offset:2rem}.ui-alert--outlined.ui-alert--warning{color:var(--md-sys-color-on-surface);background-color:transparent;border-width:1rem;border-color:var(--md-sys-color-warning)}.ui-alert--outlined.ui-alert--warning .ui-alert__icon{color:var(--md-sys-color-warning)}.ui-alert--outlined.ui-alert--warning .ui-alert__close{color:var(--md-sys-color-on-surface-variant)}.ui-alert--outlined.ui-alert--warning .ui-alert__close:hover:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.ui-alert--outlined.ui-alert--warning .ui-alert__close:active:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.ui-alert--outlined.ui-alert--warning .ui-alert__close:focus-visible{outline:2rem solid var(--md-sys-color-warning);outline-offset:2rem}.ui-alert--outlined.ui-alert--error{color:var(--md-sys-color-on-surface);background-color:transparent;border-width:1rem;border-color:var(--md-sys-color-error)}.ui-alert--outlined.ui-alert--error .ui-alert__icon{color:var(--md-sys-color-error)}.ui-alert--outlined.ui-alert--error .ui-alert__close{color:var(--md-sys-color-on-surface-variant)}.ui-alert--outlined.ui-alert--error .ui-alert__close:hover:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.ui-alert--outlined.ui-alert--error .ui-alert__close:active:not(:disabled,.ui-button--disabled){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.ui-alert--outlined.ui-alert--error .ui-alert__close:focus-visible{outline:2rem solid var(--md-sys-color-error);outline-offset:2rem}