.vui-callout{--vui-callout-bg:var(--vui-info-bg);--vui-callout-tone:var(--vui-info-fg);--vui-callout-pad-y:var(--vui-card-pad-y-md);--vui-callout-mark:2rem;--vui-callout-glyph:1rem;--vui-callout-mark-r:var(--vui-radius-sm);--vui-callout-gap:var(--vui-space-3);align-items:flex-start;gap:var(--vui-callout-gap);width:100%;padding:var(--vui-callout-pad-y) var(--vui-card-pad-x);border-radius:var(--vui-radius-md);background:var(--vui-callout-bg);color:var(--vui-text-primary);display:flex;position:relative}.vui-callout--dismissible{padding-inline-end:var(--vui-space-7)}.vui-callout--neutral{--vui-callout-bg:var(--vui-surface-subtle);--vui-callout-tone:var(--vui-text-secondary)}.vui-callout--success{--vui-callout-bg:var(--vui-success-bg);--vui-callout-tone:var(--vui-success-fg)}.vui-callout--warn{--vui-callout-bg:var(--vui-warn-bg);--vui-callout-tone:var(--vui-warn-fg)}.vui-callout--danger{--vui-callout-bg:var(--vui-danger-bg);--vui-callout-tone:var(--vui-danger-fg)}.vui-callout__mark{width:var(--vui-callout-mark);height:var(--vui-callout-mark);border-radius:var(--vui-callout-mark-r);background:color-mix(in oklch, var(--vui-callout-tone) 14%, transparent);color:var(--vui-callout-tone);flex:none;place-items:center;display:grid}.vui-callout__mark svg{width:var(--vui-callout-glyph);height:var(--vui-callout-glyph)}.vui-callout__content{gap:var(--vui-space-1);flex-direction:column;flex:auto;min-width:0;display:flex}.vui-callout__title{font-size:var(--vui-text-body);font-weight:var(--vui-weight-semibold);line-height:var(--vui-leading-normal);color:var(--vui-text-primary);margin:0}.vui-callout__message{font-size:var(--vui-text-small);line-height:var(--vui-leading-normal);color:var(--vui-text-secondary);overflow-wrap:break-word}.vui-callout__message a{color:var(--vui-accent);text-underline-offset:.15em;text-decoration:underline}.vui-callout__actions{align-items:center;gap:var(--vui-cluster-md);flex-wrap:wrap;margin-block-start:var(--vui-space-2);display:flex}.vui-callout .vui-callout__close{top:var(--vui-space-2);right:var(--vui-space-2);color:var(--vui-callout-tone);position:absolute}.vui-callout .vui-callout__close:hover{background:color-mix(in oklch, var(--vui-callout-tone) 14%, transparent)}.vui-callout--sm{--vui-callout-pad-y:var(--vui-card-pad-y-sm);--vui-callout-mark:1.5rem;--vui-callout-gap:var(--vui-space-2);align-items:center}.vui-callout--sm .vui-callout__content{align-items:center;gap:var(--vui-space-3);flex-direction:row}.vui-callout--sm .vui-callout__message{min-width:0;font-size:var(--vui-dense-text-lg);line-height:var(--vui-dense-leading-lg);color:var(--vui-text-primary);flex:auto}.vui-callout--sm .vui-callout__actions{margin-block-start:0;margin-inline-start:auto}.vui-callout--lg{--vui-callout-pad-y:var(--vui-card-pad-y-lg);--vui-callout-mark:2.5rem;--vui-callout-glyph:1.25rem;--vui-callout-mark-r:var(--vui-radius-md);--vui-callout-gap:var(--vui-space-4)}.vui-callout--lg .vui-callout__title{font-size:var(--vui-text-body-lg)}.vui-callout--lg .vui-callout__message{font-size:var(--vui-text-body)}.vui-callout--banner{--vui-callout-pad-y:var(--vui-card-pad-y-sm);padding-inline:var(--vui-container-pad);border-bottom:1px solid oklch(from var(--vui-callout-tone) l c h / .24);border-radius:0}.vui-callout--banner.vui-callout--dismissible{padding-inline-end:calc(var(--vui-container-pad) + var(--vui-space-6))}.vui-callout--banner .vui-callout__close{right:calc(var(--vui-container-pad) - var(--vui-space-2))}.vui-callout--banner .vui-callout__content{align-items:center;column-gap:var(--vui-space-4);row-gap:var(--vui-space-2);flex-flow:wrap;display:flex}.vui-callout--banner .vui-callout__title{flex:100%}.vui-callout--banner .vui-callout__message{flex:20rem}.vui-callout--banner .vui-callout__actions{margin-top:0}