object-fit:contain;
user-select:none;
-webkit-user-drag:none;
}
.vaybik-glow{
position:absolute;
left:50%;
top:54%;
width:72%;
height:72%;
transform:translate(-50%,-50%);
border-radius:50%;
z-index:-1;
background:
radial-gradient(circle,rgba(221,188,111,.25),rgba(221,188,111,0) 58%),
radial-gradient(circle,rgba(81,100,77,.18),rgba(81,100,77,0) 70%);
filter:blur(20px);
animation:vaybikGlow 8s ease-in-out infinite;
}
.vaybik-particles{
position:absolute;
inset:0;
}
.vaybik-particle{
position:absolute;
width:var(--s);
height:var(--s);
left:var(--x);
top:var(--y);
border-radius:50%;
background:
radial-gradient(circle,
rgba(255,226,160,.95),
rgba(255,226,160,0) 72%);
opacity:0;
animation:vaybikParticle var(--d) ease-in-out infinite;
animation-delay:var(--delay);
}
@keyframes vaybikBreath{
0%,100%{
transform:scale(1);
}
50%{
transform:scale(1.02);
}
}
@keyframes vaybikFloat{
0%,100%{
transform:translateY(0px);
}
50%{
transform:translateY(-8px);
}
}
@keyframes vaybikGlow{
0%,100%{
opacity:.7;
transform:translate(-50%,-50%) scale(1);
}
50%{
opacity:1;
transform:translate(-50%,-50%) scale(1.06);
}
}
@keyframes vaybikParticle{
0%{
transform:translateY(0px) scale(.6);
opacity:0;
}
25%{
opacity:.35;
}
100%{
transform:translateY(-40px) scale(1);
opacity:0;
}
}
@media (hover:none){
.vaybik-box{
transform:none!important;
}
}
