@property --hd-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.hd-search{width:100%;max-width:560px;margin:1.5rem 0 .4rem}.hd-search__box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:16px;align-items:center;gap:.6rem;height:54px;padding:0 5px 0 1.05rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 18px 40px -26px #000000b3}.hd-search__box>.icon{width:1.15rem;height:1.15rem;color:var(--cyan);flex:none}.hd-search__box input{color:#fff;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:.98rem}.hd-search__box input::placeholder{color:#ffffff80}.hd-search__box:focus-within{border-color:#089ed799;box-shadow:0 0 0 4px #089ed724,0 18px 40px -20px #ec008c73}.hd-search__btn{background:var(--grad);color:#fff;height:44px;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;border-radius:12px;flex:none;align-items:center;gap:.4rem;padding:0 1.1rem;font-size:.78rem;font-weight:700;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 10px 24px -10px #ec008cb3}.hd-search__btn .icon{width:.95rem;height:.95rem}.hd-search__btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px -10px #ec008cd9}.hd-search__line{background:linear-gradient(90deg, transparent, var(--cyan), #fbaa32, var(--magenta), transparent);opacity:.8;pointer-events:none;height:1px;animation:4s ease-in-out infinite hd-line;position:absolute;bottom:-1px;left:12%;right:12%}@keyframes hd-line{50%{opacity:.45;left:25%;right:5%}}.hd-search__tlds{border:0;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 0;padding:0;display:flex}.hd-tld{cursor:pointer;position:relative}.hd-tld input{opacity:0;pointer-events:none;position:absolute}.hd-tld span{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff29;border-radius:99px;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.8rem;font-weight:700;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.hd-tld span:before{content:"";background:var(--tld,var(--cyan));opacity:.55;border-radius:50%;width:.45rem;height:.45rem}.hd-tld input:checked+span{color:#fff;border-color:color-mix(in srgb, var(--tld,var(--cyan)) 75%, transparent);background:color-mix(in srgb, var(--tld,var(--cyan)) 24%, transparent)}.hd-tld input:checked+span:before{opacity:1;box-shadow:0 0 8px var(--tld,var(--cyan))}.hd-tld input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.btn--orbit{position:relative}.btn--orbit:after{content:"";z-index:1;border-radius:inherit;background:conic-gradient(from var(--hd-spin), transparent 0 38%, #089ed773 58%, var(--cyan) 74%, var(--magenta) 90%, transparent);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:3.2s linear infinite hd-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn--orbit:hover:after{animation-duration:1.4s}@keyframes hd-spin{to{--hd-spin:360deg}}@media (width<=520px){.hd-search__btn span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hd-search__btn{padding:0 .9rem}}@media (prefers-reduced-motion:reduce){.hd-search__line,.btn--orbit:after{animation:none}}