@layer components{.v-alert{--alert-color: inherit;--alert-bg: var(--bg-a1);--alert-border-color: var(--color-border-1);--alert-padding: .75em;position:relative;border-radius:var(--radius-card);width:100%;display:grid;word-break:break-word;font-size:var(--fz-label);grid-template:"icon title      " auto "icon description" auto "icon buttons" auto / auto 1fr}.v-alert:not(.v-alert--transparent){padding:calc(var(--alert-padding) + 1px);background-color:var(--alert-bg);box-shadow:0 0 0 1px var(--alert-border-color) inset}.v-alert--semantic{--alert-bg: color-mix(in oklab, var(--alert-color) 8%, transparent);--alert-border-color: color-mix( in oklab, var(--alert-color) 10%, transparent )}.v-alert--semantic .v-alert__title{color:color-mix(in oklab,var(--alert-color),var(--fg-base))}.v-alert--section{border-radius:0}.v-alert--section:before{box-shadow:none;border-top:1px solid var(--alert-border-color);border-bottom:1px solid var(--alert-border-color)}.v-alert--centered{align-items:center}@media(min-width:30rem){.v-alert--buttons-row{grid-template:"icon title buttons" auto / auto 1fr auto}.v-alert--buttons-row:has(.v-alert__description){grid-template:"icon title       buttons" auto "icon description buttons" auto / auto 1fr auto}.v-alert--buttons-row:not(.v-alert--buttons-row:has(.v-alert__description)){align-items:center}.v-alert--buttons-row .v-alert__buttons{width:auto;margin-left:1.5em;margin-top:0}}.v-alert__icon{--icon-size: 1em;--icon-opacity: var(--icon-opacity-semantic);color:var(--alert-color);grid-area:icon;display:flex;align-items:center;height:1lh;margin-left:-.15em;margin-right:.45em}.v-alert__title{grid-area:title;font-weight:var(--fw-normal);font-size:inherit;color:var(--alert-color)}.v-alert__title:has(+.v-alert__description){font-weight:var(--fw-medium)}.v-alert__description{grid-area:description;font-size:var(--fz-sm);color:var(--fg-secondary);word-break:break-word;white-space-collapse:preserve-breaks;margin-top:.125em}.v-alert__buttons{grid-area:buttons;display:flex;align-items:center;gap:.5em;width:100%;margin-top:var(--alert-padding)}.v-alert__buttons--end{justify-content:flex-end;margin-right:-.25em;margin-block-start:.5em}}