@layer components{.gz{gap:var(--sp-2);display:grid;position:relative}.gz__label{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink)}.gz__field{align-items:center;display:flex;position:relative}.gz__input{width:100%;font:inherit;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink);background:var(--surface-1);border:var(--border-hairline);border-radius:var(--radius-2);padding:var(--sp-4) var(--sp-5);padding-inline-end:var(--sp-10)}.gz__status-mark{font-family:var(--font-ui);font-size:var(--fs-2xs);color:var(--ink-3);pointer-events:none;position:absolute;inset-inline-end:var(--sp-4)}.gz__help{font-family:var(--font-ui);font-size:var(--fs-2xs);line-height:var(--lh-ui);color:var(--ink-2);max-width:var(--measure-note);margin:0}.gz__listbox{z-index:20;inset-inline:0;margin:var(--sp-2) 0 0;overscroll-behavior:contain;background:var(--surface-1);border:var(--border-strong);border-radius:var(--radius-4);max-height:19rem;box-shadow:var(--shadow-2);padding:0;list-style:none;position:absolute;top:100%;overflow-y:auto}.gz__option{align-items:baseline;gap:var(--sp-2) var(--sp-5);padding:var(--sp-4) var(--sp-5);cursor:default;transition:background-color var(--dur-1) var(--ease-out);border-inline-start:3px solid #0000;grid-template-columns:minmax(0,1fr) auto;display:grid}.gz__option+.gz__option{border-top:var(--border-hairline)}.gz__option:hover,.gz__option[data-active=true]{background:var(--surface-2);border-inline-start-color:var(--focus)}.gz__option:hover .gz__name,.gz__option[data-active=true] .gz__name{text-underline-offset:.18em;text-decoration:underline 2px}.gz__name{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink)}.gz__where{font-family:var(--font-ui);font-size:var(--fs-2xs);color:var(--ink-2);grid-column:1}.gz__zone{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-3);white-space:nowrap;grid-area:1/2/span 2}.gz__empty{padding:var(--sp-5);font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--ink-2);margin:0}.gz__selected{font-family:var(--font-ui);font-size:var(--fs-2xs);color:var(--ink-2);margin:0}.gz__selected strong{color:var(--ink)}.gz__announce{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.gz__option{transition:none}}@media (forced-colors:active){.gz__listbox{border:1px solid canvastext}.gz__option[data-active=true],.gz__option:hover{color:highlighttext;forced-color-adjust:none;background:highlight}.gz__option[data-active=true] .gz__name,.gz__option[data-active=true] .gz__where,.gz__option[data-active=true] .gz__zone{color:highlighttext}}}