.mk-tl{position:relative;display:block}.mk-tl__spine{position:absolute;top:0;bottom:0;inset-inline-start:50%;width:1px;background:var(--color-border)}.mk-tl__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-text);transform-origin:top}.mk-tl.is-drawing .mk-tl__fill{transform:scaleY(0)}.mk-tl__list{position:relative;display:flex;flex-direction:column;gap:var(--spacing-16)}.mk-tl__item{position:relative;display:grid;grid-template-columns:1fr 1fr;padding-block:var(--spacing-24)}.mk-tl__dot{position:absolute;top:calc(var(--spacing-24) + .25em);inset-inline-start:50%;width:12px;height:12px;margin-inline-start:-6px;border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border-strong);transition:background-color .3s var(--easing-hover-quick),transform .4s var(--easing-reveal-up),box-shadow .3s var(--easing-hover-quick)}.mk-tl__card{display:flex;flex-direction:column;gap:var(--spacing-8);max-width:44ch}.mk-tl__item:nth-child(odd) .mk-tl__card{grid-column:1;justify-self:end;align-items:flex-end;text-align:end;padding-inline-end:var(--spacing-48)}.mk-tl__item:nth-child(2n) .mk-tl__card{grid-column:2;padding-inline-start:var(--spacing-48)}.mk-tl__date{color:var(--color-text)}.mk-tl__body{color:var(--color-text-secondary);font-size:var(--text-body);line-height:var(--leading-body);text-wrap:pretty}.mk-tl.is-drawing .mk-tl__card{opacity:0;transform:translateY(16px);transition:opacity var(--duration-reveal-up) var(--easing-reveal-up),transform var(--duration-reveal-up) var(--easing-reveal-up)}.mk-tl.is-drawing .mk-tl__item.is-on .mk-tl__card{opacity:1;transform:none}.mk-tl__item.is-on .mk-tl__dot{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);transform:scale(1.25)}.mk-tl__visual{grid-row:1;display:flex;align-items:flex-start;color:var(--color-text)}.mk-tl__item:nth-child(odd) .mk-tl__visual{grid-column:2;justify-self:start;padding-inline-start:var(--spacing-48)}.mk-tl__item:nth-child(2n) .mk-tl__visual{grid-column:1;justify-self:end;padding-inline-end:var(--spacing-48)}.mk-tl__item .mk-tl__card{grid-row:1}.mk-tl-icon{display:block;width:72px;height:72px}.mk-tl-icon *{vector-effect:non-scaling-stroke}.mk-tl__visual--photo .mk-media{width:240px;aspect-ratio:4 / 3;background:var(--color-surface-well)}.mk-tl.is-drawing .mk-tl__visual{opacity:0;transform:translateY(16px);transition:opacity var(--duration-reveal-up) var(--easing-reveal-up) .12s,transform var(--duration-reveal-up) var(--easing-reveal-up) .12s}.mk-tl.is-drawing .mk-tl__item.is-on .mk-tl__visual{opacity:1;transform:none}@media screen and (max-width:767px){.mk-tl__spine,.mk-tl__dot{inset-inline-start:5px}.mk-tl__item{grid-template-columns:minmax(0,1fr)}.mk-tl__item:nth-child(n) .mk-tl__card{grid-column:1;justify-self:start;align-items:flex-start;text-align:start;padding-inline:var(--spacing-32) 0}.mk-tl__item:nth-child(n) .mk-tl__visual{grid-column:1;grid-row:1;justify-self:start;padding-inline:var(--spacing-32) 0;margin-bottom:var(--spacing-12)}.mk-tl__item:has(.mk-tl__visual) .mk-tl__card{grid-row:2}.mk-tl-icon{width:48px;height:48px}.mk-tl__visual--photo .mk-media{width:160px}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/mk-timeline.css.map */