.chronology{position:relative;display:flex;flex-direction:row;background:#eee;width:100%;padding-right:100px;aspect-ratio:16 / 9;overflow-y:scroll;overflow-x:hidden}.chronology_wrap{overflow:scroll}.years{padding:15px;font-size:12px;position:relative;border-right:#66666666 solid 1px;z-index:1}.year:after{content:"";position:absolute;top:9px;left:30px;width:calc(100vw + 100px);height:1px;background-color:#6666;z-index:2}.works{display:flex}.work{writing-mode:vertical-rl;white-space:nowrap;display:flex;align-items:center;cursor:pointer}.work:after{content:"";width:1px;height:100%;background-color:#dc2128}.work.active:after{box-shadow:0 0 2px 1px #dc2128}.work_content{display:flex;flex-direction:row;align-items:center;background:#eeeeee9e}.work_content:before{content:"";position:absolute;top:-10px;width:10px;height:10px;background-color:#dc2128;border-radius:5px}.detail{background:#fff;border:solid 1px #66666666;box-shadow:2px 2px 1px #6666;writing-mode:horizontal-tb;position:absolute;top:100px;z-index:10;padding:5px}.detail p{margin:0;padding:0}.comment_area{display:flex;margin-top:10px}.comment_area input{width:200px;height:40px;padding:5px;box-sizing:border-box;border:solid 1px #eee;border-radius:5px 0 0 5px}.comment_area button{width:50px;height:40px;display:flex;justify-content:center;align-items:center;padding:0 5px}.comment_area button img{width:30px;height:30px}.comment_area button.send{border:solid 1px #eee;border-radius:0 5px 5px 0;background-color:#eee}.comment_area button.toggle_comments{background-color:#999;border-radius:5px}.comment_layer{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:99;overflow:hidden}.floating_comment{color:#fff;font-weight:700;font-size:20px;pointer-events:none;-webkit-text-stroke:2px black;paint-order:stroke}@keyframes move-left{0%{transform:translate(100vw)}50%{transform:translate(-100%)}to{transform:translate(-200vw)}}.loading_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#dc2128;z-index:1000;display:flex;justify-content:center;align-items:center;transition:opacity .5s;opacity:1}