<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Additional animations for the floating menu */
@keyframes float {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-5px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  
  @keyframes ripple {
    0% {
      box-shadow: 0 0 0 0 rgba(133, 93, 245, 0.3);
    }
    70% {
      box-shadow: 0 0 0 15px rgba(133, 93, 245, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(133, 93, 245, 0);
    }
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-10px);
    }
    60% {
      transform: translateY(-5px);
    }
  }
  
  /* Apply animations to elements */
  .floating-menu-toggle:hover {
    animation: ripple 1.5s infinite;
  }
  
  .floating-menu-item:hover i {
    animation: spin 1s ease-in-out;
  }
  
  .dictionary-floating-menu.expanded .floating-menu-item:nth-child(1) {
    animation: bounce 1s ease 0.1s;
  }
  
  .dictionary-floating-menu.expanded .floating-menu-item:nth-child(2) {
    animation: bounce 1s ease 0.2s;
  }
  
  .dictionary-floating-menu.expanded .floating-menu-item:nth-child(3) {
    animation: bounce 1s ease 0.3s;
  }
  
  .dictionary-floating-menu.expanded .floating-menu-item:nth-child(4) {
    animation: bounce 1s ease 0.4s;
  }
  
  /* Hover effects for menu items */
  .floating-menu-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(133, 93, 245, 0.8) 0%, rgba(41, 128, 185, 0.8) 100%);
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: -1;
  }
  
  .floating-menu-item:hover::after {
    opacity: 0.1;
    transform: scale(1.2);
  }
  
  /* Glowing effect for the toggle button */
  .floating-menu-toggle::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, #855df5 0%, #2980b9 100%);
    filter: blur(10px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
  }
  
  .floating-menu-toggle:hover::before {
    opacity: 0.7;
  }
  
  </pre></body></html>