:root{--light-bg:#ffffff;--dark-text:#3a3a3a;--flag-bg:#f0f4f8;--timeline-line:var(--primary-color);--shadow-color:rgba(0, 0, 0, 0.1);--border-color:#e0e0e0}.timeline{position:relative;width:660px;margin:0 auto 20px;padding:1em 0;list-style-type:none}.timeline:before{content:' ';position:absolute;left:50%;top:0;display:block;width:6px;height:100%;margin-left:-3px;background:linear-gradient(to bottom,transparent 0%,var(--timeline-line) 8%,var(--timeline-line) 92%,transparent 100%);z-index:5}.timeline .timeline-item{padding:1em 0}.timeline .timeline-item:after{content:"";display:block;clear:both;height:0;visibility:hidden}.direction-l,.direction-r{position:relative;width:300px;display:flex;flex-direction:column}.direction-l{float:left;text-align:left;align-items:flex-end}.direction-r{float:right;text-align:left;align-items:flex-start}.flag-wrapper{display:flex;flex-direction:column;justify-content:center}.flag{position:relative;background:var(--flag-bg);padding:6px 20px;border-radius:5px;font-size:1.5em;font-weight:600;text-align:left;z-index:15;box-shadow:0 2px 5px var(--shadow-color)}.direction-l .flag{box-shadow:-2px 2px 5px var(--shadow-color)}.direction-r .flag{box-shadow:2px 2px 5px var(--shadow-color)}.direction-l .flag:before,.direction-r .flag:before{content:' ';position:absolute;top:50%;display:block;width:12px;height:12px;margin-top:-10px;background:#fff;border-radius:50%;border:4px solid var(--primary-color);z-index:10}.direction-l .flag:before{right:-40px}.direction-r .flag:before{left:-40px}.direction-l .flag:after,.direction-r .flag:after{content:"";position:absolute;top:50%;height:0;width:0;margin-top:-8px;border:solid #fff0;border-width:8px;pointer-events:none}.direction-l .flag:after{left:100%;border-left-color:var(--flag-bg)}.direction-r .flag:after{right:100%;border-right-color:var(--flag-bg)}.date{display:flex;line-height:1em;font-size:1em;background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:3px;z-index:10}.direction-l .date{float:left}.direction-r .date{float:right}.description{margin:0;margin-bottom:1em;padding:1em;z-index:15;font-size:1em;line-height:1.5em;background:#f0f4f8;width:90%;border:1px solid #fff;border-radius:.75rem;box-shadow:0 4px 15px -1px rgb(0 0 0 / .1),0 2px 8px -2px rgb(0 0 0 / .08)}@media (max-width:680px){.timeline{width:100%;padding:4em 0 1em 0}.timeline li{padding:2em 0}.direction-l,.direction-r{float:none;width:100%;text-align:center;align-items:center}.direction-l .flag:before,.direction-r .flag:before,.direction-l .flag:after,.direction-r .flag:after{display:none}.date{display:block;position:relative;margin:0 auto 0;z-index:14}.direction-l .date,.direction-r .date{float:none}}