.sb-callout{--sb-callout-color:#1d4ed8;--sb-callout-bg:var(--wp--preset--color--base,#fff);--sb-callout-text:var(--wp--preset--color--contrast,#1e1e1e);--sb-callout-accent:color-mix(in srgb,var(--sb-callout-color) 75%,var(--sb-callout-text));align-items:flex-start;background-color:#f1f5f9;background-color:color-mix(in srgb,var(--sb-callout-color) 10%,var(--sb-callout-bg));border:0 solid var(--sb-callout-accent);border-inline-start-width:4px;border-radius:4px;box-sizing:border-box;color:var(--sb-callout-text);display:flex;gap:.75em;padding:1em 1.25em}.sb-callout--success{--sb-callout-color:#15803d}.sb-callout--warning{--sb-callout-color:#b45309}.sb-callout--tip{--sb-callout-color:#6d28d9}.sb-callout--danger{--sb-callout-color:#b91c1c}.sb-callout__icon{color:var(--sb-callout-accent);height:1.5em;margin-block-start:.05em;width:1.5em}.sb-callout__content{flex:1;min-width:0}.sb-callout__title{font-weight:700;margin:0 0 .25em}.sb-callout__text{margin:0}.sb-callout a:where(:not(.wp-element-button)){text-decoration:underline;text-underline-offset:.15em}.sb-callout a:where(:not(.wp-element-button)):focus-visible{outline:2px solid currentcolor;outline-offset:2px}.sb-callout.is-style-outline{--sb-callout-text:currentcolor;background-color:transparent;border-width:1px;border-inline-start-width:4px;color:inherit}.sb-callout.is-style-solid{background-color:var(--sb-callout-color);border-color:color-mix(in srgb,var(--sb-callout-color) 70%,#000);color:#fff}.sb-callout.is-style-solid .sb-callout__icon{color:inherit}.sb-callout.is-style-solid a:where(:not(.wp-element-button)){color:inherit}@media(forced-colors:active){.sb-callout{border-width:1px;border-inline-start-width:4px}}
