@layer components{.ws-callout-root{align-items:flex-start;gap:var(--space-8);padding-block:var(--space-8);padding-inline:var(--space-12);border:var(--border-width-hairline) solid;border-radius:var(--radius-md);font:var(--text-body);letter-spacing:var(--tracking-body);display:flex}.ws-callout-root[data-placement=banner]{padding-inline:var(--space-16);border-block-start-style:none;border-inline-style:none;border-radius:0}.ws-callout-root[data-placement=bar]{align-items:center;gap:var(--space-6);box-sizing:border-box;min-inline-size:0;block-size:var(--size-control);padding-block:0;padding-inline:var(--space-4);white-space:nowrap;background:0 0;border-color:#0000;overflow:hidden}.ws-callout-root[data-placement=bar] .ws-callout-text{text-overflow:ellipsis;overflow:hidden}@container (inline-size<480px){.ws-callout-root[data-placement=bar]{block-size:auto;min-block-size:var(--size-control);padding-block:var(--space-4);white-space:normal;align-items:flex-start}.ws-callout-root[data-placement=bar] .ws-callout-icon{padding-block-start:var(--space-2)}.ws-callout-root[data-placement=bar] .ws-callout-text{text-overflow:clip;overflow:visible}}.ws-callout-root[data-tone=info]{border-color:var(--tag-blue-border);background:var(--tag-blue-bg);color:var(--tag-blue-text)}.ws-callout-root[data-tone=success]{border-color:var(--tag-green-border);background:var(--tag-green-bg);color:var(--tag-green-text)}.ws-callout-root[data-tone=warning]{border-color:var(--tag-yellow-border);background:var(--tag-yellow-bg);color:var(--tag-yellow-text)}.ws-callout-root[data-tone=danger]{border-color:var(--tag-red-border);background:var(--tag-red-bg);color:var(--tag-red-text)}.ws-callout-icon{flex:none;padding-block-start:var(--space-2);display:inline-flex}.ws-callout-root[data-placement=bar] .ws-callout-icon{padding-block-start:0}.ws-callout-body{gap:var(--space-2);flex-direction:column;flex:1;min-inline-size:0;display:flex}.ws-callout-title{font:var(--text-body-strong);letter-spacing:var(--tracking-body-strong)}.ws-callout-actions{gap:var(--space-8);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}@media (forced-colors:active){.ws-callout-root{border-color:canvastext}}}