.callout.svelte-1yf0ab2{border-left:8px solid;padding:1em;margin:1em 0;background-color:var(--bg-secondary);border-radius:0 4px 4px 0;box-shadow:0 1px 3px #0000001a;transition:all .2s ease-in-out}.callout.svelte-1yf0ab2:hover{box-shadow:0 2px 6px #00000026}.callout.callout-info.svelte-1yf0ab2{border-color:var(--info-color)}.callout.callout-info.svelte-1yf0ab2 .callout-icon:where(.svelte-1yf0ab2){color:var(--info-color)}.callout.callout-warning.svelte-1yf0ab2{border-color:var(--warning-color)}.callout.callout-warning.svelte-1yf0ab2 .callout-icon:where(.svelte-1yf0ab2){color:var(--warning-color)}.callout.callout-danger.svelte-1yf0ab2{border-color:var(--danger-color)}.callout.callout-danger.svelte-1yf0ab2 .callout-icon:where(.svelte-1yf0ab2){color:var(--danger-color)}.callout.callout-success.svelte-1yf0ab2{border-color:var(--success-color)}.callout.callout-success.svelte-1yf0ab2 .callout-icon:where(.svelte-1yf0ab2){color:var(--success-color)}.callout-content.svelte-1yf0ab2{display:flex;flex-direction:column;gap:.5rem}.callout-header.svelte-1yf0ab2{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.callout-icon.svelte-1yf0ab2{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.callout-title.svelte-1yf0ab2{flex:1;margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.3}.callout-dismiss.svelte-1yf0ab2{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease-in-out;flex-shrink:0}.callout-dismiss.svelte-1yf0ab2:hover{background-color:#0000001a;color:var(--text-secondary)}.callout-dismiss.svelte-1yf0ab2:focus{outline:2px solid var(--bg-accent);outline-offset:2px}.callout-body.svelte-1yf0ab2{padding-left:2rem;color:var(--text-primary);line-height:1.5}.callout-body.svelte-1yf0ab2 p:first-child{margin-top:0}.callout-body.svelte-1yf0ab2 p:last-child{margin-bottom:0}.callout-body.svelte-1yf0ab2 ul,.callout-body.svelte-1yf0ab2 ol{margin:.5rem 0;padding-left:1.5rem}@media (max-width: 700px){.callout.svelte-1yf0ab2{margin:1em -.5em;border-radius:0;border-left-width:4px}.callout-body.svelte-1yf0ab2{padding-left:1.5rem}.callout-header.svelte-1yf0ab2{gap:.5rem}}.callout.compact.svelte-1yf0ab2{padding:.75em;margin:.5em 0}.callout.compact.svelte-1yf0ab2 .callout-header:where(.svelte-1yf0ab2){margin-bottom:.25rem}.callout.compact.svelte-1yf0ab2 .callout-body:where(.svelte-1yf0ab2){padding-left:1.5rem}