.r2r8su0{align-items:stretch;gap:8px;width:100%;display:flex}
.r2r8su1{background:var(--mod-color-surface-raised);border:2px solid var(--field-border);min-width:0;box-shadow:var(--shadow-search);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 8px 0 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}
.r2r8su1:hover{border-color:var(--field-border-hover)}
.r2r8su1:focus-within{border-color:var(--field-border-hover);box-shadow:var(--shadow-search-focus)}
.r2r8su2{width:20px;height:20px;color:var(--mod-color-text-tertiary);flex:none}
.r2r8su3{flex:1;min-width:0;display:grid}
.r2r8su4{min-width:0;font-family:var(--font-mono);letter-spacing:normal;color:var(--mod-color-text-primary);border:0;grid-area:1/1;margin:0;padding:10px 0;font-size:16px;line-height:1.5}
.r2r8su5{white-space:pre;pointer-events:none;overflow:hidden}
.r2r8su6{width:100%;caret-color:var(--mod-color-text-primary);background:0 0;outline:none}
.r2r8su6::placeholder{color:var(--muted-code);opacity:1}
.r2r8su6[data-has-query=true]{-webkit-text-fill-color:transparent}
.r2r8su6::selection{background:color-mix(in srgb, var(--mod-color-action-default) 25%, transparent)}
.r2r8su7{border:1px solid var(--border);border-radius:4px;flex:none;display:flex;overflow:hidden}
.r2r8su8{min-width:32px;font-family:var(--font-mono);color:var(--mod-color-text-secondary);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:12px;line-height:1;transition:color .12s,background-color .12s}
.r2r8su8+.r2r8su8{border-left:1px solid var(--border)}
.r2r8su8:hover{color:var(--mod-color-text-primary)}
.r2r8su8[aria-pressed=true]{background:var(--mod-control-bg-checked);color:var(--mod-control-fg-checked)}
.r2r8su9{z-index:var(--z-dropdown);position:absolute;top:calc(100% + 4px);left:-2px;right:-2px}
.r2r8sua.btn-ink{flex:none;align-items:center;gap:8px;height:auto;padding-inline:20px;display:inline-flex}