:host {
    color: black;
    font-size: 0.75rem;
    border-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    border: 1px solid rgba(127, 255, 255, 0.25);
    padding: 1px 5px;
    pointer-events: all;
    width: 180px;
  
    /* Grid arka plan animasyonu */
    background:
      linear-gradient(rgba(0, 255, 255, 0.15) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0, 255, 255, 0.15) 1px, transparent 1px),
      linear-gradient(270deg, rgba(0, 127, 127, 0.7), rgba(0, 200, 200, 0.8), rgba(0, 127, 127, 0.7));
    background-size: 5px 5px, 5px 5px, 600% 600%;
  //   animation:  grid-move 4s linear infinite;
  
    /* Neon border animasyonu */
    animation-name: neon-border;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.5);
  }
  
  /* input için neon glow */
  .fikoinput {
    background-color: rgba(0, 127, 127, 0.7);
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.5);
    border: 1px solid rgba(127, 255, 255, 0.5);
    color: white;
    outline: none;
    width: 100%;
  //   animation: neon-glow 3s ease-in-out infinite alternate;
  }
  
  /* select stilleri */
  select {
    color: black;
    outline: none;
  }
  
  /* Neon border animasyonu */
  @keyframes neon-border {
    0% {
      border-color: rgba(0, 255, 255, 0.3);
      box-shadow:
        0 0 5px rgba(0, 255, 255, 0.5),
        0 0 15px rgba(0, 255, 255, 0.4);
    }
    100% {
      border-color: rgba(0, 255, 255, 1);
      box-shadow:
        0 0 15px rgba(0, 255, 255, 1),
        0 0 30px rgba(0, 255, 255, 0.8);
    }
  }
  
  /* Grid hareket animasyonu */
  @keyframes grid-move {
    0% {
      background-position: 0 0, 0 0, 0% 50%;
    }
    100% {
      background-position: 20px 20px, 20px 20px, 100% 50%;
    }
  }
  
  /* Arka plan renk kaydırma */
  @keyframes background-shift {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  /* input neon glow */
  @keyframes neon-glow {
    0% {
      box-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
    }
    100% {
      box-shadow: 0 0 15px rgba(0, 255, 255, 1);
    }
  }