@layer components{.v-alert{--v-alert-color:inherit;--v-alert-bg:var(--bg-a1);--v-alert-border-color:var(--color-border-2);--v-alert-padding:.75em;border-radius:var(--radius-4);word-break:break-word;width:100%;padding:calc(var(--v-alert-padding) + 1px);background-color:var(--v-alert-bg);box-shadow:0 0 0 1px var(--v-alert-border-color) inset;line-height:var(--lh-1);font-size:var(--fz-sm);grid-template-columns:1fr auto;grid-template-areas:"title buttons";align-items:center;display:grid;position:relative}.v-alert--has-description{grid-template-rows:auto auto auto;grid-template-areas:"title buttons""description buttons"".buttons";align-items:start}.v-alert--has-description .v-alert__buttons{align-items:flex-start}.v-alert--semantic{--v-alert-bg:color-mix(in oklab, var(--v-alert-color) 8%, transparent);--v-alert-border-color:color-mix(in oklab, var(--v-alert-color) 12%, transparent)}.v-alert--semantic .v-alert__title{color:color-mix(in oklab, var(--v-alert-color) 80%, var(--fg-base))}.v-alert--semantic .v-alert__description{color:color-mix(in oklab, var(--v-alert-color) 20%, var(--fg-disabled))}.v-alert__title{color:var(--fg-base);grid-area:title;font-weight:500}.v-alert__description{word-break:break-word;white-space-collapse:preserve-breaks;color:var(--fg-secondary);grid-area:description}.v-alert__buttons{grid-area:buttons;align-items:center;gap:.5em;width:100%;margin-inline-start:12px;display:flex}}