.callout.theme--image:after{transition:all 1s cubic-bezier(0.59, 0, 0.06, 1)}.callouts{gap:var(--space-m)}.callout{padding:var(--space-xl) var(--space-3xl) var(--space-xl) var(--space-xl);width:100%;will-change:transform;background-color:var(--card-color-background);border:var(--border-width-xl) solid var(--color-black);border-radius:var(--corner-radius-m)}@media(max-width: 40em){.callout{padding:var(--space-m)}}.callout header{width:100%}.callout header,.callout span{position:relative;z-index:3}.callout img{z-index:1}.callout .callout__heading{font-family:var(--font-family-medium-heading);font-weight:var(--font-weight-medium-heading);text-transform:var(--text-transform-medium-heading);font-size:var(--font-size-medium-heading-1);line-height:var(--line-height-medium-heading-1);letter-spacing:var(--letter-spacing-medium-heading-1);font-style:var(--font-style-medium-heading);display:flex;align-items:center;justify-content:space-between;gap:var(--space-l)}@media(max-width: 40em){.callout .callout__heading{flex-direction:column;justify-content:flex-start;align-items:flex-start;font-family:var(--font-family-medium-heading);font-weight:var(--font-weight-medium-heading);text-transform:var(--text-transform-medium-heading);font-size:var(--font-size-medium-heading-3);line-height:var(--line-height-medium-heading-3);letter-spacing:var(--letter-spacing-medium-heading-3);font-style:var(--font-style-medium-heading);gap:0}}.callout .callout__heading span{flex:1 0 0}.callout .callout__heading .callout__subtitle{font-family:var(--font-family-subtitle);font-weight:var(--font-weight-subtitle);text-transform:var(--text-transform-subtitle);font-size:var(--font-size-subtitle-3);line-height:var(--line-height-subtitle-3);letter-spacing:var(--letter-spacing-subtitle-3);font-style:var(--font-style-subtitle);max-width:30rem;flex:1 0 0}.callout .button.icon{position:absolute;top:0;right:0;background-color:var(--color-black);border:0;border-radius:0;border-bottom-left-radius:var(--corner-radius-l);width:var(--size-l-2);height:var(--size-l-2)}.callout .button.icon svg{transform:rotate(-45deg);color:var(--card-color-background);width:var(--size-l-1);height:var(--size-l-1)}@media(max-width: 40em){.callout .button.icon svg{width:var(--size-m-3);height:var(--size-m-3)}}.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}
/*# sourceMappingURL=callouts.css.map */