@property --search-angle{syntax:"<angle>";initial-value:70deg;inherits:false}
.search{position:relative;isolation:isolate;display:grid!important;grid-template-columns:50px minmax(0,1fr) 62px!important;align-items:center;width:100%;height:58px!important;margin-inline:auto;padding:6px!important;overflow:visible;background:#070a0c!important;border:1px solid #343b3f!important;border-radius:14px!important;color:#fff!important;box-shadow:0 0 0 1px #ff62571f,0 0 22px #a170f22b,0 14px 34px #0008!important}
.search::before{position:absolute;z-index:2;inset:-3px;padding:3px;border-radius:16px;background:conic-gradient(from var(--search-angle),transparent 0 8%,#ff6257 15%,#ffda61 22%,transparent 30% 51%,#a170f2 60%,#67d9d0 68%,transparent 77%);content:"";pointer-events:none;opacity:.78;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.search::after{position:absolute;z-index:0;left:18px;top:50%;width:100px;height:24px;border-radius:50%;background:#a170f2;content:"";filter:blur(24px);opacity:.16;pointer-events:none;transform:translateY(-50%)}
.search>*{position:relative;z-index:1}.search-icon{display:grid!important;width:auto!important;height:auto!important;margin:0!important;place-items:center;color:#fff!important;font-size:27px!important;line-height:1}.search input{width:100%;height:100%!important;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:16px!important}.search input::placeholder{color:#aeb6ba!important}.search button{width:56px!important;height:44px!important;margin:0!important;padding:0!important;border:2px solid #ffb2aa!important;border-radius:10px!important;background:#ff6257!important;color:#111719!important;box-shadow:0 0 0 2px #ff62572e,0 0 12px #ff6257cc,0 0 26px #a170f270;font-size:12px!important;font-weight:900!important;transition:transform .18s ease,filter .18s ease}.search::before{animation:search-border-spin 2.8s linear infinite;opacity:1}.search:focus-within{outline:0!important}.search button:hover{filter:brightness(1.1);transform:scale(1.04);box-shadow:0 0 0 2px #ffda6152,0 0 16px #ff6257,0 0 34px #a170f2a3}
@keyframes search-border-spin{to{--search-angle:430deg}}
@media(max-width:760px){.search{grid-template-columns:42px minmax(0,1fr) 54px!important;height:52px!important;border-radius:12px!important}.search::before{border-radius:14px}.search input{font-size:15px!important}.search button{width:48px!important;height:40px!important}}
@media(prefers-reduced-motion:reduce){.search::before{animation:none}.search button{transition:none}}