.timeline-container{position:relative}@media screen and (min-width:1080px){.timeline-container .event .line:after,.timeline-container .event .line:before,.timeline-container:before{content:"";height:2px;background-color:hsl(var(--secondary))}.timeline-container:before{position:absolute;top:97px;right:100%;left:-100vh}.timeline-container .group:nth-child(2n) .set{flex-direction:row-reverse}.timeline-container .group .set .event{width:320px}.timeline-container .group .bracket{position:absolute;display:flex!important;width:12px;height:244px;border-style:solid;margin-top:-149px;border-color:hsl(var(--border))}@media (prefers-color-scheme:light){.timeline-container .group .bracket{border-color:#000}}.timeline-container .group .bracket .day{width:164px;font-weight:700;text-align:center;transform:rotate(-90deg);margin-left:-48px;color:hsl(var(--secondary))}.timeline-container .group:nth-child(2n) .bracket{right:-12px;border-width:2px 2px 2px 0;border-radius:0 3px 3px 0}.timeline-container .group:nth-child(odd) .bracket{left:-12px;border-width:2px 0 2px 2px;border-radius:3px 0 0 3px}.timeline-container .group:nth-child(2n):last-child .event:last-child .line:before,.timeline-container .group:nth-child(odd):last-child .event:last-child .line:after{background-color:transparent}}.timeline-container .group .set .event{text-align:center}.timeline-container .group .set .event .time{display:inline-block;background-color:hsl(var(--secondary));border:2px solid;border-radius:4px;border-color:hsl(var(--border));line-height:18px;font-size:14px;font-weight:700;padding:4px 9px;margin-bottom:4px}.timeline-container .group .set .event.done .icon,.timeline-container .group .set .event.done .time,.timeline-container .group .set .event.done .title{opacity:.5}.timeline-container .group .set .event.done .time{background:none;color:#fff}.timeline-container .group .set .event .line{line-height:20px}.timeline-container .group .set .event .line:after,.timeline-container .group .set .event .line:before{width:100%}.timeline-container .group .set .event .line .icon{font-size:32px;margin:16px}.timeline-container .group .set .event .title{padding:0 6px 12px}.timeline-container .group .bracket{display:none}.play-button{display:inline-block;border:2px solid #fff;border-radius:4px;font-size:16px;font-weight:700;text-decoration:none;color:#fff;padding:4px 12px 5px}.play-button:hover{background-color:#fff;color:#111}.play-button>span{margin-right:9px}