.dz-callout{border-radius:var(--dz-radius-lg);color:var(--dz-ink);border:1px solid #0000;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:relative}.dz-callout[data-size=sm]{border-radius:var(--dz-radius-md);gap:10px;padding:10px 12px}.dz-callout__icon{color:var(--t);flex:none;place-items:center;margin-top:1px;display:grid}.dz-callout__body{flex:1;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;display:grid}.dz-callout__title{font-weight:650;font-size:var(--dz-text-md);color:var(--t);line-height:1.4}.dz-callout__text{font-size:var(--dz-text-sm);color:var(--dz-ink-2);line-height:1.55}.dz-callout__text :where(a){color:var(--t);text-underline-offset:3px;font-weight:600}.dz-callout__text :where(ul,ol){margin:4px 0 0;padding-left:18px}.dz-callout__actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.dz-callout__close{border-radius:calc(8px * var(--dz-radius-scale));width:26px;height:26px;color:var(--dz-muted);transition:background var(--dz-dur-fast),color var(--dz-dur-fast);flex:none;place-items:center;margin:-3px -6px 0 0;display:grid}@media (hover:hover){.dz-callout__close:hover{background:color-mix(in srgb,var(--t) 14%,transparent);color:var(--dz-ink)}}.dz-callout--soft{background:var(--t-soft);border-color:color-mix(in srgb,var(--t) 18%,transparent)}.dz-callout--soft :is(.dz-callout__title,.dz-callout__text a){color:var(--t-text)}.dz-callout--outline{background:var(--dz-surface);border-color:color-mix(in srgb,var(--t) 40%,transparent)}.dz-callout--side{background:var(--dz-surface);border-color:var(--dz-line);border-radius:var(--dz-radius-2xs) var(--dz-radius-lg) var(--dz-radius-lg) var(--dz-radius-2xs);box-shadow:inset 4px 0 0 var(--t);padding-left:20px}.dz-callout--solid{background:var(--t-solid)}.dz-callout--solid :is(.dz-callout__icon,.dz-callout__title,.dz-callout__text,.dz-callout__close){color:var(--t-ink)}.dz-callout--solid .dz-callout__text :where(a){color:inherit}.dz-callout-leave-active{transition:opacity var(--dz-dur) var(--dz-ease),transform var(--dz-dur) var(--dz-ease)}.dz-callout-leave-to{opacity:0;transform:translateY(-4px)scale(.99)}@media (pointer:coarse){.dz-callout__close{width:32px;height:32px;margin:-6px -8px 0 0;position:relative}.dz-callout__close:after{content:"";position:absolute;inset:-6px}}