.blog-hero-search{width:100%;max-width:520px;margin:0;position:relative}.blog-hero-search__wrapper{position:relative}.blog-hero-search__input{width:100%;padding:.9rem 1.1rem .9rem 3rem;font-size:1.0625rem;line-height:1.4;border:2px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.blog-hero-search__input::placeholder{color:rgba(255,255,255,.45)}.blog-hero-search__input:focus{outline:none;border-color:#ffd19f;box-shadow:0 0 0 3px rgba(255,209,159,.25);background:rgba(255,255,255,.12)}.blog-hero-search__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:22px;height:22px;color:rgba(255,255,255,.45);pointer-events:none}.blog-hero-search__portal{position:fixed;z-index:2147483000}.blog-hero-search__suggestions{list-style:none;margin:0;padding:0;background:oklch(.1757 .0122 254.1481);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.45);max-height:400px;overflow-y:auto;z-index:50}.blog-hero-search__empty{margin:0;padding:.75rem 1rem;color:rgba(255,255,255,.55);font-size:.875rem}.blog-hero-search__suggestion{display:block;padding:.7rem 1rem;cursor:pointer;text-decoration:none;transition:background .15s ease}.blog-hero-search__suggestion:hover,.blog-hero-search__suggestion[data-selected=true]{background:rgba(255,255,255,.06)}.blog-hero-search__suggestion-title{display:block;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-hero-search__suggestion-excerpt{display:block;margin-top:2px;font-size:.8125rem;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-hero-search__suggestion mark{background:rgba(255,209,159,.28);color:inherit;padding:0 2px;border-radius:2px}