.timeline{display:inline-block}.timeline .year{overflow:hidden;padding-bottom:.5rem;position:relative}.timeline .year.active:before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background-color:#e9e9e9}.timeline .year-label{position:relative;z-index:3;padding:.6rem 1rem;background:#e9e9e9;cursor:pointer;border-radius:4px 0 0 4px;font-size:14px;font-weight:600;transition:.35s}.timeline .year-label.deleted{background-color:#e0e0e0;text-decoration:line-through}.timeline .year-label.deleted:hover{background:#fbc3c5}.timeline .year-label:hover{background:#f89396;color:#fff}.timeline .year-label.active{background:#f56368;color:#fff}.timeline .months{overflow:hidden;max-height:0;transition:.5s;text-align:right}.timeline .months.active{max-height:27em}.timeline .months li{position:relative;z-index:2;transition:.25s;border-right:2px solid #e9e9e9}.timeline .months li.active{color:#f56368;border-right:2px solid #f56368}.timeline .months li.active a{color:#f56368}.timeline .months li.deleted a{text-decoration:line-through}.timeline .months li a{line-height:1.56rem;height:1.56rem;display:block;padding-right:14px;font-size:14px}.container.preview-bg{width:1170px}@media(max-width:1279px){.container.preview-bg{width:100%}.container.preview-bg .previewer__menu,.container.preview-bg .previewer__timeline{transform:translateX(0)}}.slide-up-enter-active,.slide-up-leave-active{transition:transform .5s;will-change:transform}.slide-up-leave-to{transform:translateY(-100%)}.previewer{position:relative;flex:1;flex-grow:1;width:100%;display:flex;margin-top:2rem}@media(max-width:767px){.previewer{margin-top:60px}}.previewer .previewer__menu,.previewer .previewer__timeline{position:absolute;top:3rem;z-index:5}.previewer .previewer__timeline{left:0;transform:translateX(-100%)}.previewer .previewer__timeline>.year-label{padding:.6rem 1rem;background:#e9e9e9;cursor:pointer;border-radius:4px 0 0 4px;font-size:14px;font-weight:600;transition:.35s;margin-bottom:1rem}.previewer .previewer__menu{right:0;transform:translateX(100%)}.previewer #turning-book{height:100%;flex:1}