@layer theme,base;@layer ds{.fluid-alert{align-items:flex-start;gap:var(--space-2-5);padding:var(--space-3-5);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--text-primary);display:flex}.fluid-alert__icon{width:var(--icon-md);height:var(--icon-md);flex:none;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.fluid-alert__icon>svg{width:100%;height:100%}.fluid-alert__body{gap:var(--space-0-5);flex-direction:column;flex:auto;min-width:0;display:flex}.fluid-alert__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:inherit}.fluid-alert__text{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:inherit}.fluid-alert__action{flex:none;align-self:center}.fluid-alert__close{width:var(--control-24);height:var(--control-24);border-radius:var(--radius-md);color:currentColor;cursor:pointer;opacity:.7;transition:var(--transition-colors), opacity var(--duration-base) var(--easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.fluid-alert__close:hover{background:var(--bg-hover);opacity:1}.fluid-alert__close:focus{outline:none}.fluid-alert__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--space-0-5)}.fluid-alert__close>svg{width:var(--icon-xl);height:var(--icon-xl)}.fluid-alert--info{background:var(--bg-subtle);color:var(--text-secondary)}.fluid-alert--success{background:var(--status-success-bg);color:var(--status-success-fg)}.fluid-alert--warning{background:var(--status-warning-bg);color:var(--status-warning-fg)}.fluid-alert--danger{background:var(--status-error-bg);color:var(--status-error-fg)}.fluid-alert--floating,.fluid-alert--floating-navy{right:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);min-width:280px;max-width:420px;padding:var(--space-3) var(--space-3-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-dropdown);animation:fluidPop var(--duration-enter) var(--easing-glide);position:fixed}.fluid-alert--floating-navy{background:var(--bg-inverse);color:var(--text-on-inverse)}@keyframes fluidPop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.fluid-alert--floating,.fluid-alert--floating-navy{animation:fluidPop-reduced var(--duration-enter) var(--easing-standard)}@keyframes fluidPop-reduced{0%{opacity:0}to{opacity:1}}}}@layer components,utilities;
