.callout-wrapper{border-radius:var(--callout-radius,var(--radius-md));font-size:var(--font-size);border:1px solid #0000;padding-block:.5rem;padding-inline:.75rem;display:inline-block}.callout-wrapper .callout-content{align-items:center;gap:.75em;display:flex}.callout-wrapper .callout-content .iconify{font-size:var(--icon-size);flex-shrink:0}.callout-wrapper .default-slot{flex-grow:1}.callout-color--accent{color:var(--color-accent-text);background-color:var(--color-accent-bg)}.callout-color--red{color:var(--color-red-text);background-color:var(--color-red-bg)}.callout-color--orange{color:var(--color-orange-text);background-color:var(--color-orange-bg)}.callout-color--green{color:var(--color-green-text);background-color:var(--color-green-bg)}.callout-color--blue{color:var(--color-grey-text);background-color:var(--color-grey-bg)}.callout-variant--outline{background-color:var(--color-white)}.callout-variant--outline.callout-color--accent{border-color:var(--color-accent-bg);color:var(--color-accent-text)}.callout-variant--outline.callout-color--accent .iconify{color:var(--color-accent-graphic)}.callout-variant--outline.callout-color--red{border-color:var(--color-red-bg);color:var(--color-red-text)}.callout-variant--outline.callout-color--red .iconify{color:var(--color-red-graphic)}.callout-variant--outline.callout-color--orange{border-color:var(--color-orange-bg);color:var(--color-orange-text)}.callout-variant--outline.callout-color--orange .iconify{color:var(--color-orange-graphic)}.callout-variant--outline.callout-color--green{border-color:var(--color-green-bg);color:var(--color-green-text)}.callout-variant--outline.callout-color--green .iconify{color:var(--color-green-graphic)}.callout-variant--outline.callout-color--blue{border-color:var(--color-grey-light);color:var(--color-grey-text)}.callout-variant--outline.callout-color--blue .iconify{color:var(--color-grey-text)}