.inline-alert{border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;border:2px solid;transition:all .3s ease;font-family:Open Sans,sans-serif}.inline-alert-content{display:flex;align-items:flex-start;gap:12px}.inline-alert-icon{flex-shrink:0;margin-top:2px}.alert-icon{width:20px;height:20px}.inline-alert-message{flex:1}.alert-text{margin:0;font-size:14px;font-weight:500;line-height:1.4}.alert-code{margin:4px 0 0;font-size:12px;opacity:.8;font-family:monospace}.inline-alert-dismiss{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;opacity:.6;transition:opacity .2s ease;margin-top:2px}.inline-alert-dismiss:hover{opacity:1}.inline-alert-dismiss svg{width:16px;height:16px}.inline-alert-error{background-color:#fef2f2;border-color:var(--red-1);color:#991b1b}.inline-alert-error .alert-icon,.inline-alert-error .inline-alert-dismiss{color:var(--red-1)}.inline-alert-warning{background-color:#fffbeb;border-color:#f59e0b;color:#92400e}.inline-alert-warning .alert-icon,.inline-alert-warning .inline-alert-dismiss{color:#f59e0b}.inline-alert-info{background-color:var(--primary-background);border-color:var(--primary-2);color:var(--primary-4)}.inline-alert-info .alert-icon,.inline-alert-info .inline-alert-dismiss{color:var(--primary-2)}.inline-alert-success{background-color:#f0fdf4;border-color:#22c55e;color:#166534}.inline-alert-success .alert-icon,.inline-alert-success .inline-alert-dismiss{color:#22c55e}@media (max-width:480px){.inline-alert{padding:10px 12px}.inline-alert-content{gap:8px}.alert-text{font-size:13px}.alert-code{font-size:11px}}