.ripple{position:fixed;z-index:100;width:10px;height:10px;opacity:0;transform:scale(0);background-color:var(--yellow);border-radius:50%}.animate{animation:ripple-mo 1s cubic-bezier(0,0,.2,1)}@keyframes ripple-mo{0%{transform:scale(0);opacity:1}to{transform:scale(10);opacity:0}}.component-link-line{position:relative;display:inline-flex}.component-link-line .line{position:relative;display:inline-block;margin-top:-3px;overflow:hidden}.component-link-line .line .ripple-wrap{display:block}.component-link-line .line a{display:inline-block;padding-top:3px;padding-bottom:5px}.component-link-line .line:after,.component-link-line .line:before{position:absolute;bottom:2px;left:0;content:"";display:block;width:100%;height:1px;pointer-events:none}.component-link-line .line:after{background-color:rgba(0,0,0,0)}.component-link-line .line:before{transform:translateX(calc(-100% - .1rem));background-color:var(--l-50);animation:line-out .25s linear 0s 1 normal both running}.component-link-line.show-before .line:after{background-color:var(--l-70)}.component-link-line.show-before .line:before{height:2px}.component-link-line.is-yellow .line:before{background-color:var(--yellow);height:2px}.component-link-line.light-grey .line:before{background-color:var(--yellow-darker)}.component-link-line.light-grey.show-before .line:after{background-color:var(--l-30)}.component-link-line.light-grey.is-yellow .line:before{background-color:var(--yellow-darker);height:1px}.component-link-line-parent:hover .component-link-line,.component-link-line.active,.component-link-line:hover{background-position:right 2px top 2px}.component-link-line-parent:hover .component-link-line .line:before,.component-link-line.active .line:before,.component-link-line:hover .line:before{animation:line-in .25s linear 0s 1 both}@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)}}