.lab-toolbar-search{align-items:flex-start;gap:var(--lab-space-3);pointer-events:none;width:100%;min-width:0;display:flex}.lab-toolbar-search-main{flex:1;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;display:grid;position:relative}.lab-toolbar-search .lab-toolbar-search-surface{box-sizing:border-box;width:var(--lab-search-width,calc(var(--lab-toolbar-control) + 6px));z-index:1;isolation:isolate;grid-area:1/1;align-self:start}.lab-toolbar-search-surface:has(input:focus-visible){border-color:var(--lab-focus)}.lab-toolbar-search-glyph{place-items:center;display:grid}html[data-lab-theme] .lab-toolbar-search-glyph>svg{width:20px;height:20px}.lab-toolbar-search-glyph>svg{transition:opacity .16s ease, transform .3s var(--lab-ease);grid-area:1/1}.lab-toolbar-search-glyph>svg:last-child{opacity:0;transform:rotate(-45deg)scale(.75)}.lab-toolbar-search-glyph[data-expanded=true]>svg:first-child{opacity:0;transform:rotate(45deg)scale(.75)}.lab-toolbar-search-glyph[data-expanded=true]>svg:last-child{opacity:1;transform:none}.lab-toolbar-search-editor{min-width:0;opacity:var(--lab-search-editor-opacity,0);pointer-events:none;flex:1;align-items:center;display:flex}.lab-toolbar-search[data-expanded=true] .lab-toolbar-search-editor{pointer-events:auto}html[data-lab-theme] .lab-toolbar-search input.lab-toolbar-search-input{width:100%;min-width:0;height:var(--lab-toolbar-control);padding-inline:var(--lab-space-1);box-shadow:none;font:inherit;color:var(--lab-ink);appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1}.lab-toolbar-search-input::-webkit-search-cancel-button{display:none}.lab-toolbar-search-input::placeholder{color:var(--lab-muted)}.lab-toolbar-search-controls{min-width:0;opacity:var(--lab-search-controls-opacity,1);pointer-events:auto;grid-area:1/1;margin-inline-start:calc(var(--lab-search-compact-width,var(--lab-toolbar-item)) + var(--lab-space-2));display:flex}.lab-toolbar-search[data-expanded=true] .lab-toolbar-search-controls,.lab-toolbar-search[data-moving=true] .lab-toolbar-search-controls{pointer-events:none}.lab-toolbar-search-trailing{pointer-events:auto;flex:none}@media (prefers-reduced-motion:reduce){.lab-toolbar-search-glyph>svg,.lab-toolbar-search-editor,.lab-toolbar-search-controls{transition:none}}