.studio-search-overlay{z-index:120;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1111118c;background:lab(5.06333% .00000745058 0/.55);justify-content:center;align-items:flex-start;padding:clamp(4.5rem,14vh,10rem) 1rem 1rem;animation:.16s studio-search-fade;display:flex;position:fixed;inset:0}.studio-search-modal{width:100%;max-width:640px}.studio-search-modal .aa-Form{background:#fff;border:none;border-radius:10px;align-items:center;height:56px;padding-inline:1.1rem;display:flex;box-shadow:0 12px 32px -14px #0a0f2873,0 0 0 1px #0a0f2814}.studio-search-modal .aa-Form:focus-within{box-shadow:0 12px 32px -14px color-mix(in oklch, var(--primary) 45%, transparent), 0 0 0 2px var(--primary)}.studio-search-overlay[data-demo] .algolia-search-hero .aa-Form,.studio-search-overlay[data-demo] .algolia-search-hero .aa-Form:focus-within{box-shadow:0 24px 60px -20px #1118271a, 0 0 0 2px var(--alg-blue)}.studio-search-modal .aa-InputWrapper,.studio-search-modal .aa-InputWrapperPrefix,.studio-search-modal .aa-InputWrapperSuffix{align-items:center;display:flex}.studio-search-modal .aa-Input{color:var(--foreground);background:0 0;border:none;flex:1;font-family:inherit;font-size:1rem}.studio-search-modal .aa-Input::placeholder{color:color-mix(in oklch, var(--foreground) 50%, var(--background))}.studio-search-modal .aa-SubmitButton,.studio-search-modal .aa-ClearButton{background:0 0;border:none;align-items:center;padding:0;display:flex}.studio-search-modal .aa-SubmitIcon,.studio-search-modal .aa-ClearIcon{width:20px;height:20px;color:var(--primary)}.studio-search-modal .alg-panel-scope{--alg-ink:var(--foreground);--alg-blue:var(--primary);--alg-pink:var(--primary);--alg-violet:var(--primary);--alg-gradient-soft:linear-gradient(135deg, color-mix(in oklch, var(--primary) 12%, transparent) 0%, color-mix(in oklch, var(--primary) 4%, transparent) 100%);max-height:60vh;margin-top:.5rem;overflow-y:auto;width:100%!important;position:static!important;inset:auto!important}.studio-search-modal .alg-panel-scope .aa-Panel--scrollable,.studio-search-modal .alg-panel-scope .aa-PanelLayout{max-height:none!important;overflow:visible!important}@media (max-width:767px){.studio-search-overlay{padding-top:.75rem}.studio-search-modal .alg-panel-scope{max-height:50vh}}@keyframes studio-search-fade{0%{opacity:0}to{opacity:1}}