.DiagonalAnimation_diagonalAnimationWrapper__Fjhpg{display:inline-block}.DiagonalAnimation_reelBorderRipplesContainer__tOP6_{position:relative;overflow:visible;border-radius:8px;background:rgba(0,0,0,.3);padding:6px;box-sizing:border-box;z-index:1;box-shadow:0 20px 40px rgba(102,126,234,.5),0 10px 25px rgba(118,75,162,.4),0 5px 15px rgba(240,147,251,.3),inset 0 8px 16px rgba(0,0,0,.4),inset 0 -8px 16px rgba(0,0,0,.4),inset 8px 0 16px rgba(0,0,0,.4),inset -8px 0 16px rgba(0,0,0,.4)}.DiagonalAnimation_reelBorderRipplesContainer__tOP6_.paused .DiagonalAnimation_square__3i4KU{animation-play-state:paused}.DiagonalAnimation_container__HjZNi{position:relative;width:295px;height:295px;-webkit-clip-path:circle(48% at 50% 50%);clip-path:circle(48% at 50% 50%);-webkit-mask-image:radial-gradient(circle at center,#000 55%,rgba(0,0,0,.7) 65%,transparent 78%);mask-image:radial-gradient(circle at center,#000 55%,rgba(0,0,0,.7) 65%,transparent 78%);overflow:hidden}.DiagonalAnimation_container__HjZNi:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:inset 0 18px 36px rgba(0,0,0,.65),inset 0 -18px 36px rgba(0,0,0,.65),inset 18px 0 36px rgba(0,0,0,.65),inset -18px 0 36px rgba(0,0,0,.65)}.DiagonalAnimation_ripplePattern__R_1gY{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:4px;overflow:hidden;background:rgba(0,0,0,.2);z-index:2;box-shadow:inset 0 4px 8px rgba(0,0,0,.3),inset 0 -4px 8px rgba(0,0,0,.3),inset 4px 0 8px rgba(0,0,0,.3),inset -4px 0 8px rgba(0,0,0,.3)}.DiagonalAnimation_grid__hqcJL{display:grid;grid-template-columns:repeat(var(--cols,15),1fr);grid-template-rows:repeat(var(--rows,12),1fr);grid-gap:5px;gap:5px;width:100%;height:100%;padding:15px;box-sizing:border-box;border-radius:4px;overflow:hidden;position:relative;z-index:3}.DiagonalAnimation_square__3i4KU{width:100%;height:100%;background-color:var(--color,#eb4b4b);border-radius:4px;transform:scale(0);animation:DiagonalAnimation_rippleWaveLoop__8RAzN .35s ease-in-out infinite;animation-delay:calc(var(--delay, 0) * .05s);position:relative;z-index:4}.DiagonalAnimation_reelRipple1__fdMkR .DiagonalAnimation_square__3i4KU{animation-duration:.5s}@keyframes DiagonalAnimation_rippleWaveLoop__8RAzN{0%{transform:scale(0);opacity:.25}10%{transform:scale(.5);opacity:.5}20%{transform:scale(1);opacity:1}25%{transform:scale(1);opacity:1}35%{transform:scale(1);opacity:.8}45%{transform:scale(1);opacity:.5}50%{transform:scale(1);opacity:.4}55%{transform:scale(1);opacity:.5}65%{transform:scale(1);opacity:.7}75%{transform:scale(1);opacity:.9}80%{transform:scale(.9);opacity:.8}85%{transform:scale(.7);opacity:.6}90%{transform:scale(.5);opacity:.4}95%{transform:scale(.2);opacity:.3}to{transform:scale(0);opacity:.25}}