: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;
		
	}

}

/* Mobile devices: max-width 767px */
@media (max-width: 767px) {
  .vb-bg-no-play-on-mobile {
    display: none !important;
  }
}
