@property --scan-0{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --scan-1{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --scan-2{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --scan-3{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --scan-4{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --scan-5{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --ink-0{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --ink-1{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --ink-2{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --ink-3{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --ink-4{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --ink-5{syntax:"<length-percentage>";inherits:true;initial-value:0%}.scan{position:relative}.scan-ink{display:block}@media (prefers-reduced-motion:no-preference){[data-js] .scan{--scan-dur:2s;--scan-stagger:.15s;--scan-lag:.25s;--scan-band:3em;--scan-ease:var(--ease-out-expo);--x0:calc(var(--ink-0) - var(--scan-band));--x1:calc(var(--ink-1) - var(--scan-band));--x2:calc(var(--ink-2) - var(--scan-band));--x3:calc(var(--ink-3) - var(--scan-band));--x4:calc(var(--ink-4) - var(--scan-band));--x5:calc(var(--ink-5) - var(--scan-band))}[data-js] .scan[data-revealed]{animation:scan-0 var(--scan-dur) var(--scan-ease) var(--scan-delay,0s) both,scan-1 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger)) both,scan-2 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger)*2) both,scan-3 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger)*3) both,scan-4 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger)*4) both,scan-5 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger)*5) both,ink-0 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-lag)) both,ink-1 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger) + var(--scan-lag)) both,ink-2 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger)*2 + var(--scan-lag)) both,ink-3 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger)*3 + var(--scan-lag)) both,ink-4 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger)*4 + var(--scan-lag)) both,ink-5 var(--scan-dur) var(--scan-ease) calc(var(--scan-delay,0s) + var(--scan-stagger)*5 + var(--scan-lag)) both}[data-js] .scan:after{content:attr(data-t) /"";pointer-events:none;background-image:var(--spectrum);color:#0000;clip-path:polygon(var(--scan-0) -1lh,var(--scan-0) 1lh,var(--scan-1) 1lh,var(--scan-1) 2lh,var(--scan-2) 2lh,var(--scan-2) 3lh,var(--scan-3) 3lh,var(--scan-3) 4lh,var(--scan-4) 4lh,var(--scan-4) 5lh,var(--scan-5) 5lh,var(--scan-5) calc(100% + 1lh),var(--x5) calc(100% + 1lh),var(--x5) 5lh,var(--x4) 5lh,var(--x4) 4lh,var(--x3) 4lh,var(--x3) 3lh,var(--x2) 3lh,var(--x2) 2lh,var(--x1) 2lh,var(--x1) 1lh,var(--x0) 1lh,var(--x0) -1lh);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(#000 0 .03em,#0000 0 .09em);mask-image:repeating-linear-gradient(#000 0 .03em,#0000 0 .09em)}[data-js] .scan-ink{clip-path:polygon(-1em -1lh,var(--x0) -1lh,var(--x0) 1lh,var(--x1) 1lh,var(--x1) 2lh,var(--x2) 2lh,var(--x2) 3lh,var(--x3) 3lh,var(--x3) 4lh,var(--x4) 4lh,var(--x4) 5lh,var(--x5) 5lh,var(--x5) calc(100% + 1lh),-1em calc(100% + 1lh))}[data-js] .scan--center{--l0:calc(50% - var(--x0)/2);--r0:calc(50% + var(--x0)/2);--l1:calc(50% - var(--x1)/2);--r1:calc(50% + var(--x1)/2);--l2:calc(50% - var(--x2)/2);--r2:calc(50% + var(--x2)/2);--l3:calc(50% - var(--x3)/2);--r3:calc(50% + var(--x3)/2);--l4:calc(50% - var(--x4)/2);--r4:calc(50% + var(--x4)/2);--l5:calc(50% - var(--x5)/2);--r5:calc(50% + var(--x5)/2);--sl0:calc(50% - var(--scan-0)/2);--sr0:calc(50% + var(--scan-0)/2);--sl1:calc(50% - var(--scan-1)/2);--sr1:calc(50% + var(--scan-1)/2);--sl2:calc(50% - var(--scan-2)/2);--sr2:calc(50% + var(--scan-2)/2);--sl3:calc(50% - var(--scan-3)/2);--sr3:calc(50% + var(--scan-3)/2);--sl4:calc(50% - var(--scan-4)/2);--sr4:calc(50% + var(--scan-4)/2);--sl5:calc(50% - var(--scan-5)/2);--sr5:calc(50% + var(--scan-5)/2)}[data-js] .scan--center:after{clip-path:polygon(evenodd,var(--sl0) -1lh,var(--sl0) 1lh,var(--sl1) 1lh,var(--sl1) 2lh,var(--sl2) 2lh,var(--sl2) 3lh,var(--sl3) 3lh,var(--sl3) 4lh,var(--sl4) 4lh,var(--sl4) 5lh,var(--sl5) 5lh,var(--sl5) calc(100% + 1lh),var(--sr5) calc(100% + 1lh),var(--sr5) 5lh,var(--sr4) 5lh,var(--sr4) 4lh,var(--sr3) 4lh,var(--sr3) 3lh,var(--sr2) 3lh,var(--sr2) 2lh,var(--sr1) 2lh,var(--sr1) 1lh,var(--sr0) 1lh,var(--sr0) -1lh,var(--sl0) -1lh,var(--l0) -1lh,var(--l0) 1lh,var(--l1) 1lh,var(--l1) 2lh,var(--l2) 2lh,var(--l2) 3lh,var(--l3) 3lh,var(--l3) 4lh,var(--l4) 4lh,var(--l4) 5lh,var(--l5) 5lh,var(--l5) calc(100% + 1lh),var(--r5) calc(100% + 1lh),var(--r5) 5lh,var(--r4) 5lh,var(--r4) 4lh,var(--r3) 4lh,var(--r3) 3lh,var(--r2) 3lh,var(--r2) 2lh,var(--r1) 2lh,var(--r1) 1lh,var(--r0) 1lh,var(--r0) -1lh,var(--l0) -1lh)}[data-js] .scan--center .scan-ink{clip-path:polygon(var(--l0) -1lh,var(--l0) 1lh,var(--l1) 1lh,var(--l1) 2lh,var(--l2) 2lh,var(--l2) 3lh,var(--l3) 3lh,var(--l3) 4lh,var(--l4) 4lh,var(--l4) 5lh,var(--l5) 5lh,var(--l5) calc(100% + 1lh),var(--r5) calc(100% + 1lh),var(--r5) 5lh,var(--r4) 5lh,var(--r4) 4lh,var(--r3) 4lh,var(--r3) 3lh,var(--r2) 3lh,var(--r2) 2lh,var(--r1) 2lh,var(--r1) 1lh,var(--r0) 1lh,var(--r0) -1lh)}}.scan-bar{display:none}@media (prefers-reduced-motion:no-preference){[data-js] .scan--wipe{--scan-dur:.6s;--scan-stagger:.1s;--scan-lag:.5s;--scan-band:0em;--scan-ease:var(--ease-snappy)}[data-js] .scan--wipe:after{content:none}[data-js] .scan--wipe .scan-bar{pointer-events:none;clip-path:polygon(var(--scan-0) -1lh,var(--scan-0) 1lh,var(--scan-1) 1lh,var(--scan-1) 2lh,var(--scan-2) 2lh,var(--scan-2) 3lh,var(--scan-3) 3lh,var(--scan-3) 4lh,var(--scan-4) 4lh,var(--scan-4) 5lh,var(--scan-5) 5lh,var(--scan-5) calc(100% + 1lh),var(--x5) calc(100% + 1lh),var(--x5) 5lh,var(--x4) 5lh,var(--x4) 4lh,var(--x3) 4lh,var(--x3) 3lh,var(--x2) 3lh,var(--x2) 2lh,var(--x1) 2lh,var(--x1) 1lh,var(--x0) 1lh,var(--x0) -1lh);display:block;position:absolute;inset:0}[data-js] .scan--wipe .scan-bar>span{-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:currentColor;padding-block:.2em}}@keyframes scan-0{to{--scan-0:calc(100% + var(--scan-band) + 1em)}}@keyframes scan-1{to{--scan-1:calc(100% + var(--scan-band) + 1em)}}@keyframes scan-2{to{--scan-2:calc(100% + var(--scan-band) + 1em)}}@keyframes scan-3{to{--scan-3:calc(100% + var(--scan-band) + 1em)}}@keyframes scan-4{to{--scan-4:calc(100% + var(--scan-band) + 1em)}}@keyframes scan-5{to{--scan-5:calc(100% + var(--scan-band) + 1em)}}@keyframes ink-0{to{--ink-0:calc(100% + var(--scan-band) + 1em)}}@keyframes ink-1{to{--ink-1:calc(100% + var(--scan-band) + 1em)}}@keyframes ink-2{to{--ink-2:calc(100% + var(--scan-band) + 1em)}}@keyframes ink-3{to{--ink-3:calc(100% + var(--scan-band) + 1em)}}@keyframes ink-4{to{--ink-4:calc(100% + var(--scan-band) + 1em)}}@keyframes ink-5{to{--ink-5:calc(100% + var(--scan-band) + 1em)}}
