@layer quartz-base{.page-timeline{box-sizing:border-box;z-index:10;background-color:var(--light);border-bottom:1px solid var(--lightgray);scrollbar-width:thin;flex-direction:row;justify-content:safe center;align-items:center;gap:0;height:4.8rem;padding:.8rem 1rem 2.4rem;display:flex;position:sticky;top:0;overflow-x:auto;overflow-y:hidden!important}.page-timeline::-webkit-scrollbar{height:4px;display:block}.page-timeline::-webkit-scrollbar-thumb{background:var(--gray);border-radius:4px}@keyframes ptl-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ptl-dot-group{cursor:pointer;outline:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:relative}.ptl-dot-group:hover .ptl-dot{border-color:var(--tertiary);transform:scale(1.25)}.ptl-dot-group:focus-visible .ptl-dot{outline:2px solid var(--tertiary);outline-offset:2px}.ptl-dot-group.active{cursor:default}.ptl-dot-group:after{content:"";z-index:2;position:absolute;inset:-12px -12px -45px}.ptl-dot-group.active:after{display:none}.ptl-dot{border:2px solid var(--secondary);background:0 0;border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:background .2s,transform .2s,border-color .2s;box-sizing:border-box!important}.ptl-dot.active{background:var(--secondary);border-color:var(--secondary);transform:scale(1.15)}.ptl-connector{background:var(--lightgray);z-index:1;flex:none;align-self:center;width:40px;min-width:40px;height:2px;margin:0;position:relative}.ptl-label{z-index:3;flex-direction:column;align-items:center;line-height:1.1;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.ptl-date{color:var(--darkgray);font-size:.65rem;font-family:var(--bodyFont);white-space:nowrap}.ptl-sep{color:var(--gray);letter-spacing:-.05em;font-size:.5rem;line-height:1}.ptl-year{color:var(--darkgray);font-size:.65rem;font-family:var(--bodyFont);font-weight:600}@media (max-width:800px){.page-timeline{height:4.2rem;padding:.8rem .75rem 2rem;z-index:8990!important;width:100%!important;position:fixed!important;top:3rem!important;left:0!important;right:0!important}body.has-timeline #quartz-body{padding-top:7.45rem!important}.ptl-dot,.ptl-dot-group{width:11px;height:11px}.ptl-label{top:18px}.ptl-date,.ptl-year{font-size:.58rem}.ptl-connector{width:30px;min-width:30px;margin-bottom:0}}.page-timeline:empty,.page-timeline[style*="display: none"]{border:none;padding:0;display:none!important}:root[reader-mode=on] .page-timeline{opacity:0;transition:opacity .2s}:root[reader-mode=on] .page-timeline:hover{opacity:1}}