@layer sv.tokens,sv.base;@layer sv.components{.sv-alert{gap:var(--sv-space-13);box-sizing:border-box;padding:calc(var(--sv-space-13) * var(--sv-density)) calc(var(--sv-space-21) * var(--sv-density));border:var(--sv-hairline) solid var(--sv-variant-border);border-radius:var(--sv-rounded,min(var(--sv-radius-md), var(--sv-radius-lg)));background-color:var(--sv-variant-bg);box-shadow:var(--sv-variant-shadow);color:var(--sv-variant-fg);font-size:var(--sv-text-sm);line-height:var(--sv-leading-snug);align-items:flex-start;display:flex}.sv-alert__icon{block-size:calc(1em * var(--sv-leading-snug));flex:none;align-items:center;display:inline-flex}:where(.sv-alert__icon) svg{block-size:1.272em;inline-size:1.272em}.sv-alert__content{gap:var(--sv-space-5);flex:1;min-inline-size:0;display:grid}.sv-alert__title{font-weight:var(--sv-weight-semibold)}.sv-alert__actions{gap:var(--sv-space-8);flex-wrap:wrap;margin-block-start:var(--sv-space-5);display:flex}.sv-alert__close{block-size:1.618em;inline-size:1.618em;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-block:-.191em;padding:0;display:inline-grid}@media (hover:hover){.sv-alert__close:hover{background-color:color-mix(in oklch, currentColor var(--sv-state-hover), transparent)}}.sv-alert__close svg{block-size:1em;inline-size:1em}}@layer sv.utilities;
