.semantic-toast.semantic-toast--success{--semantic-toast-accent:var(--status-success-icon);--semantic-toast-border:var(--alert-success-border)}
.semantic-toast.semantic-toast--info{--semantic-toast-accent:var(--brand);--semantic-toast-border:color-mix(in srgb, var(--brand) 28%, transparent)}
.semantic-toast.semantic-toast--warning{--semantic-toast-accent:var(--status-warning-icon);--semantic-toast-border:var(--status-warning-border)}
.semantic-toast.semantic-toast--danger{--semantic-toast-accent:var(--status-danger-icon);--semantic-toast-border:var(--alert-danger-border)}
.semantic-toast-viewport{top:calc(var(--app-header-height) + var(--space-2));right:var(--space-4);z-index:var(--z-toast);gap:var(--space-1-5);width:calc(100% - var(--space-8));pointer-events:none;flex-direction:column;max-width:22rem;display:flex;position:fixed}.semantic-toast{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:.0625rem solid var(--semantic-toast-border,var(--border));border-radius:var(--radius);box-shadow:none;pointer-events:auto;will-change:opacity, transform;background-color:#fff;animation:.22s ease-out both semantic-toast-fade-in;display:flex;position:relative;overflow:hidden}.semantic-toast--exiting{animation:.22s ease-in forwards semantic-toast-fade-out}.semantic-toast__icon{border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--semantic-toast-accent,var(--text-strong)) 22%, transparent);width:1.75rem;height:1.75rem;color:var(--semantic-toast-accent,var(--text-strong));flex-shrink:0;justify-content:center;align-items:center;margin-top:0;display:inline-flex}.semantic-toast__icon svg{flex-shrink:0;width:55%;height:55%}.semantic-toast__body{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.semantic-toast__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#111827;line-height:1.3}.semantic-toast__description{font-size:var(--fs-sm);color:#111827;line-height:1.35;font-weight:var(--fw-normal)}.dark .semantic-toast__title,.dark .semantic-toast__description{color:var(--text-strong)}.semantic-toast__actions{justify-content:flex-end;align-items:center;gap:var(--space-1-5);margin-top:var(--space-1-5);display:flex}.semantic-toast__action{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:#111827;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:.1875rem .4375rem}.semantic-toast__action:hover{background-color:#0000000f}.dark .semantic-toast__action{color:var(--text-strong)}.dark .semantic-toast__action:hover{background-color:#ffffff14}.semantic-toast__action:focus-visible{outline:.125rem solid var(--semantic-toast-accent);outline-offset:.0625rem}.semantic-toast__action--ignore{color:var(--text-placeholder)}.semantic-toast__action--ignore:hover{color:var(--text-subtle);background-color:var(--bg-gray-light)}.dark .semantic-toast__action--ignore{color:var(--text-placeholder)}.dark .semantic-toast__action--ignore:hover{color:var(--text-subtle);background-color:#ffffff0f}.semantic-toast__action--primary{background-color:#0000000d}.dark .semantic-toast__action--primary{background-color:#ffffff0f}.semantic-toast__close{color:var(--text-placeholder);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-self:flex-start;margin:-.125rem -.125rem 0 0;padding:.125rem}.semantic-toast__close:hover{color:var(--text-strong);background-color:var(--bg-gray-light)}.dark .semantic-toast__close:hover{background-color:#ffffff0f}.semantic-toast__close:focus-visible{outline:.125rem solid var(--semantic-toast-accent);outline-offset:.0625rem}.semantic-toast__close-icon{width:.8125rem;height:.8125rem;display:block}.semantic-toast__timer{background-color:color-mix(in srgb, var(--semantic-toast-accent,var(--text-strong)) 18%, transparent);height:.1875rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.semantic-toast__timer-fill{background-color:var(--semantic-toast-accent,var(--text-strong));transform-origin:0;width:100%;height:100%;animation-name:semantic-toast-timer-deplete;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}.semantic-toast--exiting .semantic-toast__timer-fill{animation-play-state:paused}@keyframes semantic-toast-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes semantic-toast-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}@keyframes semantic-toast-timer-deplete{0%{transform:scaleX(1)}to{transform:scaleX(0)}}
