.content-card{--content-card-media-inset: var(--content-sp-3);--content-card-play-size: 64px;--content-card-play-nudge: 4px;--content-card-macro-gap: 2px;position:relative;display:flex;flex-direction:column;align-items:flex-start;inline-size:100%;min-inline-size:0}.content-card__media{position:relative;inline-size:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--content-r-md);background-color:var(--content-neutral-200)}@media screen and (min-width:769px){.content-card__media{aspect-ratio:16 / 8.5}}.content-card__image{inline-size:100%;block-size:100%;object-fit:cover}.content-card__badge{position:absolute;inset-block-start:var(--content-card-media-inset);inset-inline-start:var(--content-card-media-inset)}.content-card__duration{position:absolute;inset-block-end:var(--content-card-media-inset);inset-inline-end:var(--content-card-media-inset);padding-block:var(--content-sp-1);padding-inline:var(--content-sp-2);border-radius:var(--content-r-sm);font-family:var(--content-font-label);font-size:12px;font-weight:400;line-height:1.5;white-space:nowrap;background-color:var(--content-bg-inverse);color:var(--content-text-inverse)}.content-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;inline-size:var(--content-card-play-size);block-size:var(--content-card-play-size);margin-block:auto;margin-inline:auto;padding-inline-start:var(--content-card-play-nudge);border-radius:var(--content-r-full);background-color:var(--content-bg-brand)}.content-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--content-sp-3);inline-size:100%;padding-block-start:var(--content-sp-4)}.content-card__kicker{font-family:var(--content-font-label);font-size:13px;font-weight:400;line-height:1.2;letter-spacing:.52px;text-transform:uppercase;color:var(--content-text-muted)}.content-card__title{font-family:var(--content-font-display);font-size:20px;font-weight:700;line-height:1.04;text-transform:uppercase;color:var(--content-text-primary)}.content-card__link{color:inherit;text-decoration:none}.content-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.content-card__link:focus-visible{outline:none}.content-card__link:focus-visible:after{outline:2px solid var(--state-info-focus);outline-offset:2px}.content-card__dek{font-family:var(--content-font-body);font-size:14px;font-weight:400;line-height:1.55;color:var(--content-text-muted)}.content-card__byline{font-family:var(--content-font-body);font-size:12px;font-weight:400;line-height:1.5;color:var(--content-text-muted)}.content-card__macros{display:flex;gap:var(--content-sp-4);inline-size:100%;padding-block-start:var(--content-sp-3);border-block-start:1px solid var(--content-border-default)}.content-card__macro{display:flex;flex-direction:column;gap:var(--content-card-macro-gap);white-space:nowrap}.content-card__macro-value{font-family:var(--content-font-display);font-size:24px;font-weight:700;line-height:1.04;color:var(--content-text-primary)}.content-card__macro-label{font-family:var(--content-font-label);font-size:13px;font-weight:400;line-height:1.2;letter-spacing:.52px;color:var(--content-text-muted)}.content-card--recipe .content-card__body{text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/784/assets/component-content-card.css.map */
