.linearBorder{position:relative}.linearBorder:before{content:"";pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.search-result{width:106%;animation:1s forwards myAnim}@keyframes myAnim{0%{opacity:1;animation-timing-function:ease-in;transform:translateY(45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(24px)}65%{animation-timing-function:ease-in;transform:translateY(12px)}82%{animation-timing-function:ease-in;transform:translateY(6px)}93%{animation-timing-function:ease-in;transform:translateY(4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{opacity:1;animation-timing-function:ease-out;transform:translateY(0)}}