:root {
--wp--vayu-blocks-spacing-10: 10px;
--wp--vayu-blocks-spacing-20: 20px;
--wp--vayu-blocks-spacing-30: 30px;
--wp--vayu-blocks-spacing-50: 50px;
--wp--vayu-blocks-spacing-80: 80px;
--wp--vayu-blocks-spacing-100: 100px;
--wp--vayu-blocks-spacing-200: 200px;
}
.vb-adv-ani-pointer:hover{
transform: scale(1.05) rotate(3deg);
}
.vb-adv-ani-help:hover {
transform: scale(1.05) translateY(-5px);
}
.vb-adv-ani-wait:hover {
animation: ani-ad-pulse 1.5s ease infinite;
}
@keyframes ani-ad-pulse {
0%   { transform: scale(1); }
30%  { transform: scale(1.08); }
60%  { transform: scale(0.9); }
100% { transform: scale(1); }
}
.vb-adv-ani-crosshair:hover {
transform: scale(1.05);
}
.vb-adv-ani-text:hover {
transform: scale(1.05);
letter-spacing: 2px;
}
.vb-adv-ani-not-allowed:hover {
transform: scale(1.05);
animation: ani-ad-shake 0.5s ease-in-out;
}
@keyframes ani-ad-shake {
0%, 100% { transform: translateX(0) scale(1.05); }
25% { transform: translateX(-5px) scale(1.05); }
75% { transform: translateX(5px) scale(1.05); }
}
.vb-adv-ani-grab:hover {
transform: scale(1.05) translateX(10px);
}
.vb-adv-ani-zoom-in:hover {
transform: scale(1.15);
}
.vb-adv-ani-cell:hover {
transform: scale(1.05);
clip-path: polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
}
.vb-adv-ani-copy:hover {
transform: scale(1.05);
box-shadow: 5px 5px 0 #cddc3950;
}
.vb-adv-ani-move:hover {
animation: ani-ad-moveAround 2s infinite ease-in-out;
}
@keyframes ani-ad-moveAround {
0% { transform: translate(0, 0) scale(1.05); }
25% { transform: translate(5px, -5px) scale(1.05); }
50% { transform: translate(0, 0) scale(1.05); }
75% { transform: translate(-5px, 5px) scale(1.05); }
100% { transform: translate(0, 0) scale(1.05); }
}
.vb-adv-ani-alias:hover {
transform: scale(1.05) skew(-5deg);
}
.vb-adv-ani-panel{
margin: 3px 7px;
}
.vb-adv-ani-press:hover {
transform: scale(0.95);
transition: transform 0.1s ease-in-out;
}
.vb-adv-ani-float:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
}
.vb-adv-ani-bounce:hover {
animation: adv-ani-bounce 0.6s infinite;
}
@keyframes adv-ani-bounce {
0%   { transform: translateY(0); }
30%  { transform: translateY(-10px); }
50%  { transform: translateY(0); }
70%  { transform: translateY(-5px); }
100% { transform: translateY(0); }
}
@media only screen and (min-width: 1024px)  {
.vb-th-hide-desktop:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0,0%,100%,.6);
z-index:99999999;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.vb-th-hide-tablet:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0,0%,100%,.6);
z-index:99999999;
}
}
@media only screen and (max-width: 767px) {
.vb-th-hide-mobile:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0,0%,100%,.6);
z-index:99999999;
}
} @media (max-width: 767px) {
.vb-bg-no-play-on-mobile {
display: none !important;
}
}