@layer sonar.components{.sonar-search{--_height:var(--sonar-size-control-medium);min-width:0}.sonar-search[data-size=small]{--_height:var(--sonar-size-control-small)}.sonar-search-label{margin-bottom:var(--sonar-space-6);color:var(--sonar-color-text-tertiary);font:var(--sonar-type-label-md);letter-spacing:var(--sonar-type-label-md-tracking);display:block}.sonar-search-control{gap:var(--sonar-space-8);height:var(--_height);padding-inline:var(--sonar-space-12) var(--sonar-space-4);border-radius:var(--sonar-shape-corner-full);background:var(--sonar-color-surface-container-low);box-shadow:inset 0 0 0 1px var(--sonar-color-border-subtle);color:var(--sonar-color-text-strong);transition:box-shadow var(--sonar-motion-effects-fast-duration) var(--sonar-motion-effects-fast-easing);align-items:center;display:flex}@media (hover:hover){.sonar-search-control:hover{box-shadow:inset 0 0 0 1px var(--sonar-color-border-strong)}}[data-preview~=hover] .sonar-search-control,.sonar-search-control[data-preview~=hover]{box-shadow:inset 0 0 0 1px var(--sonar-color-border-strong)}.sonar-search-control:has(:focus-visible),[data-preview~=focus] .sonar-search-control:has(*),.sonar-search-control:has([data-preview~=focus]){box-shadow:inset 0 0 0 2px var(--sonar-color-focus)}.sonar-search-icon{width:var(--sonar-size-icon-small);height:var(--sonar-size-icon-small);color:var(--sonar-color-text-secondary);flex:none;place-items:center;display:grid}.sonar-search-icon svg{width:100%;height:100%}.sonar-search[data-busy] .sonar-search-icon{color:var(--sonar-color-text-accent);animation:.9s ease-in-out infinite alternate sonar-search-pulse}@keyframes sonar-search-pulse{to{opacity:.45}}.sonar-search-input{min-width:0;height:100%;color:inherit;font:var(--sonar-type-body-lg);letter-spacing:var(--sonar-type-body-lg-tracking);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0}.sonar-search[data-size=small] .sonar-search-input{font:var(--sonar-type-label-md)}.sonar-search-input::placeholder{color:var(--sonar-color-text-placeholder);opacity:1}.sonar-search-input::-webkit-search-cancel-button{display:none}.sonar-search-clear{width:28px;height:28px;color:var(--sonar-color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:6px;display:grid}@media (hover:hover){.sonar-search-clear:hover{background:var(--sonar-color-state-hover);color:var(--sonar-color-text-strong)}}[data-preview~=hover] .sonar-search-clear,.sonar-search-clear[data-preview~=hover]{background:var(--sonar-color-state-hover);color:var(--sonar-color-text-strong)}.sonar-search-clear:focus-visible,[data-preview~=focus] .sonar-search-clear,.sonar-search-clear[data-preview~=focus]{outline:var(--sonar-focus-width) solid var(--sonar-color-focus);outline-offset:-2px}@media (pointer:coarse){.sonar-search{--_height:48px}.sonar-search .sonar-search-input{font-size:16px}}.sonar-search[data-variant=top-bar]{--_height:100%;flex:auto;height:100%;min-height:0}.sonar-search[data-variant=top-bar] .sonar-search-control{height:100%;min-height:39px;box-shadow:none;background:0 0;border-radius:0;gap:6px;padding:0}.sonar-search[data-variant=top-bar] .sonar-search-icon{width:22px;height:22px;color:var(--sonar-color-text-default);font-size:22px}.sonar-search[data-variant=top-bar] .sonar-search-input{font:inherit;letter-spacing:-.02em;font-size:12px;line-height:39px}.sonar-search[data-variant=top-bar] .sonar-search-input::placeholder{color:var(--sonar-search-placeholder-color,var(--sonar-color-text-tertiary))}.sonar-search[data-variant=top-bar] .sonar-search-clear{width:auto;height:auto;color:var(--sonar-color-text-default);border-radius:0;padding:0;font-size:18px}.sonar-search[data-variant=top-bar] .sonar-search-clear svg{width:18px;height:18px}@media (pointer:coarse){.sonar-search[data-variant=top-bar]{--_height:100%}.sonar-search[data-variant=top-bar] .sonar-search-control{position:relative}.sonar-search[data-variant=top-bar] .sonar-search-input{transform-origin:0;width:calc(133.333% - 37.3333px);height:52px;font-size:16px;line-height:52px;position:absolute;top:calc(50% - 26px);left:28px;transform:scale(.75)}.sonar-search[data-variant=top-bar] .sonar-search-control:has(.sonar-search-clear) .sonar-search-input{width:calc(133.333% - 69.3333px)}.sonar-search[data-variant=top-bar] .sonar-search-clear{margin-left:auto}}.sonar-search-positioner{z-index:50;outline:0}.sonar-search-popup{box-sizing:border-box;width:max(var(--anchor-width), 320px);max-width:var(--available-width);max-height:min(var(--available-height), 440px);overscroll-behavior:contain;background:var(--sonar-color-surface-card);box-shadow:var(--sonar-elevation-3);transform-origin:var(--transform-origin);transition:opacity var(--sonar-motion-duration-dropdown) var(--sonar-motion-easing-decelerate), translate var(--sonar-motion-duration-dropdown) var(--sonar-motion-easing-decelerate), scale var(--sonar-motion-duration-dropdown) var(--sonar-motion-easing-decelerate);border-radius:12px;padding:0;line-height:1.3;overflow:hidden auto}.sonar-search-popup[data-starting-style]{opacity:0;translate:0 -4px;scale:.98}.sonar-search-popup[data-ending-style]{opacity:0;transition:opacity var(--sonar-motion-duration-menu-exit) var(--sonar-motion-easing-exit)}.sonar-search-status:not(:empty){box-sizing:content-box;background:var(--sonar-color-surface-search-head);min-height:32px;color:var(--sonar-color-text-secondary);font:400 12px/1.3 var(--sonar-font-family-sans);white-space:nowrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.sonar-search-status>:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.sonar-search-status .sep{opacity:.5;flex:none;margin:0 2px}.sonar-search-status svg,.sonar-search-status-icon{box-sizing:border-box;background:var(--sonar-color-accent);width:28px;height:28px;color:var(--sonar-color-on-accent);border-radius:50%;flex:none;padding:6px}.sonar-search-status-icon{place-items:center;font-size:16px;line-height:1;display:grid}.sonar-search-status-icon svg{background:0 0;width:16px;height:16px;padding:0}.sonar-search-empty:not(:empty){color:var(--sonar-color-text-tertiary);font:400 12px/1.3 var(--sonar-font-family-sans);padding:14px 16px}.sonar-search-list:empty{display:none}.sonar-search-item{box-sizing:border-box;min-height:48px;color:var(--sonar-color-text-strong);font:400 12px/1.3 var(--sonar-font-family-sans);cursor:pointer;user-select:none;transition:background-color var(--sonar-motion-duration-state) var(--sonar-motion-easing-decelerate);outline:0;align-items:center;gap:10px;padding:9px 12px;display:flex}.sonar-search-item[data-highlighted]{background:var(--sonar-color-surface-search-active)}.sonar-search-result-icon{background:var(--sonar-color-surface-container);width:30px;height:30px;color:var(--sonar-color-text-secondary);border-radius:50%;flex:none;place-items:center;display:grid}.sonar-search-result-icon svg{width:18px;height:18px}.sonar-search-result-text{flex:1;min-width:0;display:grid}.sonar-search-result-title{color:var(--sonar-color-text-strong);font:var(--sonar-font-weight-semibold) 12px/1.3 var(--sonar-font-family-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sonar-search-result-description{color:var(--sonar-color-text-tertiary);font:400 12px/1.3 var(--sonar-font-family-sans)}.sonar-search-result-trailing{flex:none}.sonar-search-result-trailing:has(>.sonar-status:not([data-label=hidden])){min-width:var(--sonar-search-status-width,71px);display:flex}.sonar-shimmer{background:linear-gradient(90deg, var(--sonar-color-text-tertiary) 30%, var(--sonar-color-accent) 50%, var(--sonar-color-text-tertiary) 70%) 0 0 / 200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1s linear infinite sonar-shimmer}@keyframes sonar-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sonar-search-popup,.sonar-search-item{transition:none}.sonar-search[data-busy] .sonar-search-icon,.sonar-shimmer{animation:none}.sonar-shimmer{color:var(--sonar-color-text-tertiary);background:0 0}}.sonar-status{--_hue:var(--sonar-color-fill-faint);justify-self:start;gap:var(--sonar-space-6);color:var(--sonar-color-text-default);font:var(--sonar-type-label-md);letter-spacing:var(--sonar-type-label-md-tracking);white-space:nowrap;align-items:center;display:inline-flex}.sonar-status[data-tone=positive]{--_hue:var(--sonar-color-accent)}.sonar-status[data-tone=warning]{--_hue:var(--sonar-color-warning)}.sonar-status[data-tone=danger]{--_hue:var(--sonar-color-danger)}.sonar-status-dot{border-radius:var(--sonar-shape-corner-full);background:var(--_hue);flex:none;width:8px;height:8px}.sonar-status[data-appearance=chip]{height:22px;padding-inline:var(--sonar-space-8) var(--sonar-space-10);border-radius:var(--sonar-shape-corner-small);background:color-mix(in srgb, var(--_hue) 14%, transparent);font:var(--sonar-type-label-sm);letter-spacing:var(--sonar-type-label-sm-tracking)}.sonar-status[data-appearance=chip] .sonar-status-dot{width:6px;height:6px}.sonar-status[data-label=hidden]{gap:0}.sonar-status-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
