.callout.theme--image:after,.callout__bg-image *:is(img,video){transition:all 1s cubic-bezier(0.59, 0, 0.06, 1)}.callouts{margin-inline:auto}.callout{border-top:1px solid;border-color:oklch(from var(--color-body) l c h/0.25);margin-bottom:var(--space-m);padding:var(--space-l);padding-bottom:0;width:100%;will-change:transform;background-color:var(--card-color-background)}.callout:last-child{margin-bottom:0}.callout header{padding-right:var(--space-l)}.callout header,.callout span{position:relative;z-index:3}.callout__bg-image{position:absolute;inset:0}.callout__bg-image *:is(img,video){z-index:1;position:absolute;inset:0;width:100%;height:100%}.callout.theme--image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:var(--color-black);mix-blend-mode:multiply;opacity:.4}.callout.theme--image .button{z-index:5}.callout:hover{transform:translateX(0.25rem)}.callout .callout__heading,.callout .callout__subtitle{margin-bottom:0}.callout .callout__subtitle{margin-top:var(--space-2xs);color:var(--color-headings-subtitle)}.callout svg{display:flex;align-self:baseline}@media only screen and (max-width: 40rem){.callout{padding:0;padding-top:var(--space-m)}.callout .callout__heading{font-family:var(--font-family-small-heading);font-weight:var(--font-weight-small-heading);text-transform:var(--text-transform-small-heading);font-size:var(--font-size-small-heading-1);line-height:var(--line-height-small-heading-1);letter-spacing:var(--letter-spacing-small-heading-1);font-style:var(--font-style-small-heading)}.callout header{padding-right:var(--space-s);width:calc(100% - var(--size-m-4))}.callout svg{width:var(--size-m-4);height:var(--size-m-4)}}
/*# sourceMappingURL=callouts.css.map */