/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/app/playground/playground.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* Pulsing border animation for unselected router */
@keyframes playground_pulseBorder__X_B2I {
  0%, 100% {
    border-color: rgba(239, 68, 68, 0.3);
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
  }
  50% {
    border-color: rgba(239, 68, 68, 0.6);
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);
  }
}

.playground_pulsingBorder__ktt6L {
  animation: playground_pulseBorder__X_B2I 2s ease-in-out infinite;
}

/* Shake animation for validation error */
@keyframes playground_shake__Z5cLS {
  0%, 100% { transform: translateX(0); }
  10% { transform: translateX(-5px); }
  20% { transform: translateX(5px); }
  30% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  50% { transform: translateX(-3px); }
  60% { transform: translateX(3px); }
  70% { transform: translateX(-1px); }
  80% { transform: translateX(1px); }
  90% { transform: translateX(0); }
}

.playground_shakeAnimation__splAm {
  animation: playground_shake__Z5cLS 0.5s ease-in-out;
}

/* Tooltip styles */
.playground_tooltipContainer__owMfD {
  position: relative;
}

.playground_tooltip__x08P_ {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8px;
  padding: 8px 12px;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.playground_tooltip__x08P_::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.playground_tooltipVisible__CLL7u {
  opacity: 1;
}