#halo-search{justify-content:center;align-items:center;display:flex;position:relative}#search-wrapper{position:relative}.search-field{color:#fff;letter-spacing:.05em;background-color:#010201;border:none;border-radius:12px;width:440px;height:64px;padding-left:20px;padding-right:76px;font-size:22px;font-weight:500}.search-field::placeholder{color:#c0b9c0}.search-field:focus{outline:none}.search-field:autofill{-webkit-text-fill-color:white;caret-color:#fff;box-shadow:inset 0 0 0 1000px #010201}.inner-glow,.main-border,.outer-ring,.aurora-glow{z-index:-1;filter:blur(3px);border-radius:14px;width:100%;max-width:454px;height:100%;max-height:78px;position:absolute;overflow:hidden}.inner-glow{filter:blur(2px);border-radius:12px;max-width:446px;max-height:71px}.inner-glow:before{content:"";z-index:-2;text-align:center;filter:brightness(1.4);background-image:conic-gradient(#0000 0%,#a099d8,#0000 8% 50%,#dfa2da,#0000 58%);background-position:0 0;background-repeat:no-repeat;width:600px;height:600px;transition:all 2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(83deg)}.main-border{filter:blur(.5px);border-radius:13px;max-width:442px;max-height:67px}.main-border:before{content:"";z-index:-2;text-align:center;filter:brightness(1.3);background-image:conic-gradient(#1c191c,#402fb5 5%,#1c191c 14% 50%,#cf30aa 60%,#1c191c 64%);background-position:0 0;background-repeat:no-repeat;width:600px;height:600px;transition:all 2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(70deg)}.outer-ring{max-width:451px;max-height:73px}.outer-ring:before{content:"";z-index:-2;text-align:center;background-image:conic-gradient(#0000,#18116a,#0000 10% 50%,#6e1b60,#0000 60%);background-position:0 0;background-repeat:no-repeat;width:600px;height:600px;transition:all 2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(82deg)}.aurora-glow{filter:blur(30px);opacity:.4;max-width:494px;max-height:138px;overflow:hidden}.aurora-glow:before{content:"";z-index:-2;text-align:center;background-image:conic-gradient(#000,#402fb5 5%,#000 38% 50%,#cf30aa 60%,#000 87%);background-position:0 0;background-repeat:no-repeat;width:999px;height:999px;transition:all 2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(60deg)}.search-btn-border{border-radius:10px;width:48px;height:48px;position:absolute;top:8px;right:8px;overflow:hidden}.search-btn-border:before{content:"";text-align:center;filter:brightness(1.35);background-image:conic-gradient(#0000,#3d3a4f,#0000 50% 50%,#3d3a4f,#0000 100%);background-position:0 0;background-repeat:no-repeat;width:600px;height:600px;animation:4s linear infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}#search-wrapper span{top:8px!important;right:8px!important}#halo-search:hover>.outer-ring:before{transform:translate(-50%,-50%)rotate(-98deg)}#halo-search:hover>.aurora-glow:before{transform:translate(-50%,-50%)rotate(-120deg)}#halo-search:hover>.inner-glow:before{transform:translate(-50%,-50%)rotate(-97deg)}#halo-search:hover>.main-border:before{transform:translate(-50%,-50%)rotate(-110deg)}#halo-search:focus-within>.outer-ring:before{transition:all 4s;transform:translate(-50%,-50%)rotate(442deg)}#halo-search:focus-within>.aurora-glow:before{transition:all 4s;transform:translate(-50%,-50%)rotate(420deg)}#halo-search:focus-within>.inner-glow:before{transition:all 4s;transform:translate(-50%,-50%)rotate(443deg)}#halo-search:focus-within>.main-border:before{transition:all 4s;transform:translate(-50%,-50%)rotate(430deg)}@keyframes rotate{to{transform:translate(-50%,-50%)rotate(450deg)}}@media only screen and (max-width:500px){.search-field{width:290px;height:48px;padding-left:14px;padding-right:52px;font-size:14px}.inner-glow,.main-border,.outer-ring,.aurora-glow{max-width:304px;max-height:58px}.inner-glow{max-width:296px;max-height:53px}.main-border{max-width:292px;max-height:50px}.outer-ring{max-width:301px;max-height:55px}.aurora-glow{max-width:324px;max-height:98px}.search-btn-border{border-radius:8px;width:36px;height:36px;top:6px;right:6px}#search-wrapper span{width:36px!important;height:36px!important;top:6px!important;right:6px!important}#search-wrapper span svg{width:16px!important;height:16px!important}}