@layer vitamin-play{.vp-article-card{container-name:article-card-container;container-type:inline-size;--article-card-border-radius:var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main) var(--vp-semantic-border-radius-main);--article-card-aspect-ratio:.8}.vp-article-card--horizontal{--article-card-aspect-ratio:1.778}.vp-article-card{--article-card-media-background-color:var(--vp-semantic-color-container-quiet);--article-card-media-transition-scale:var(--vp-semantic-motion-scale-s);--article-card-media-transition:var(--vp-semantic-motion-duration-quick) var(--vp-semantic-motion-easing-expressive-ease-in-out) var(--vp-semantic-motion-delay-instant);--article-card-background-color:var(--vp-semantic-color-container-neutral);--article-card-overlay-color:color-mix(in srgb,transparent 46%,#000);--article-card-overlay-gradient:linear-gradient(0deg,rgba(0,0,0,.54) 10%,transparent 40%)}.vp-article-card--horizontal{--article-card-overlay-gradient:linear-gradient(0deg,rgba(0,0,0,.54) 20%,transparent 80%)}.vp-article-card{--article-card-title-text-case:var(--vp-semantic-typography-screen-s-title-m-text-case);--article-card-title-text-decoration:var(--vp-semantic-typography-screen-s-title-m-text-decoration);--article-card-title-letter-spacing:var(--vp-semantic-typography-screen-s-title-m-letter-spacing);--article-card-title-font-size:var(--vp-semantic-typography-screen-s-title-m-font-size);--article-card-title-line-height:var(--vp-semantic-typography-screen-s-title-m-line-height);--article-card-title-font-weight:var(--vp-semantic-typography-screen-s-title-m-font-weight);--article-card-title-font-family:var(--vp-semantic-typography-screen-s-title-m-font-family);--article-card-title-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-title-m-webkit-font-smoothing);--article-card-label-text-case:var(--vp-semantic-typography-screen-s-overline-text-case);--article-card-label-text-decoration:var(--vp-semantic-typography-screen-s-overline-text-decoration);--article-card-label-letter-spacing:var(--vp-semantic-typography-screen-s-overline-letter-spacing);--article-card-label-font-size:var(--vp-semantic-typography-screen-s-overline-font-size);--article-card-label-line-height:var(--vp-semantic-typography-screen-s-overline-line-height);--article-card-label-font-weight:var(--vp-semantic-typography-screen-s-overline-font-weight);--article-card-label-font-family:var(--vp-semantic-typography-screen-s-overline-font-family);--article-card-label-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-overline-webkit-font-smoothing);--article-card-caption-text-case:var(--vp-semantic-typography-screen-s-caption-text-case);--article-card-caption-text-decoration:var(--vp-semantic-typography-screen-s-caption-text-decoration);--article-card-caption-letter-spacing:var(--vp-semantic-typography-screen-s-caption-letter-spacing);--article-card-caption-font-size:var(--vp-semantic-typography-screen-s-caption-font-size);--article-card-caption-line-height:var(--vp-semantic-typography-screen-s-caption-line-height);--article-card-caption-font-weight:var(--vp-semantic-typography-screen-s-caption-font-weight);--article-card-caption-font-family:var(--vp-semantic-typography-screen-s-caption-font-family);--article-card-caption-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-caption-webkit-font-smoothing);--article-card-footer-color:var(--vp-semantic-color-content-quiet);--article-card-footer-padding-inline-start:var(--vp-semantic-spacing-4xs);--article-card-footer-padding-inline-end:var(--vp-semantic-spacing-4xs);--article-card-footer-padding-block-start:var(--vp-semantic-spacing-m);--article-card-footer-padding-block-end:var(--vp-semantic-spacing-4xs)}.vp-article-card__body{--article-card-legend-color:var(--vp-semantic-color-content-on-brand-neutral);--article-card-legend-gap:var(--vp-semantic-spacing-xs);--article-card-legend-padding-inline-start:var(--vp-semantic-spacing-xl);--article-card-legend-padding-inline-end:var(--vp-semantic-spacing-xl);--article-card-legend-padding-block-start:var(--vp-semantic-spacing-4xs);--article-card-legend-padding-block-end:var(--vp-semantic-spacing-xl)}@container article-card-container (min-width: 360px){.vp-article-card__body{--article-card-legend-gap:var(--vp-semantic-spacing-xs);--article-card-legend-padding-inline-start:var(--vp-semantic-spacing-xl);--article-card-legend-padding-inline-end:var(--vp-semantic-spacing-xl);--article-card-legend-padding-block-start:var(--vp-semantic-spacing-4xs);--article-card-legend-padding-block-end:var(--vp-semantic-spacing-xl);--article-card-footer-padding-inline-start:var(--vp-semantic-spacing-4xs);--article-card-footer-padding-inline-end:var(--vp-semantic-spacing-4xs);--article-card-footer-padding-block-start:var(--vp-semantic-spacing-m);--article-card-footer-padding-block-end:var(--vp-semantic-spacing-4xs)}}@container article-card-container (min-width: 500px){.vp-article-card__body{--article-card-legend-gap:var(--vp-semantic-spacing-xs);--article-card-legend-padding-inline-start:var(--vp-semantic-spacing-2xl);--article-card-legend-padding-inline-end:var(--vp-semantic-spacing-2xl);--article-card-legend-padding-block-start:var(--vp-semantic-spacing-4xs);--article-card-legend-padding-block-end:var(--vp-semantic-spacing-2xl);--article-card-footer-padding-inline-start:var(--vp-semantic-spacing-4xs);--article-card-footer-padding-inline-end:var(--vp-semantic-spacing-4xs);--article-card-footer-padding-block-start:var(--vp-semantic-spacing-m);--article-card-footer-padding-block-end:var(--vp-semantic-spacing-4xs)}}.vp-article-card{--article-card-zi-body:0;--article-card-zi-overlay:calc(var(--article-card-zi-body) + 1);--article-card-zi-legend:calc(var(--article-card-zi-overlay) + 1);background-color:var(--article-card-background-color);border-radius:var(--article-card-border-radius);overflow:hidden;width:100%}.vp-article-card,.vp-article-card__body{display:flex;flex-direction:column;position:relative}.vp-article-card__body{aspect-ratio:var(--article-card-aspect-ratio);justify-content:flex-end;z-index:var(--article-card-zi-body)}.vp-article-card__media{background-color:var(--article-card-media-background-color);inset:0;overflow:hidden;position:absolute}.vp-article-card__media>*{transition:transform var(--article-card-media-transition)}@media(prefers-reduced-motion:reduce){.vp-article-card__media>*{transition-duration:0s}}.vp-article-card__media>img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%}.vp-article-card__legend{background-color:var(--article-card-overlay-color);color:var(--article-card-legend-color);display:inline-grid;gap:var(--article-card-legend-gap);grid-template-areas:"label action" "title action";grid-template-columns:1fr auto;padding-block:var(--article-card-legend-padding-block-start) var(--article-card-legend-padding-block-end);padding-inline:var(--article-card-legend-padding-inline-start) var(--article-card-legend-padding-inline-end);position:relative;z-index:var(--article-card-zi-legend)}.vp-article-card__legend:before{background-image:var(--article-card-overlay-gradient);content:"";height:200px;left:0;position:absolute;right:0;top:0;transform:translateY(-100%);z-index:var(--article-card-zi-overlay)}@container article-card-container (min-width: 500px){.vp-article-card__legend{display:flex;flex-direction:column}}.vp-article-card__legend>*{margin:0;padding:0}.vp-article-card__title{font-family:var(--article-card-title-font-family);font-size:var(--article-card-title-font-size);font-weight:var(--article-card-title-font-weight);letter-spacing:var(--article-card-title-letter-spacing);line-height:var(--article-card-title-line-height);-webkit-text-decoration:var(--article-card-title-text-decoration);text-decoration:var(--article-card-title-text-decoration);text-transform:var(--article-card-title-text-case);-webkit-font-smoothing:var(--article-card-title-webkit-font-smoothing)}.vp-article-card [data-area=title]{grid-area:title}.vp-article-card__label{font-family:var(--article-card-label-font-family);font-size:var(--article-card-label-font-size);font-weight:var(--article-card-label-font-weight);letter-spacing:var(--article-card-label-letter-spacing);line-height:var(--article-card-label-line-height);-webkit-text-decoration:var(--article-card-label-text-decoration);text-decoration:var(--article-card-label-text-decoration);text-transform:var(--article-card-label-text-case);-webkit-font-smoothing:var(--article-card-label-webkit-font-smoothing)}.vp-article-card [data-area=label]{grid-area:label}.vp-article-card__action{display:flex;margin-top:auto}.vp-article-card [data-area=action]{grid-area:action}.vp-article-card__footer{color:var(--article-card-footer-color);padding-block:var(--article-card-footer-padding-block-start) var(--article-card-footer-padding-block-end);padding-inline:var(--article-card-footer-padding-inline-start) var(--article-card-footer-padding-inline-end);position:relative}.vp-article-card__caption{font-family:var(--article-card-caption-font-family);font-size:var(--article-card-caption-font-size);font-weight:var(--article-card-caption-font-weight);letter-spacing:var(--article-card-caption-letter-spacing);line-height:var(--article-card-caption-line-height);-webkit-text-decoration:var(--article-card-caption-text-decoration);text-decoration:var(--article-card-caption-text-decoration);text-transform:var(--article-card-caption-text-case);-webkit-font-smoothing:var(--article-card-caption-webkit-font-smoothing);color:var(--article-card-footer-color)}.vp-article-card:hover{cursor:pointer}.vp-article-card:hover .vp-article-card__media>*{transform:scale(var(--article-card-media-transition-scale))}.vp-article-card-skeleton{display:flex;flex-direction:column;gap:var(--vp-semantic-spacing-l)}.vp-skeleton.vp-article-card-skeleton__body{aspect-ratio:.8}.vp-skeleton.vp-article-card-skeleton__body--horizontal{aspect-ratio:1.778}.vp-skeleton.vp-article-card-skeleton__caption{--skeleton-width:80%;margin-block-end:var(--vp-semantic-spacing-2xs)}}