.vip-void{position:absolute;inset:0;overflow:hidden;background:#050505;pointer-events:none;container-type:size}.vip-void-grid{position:absolute;top:50%;left:50%;width:max(180cqw,180cqh);height:max(180cqw,180cqh);transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.vip-void-square{position:relative}.vip-void-square:after,.vip-void-square:before{content:"";position:absolute;background:#e8d094;border-radius:4px;opacity:var(--void-opacity);animation-delay:var(--void-delay)}.vip-void-square:before{top:0;left:26%;width:48%;height:2px;transform:translateY(-50%);animation:vip-void-line-y 2.5s ease-in infinite alternate-reverse}.vip-void-square:after{top:26%;left:0;width:2px;height:48%;transform:translateX(-50%);animation:vip-void-line-x 2.5s ease-in infinite alternate-reverse}.vip-void-dot{position:absolute;width:19%;height:19%;background:#e8d094;border-radius:50%;transform:translate(-50%,-50%);opacity:var(--void-opacity);animation:vip-void-dot 2.5s ease-in infinite alternate;animation-delay:var(--void-delay)}.vip-void-dot:last-child{top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);animation-direction:alternate-reverse}@keyframes vip-void-dot{0%,35%{transform:translate3d(-50%,-50%,0) scale(0)}65%,to{transform:translate3d(-50%,-50%,0) scale(1)}}@keyframes vip-void-line-x{0%,35%{transform:translate3d(-50%,0,0) rotate(0deg)}65%,to{transform:translate3d(-50%,0,0) rotate(90deg)}}@keyframes vip-void-line-y{0%,35%{transform:translate3d(0,-50%,0) rotate(0deg)}65%,to{transform:translate3d(0,-50%,0) rotate(90deg)}}@media (prefers-reduced-motion:reduce){.vip-void-dot,.vip-void-square:after,.vip-void-square:before{animation:none}}