.catwalk-alert-region{z-index:10000;overscroll-behavior:contain;scrollbar-width:var(--app-scrollbar-width,thin);pointer-events:none;flex-direction:column;align-items:stretch;gap:9px;width:min(390px,100vw - 28px);max-height:calc(100dvh - 36px);display:flex;position:fixed;top:18px;right:18px;overflow-y:auto}.catwalk-alert{border:1px solid var(--ui-border-strong);background:var(--ui-panel-raised);color:var(--ui-text);pointer-events:auto;touch-action:pan-y;user-select:none;will-change:transform, opacity;border-radius:13px;flex:none;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 13px 13px 14px;transition:transform .18s,opacity .18s,box-shadow .18s;animation:.18s ease-out catwalk-alert-enter;display:grid}.catwalk-alert.is-dragging{cursor:grabbing;box-shadow:var(--ui-shadow);transition:none}.catwalk-alert.is-dismissing{pointer-events:none}.catwalk-alert-icon{background:var(--ui-selected);width:32px;height:32px;color:var(--ui-focus);border-radius:9px;place-items:center;display:grid}.catwalk-alert-icon svg{width:17px;height:17px}.catwalk-alert-copy{gap:2px;min-width:0;display:grid}.catwalk-alert-copy strong{font-size:12px;font-weight:700}.catwalk-alert-copy>span{color:var(--ui-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.55}.catwalk-alert>button{width:28px;height:28px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.catwalk-alert>button:hover{background:var(--ui-panel-soft);color:var(--ui-text)}.catwalk-alert>button svg{width:15px;height:15px}.catwalk-alert-success{border-color:color-mix(in srgb, var(--status-success) 45%, transparent)}.catwalk-alert-success .catwalk-alert-icon{background:var(--ui-panel-soft);color:var(--status-success)}.catwalk-alert-error{border-color:var(--status-danger-border)}.catwalk-alert-error .catwalk-alert-icon{background:var(--ui-panel-soft);color:var(--status-danger)}.catwalk-alert-warning{border-color:color-mix(in srgb, var(--status-warning) 48%, transparent)}.catwalk-alert-warning .catwalk-alert-icon{background:var(--ui-panel-soft);color:var(--status-warning)}@keyframes catwalk-alert-enter{0%{opacity:0;transform:translate(12px,-8px)}to{opacity:1;transform:translate(0,0)}}@media (max-width:640px){.catwalk-alert-region{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);top:10px;right:10px}}@media (prefers-reduced-motion:reduce){.catwalk-alert{animation:none}}
