@layer components{.ui-alert{--alert-background:var(--color-primary-lightest);--alert-border:var(--color-primary);--alert-text:var(--color-primary);--alert-focus-ring:var(--base-shadow-focus);border:1px solid var(--alert-border);border-radius:var(--radius-card);background-color:var(--alert-background);width:100%;color:var(--alert-text);font-family:var(--font-main);letter-spacing:0}.ui-alert--warning{--alert-background:var(--color-warning-lightest);--alert-border:var(--color-warning);--alert-text:var(--color-warning)}.ui-alert--error{--alert-background:var(--color-danger-lightest);--alert-border:var(--color-danger);--alert-text:var(--color-danger)}.ui-alert--success{--alert-background:var(--color-success-lightest);--alert-border:var(--color-success);--alert-text:var(--color-success)}.ui-alert__inner{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:.75rem;width:100%;min-width:0;padding:.75rem 1rem;display:grid}.ui-alert__icon{width:1.5rem;height:1.5rem;color:var(--alert-text);grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.ui-alert__icon>svg{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.ui-alert__content{grid-area:1/2;min-width:0}.ui-alert__title{min-width:0;color:var(--alert-text);font-family:var(--font-heading);font-size:1rem;font-weight:700;line-height:1.4}.ui-alert__description{min-width:0;color:var(--alert-text);font-size:1rem;font-weight:400;line-height:1.5}.ui-alert__description :where(p,ul,ol){margin-block:0}.ui-alert__inner>.ui-alert__title{grid-area:1/2}.ui-alert__inner>.ui-alert__description{grid-area:2/2}.ui-alert__action{width:fit-content;min-width:0;max-width:100%;min-height:1.5rem;color:var(--alert-text);grid-area:1/3;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;line-height:1.5rem;display:inline-flex}.ui-alert__action>svg{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.ui-alert__close{border-radius:var(--radius-button);width:1.5rem;height:1.5rem;color:var(--alert-text);cursor:pointer;opacity:1;background:0 0;border:0;grid-area:1/4;justify-content:center;align-items:center;display:inline-flex}.ui-alert__close>svg{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.ui-alert__action:focus-visible,.ui-alert__close:focus-visible{box-shadow:0 0 0 3px var(--alert-focus-ring);outline:none}.ui-alert__close:hover,.ui-alert__close:active,.ui-alert__close:focus-visible{opacity:.75}:is(.ui-alert--layout-default .ui-alert__inner:not(:has(>.ui-alert__icon)),.ui-alert--layout-full-screen .ui-alert__inner:not(:has(>.ui-alert__icon))){grid-template-columns:minmax(0,1fr) auto auto}:is(.ui-alert__inner:not(:has(>.ui-alert__content))>.ui-alert__action,.ui-alert__inner:not(:has(>.ui-alert__content))>.ui-alert__close){grid-row:1/span 2}.ui-alert--layout-stacked .ui-alert__inner,.ui-alert--layout-full-screen-stacked .ui-alert__inner{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.ui-alert--layout-stacked .ui-alert__icon,.ui-alert--layout-full-screen-stacked .ui-alert__icon{grid-area:1/1}.ui-alert--layout-stacked .ui-alert__content,.ui-alert--layout-full-screen-stacked .ui-alert__content,.ui-alert--layout-stacked .ui-alert__title,.ui-alert--layout-full-screen-stacked .ui-alert__title{grid-area:2/1/auto/-1}.ui-alert--layout-stacked .ui-alert__description,.ui-alert--layout-full-screen-stacked .ui-alert__description{grid-area:3/1/auto/-1}.ui-alert--layout-stacked .ui-alert__action,.ui-alert--layout-full-screen-stacked .ui-alert__action{grid-area:4/1/auto/-1;align-self:start}:is(.ui-alert--layout-stacked .ui-alert__inner:has(>.ui-alert__content)>.ui-alert__action,.ui-alert--layout-full-screen-stacked .ui-alert__inner:has(>.ui-alert__content)>.ui-alert__action){grid-row:3}.ui-alert--layout-stacked .ui-alert__close,.ui-alert--layout-full-screen-stacked .ui-alert__close{grid-area:1/2;place-self:start end}.ui-alert--layout-full-screen,.ui-alert--layout-full-screen-stacked{border-width:0 0 1px;border-radius:0}.ui-alert--layout-full-screen .ui-alert__inner,.ui-alert--layout-full-screen-stacked .ui-alert__inner{max-width:77.5rem;margin-inline:auto;padding-inline:1.25rem}.ui-alert__inner>.ui-alert__title:first-child,.ui-alert__inner>.ui-alert__description:first-child,.ui-alert__inner>.ui-alert__content:first-child,.ui-alert__inner>.ui-alert__title:first-child+.ui-alert__description,:is(.ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__title,.ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__description,.ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__content){grid-column-start:1}.ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__action{grid-column:2}.ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__close{grid-column:3}:is(.ui-alert--layout-stacked .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__title,.ui-alert--layout-full-screen-stacked .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__title,.ui-alert--layout-stacked .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__content,.ui-alert--layout-full-screen-stacked .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__content){grid-area:1/1}:is(.ui-alert--layout-stacked .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__description,.ui-alert--layout-full-screen-stacked .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__description){grid-area:2/1}:is(.ui-alert--layout-stacked .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__action,.ui-alert--layout-full-screen-stacked .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__action){grid-area:3/1/auto/-1}@media (max-width:48rem){.ui-alert__inner{grid-template-columns:auto minmax(0,1fr) auto auto;padding:1rem}:is(.ui-alert--layout-default .ui-alert__inner:not(:has(>.ui-alert__icon)),.ui-alert--layout-full-screen .ui-alert__inner:not(:has(>.ui-alert__icon))){grid-template-columns:minmax(0,1fr) auto}.ui-alert--layout-default .ui-alert__inner,.ui-alert--layout-full-screen .ui-alert__inner{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.ui-alert--layout-default .ui-alert__icon,.ui-alert--layout-full-screen .ui-alert__icon{grid-area:1/1}.ui-alert--layout-default .ui-alert__content,.ui-alert--layout-full-screen .ui-alert__content,.ui-alert--layout-default .ui-alert__title,.ui-alert--layout-full-screen .ui-alert__title{grid-area:2/1/auto/-1}.ui-alert--layout-default .ui-alert__description,.ui-alert--layout-full-screen .ui-alert__description{grid-area:3/1/auto/-1}.ui-alert--layout-default .ui-alert__action,.ui-alert--layout-full-screen .ui-alert__action{grid-area:4/1/auto/-1;align-self:start}:is(.ui-alert--layout-default .ui-alert__inner:has(>.ui-alert__content)>.ui-alert__action,.ui-alert--layout-full-screen .ui-alert__inner:has(>.ui-alert__content)>.ui-alert__action){grid-row:3}.ui-alert--layout-default .ui-alert__close,.ui-alert--layout-full-screen .ui-alert__close{grid-area:1/2;place-self:start end}:is(.ui-alert--layout-default .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__title,.ui-alert--layout-full-screen .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__title,.ui-alert--layout-default .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__content,.ui-alert--layout-full-screen .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__content){grid-area:1/1}:is(.ui-alert--layout-default .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__description,.ui-alert--layout-full-screen .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__description){grid-area:2/1}:is(.ui-alert--layout-default .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__action,.ui-alert--layout-full-screen .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__action){grid-area:3/1/auto/-1}:is(.ui-alert--layout-default .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__close,.ui-alert--layout-full-screen .ui-alert__inner:not(:has(>.ui-alert__icon))>.ui-alert__close){grid-area:1/2}.ui-alert__title,.ui-alert__description,.ui-alert__action{font-size:.875rem}}}