@layer reset;@layer tokens{:root{--f-alert--border-radius:var(--f-border-radius);--f-alert--icon-size:var(--f-space-8);--f-alert--icon-size--small:var(--f-space-5);--f-alert--icon-size--large:var(--f-space-10);--f-alert--padding-horizontal:var(--f-space-4);--f-alert--padding-vertical:var(--f-space-4);--f-alert--padding-horizontal--small:var(--f-space-3);--f-alert--padding-vertical--small:var(--f-space-2);--f-alert--padding-horizontal--large:var(--f-space-5);--f-alert--padding-vertical--large:var(--f-space-5);--f-alert--title--font-size:var(--f-text-lg);--f-alert--title--font-size--small:.85rem;--f-alert--title--font-size--large:var(--f-text-xl);--f-alert--close-size:var(--f-button--height--size-small);--f-alert--close-inset:var(--f-space-1);--f-alert--close-safe-area:calc(var(--f-alert--close-size) - var(--f-alert--close-inset))}}@layer base;@layer components{.f-alert{--_f-alert--icon-size:var(--f-alert--icon-size);--_f-alert--padding-horizontal:var(--f-alert--padding-horizontal);--_f-alert--padding-vertical:var(--f-alert--padding-vertical);--_f-alert--gap:var(--_f-alert--padding-horizontal);--_f-alert--title--font-size:var(--f-alert--title--font-size);gap:var(--_f-alert--gap);padding:var(--_f-alert--padding-vertical) var(--_f-alert--padding-horizontal);background-color:var(--_f-alert--bg-color);border-radius:var(--f-alert--border-radius);border:1px solid var(--_f-alert--border-color);flex-direction:row;width:100%;display:flex;position:relative}.f-alert--size-small{--_f-alert--padding-horizontal:var(--f-alert--padding-horizontal--small);--_f-alert--padding-vertical:var(--f-alert--padding-vertical--small);--_f-alert--gap:var(--_f-alert--padding-horizontal);--_f-alert--icon-size:var(--f-alert--icon-size--small);--_f-alert--title--font-size:var(--f-alert--title--font-size--small)}.f-alert--size-large{--_f-alert--padding-horizontal:var(--f-alert--padding-horizontal--large);--_f-alert--padding-vertical:var(--f-alert--padding-vertical--large);--_f-alert--gap:var(--_f-alert--padding-horizontal);--_f-alert--icon-size:var(--f-alert--icon-size--large);--_f-alert--title--font-size:var(--f-alert--title--font-size--large)}.f-alert--closeable{padding-inline-end:calc(var(--_f-alert--padding-horizontal) + var(--f-alert--close-safe-area))}.f-alert__icon{color:var(--_f-alert--icon-color);flex-shrink:0}.f-alert__icon svg{width:var(--_f-alert--icon-size);height:auto}.f-alert__content{gap:var(--f-space-1);flex-direction:column;flex-grow:1;display:flex}.f-alert__title{font-size:var(--_f-alert--title--font-size);font-weight:var(--f-font-weight-semibold);color:var(--_f-alert--title-color)}.f-alert__text{font-size:var(--f-text-sm);color:var(--_f-alert--text-color)}.f-alert__close{opacity:.6;top:var(--f-alert--close-inset);right:var(--f-alert--close-inset);flex-shrink:0;position:absolute}.f-alert__close:hover{opacity:1}.f-alert--tone-solid .f-alert__close{color:var(--_f-alert--icon-color)}.f-alert--color-primary{--_f-alert--accent-color:var(--f-color-primary)}.f-alert--color-secondary{--_f-alert--accent-color:var(--f-color-secondary)}.f-alert--color-success{--_f-alert--accent-color:var(--f-color-success)}.f-alert--color-warning{--_f-alert--accent-color:var(--f-color-warning)}.f-alert--color-danger{--_f-alert--accent-color:var(--f-color-danger)}.f-alert--color-default.f-alert--tone-plain{--_f-alert--bg-color:var(--f-color-surface-default);--_f-alert--border-color:var(--f-color-border-default);--_f-alert--title-color:var(--f-color-text-primary);--_f-alert--text-color:var(--f-color-text-secondary);--_f-alert--icon-color:var(--f-color-text-secondary)}.f-alert--color-default.f-alert--tone-soft{--_f-alert--bg-color:var(--f-color-surface-subtle);--_f-alert--border-color:transparent;--_f-alert--title-color:var(--f-color-text-primary);--_f-alert--text-color:var(--f-color-text-primary);--_f-alert--icon-color:var(--f-color-text-secondary)}.f-alert--color-default.f-alert--tone-solid{--_f-alert--bg-color:var(--f-color-border-strong);--_f-alert--border-color:transparent;--_f-alert--title-color:var(--f-color-text-primary);--_f-alert--text-color:var(--f-color-text-primary);--_f-alert--icon-color:var(--f-color-text-secondary)}.f-alert--tone-plain:not(.f-alert--color-default){--_f-alert--bg-color:var(--f-color-surface-default);--_f-alert--border-color:var(--lightningcss-light,color-mix(in oklch, var(--_f-alert--accent-color) 35%, var(--f-color-mix-neutral)))var(--lightningcss-dark,color-mix(in oklch, var(--_f-alert--accent-color) 85%, var(--f-color-mix-neutral)));--_f-alert--title-color:var(--_f-alert--accent-color);--_f-alert--text-color:var(--f-color-text-secondary);--_f-alert--icon-color:var(--_f-alert--accent-color)}.f-alert--tone-soft:not(.f-alert--color-default){--_f-alert--bg-color:color-mix(in oklch, var(--_f-alert--accent-color) 30%, var(--f-color-mix-neutral));--_f-alert--border-color:transparent;--_f-alert--title-color:var(--_f-alert--accent-color);--_f-alert--text-color:var(--f-color-text-primary);--_f-alert--icon-color:var(--_f-alert--accent-color)}.f-alert--tone-solid:not(.f-alert--color-default){--_f-alert--bg-color:var(--_f-alert--accent-color);--_f-alert--border-color:transparent;--_f-alert--title-color:var(--f-color-on-accent);--_f-alert--text-color:var(--f-color-on-accent);--_f-alert--icon-color:var(--f-color-on-accent)}}@layer theme,utilities;