.component-link-line{position:relative;display:inline-flex}.component-link-line .line{position:relative;display:inline-block;padding-bottom:3px;padding-top:3px;margin-top:-3px;overflow:hidden}.component-link-line .line:after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:1px;background-color:transparent}.component-link-line .line:before{position:absolute;z-index:1;bottom:0;left:0;content:"";display:block;width:100%;height:1px;transform:translate(calc(-100% - .1rem));background-color:var(--red);animation:.25s linear 0s 1 normal both running line-out}.component-link-line.show-before .line:after{background-color:var(--l-50)}.component-link-line:hover,.component-link-line.active,.component-link-line-parent:hover .component-link-line{background-position:right 2px top 2px}.component-link-line:hover .line:before,.component-link-line.active .line:before,.component-link-line-parent:hover .component-link-line .line:before{animation:.25s linear 0s 1 both line-in}@keyframes line-in{0%{transform:translate3d(-101%,0,0)}to{transform:translateZ(0)}}@keyframes line-out{0%{transform:translateZ(0)}to{transform:translate3d(101%,0,0)}}