framework7/lazy-components/timeline.css

Full featured mobile HTML framework for building iOS & Android apps

.timeline{-webkit-box-sizing:border-box;box-sizing:border-box}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.timeline-item-date{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:50px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;margin-top:3px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:13px}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-horizontal{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;height:100%}.timeline-horizontal .timeline-item-date{width:auto;line-height:34px;position:absolute;left:0;top:0;width:100%;height:34px;text-align:left}.timeline-horizontal .timeline-item-content{overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal.col-100 .timeline-item{width:100vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-5 .timeline-item{width:5vw}@media (min-width:768px){.timeline-horizontal.tablet-100 .timeline-item{width:100vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-5 .timeline-item{width:5vw}}.timeline-horizontal .timeline-month,.timeline-horizontal .timeline-year{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-top:24px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.timeline-horizontal .timeline-month-title,.timeline-horizontal .timeline-year-title{position:absolute;left:0;top:0;width:100%;line-height:24px;height:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-horizontal .timeline-month-title span,.timeline-horizontal .timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky}.timeline-horizontal .timeline-year-title{font-size:16px}.timeline-horizontal .timeline-month-title span{margin-top:-2px}.ios .timeline{margin:35px 0;padding:0 15px}.ios .block-strong .timeline{padding:0;margin:0}.ios .timeline-item{padding:2px 0px 15px}.ios .timeline-item:last-child{padding-bottom:2px}.ios .timeline-item-content .block,.ios .timeline-item-content .card,.ios .timeline-item-content .list,.ios .timeline-item-content.block,.ios .timeline-item-content.card,.ios .timeline-item-content.list{margin:0;width:100%}.ios .timeline-item-content .block+.block,.ios .timeline-item-content .block+.card,.ios .timeline-item-content .block+.list,.ios .timeline-item-content .card+.block,.ios .timeline-item-content .card+.card,.ios .timeline-item-content .card+.list,.ios .timeline-item-content .list+.block,.ios .timeline-item-content .list+.card,.ios .timeline-item-content .list+.list{margin:15px 0 0}.ios .timeline-item-inner{border-radius:7px;padding:8px 15px}.ios .timeline-item-inner+.timeline-item-inner{margin-top:15px}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-item-divider{margin-left:15px;margin-right:15px}.ios .timeline-item-time{margin-top:15px;color:#6d6d72}.ios .timeline-item-time:first-child,.ios .timeline-item-time:last-child{margin-top:0}.ios .timeline-item-title{font-size:17px;font-weight:600}.ios .timeline-item-subtitle{font-size:15px}.ios .timeline-sides .timeline-item{margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .timeline-sides .timeline-item .timeline-item-date{text-align:right}.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}.ios .timeline-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .timeline-sides .timeline-item-left .timeline-item-date{text-align:left}.ios .timeline-sides .timeline-item-right{margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .timeline-sides .timeline-item-right .timeline-item-date{text-align:right}@media (min-width:768px){.ios .tablet-sides .timeline-item{margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .tablet-sides .timeline-item .timeline-item-date{text-align:right}.ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}.ios .tablet-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.ios .tablet-sides .timeline-item-left .timeline-item-date{text-align:left}.ios .tablet-sides .timeline-item-right{margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.ios .tablet-sides .timeline-item-right .timeline-item-date{text-align:right}}.ios .timeline-horizontal{padding:0;margin:0}.ios .timeline-horizontal .timeline-item{padding-top:34px!important;padding-bottom:10px}.ios .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.ios .timeline-horizontal>.timeline-item:last-child:after{display:none!important}.ios .timeline-horizontal .timeline-item-date{background:#f7f7f8;padding:0px 10px}.ios .timeline-horizontal .timeline-item-content{padding:10px;height:calc(100% - 10px)}.ios .timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item-date:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item-date:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .timeline-horizontal .timeline-month .timeline-item:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-month .timeline-item:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-month .timeline-item:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.ios .timeline-horizontal .timeline-year:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ios.device-pixel-ratio-2 .timeline-horizontal .timeline-year:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.ios.device-pixel-ratio-3 .timeline-horizontal .timeline-year:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.ios .timeline-year:last-child:after{display:none!important}.ios .timeline-month-title,.ios .timeline-year-title{padding:0 10px;background:#f7f7f8}.ios .timeline-month-title span,.ios .timeline-year-title span{left:10px}.ios .timeline-year-title span{margin-top:3px}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge){padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span{left:calc(10px + constant(safe-area-inset-left));left:calc(10px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:-44px;right:0;width:auto}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child{overflow:visible}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date{width:auto;padding-left:calc(10px + constant(safe-area-inset-left));padding-left:calc(10px + env(safe-area-inset-left));left:calc(0px - constant(safe-area-inset-left));left:calc(0px - env(safe-area-inset-left));right:0}.ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal){padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left))}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-month-title,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right))}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child{overflow:visible}.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .ios-right-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .panel-right .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge) .timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date,.ios.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge)>.timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - constant(safe-area-inset-right));right:calc(0px - env(safe-area-inset-right));left:0}.ios.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .ios-right-edge .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .panel-right .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal),.ios.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-right-edge):not(.timeline-horizontal){padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right))}}.ios .theme-dark .timeline-month-title,.ios .theme-dark .timeline-year-title{background:#1b1b1b}.ios .theme-dark .timeline-item-inner{background-color:#1c1c1d}.ios .theme-dark .timeline-item-time{color:#8e8e93}.ios .theme-dark .timeline-horizontal .timeline-item-date,.timeline-horizontal.ios .theme-dark .timeline-item-date{background:#1b1b1b}.ios .theme-dark .timeline-horizontal .timeline-item-date:after,.timeline-horizontal.ios .theme-dark .timeline-item-date:after{background-color:#282829}.ios .theme-dark .timeline-horizontal .timeline-month .timeline-item:before,.timeline-horizontal.ios .theme-dark .timeline-month .timeline-item:before{background-color:#282829}.ios .theme-dark .timeline-horizontal .timeline-item:after,.timeline-horizontal.ios .theme-dark .timeline-item:after{background-color:#282829}.ios .theme-dark .timeline-horizontal .timeline-year:after,.timeline-horizontal.ios .theme-dark .timeline-year:after{background-color:#282829}.md .timeline{margin:32px 0;padding:0 16px}.md .block-strong .timeline{padding:0;margin:0}.md .timeline-item{padding:2px 0px 16px}.md .timeline-item:last-child{padding-bottom:2px}.md .timeline-item-content .block,.md .timeline-item-content .card,.md .timeline-item-content .list,.md .timeline-item-content.block,.md .timeline-item-content.card,.md .timeline-item-content.list{margin:0;width:100%}.md .timeline-item-content .block+.block,.md .timeline-item-content .block+.card,.md .timeline-item-content .block+.list,.md .timeline-item-content .card+.block,.md .timeline-item-content .card+.card,.md .timeline-item-content .card+.list,.md .timeline-item-content .list+.block,.md .timeline-item-content .list+.card,.md .timeline-item-content .list+.list{margin:16px 0 0}.md .timeline-item-inner{border-radius:2px;padding:8px 16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.md .timeline-item-inner+.timeline-item-inner{margin-top:16px}.md .timeline-item-divider{margin-left:16px;margin-right:16px}.md .timeline-item-time{margin-top:16px;color:rgba(0,0,0,.54)}.md .timeline-item-time:first-child{margin-top:0}.md .timeline-item-title{font-size:16px}.md .timeline-sides .timeline-item{margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .timeline-sides .timeline-item .timeline-item-date{text-align:right}.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}.md .timeline-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .timeline-sides .timeline-item-left .timeline-item-date{text-align:left}.md .timeline-sides .timeline-item-right{margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .timeline-sides .timeline-item-right .timeline-item-date{text-align:right}@media (min-width:768px){.md .tablet-sides .timeline-item{margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .tablet-sides .timeline-item .timeline-item-date{text-align:right}.md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}.md .tablet-sides .timeline-item-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.md .tablet-sides .timeline-item-left .timeline-item-date{text-align:left}.md .tablet-sides .timeline-item-right{margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.md .tablet-sides .timeline-item-right .timeline-item-date{text-align:right}}.md .timeline-horizontal{padding:0;margin:0;position:relative}.md .timeline-horizontal .timeline-item{padding-top:34px!important;padding-bottom:12px}.md .timeline-horizontal .timeline-item-date{background:#2196f3;padding:0px 12px;color:#fff}.md .timeline-horizontal .timeline-item-date:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .timeline-horizontal .timeline-item-content{padding:12px;height:calc(100% - 12px)}.md .timeline-horizontal.no-shadow .timeline-item-date:after{display:none}.md .timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.md .timeline-horizontal .timeline-item:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .timeline-horizontal .timeline-item:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .timeline-horizontal .timeline-item:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .timeline-month-title,.md .timeline-year-title{padding:0 12px;color:#fff;background:#2196f3}.md .timeline-month-title span,.md .timeline-year-title span{left:12px}.md .timeline-year-title span{margin-top:2px}@media (orientation:landscape){.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge),.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge){padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-month-title span,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year-title span{left:calc(12px + constant(safe-area-inset-left));left:calc(12px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-month-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:-44px;right:0;width:auto}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child{overflow:visible}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .ios-left-edge .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .panel-left .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .popup .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge) .timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date,.md.device-iphone-x .sheet-modal .timeline-horizontal:not(.no-ios-edges):not(.no-ios-left-edge)>.timeline-item:first-child .timeline-item-date{width:auto;padding-left:calc(12px + constant(safe-area-inset-left));padding-left:calc(12px + env(safe-area-inset-left));left:calc(0px - constant(safe-area-inset-left));left:calc(0px - env(safe-area-inset-left));right:0}.md.device-iphone-x .ios-edges .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .ios-left-edge .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .panel-left .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .popup .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal),.md.device-iphone-x .sheet-modal .timeline:not(.no-ios-edges):not(.no-ios-left-edge):not(.timeline-horizontal){padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.md.device-iphone-x .ios-edges .timeline-horizontal:not(.no-ios-edges):not(.no-ios-right-edge