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