@layer components{.content-card{--content-card-position:relative;--content-card-display:flex;--content-card-flex-direction:column;--content-card-align-items:center;--content-card-justify-content:flex-start;--content-card-align-self:stretch;--content-card-gap:0;--content-card-width:100%;--content-card-max-width:100%;--content-card-shadow:var(--shadow-normal);--content-card-border-radius:var(--border-radius-default);--content-card-overflow:hidden;--content-card-bg-color:var(--color-bg);--content-card-padding:0;--content-card-text-decoration:none;--content-card-z-index:var(--z-index-content);--content-card-figure-flex:0 0 auto;--content-card-figure-border-radius:0;--content-card-figure-overflow:hidden;--content-card-figure-width:100%;--content-card-image-width:100%;--content-card-image-height:100%;--content-card-image-aspect-ratio:var(--aspect-ratio-default);--content-card-image-object-fit:cover;--content-card-content-padding:var(--spacing-normal);--content-card-content-flex:0 0 auto;--content-card-content-width:100%;--content-card-title-font-family:var(--font-family-text);--content-card-title-font-size:var(--font-size-ms);--content-card-title-font-weight:var(--font-weight-text-bold);--content-card-title-color:var(--color-font-dark);--content-card-title-margin:0 0 var(--spacing-normal);--content-card-text-color:var(--color-font);--content-card-button-width:fit-content;--content-card-button-display:flex;--content-card-button-align-items:center;--content-card-button-justify-content:center;--content-card-button-gap:var(--spacing-s);--content-card-button-margin:var(--spacing-s) 0;--content-card-button-font-family:var(--font-family-text);--content-card-button-font-size:var(--font-size-normal);--content-card-button-color:var(--color-primary);--content-card-button-text-decoration:none;align-items:var(--content-card-align-items);align-self:var(--content-card-align-self);background-color:var(--content-card-bg-color);border-radius:var(--content-card-border-radius);box-shadow:var(--content-card-shadow);display:var(--content-card-display);flex-direction:var(--content-card-flex-direction);gap:var(--content-card-gap);justify-content:var(--content-card-justify-content);max-width:var(--content-card-max-width);overflow:var(--content-card-overflow);padding:var(--content-card-padding);position:var(--content-card-position);-webkit-text-decoration:var(--content-card-text-decoration);text-decoration:var(--content-card-text-decoration);width:var(--content-card-width);z-index:var(--content-card-z-index)}.content-card__figure{border-radius:var(--content-card-figure-border-radius);flex:var(--content-card-figure-flex);overflow:var(--content-card-figure-overflow);width:var(--content-card-figure-width)}.content-card>.content-card__figure:only-child{--content-card-figure-flex:0 0 100%}.content-card__image{aspect-ratio:var(--content-card-image-aspect-ratio);height:var(--content-card-image-height);-o-object-fit:var(--content-card-image-object-fit);object-fit:var(--content-card-image-object-fit);width:var(--content-card-image-width)}.content-card__content{flex:var(--content-card-content-flex);padding:var(--content-card-content-padding);width:var(--content-card-content-width)}.content-card>.content-card__content:only-child{--content-card-content-flex:0 0 100%}.content-card__title{color:var(--content-card-title-color);font-family:var(--content-card-title-font-family);font-size:var(--content-card-title-font-size);font-weight:var(--content-card-title-font-weight);margin:var(--content-card-title-margin)}.content-card__text{color:var(--content-card-text-color)}.content-card__text:first-child{margin-top:0}.content-card__button{align-items:var(--content-card-button-align-items);color:var(--content-card-button-color);display:var(--content-card-button-display);font-family:var(--content-card-button-font-family);font-size:var(--content-card-button-font-size);gap:var(--content-card-button-gap);justify-content:var(--content-card-button-justify-content);margin:var(--content-card-button-margin);-webkit-text-decoration:var(--content-card-button-text-decoration);text-decoration:var(--content-card-button-text-decoration);width:var(--content-card-button-width)}.content-card__button .icon{--icon-color:var(--content-card-button-color)!important;transition:transform var(--animation-duration-fast) var(--animation-easing-normal)}.content-card[card-direction=horizontal]{--content-card-figure-border-radius:var(--border-radius-default)}.content-card[card-variant=primary]{--content-card-bg-color:var(--color-primary)}.content-card[card-variant=secondary]{--content-card-bg-color:var(--color-secondary)}.content-card[card-variant=inverted]{--content-card-bg-color:var(--color-font)}.content-card[card-variant=inverted],.content-card[card-variant=primary],.content-card[card-variant=secondary]{--content-card-title-color:var(--color-bg);--content-card-text-color:var(--color-bg);--content-card-button-color:var(--color-bg)}@container (min-width: 640px){.content-card[card-direction=vertical]{--content-card-max-width:calc(50% - var(--content-card-grid-gap)/2)}.content-card[card-direction=horizontal]{--content-card-flex-direction:row;--content-card-align-items:flex-start;--content-card-gap:var(--spacing-normal);--content-card-padding:var(--spacing-normal);--content-card-figure-flex:0 0 calc(50% - var(--content-card-padding)/2);--content-card-content-flex:0 0 calc(50% - var(--content-card-padding)/2);--content-card-content-padding:0}}@container (min-width: 840px){.content-card[card-direction=vertical]{--content-card-content-padding:var(--spacing-m)}.content-card[card-direction=horizontal]{--content-card-padding:var(--spacing-m);--content-card-figure-flex:0 0 calc(50% - var(--spacing-normal));--content-card-content-flex:0 0 calc(50% - var(--spacing-normal));--content-card-gap:var(--spacing-l)}.content-card[fullwidth]{max-width:100%;width:100%}}@container (min-width: 960px){.content-card[card-direction=vertical]{--content-card-max-width:calc(25% - var(--content-card-grid-gap)*3/4)}.content-card[card-direction=horizontal]{--content-card-max-width:calc(50% - var(--content-card-grid-gap)/2)}}@media (hover:hover){a.content-card:hover .content-card__button{--content-card-button-text-decoration:underline}}}