.toasts{z-index:20;align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--fg);max-width:100%;color:var(--bg);box-shadow:var(--shadow-pop);pointer-events:auto;border-radius:10px;align-items:center;gap:12px;padding:10px 10px 12px 14px;font-size:.875rem;display:flex;position:relative;overflow:hidden}.toast:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.toast-ic{width:18px;height:18px;-webkit-mask:var(--toast-icon) center / contain no-repeat;-webkit-mask:var(--toast-icon) center / contain no-repeat;mask:var(--toast-icon) center / contain no-repeat;background-color:currentColor;flex:none}.toast.done .toast-ic{--toast-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");color:color-mix(in srgb, var(--ok) 55%, var(--bg))}.toast.problem .toast-ic{--toast-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5v.01'/%3E%3C/svg%3E");color:color-mix(in srgb, var(--danger) 55%, var(--bg))}.toast-action{color:var(--bg);font-size:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.toast-bar{background:color-mix(in srgb, var(--bg) 55%, transparent);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0}@media (width<=1023px){.toasts{width:auto;max-width:none;bottom:74px;left:16px;right:16px;transform:none}.toast{width:100%}.toast-action{align-items:center;min-height:44px;display:inline-flex}}