.timeline-container{height:auto;overflow:hidden;width:100%}.timeline-toolbar{align-content:center;align-items:center;border-bottom:.025rem solid var(--speline-color);display:flex;flex-flow:row nowrap;gap:.8rem;justify-content:space-between;padding:.9rem 0;width:100%}.timeline-toolbar .yearSelect-con{flex-shrink:1;text-align:left;width:100%}.timeline-toolbar label{font-size:.8rem}.timeline-toolbar select{border:.025rem solid #d0d5dd;border-radius:.25rem;cursor:pointer;font-size:.8rem;padding:.3rem .6rem}.timeline-toolbar .selected-year-label{color:#1a73e8;flex-shrink:0;font-size:.8rem;font-weight:600;white-space:nowrap;width:min-content}.timeline-main-area{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;height:16rem;justify-content:space-between;overflow:hidden;width:100%}.timeline-year-list{flex-shrink:0;height:100%;overflow:hidden;overflow-y:auto;padding:.5rem 0;width:8rem}.year-item{border-left:.15rem solid transparent;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:background .15s,color .15s}.year-item:hover{background:#eef3fc}.year-item.active{background:#e0edff;border-left-color:#1a73e8;font-weight:700}.content-area{flex:1;height:100%;overflow:hidden;overflow-y:auto;padding:1.4rem 1.6rem;width:100%}.content-area h2{color:#1a1a2e;font-size:1.1rem;margin-bottom:.8rem;text-align:left}.event-item{border-bottom:.025rem dashed #e0e0e0;padding:.6rem 0;text-align:left}.event-item:last-child{border-bottom:none}.event-date{color:#888;font-size:.7rem;margin-bottom:.2rem}.event-desc{color:var(--text-color);font-size:.8rem;line-height:150%}@media (max-width:480px){.timeline-main-area{flex-direction:column;height:18rem}.timeline-year-list{border-bottom:.025rem solid #eee;display:flex;flex-wrap:wrap;height:auto;overflow-x:auto;width:100%}.year-item{border-bottom:.1rem solid transparent;border-left:none;margin:0;padding:.3rem .7rem;white-space:nowrap}.year-item.active{border-bottom-color:#1a73e8}.content-area{padding:1rem}}