.cr{width:100%;height:100%;position:relative}.cr-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@property --cr-light{syntax:"<percentage>";inherits:false;initial-value:130%}@media (prefers-reduced-motion:no-preference){.cr[data-drawn] .cr-canvas{-webkit-mask-image:linear-gradient(180deg, #000 calc(var(--cr-light) - 30%), transparent var(--cr-light));-webkit-mask-image:linear-gradient(180deg, #000 calc(var(--cr-light) - 30%), transparent var(--cr-light));mask-image:linear-gradient(180deg, #000 calc(var(--cr-light) - 30%), transparent var(--cr-light));animation:2.8s cubic-bezier(.3,.55,.15,1) both cr-first-light}}@keyframes cr-first-light{0%{--cr-light:0%}to{--cr-light:130%}}