@layer components{.timeline-card{--timeline-card-position:relative;--timeline-card-display:flex;--timeline-card-flex-direction:column;--timeline-card-width:100%;--timeline-card-max-width:100%;--timeline-card-shadow:var(--shadow-s);--timeline-card-border-radius:var(--border-radius-default);--timeline-card-bg-color:var(--color-bg);--timeline-card-z-index:var(--z-index-content);--timeline-card-before-position:absolute;--timeline-card-before-size:var(--timeline-bullet-size);--timeline-card-before-border-radius:50%;--timeline-card-before-background-color:var(--timeline-accent-color);--timeline-card-before-border:var(--timeline-line-width) solid var(--color-bg);--timeline-card-figure-border-radius:var(--border-radius-default) var(--border-radius-default) 0 0;--timeline-card-figure-overflow:hidden;--timeline-card-figure-aspect-ratio:var(--aspect-ratio-default);--timeline-card-figure-height:auto;--timeline-card-figure-width:100%;--timeline-card-image-ratio:var(--aspect-ratio-default);--timeline-card-image-object-fit:cover;--timeline-card-image-width:100%;--timeline-card-image-height:auto;--timeline-card-bottom-padding:var(--spacing-m);--timeline-card-bottom-display:flex;--timeline-card-bottom-flex-direction:column;--timeline-card-bottom-flex-grow:1;--timeline-card-title-font-size:var(--font-size-ms);--timeline-card-title-color:var(--color-font-dark);--timeline-card-title-margin:0 0 var(--spacing-xs);--timeline-card-title-font-family:var(--font-family-text);--timeline-card-title-font-weight:var(--font-weight-text-bold);--timeline-card-subtitle-font-family:var(--font-family-text);--timeline-card-subtitle-font-weight:var(--font-weight-text-normal);--timeline-card-subtitle-font-size:var(--font-size-normal);--timeline-card-subtitle-color:var(--collection-item-text-color);--timeline-card-subtitle-font-style:italic;--timeline-card-subtitle-margin:inherit inherit 0;--timeline-card-text-color:var(--collection-item-text-color);--timeline-card-button-font-family:var(--font-family-text);--timeline-card-button-text-decoration:none;--timeline-card-button-text-color:var(--timeline-accent-color);--timeline-card-button-text-color-hover:var(--timeline-accent-color-hover);--timeline-card-button-display:flex;--timeline-card-button-flex-grow:1;--timeline-card-button-align-items:flex-end;--timeline-card-button-justify-content:flex-start;--timeline-card-button-width:fit-content;--timeline-card-button-gap:var(--spacing-s);background-color:var(--timeline-card-bg-color);border-radius:var(--timeline-card-border-radius);box-shadow:var(--timeline-card-shadow);display:var(--timeline-card-display);flex-direction:var(--timeline-card-flex-direction);height:var(--timeline-card-height);max-width:var(--timeline-card-max-width);position:var(--timeline-card-position);width:var(--timeline-card-width);z-index:var(--timeline-card-z-index)}.timeline[timeline-direction=vertical] .timeline-card{--timeline-card-before-top:50%;--timeline-card-before-left:0;--timeline-card-before-transform:translate(calc(var(--timeline-distance-from-line)*-1 + var(--timeline-bullet-size)/2*-1 + 1px),-50%);--timeline-card-height:100%}.timeline[timeline-direction=horizontal] .timeline-card{--timeline-card-width:320px;--timeline-card-max-width:320px;--timeline-card-height:fit-content;--timeline-card-before-top:0;--timeline-card-before-left:50%;--timeline-card-before-transform:translate(-50%,calc(-100% - var(--spacing-normal) + 1px));max-width:var(--timeline-card-max-width)}.timeline-card:before{background-color:var(--timeline-card-before-background-color);border:var(--timeline-card-before-border);border-radius:var(--timeline-card-before-border-radius);content:"";height:var(--timeline-card-before-size);left:var(--timeline-card-before-left);position:var(--timeline-card-before-position);top:var(--timeline-card-before-top);transform:var(--timeline-card-before-transform);width:var(--timeline-card-before-size)}.timeline-card__figure{aspect-ratio:var(--timeline-card-figure-aspect-ratio);border-radius:var(--timeline-card-figure-border-radius);height:var(--timeline-card-figure-height);overflow:var(--timeline-card-figure-overflow);width:var(--timeline-card-figure-width)}.timeline-card__image{aspect-ratio:var(--timeline-card-image-ratio);height:var(--timeline-card-image-height);-o-object-fit:var(--timeline-card-image-object-fit);object-fit:var(--timeline-card-image-object-fit);width:var(--timeline-card-image-width)}.timeline-card__bottom{display:var(--timeline-card-bottom-display);flex-direction:var(--timeline-card-bottom-flex-direction);flex-grow:var(--timeline-card-bottom-flex-grow);padding:var(--timeline-card-bottom-padding)}.timeline-card__title{color:var(--timeline-card-title-color);font-family:var(--timeline-card-title-font-family);font-size:var(--timeline-card-title-font-size);font-weight:var(--timeline-card-title-font-weight);margin:var(--timeline-card-title-margin)}.timeline-card__subtitle{color:var(--timeline-card-subtitle-color);font-family:var(--timeline-card-subtitle-font-family);font-size:var(--timeline-card-subtitle-font-size);font-style:var(--timeline-card-subtitle-font-style);font-weight:var(--timeline-card-subtitle-font-weight);margin:var(--timeline-card-subtitle-margin)}.timeline-card_text{color:var(--timeline-card-text-color)}a.timeline-card__button{align-items:var(--timeline-card-button-align-items);color:var(--timeline-card-button-text-color)!important;display:var(--timeline-card-button-display);flex-grow:var(--timeline-card-button-flex-grow);font-family:var(--timeline-card-button-font-family);gap:var(--timeline-card-button-gap);justify-content:var(--timeline-card-button-justify-content);-webkit-text-decoration:var(--timeline-card-button-text-decoration);text-decoration:var(--timeline-card-button-text-decoration);width:var(--timeline-card-button-width)}a.timeline-card__button:focus-visible,a.timeline-card__button:hover{--timeline-card-button-text-decoration:underline;color:var(--timeline-card-button-text-color-hover)!important}@container (width >= 840px){.timeline[timeline-direction=vertical] .timeline-card{grid-column:1}.timeline[timeline-direction=vertical] .timeline-item:nth-child(2n) .timeline-card{grid-column:3}.timeline[timeline-direction=vertical] .timeline-item:nth-child(odd) .timeline-card:before{--timeline-card-before-transform:translate(33px,-50%);left:100%}.timeline[timeline-direction=vertical] .timeline-item:nth-child(2n) .timeline-card:before{--timeline-card-before-transform:translate(-47px,-50%)}}}