@layer luz.tokens,luz.themes,luz.settings,luz.generic,luz.elements,luz.objects,luz.components,luz.utilities,luz.catalog,luz.print;@layer luz.catalog{:where(luz-search){display:inline-grid;vertical-align:middle}:where(luz-search)>:is(.luz-search__fallback,.luz-search__trigger){grid-area:1 / 1}:where(luz-search)>[hidden]:is(.luz-search__fallback,.luz-search__trigger){display:inline-flex;visibility:hidden}.luz-search__fallback:not([hidden]){display:inline-flex}.luz-search__fallback{align-items:center;gap:var(--luz-space-xs);min-block-size:var(--luz-control-lg);font-family:var(--luz-font-sans);font-size:var(--luz-text-sm)}.luz-search__trigger:not([hidden]){display:inline-flex}.luz-search__trigger{align-items:center;gap:var(--luz-space-xs);min-block-size:var(--luz-control-lg);min-inline-size:var(--luz-control-lg);padding-inline:var(--luz-space-sm);border:1px solid var(--luz-input-border);border-radius:var(--luz-radius-md);background:var(--luz-input-bg);color:var(--luz-text-secondary);font:inherit;font-family:var(--luz-font-sans);font-size:var(--luz-text-sm);cursor:pointer}.luz-search__trigger:hover{color:var(--luz-text-primary);border-color:var(--luz-text-secondary)}.luz-search__trigger:focus-visible{outline:2px solid var(--luz-focus-ring);outline-offset:2px}.luz-search__trigger-icon{flex:none;inline-size:1.125rem;block-size:1.125rem;fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.luz-search__trigger-key{margin-inline-start:auto;padding-inline:var(--luz-space-2xs);border:1px solid var(--luz-divider);border-radius:var(--luz-radius-sm);font-family:var(--luz-font-mono);font-size:var(--luz-text-xs);white-space:nowrap}@media(pointer:coarse)and (hover:none){.luz-search__trigger-key{display:none}}@media(max-width:768px){.luz-search__trigger--compact,:where(luz-search):has(>.luz-search__trigger--compact)>.luz-search__fallback{justify-content:center;padding-inline:0}:where(luz-search):has(>.luz-search__trigger--compact)>.luz-search__fallback{inline-size:var(--luz-control-lg);block-size:var(--luz-control-lg);border:1px solid var(--luz-input-border);border-radius:var(--luz-radius-md)}.luz-search__trigger--compact .luz-search__trigger-label,:where(luz-search):has(>.luz-search__trigger--compact) .luz-search__fallback-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.luz-search__trigger--compact .luz-search__trigger-key{display:none}}.luz-search{inline-size:min(100%,40rem);max-inline-size:100%;max-block-size:min(80dvb,40rem);margin:10dvb auto auto;padding:var(--luz-space-lg)}.luz-search[open]{display:flex;flex-direction:column}.luz-search__body{display:flex;flex-direction:column;gap:var(--luz-space-xs);min-block-size:0;font-family:var(--luz-font-sans)}.luz-search__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--luz-space-xs) var(--luz-space-md)}.luz-search__title{margin:0;font-family:var(--luz-font-heading);font-size:var(--luz-text-lg)}.luz-search__field{position:relative}.luz-search__field :where(svg){position:absolute;inset-block:0;inset-inline-start:var(--luz-space-sm);margin-block:auto;inline-size:1.125rem;block-size:1.125rem;fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--luz-text-secondary);pointer-events:none}.luz-search__field :where(input){padding-inline-start:calc(var(--luz-space-sm) + var(--luz-space-lg) + var(--luz-space-2xs))}.luz-search__status{font-size:var(--luz-text-sm);color:var(--luz-text-secondary)}.luz-search__head>:last-child{margin-inline-start:auto}.luz-search__close{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--luz-control-lg);min-block-size:var(--luz-control-lg);padding:0;color:var(--luz-text-secondary)}.luz-search__close:hover{color:var(--luz-text-primary);background:var(--luz-surface-hover)}.luz-search__close :where(svg){flex:none;inline-size:1.25rem;block-size:1.25rem;fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.luz-search__results{flex:0 1 auto;overflow-y:auto;padding:var(--luz-space-2xs);margin-inline:calc(-1 * var(--luz-space-2xs))}.luz-search__results:has(>:not([hidden]) li){min-block-size:5rem}.luz-search__results :where(h3){margin-block:var(--luz-space-sm) var(--luz-space-2xs);font-size:var(--luz-text-sm);color:var(--luz-text-secondary)}.luz-search__results :where(ul){margin:0;padding:0;list-style:none}.luz-search__results :where(a){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--luz-space-md);min-block-size:var(--luz-control-sm);padding:var(--luz-space-2xs) var(--luz-space-xs);border-radius:var(--luz-radius-sm);text-decoration:none}.luz-search__results :where(a>:first-child){text-decoration:underline;text-underline-offset:.18em}.luz-search__results :where(a):hover{background:var(--luz-surface-hover)}.luz-search__results :where(a>span+span){color:var(--luz-text-secondary);font-size:var(--luz-text-sm)}.luz-search__results :where(a>span:nth-child(2):not(:last-child)){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(pointer:coarse){.luz-search__results :where(a){min-block-size:var(--luz-control-lg)}}.luz-search__foot{margin:0;padding-block-start:var(--luz-space-sm);border-block-start:1px solid var(--luz-divider)}@media(max-width:640px),(max-height:30rem){.luz-search{--luz-search-pad-inline: max(var(--luz-space-md), env(safe-area-inset-left), env(safe-area-inset-right));inline-size:100%;max-block-size:none;margin:0;padding:0;scroll-padding-block-start:calc(max(var(--luz-space-xs),env(safe-area-inset-top)) + var(--luz-space-xs) + var(--luz-control-lg) + 1px + var(--luz-space-md))}.luz-search__body{flex:1 1 0;min-block-size:0;padding-block-end:max(var(--luz-space-md),env(safe-area-inset-bottom));padding-inline:var(--luz-search-pad-inline)}.luz-search__head{position:sticky;inset-block-start:0;z-index:1;flex-wrap:nowrap;margin-inline:calc(-1 * var(--luz-search-pad-inline));padding-block:max(var(--luz-space-xs),env(safe-area-inset-top)) var(--luz-space-xs);padding-inline:var(--luz-search-pad-inline) max(var(--luz-space-xs),env(safe-area-inset-right));background:var(--luz-surface);border-bottom:1px solid var(--luz-divider);margin-block-end:var(--luz-space-xs)}.luz-search__results{flex:1 1 auto;position:relative}}@media(forced-colors:active){.luz-search{border-color:CanvasText}}}@layer luz.print{@media print{:where(luz-search){display:none}}}