/* R82: always-visible rotating rainbow stroke on the ACTUAL homepage search form.
   The previous R81 animation was overridden by search-orbit-r13.css !important. */
#zGeneratorSearch.z-search-box {
  position: relative !important;
  isolation: isolate !important;
  border: 3px solid transparent !important;
  border-radius: 26px !important;
  background: linear-gradient(#fff,#fff) padding-box,
    conic-gradient(from var(--r82-angle),#4285f4 0deg,#a142f4 60deg,#ea4335 120deg,#fbbc05 180deg,#34a853 245deg,#4285f4 310deg,#4285f4 360deg) border-box !important;
  animation: r82-rainbow 3.5s linear infinite !important;
  box-shadow: 0 15px 45px rgba(45,74,139,.16) !important;
}
@property --r82-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes r82-rainbow { 0% { --r82-angle: 0deg; } 100% { --r82-angle: 360deg; } }
#zGeneratorSearch.z-search-box:focus-within {
  box-shadow:0 15px 48px rgba(66,133,244,.24),0 0 0 4px rgba(66,133,244,.12)!important;
}
#zGeneratorSearch .z-search-inputrow,
#zGeneratorSearch .z-search-inputrow input { background:transparent!important; }
@media(max-width:767px) { #zGeneratorSearch.z-search-box { border-radius:22px!important; max-width:100%!important; } }
@media(prefers-reduced-motion:reduce) { #zGeneratorSearch.z-search-box {animation:none!important;} }