.dark-mode,:root{--timeline-subtitle:#000;--timeline-primary:#3498db;--timeline-info:#1abc9c;--timeline-success:#2ecc71;--timeline-warning:#e67e22;--timeline-danger:#e74c3c}.timeline,.timeline .timeline-container .timeline-body a{color:#000}:root{--timeline-background:#DBE2EF;--timeline-bar-background:#112D4E;--timeline-icon-background:#3F72AF;--timeline-card-background:#112D4E;--timeline-text:#3F72AF;--timeline-secondary:#3F72AF}.dark-mode{--timeline-background:#121212;--timeline-bar-background:#222222;--timeline-icon-background:#4f537b;--timeline-card-background:#222222;--timeline-text:#f2f2f2;--timeline-secondary:#4f537b}.container-timeline{width:100%;margin:0 auto;padding:1rem;letter-spacing:1px;border-radius:10px}.timeline{position:relative;padding-left:4rem;margin:10px 0 0 30px}.timeline:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#ffce7d;}.timeline .timeline-container{position:relative;margin-bottom:1.5rem}.timeline .timeline-container .timeline-icon{position:absolute;left:-92px;top:-4px;width:60px;height:60px;border-radius:50%;text-align:center;background:#ffce7d;border:solid 4px #ffce7d;font-size:1.5rem}.timeline .timeline-container .timeline-icon i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px}.timeline .timeline-container .timeline-icon img{width:100%;height:100%;border-radius:50%}.timeline .timeline-container .timeline-body{background:#ffce7d;border-radius:10px;padding:20px 20px 15px;box-shadow:1px 3px 9px rgba(0,0,0,.1);text-align:left}.timeline .timeline-container .timeline-body:before{content:"";background:#ffce7d;width:20px;height:20px;display:block;position:absolute;left:-10px;top:18px;transform:rotate(45deg);border-radius:0 0 0 2px} .badge{padding:4px 8px;border-radius:3px;font-size:16px;font-weight:700}.timeline .timeline-container .timeline-body .timeline-subtitle{font-style:italic;margin-top:16px;font-size:14px;color:var(--timeline-subtitle)}.timeline .timeline-container.primary .badge,.timeline .timeline-container.primary .timeline-icon{background:#3F72AF!important}.timeline .timeline-container.secondary .badge,.timeline .timeline-container.secondary .timeline-icon{background:var(--timeline-secondary)!important}.timeline .timeline-container.info .badge,.timeline .timeline-container.info .timeline-icon{background:var(--timeline-info)!important}.timeline .timeline-container.success .badge,.timeline .timeline-container.success .timeline-icon{background:var(--timeline-success)!important}.timeline .timeline-container.warning .badge,.timeline .timeline-container.warning .timeline-icon{background:var(--timeline-warning)!important}.timeline .timeline-container.danger .badge,.timeline .timeline-container.danger .timeline-icon{background:var(--timeline-danger)!important}