/* ingelperf 1.4.4 - animowana ramka wyszukiwarki.
 * Na podstawie "curvy-earwig-22" autorstwa Lakshay-art z Uiverse.io
 * (zrodlo: github.com/uiverse-io/galaxy, Inputs/Lakshay-art_curvy-earwig-22.html, licencja MIT,
 * Copyright (c) 2023 Uiverse.io). Wersja dyskretna (decyzja Artura 18.10): tylko warstwa .border
 * oryginalu jako cienka ramka 2 px na krawedzi pola; te same katy (70 / -110 / 430 st.) i czasy (2 s / 4 s).
 * Usuniete: .glow, .darkBorderBg, .white, #pink-mask, rozmycia, .grid, #filter-icon, #input-mask.
 * Kolory: #402fb5 -> #1746C7, #cf30aa -> #e44fb6, #1c191c -> #e6e6e6 (jasny motyw). */
.igsfx { position: relative; isolation: isolate; border-radius: 25px; }
.igsfx > .query { border-radius: 25px !important; border-color: transparent !important; }
.igsfx > .query:focus { outline: none !important; box-shadow: none !important; }
.igsfx-border { position: absolute; inset: 0; z-index: 2; pointer-events: none; overflow: hidden; border-radius: 25px; padding: 2px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.igsfx-border::before { content: ""; position: absolute; top: 50%; left: 50%; width: 1400px; height: 1400px;
  transform: translate(-50%,-50%) rotate(70deg); transition: transform 2s;
  background-image: conic-gradient(#e6e6e6, #1746C7 5%, #e6e6e6 14%, #e6e6e6 50%, #e44fb6 60%, #e6e6e6 64%); }
.igsfx:hover > .igsfx-border::before { transform: translate(-50%,-50%) rotate(-110deg); }
.igsfx:focus-within > .igsfx-border::before { transform: translate(-50%,-50%) rotate(430deg); transition: transform 4s; }
@media (prefers-reduced-motion: reduce) { .igsfx-border::before { transition: none !important; } }