.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}#timeline{z-index:1}.padding-bottom{padding-bottom:20px}.spacer{min-height:20px}.empty,.connector,.event,.trail{position:relative;height:100%;padding-left:24px;border-left:2px solid transparent}.connector,.event,.trail{border-left-color:#aaa}.connector[data-reminder]:after,[data-reminder].event:after,[data-reminder].trail:after{content:attr(data-reminder);position:absolute;left:0;top:50%;color:#aaa;font-size:.8em;transform:translate(-50%,-100%) rotate(-90deg);transform-origin:bottom}.connector[data-category=school],[data-category=school].event,[data-category=school].trail{border-left-color:#f85a3e}.connector[data-category=school]:after,[data-category=school].event:after,[data-category=school].trail:after{color:#f85a3e}.connector[data-category=work],[data-category=work].event,[data-category=work].trail{border-left-color:#a177ee}.connector[data-category=work]:after,[data-category=work].event:after,[data-category=work].trail:after{color:#a177ee}.connector[data-category=volunteering],[data-category=volunteering].event,[data-category=volunteering].trail,.connector[data-category=club],[data-category=club].event,[data-category=club].trail{border-left-color:#63d4dd}.connector[data-category=volunteering]:after,[data-category=volunteering].event:after,[data-category=volunteering].trail:after,.connector[data-category=club]:after,[data-category=club].event:after,[data-category=club].trail:after{color:#63d4dd}.connector.base-override,.base-override.event,.base-override.trail{border-left-color:#aaa}.connector.base-override:after,.base-override.event:after,.base-override.trail:after{color:#aaa}.connector.school-override,.school-override.event,.school-override.trail{border-left-color:#f85a3e}.connector.school-override:after,.school-override.event:after,.school-override.trail:after{color:#f85a3e}.connector.work-override,.work-override.event,.work-override.trail{border-left-color:#a177ee}.connector.work-override:after,.work-override.event:after,.work-override.trail:after{color:#a177ee}.connector.volunteering-override,.volunteering-override.event,.volunteering-override.trail,.connector.club-override,.club-override.event,.club-override.trail{border-left-color:#63d4dd}.connector.volunteering-override:after,.volunteering-override.event:after,.volunteering-override.trail:after,.connector.club-override:after,.club-override.event:after,.club-override.trail:after{color:#63d4dd}.trail{min-height:26px;border-left-style:dashed}.event:before{content:"";position:absolute;top:.5em;left:-4px;width:12px;height:3px;background:#fff;border-top:3px solid #202020;border-bottom:3px solid #202020}.event .event-date{font-size:.875rem;line-height:1.5}.event .event-date:after{margin-left:10px;padding-left:10px;border-left:1px solid #aaaaaa}.event .event-date .event-duration{white-space:nowrap}.event[data-category=school] .event-date:after{content:"school";color:#f85a3e}.event[data-category=work] .event-date:after{content:"work";color:#a177ee}.event[data-category=volunteering] .event-date:after,.event[data-category=club] .event-date:after{content:"volunteering";color:#63d4dd}.event[data-category=club] .event-date:after{content:"club"}.branch{position:relative;z-index:-1;height:26px;margin-left:-26px;padding-left:26px;color:#aaa}.branch[data-category=school]{color:#f85a3e}.branch[data-category=work]{color:#a177ee}.branch[data-category=volunteering],.branch[data-category=club]{color:#63d4dd}.branch:before{content:"";z-index:1;position:absolute;left:0;background:currentColor;width:1.4142135624px;height:37.7695526217px}.branch.split:before{bottom:0;transform:rotate(45deg);transform-origin:bottom}.branch.join:before{top:0;transform:rotate(-45deg);transform-origin:top}.branch.deep:before{height:59.137767415px}.branch.deep.split:before{transform:rotate(63.435deg)}.branch.deep.join:before{transform:rotate(-63.435deg)}