.c-mask{-webkit-mask-image:linear-gradient(90deg,#0000,#fff 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#fff 20% 80%,#0000)}.c-scroll-content[data-direction=left]{animation:90s linear infinite scroll}.c-scroll-content[data-direction=right]{animation:90s linear infinite reverse scroll}@keyframes scroll{to{transform:translateX(calc(-50% - (var(--c-col-gap)/2)))}}
.line1{transition:stroke-dasharray .6s var(--smooth-timing),stroke-dashoffset .7s var(--smooth-timing);stroke-dasharray:60 150}.clicked .line1{stroke-dasharray:60 150;stroke-dashoffset:-147px}.line2{transition:stroke-dasharray .6s var(--smooth-timing),stroke-dashoffset .7s var(--smooth-timing);stroke-dasharray:45 150}.clicked .line2{stroke-dasharray:60 150;stroke-dashoffset:-134.5px}
.scanner-container{color:#999;animation:3s linear infinite scanY;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#fff 30% 50%,#fff 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#fff 30% 50%,#fff 70%,#0000 100%);-webkit-mask-size:100% 200%;mask-size:100% 200%}@keyframes scanY{0%{-webkit-mask-position:0 200%;mask-position:0 200%}to{-webkit-mask-position:0 -200%;mask-position:0 -200%}}
