.timeline{touch-action:auto;flex-direction:row;justify-content:space-between;align-items:end;min-width:90vw;min-height:80vh;display:flex;position:relative;overflow:hidden}.timeline .timeline__hover-left,.timeline .timeline__hover-right{z-index:101;touch-action:auto;min-width:15rem;min-height:80vh}.timeline .timeline__window{touch-action:auto;z-index:99;flex-direction:row;justify-content:center;align-items:end;height:100%;display:flex;position:absolute;top:0;left:0;transform:translate(0)}.timeline .timeline__mask{background-image:linear-gradient(to right, var(--primary-yellow) 0%, transparent 15%, transparent, transparent 85%, var(--primary-yellow));mix-blend-mode:lighten;z-index:100;touch-action:none;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}
.timelinepoint{flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}.timelinepoint .timelinepoint__point{background-color:#fff;background-clip:padding-box;border:.4rem solid;border-radius:50%;min-width:3rem;min-height:3rem;padding:.2rem;display:block;position:relative}.timelinepoint .timelinepoint__point .timelinepoint__label{min-width:max-content;font-size:x-large;font-weight:700;display:block;position:absolute;top:-350%;left:0;transform:rotate(-45deg)}.timelinepoint .timelinepoint__point .timelinepoint__description{min-width:30vw;box-shadow:none;border:.1em solid;border-radius:1em;padding:1em;font-size:x-large;display:block;position:absolute;top:-1700%;left:-400%}.timelinepoint .timelinepoint__bar{border:.15rem solid;display:block}.timelinepoint--primary .timelinepoint__point{border-color:var(--primary-blue)}.timelinepoint--primary .timelinepoint__point .timelinepoint__label{font-family:var(--font-family-base);color:var(--primary-blue)}.timelinepoint--primary .timelinepoint__point .timelinepoint__description{font-family:var(--font-family-base);color:#0000;border-color:#0000}.timelinepoint--primary .timelinepoint__bar{border-color:var(--primary-blue)}.timelinepoint--primary .timelinepoint__point:hover{background-color:var(--primary-blue);background-clip:content-box}.timelinepoint--primary .timelinepoint__point:hover .timelinepoint__description{color:var(--primary-blue);border-color:var(--primary-blue);transition:all 2s ease-in-out;box-shadow:.1em .1em .3em .1em gray}.timelinepoint--secondary .timelinepoint__point{border-color:var(--primary-yellow)}.timelinepoint--secondary .timelinepoint__point .timelinepoint__label{font-family:var(--font-family-base);color:var(--primary-yellow)}.timelinepoint--secondary .timelinepoint__point .timelinepoint__description{font-family:var(--font-family-base);color:#0000;border-color:#0000}.timelinepoint--secondary .timelinepoint__bar{border-color:var(--primary-yellow)}.timelinepoint--secondary .timelinepoint__point:hover{background-color:var(--primary-yellow);background-clip:content-box}.timelinepoint--secondary .timelinepoint__point:hover .timelinepoint__description{color:var(--primary-yellow);border-color:var(--primary-yellow);transition:all 2s ease-in-out;box-shadow:.1em .1em .3em .1em gray}
@media (max-width:767px){main .container .timeline .timeline__hover-left,main .container .timeline .timeline__hover-right{min-width:9rem}main .container .timeline .timelinepoint__description{min-width:50vw;font-size:1rem;font-weight:400}main .container .timeline .timeline__window{height:85%}}