@property --progress{syntax:"<percentage>";inherits:false;initial-value:0%}.sex-offender-pattern{position:relative;height:100%;overflow:hidden;background:#000}.sex-offender-pattern__gradient{position:absolute;width:100%;height:200%;left:0;top:0;background:linear-gradient(180deg,#5d00001a,#c30000);will-change:transform;pointer-events:none}.sex-offender-pattern__grid{content:"";position:absolute;width:100%;height:200%;left:0;top:0;background-image:linear-gradient(to right,rgba(255,255,255,.7) 2px,transparent 2px),linear-gradient(to bottom,rgba(255,255,255,.7) 2px,transparent 2px);background-size:128px 128px;background-position:center top;pointer-events:none;mix-blend-mode:overlay;will-change:transform}@media screen and (width < 720px){.sex-offender-pattern__grid{background-size:96px 96px}}.sex-offender-pattern__children{display:flex;position:relative;flex-direction:column;justify-content:center;flex-grow:1;z-index:1}.sex-offender-pattern--scanning .sex-offender-pattern__grid,.sex-offender-pattern--scanning .sex-offender-pattern__gradient{animation:progressAnimation 12s ease-out forwards;transform:translateY(var(--progress))}.sex-offender-pattern--results .sex-offender-pattern__gradient{background:linear-gradient(180deg,#5d00001a,#9d0101);height:100%}@keyframes progressAnimation{0%{--progress: 0%}to{--progress: -25%}}