.cf-callout{--cf-callout-c:var(--cf-muted);--cf-callout-bg:color-mix(in srgb, var(--cf-callout-c) 9%, var(--cf-bg));display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--cf-space-s);padding:var(--cf-space-m)var(--cf-space-m)var(--cf-space-m)var(--cf-space-s);background:var(--cf-callout-bg);border-radius:var(--cf-radius);border-inline-start:calc(var(--cf-border-width) * 4)solid var(--cf-callout-c)}.cf-callout--tip{--cf-callout-c:var(--cf-accent-2)}.cf-callout--warning{--cf-callout-c:var(--cf-accent)}.cf-callout--key{--cf-callout-c:var(--cf-fg);--cf-callout-bg:var(--cf-bg);border:calc(var(--cf-border-width) * 2)solid var(--cf-fg);border-inline-start-width:calc(var(--cf-border-width) * 6)}.cf-callout__mark{position:relative;justify-self:center;inline-size:2rem;block-size:2rem;margin-block-start:.1rem;color:var(--cf-callout-c)}.cf-callout--tip .cf-callout__mark{border:calc(var(--cf-border-width) * 2)solid;border-radius:50%;background:radial-gradient(circle,currentColor 0 24%,transparent 27%)}.cf-callout--warning .cf-callout__mark{clip-path:polygon(50% 3%,98% 94%,2% 94%);background:linear-gradient(var(--cf-callout-bg),var(--cf-callout-bg))50% 48%/12% 30% no-repeat,linear-gradient(var(--cf-callout-bg),var(--cf-callout-bg))50% 79%/12% 11% no-repeat,currentColor}.cf-callout--note .cf-callout__mark{inline-size:1.6rem;border:calc(var(--cf-border-width) * 2)solid;border-radius:calc(var(--cf-radius)/2);background:repeating-linear-gradient(to bottom,transparent 0 .3rem,currentColor .3rem calc(.3rem + var(--cf-border-width) * 2)).25rem .2rem/calc(100% - .5rem)calc(100% - .55rem)no-repeat}.cf-callout--key .cf-callout__mark{background:currentColor;transform:rotate(45deg)scale(.72)}.cf-callout__body{display:flex;flex-direction:column;gap:var(--cf-space-2xs);min-inline-size:0}.cf-callout__kind{font-family:var(--cf-font-ui);font-size:var(--cf-step--1);font-weight:var(--cf-ui-weight);letter-spacing:var(--cf-kicker-tracking);text-transform:var(--cf-kicker-transform);color:var(--cf-callout-c)}.cf-callout--note .cf-callout__kind{color:var(--cf-muted)}.cf-callout__title{font-size:var(--cf-step-1);max-inline-size:36ch}.cf-callout__text{max-inline-size:64ch}.cf-callout__text>*+*{margin-block-start:.6em}.cf-callout__more{margin-block-start:var(--cf-space-3xs)}.cf-callout .cf-more{white-space:normal}