.rpl-timeline{--local-title-height:var(--rpl-type-lh-2);--local-img-height:80px;--local-point-thickness:calc(var(--local-title-height)/4);--local-clr-border:var(--rpl-clr-neutral-300)}.rpl-timeline__items{align-items:flex-start;display:flex;flex-direction:column;margin:0;padding:var(--rpl-sp-3) 0 0;position:relative}.rpl-timeline__item{border-left:var(--local-point-thickness) solid var(--local-clr-border);min-height:calc(var(--local-title-height)*2);padding-bottom:var(--rpl-sp-5);padding-left:var(--rpl-sp-7);position:relative;width:calc(100% - var(--local-point-thickness)*7)}.rpl-timeline__item:before{background-color:var(--local-clr-border);content:"";height:var(--local-point-thickness);left:0;position:absolute;top:calc(1em - (var(--local-point-thickness)*2)/2);width:calc(var(--local-point-thickness)*4);z-index:var(--rpl-layer-1)}.rpl-timeline__item:first-child,.rpl-timeline__item:last-child{border-left-color:transparent}.rpl-timeline__item:first-child:after,.rpl-timeline__item:last-child:after{background-color:var(--local-clr-border);bottom:0;content:"";display:inline-block;left:calc(var(--local-point-thickness)*-1);position:absolute;top:var(--local-title-height);width:var(--local-point-thickness);z-index:var(--rpl-layer-2)}.rpl-timeline__item:first-child:before{left:calc(var(--local-point-thickness)*-1);width:calc(var(--local-point-thickness)*5);z-index:var(--rpl-layer-3)}.rpl-timeline__item:last-child:after{height:1em;top:0;z-index:var(--rpl-layer-3)}.rpl-timeline__item:only-child{border-left-width:0;padding-left:0}.rpl-timeline__item:only-child:after,.rpl-timeline__item:only-child:before{display:none}.rpl-timeline__item-image{display:block;height:var(--local-img-height);margin-bottom:var(--rpl-sp-2);width:var(--local-img-height)}.rpl-timeline__item-link{display:inline-block}.rpl-timeline__item-link,.rpl-timeline__item-link:visited{color:var(--rpl-clr-type-default)}.rpl-timeline__item-link:active,.rpl-timeline__item-link:hover{color:var(--rpl-clr-link)}.rpl-timeline__item-link:active{-webkit-text-decoration:underline;text-decoration:underline}.rpl-timeline__item-description{margin-top:var(--rpl-sp-2)}.rpl-timeline__item-description p{margin:0}.rpl-timeline__item-description p+p{margin-top:var(--rpl-sp-2)}.rpl-timeline__item-subtitle{margin-bottom:0;margin-top:0}.rpl-timeline__item-subtitle+.rpl-timeline__item-description{margin-top:var(--rpl-sp-2)}.rpl-timeline__item--with-image:before,.rpl-timeline__item--with-image:first-child:after{top:calc(var(--local-img-height)/2)}.rpl-timeline__item--with-image:last-child:after{height:calc((var(--local-img-height) + (var(--local-point-thickness)*2))/2)}.rpl-timeline__item--active{border-left-color:var(--rpl-clr-link)}.rpl-timeline__item--active:after,.rpl-timeline__item--active:before,.rpl-timeline__item--active:first-child:after,.rpl-timeline__item--active:first-child:before,.rpl-timeline__item--active:last-child:after,.rpl-timeline__item--active:last-child:before{background-color:var(--rpl-clr-link)}.rpl-timeline__item--active.rpl-timeline__item--with-image:after{height:calc(100% - var(--local-img-height)/2 + var(--local-title-height))}.rpl-timeline__item--current .rpl-timeline__item-link,.rpl-timeline__item--current .rpl-timeline__item-title{color:var(--rpl-clr-link)}.rpl-timeline__item--current:after{bottom:0;content:"";display:inline-block;height:calc((var(--local-img-height) + var(--local-point-thickness))/2);left:calc(var(--local-point-thickness)*-1);position:absolute;top:calc(var(--local-point-thickness)/2);width:var(--local-point-thickness);z-index:var(--rpl-layer-2)}.rpl-timeline__item--current:after,.rpl-timeline__item--current:before,.rpl-timeline__item--current:last-child:after{background-color:var(--rpl-clr-link)}.rpl-timeline__item--current.rpl-timeline__item--with-image:after{height:calc((var(--local-img-height) + var(--local-point-thickness))/2 + 2px);top:0}.rpl-timeline__item--current.rpl-timeline__item--with-image:first-child:after{background-color:var(--local-clr-border);height:auto;top:calc(var(--local-img-height)/2)}.rpl-timeline__item--current.rpl-timeline__item--with-image:last-child:after{height:calc((var(--local-img-height) + (var(--local-point-thickness)*2))/2);top:0}.rpl-timeline__item--current:not(.rpl-timeline__item--with-image):not(:first-child):after{height:1em;top:0}.rpl-timeline__item--active:not(.rpl-timeline__item--with-image):first-child:after,.rpl-timeline__item--current:not(.rpl-timeline__item--with-image):first-child:after{height:100%}