@layer vectis.reset,vectis.tokens;@layer vectis.components{.v-alert{--alert-line:calc(var(--vectis-text-body-md-size) * var(--vectis-text-body-md-leading));align-items:flex-start;gap:var(--vectis-space-3);padding:var(--vectis-space-3) var(--vectis-space-4);border:1px solid var(--tone-border-soft);border-radius:var(--vectis-radius-surface);color:var(--vectis-color-text);font-family:var(--vectis-text-family);font-size:var(--vectis-text-body-md-size);font-weight:var(--vectis-text-body-md-weight);line-height:var(--vectis-text-body-md-leading);display:flex}.v-alert[data-variant=soft]{background:var(--tone-bg-soft)}.v-alert[data-variant=outline]{background:var(--vectis-color-surface)}.v-alert-icon{--vectis-icon-size:var(--vectis-icon-size-md);margin-block:calc((var(--alert-line) - var(--vectis-icon-size-md)) / 2);color:var(--tone-text-tinted);flex:none}.v-alert-body{gap:var(--vectis-space-1);overflow-wrap:anywhere;flex-direction:column;flex:1;min-inline-size:0;display:flex}.v-alert-title{color:var(--tone-text-tinted);font-weight:var(--vectis-font-weight-semibold)}.v-alert-actions{gap:var(--vectis-space-2);flex-wrap:wrap;margin-block-start:var(--vectis-space-2);display:flex}.v-alert-close{margin-block:calc((var(--alert-line) - var(--vectis-control-height-sm)) / 2);flex:none;margin-inline-end:calc(-1 * var(--vectis-space-2))}.v-alert .v-alert-close[data-tone]{--tone-text-tinted:var(--vectis-color-text-muted);--tone-bg-soft:color-mix(in oklab, currentcolor, transparent 88%)}}@layer vectis.utilities;.demo[data-v-f1fa924f]{align-items:flex-start;gap:var(--vectis-space-3);flex-direction:column;flex:1;display:flex}.alert[data-v-f1fa924f]{align-self:stretch}.demo[data-v-39a007c6]{align-items:flex-start;gap:var(--vectis-space-3);flex-direction:column;flex:1;display:flex}.alert[data-v-39a007c6]{align-self:stretch}