html{--archives-axis-dot-bg-color:#fff}html[data-theme=dark]{--archives-axis-dot-bg-color:rgba(40, 47, 62, 0.9)}.archives-chart{height:365px}.archives-chart canvas{width:100%;-webkit-animation:opacity-01 4s;animation:opacity-01 4s}.archives-axis-title{margin-left:10px;padding-bottom:20px;padding-left:20px;font-size:1.5rem}.archives-axis-title:before{position:absolute;top:calc((100% - 48px)/2);left:-9px;z-index:1;width:10px;height:10px;border-radius:10px;background-color:var(--archives-axis-dot-bg-color);content:'';line-height:10px;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;border:5px solid var(--theme)}.archives-axis-title:after{position:absolute;bottom:0;left:0;z-index:0;width:2px;height:1.8em;background-color:var(--theme);content:'';top:28px}.archives-axis-list{margin-left:10px;padding-left:20px;border-left:2px solid var(--theme)}.archives-axis-list--item{margin:0 0 20px 10px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.archives-axis-list--item:before{position:absolute;top:10px;left:calc(-20px - 17px);width:6px;height:6px;border-radius:6px;background-color:var(--archives-axis-dot-bg-color);content:'';border:3px solid var(--theme)}.archives-axis-list--item.year{font-size:1.43em}.archives-axis-list--item .cover{width:7rem;height:7rem;border-radius:8px;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.archives-axis-list--item .cover img{-o-object-fit:cover;object-fit:cover}.archives-axis-list--item .cover img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.archives-axis-list--item .info{padding:0 16px}.archives-axis-list--item .info time{color:var(--text-obs-color);font-size:95%}.archives-axis-list--item .info .title{font-size:1rem;-webkit-transition:color .3s,-webkit-transform .3s;transition:color .3s,transform .3s;transition:color .3s,transform .3s,-webkit-transform .3s}.archives-axis-list--item .info .title:hover{color:var(--link-hover-color);-webkit-transform:translateX(10px);transform:translateX(10px)}