.find{block-size:var(--find-h);box-sizing:border-box;border:1px solid var(--ctl-edge);border-radius:var(--r-sm);background-color:var(--ctl-ground);cursor:text;inline-size:min(280px,100%);transition:border-color var(--dur-2) var(--ease-lin), background-color var(--dur-2) var(--ease-lin);align-items:center;gap:10px;padding:0 10px 0 13px;display:flex;position:relative;overflow:hidden}.find:hover{border-color:var(--find-edge-hover)}.find:focus-within{border-color:var(--find-lit);background-color:var(--find-ground-focus)}.find>*{position:relative}.find__mark{flex:none;block-size:11px;inline-size:17px}.find__mark path{fill:var(--text-faint);transition:fill var(--dur-press) var(--ease-mech-snap)}.find__mark path:nth-child(2){transition-delay:calc(var(--dur-2) / 2)}.find__mark path:nth-child(3){transition-delay:var(--dur-2)}.find:focus-within .find__mark path{fill:var(--find-lit)}.find input{all:unset;min-inline-size:0;font-family:var(--display);font-weight:800;font-size:var(--fs-15);letter-spacing:-.01em;color:var(--text-strong);text-transform:uppercase;caret-color:var(--find-lit);flex:1;font-stretch:125%;line-height:1}.find input::placeholder{font-family:var(--mono);font-weight:500;font-size:var(--fs-11);letter-spacing:.06em;text-transform:none;color:var(--text-faint);transition:opacity var(--dur-2) var(--ease-lin);font-stretch:100%}.find:focus-within input::placeholder{opacity:var(--o-hint)}.find input::-webkit-search-cancel-button{display:none}.find__keys{flex:none;display:grid}.find__k{font-family:var(--mono);font-weight:600;font-size:var(--fs-10);color:var(--text-muted);border:1px solid var(--hairline);border-radius:var(--r-sm);transition:opacity var(--dur-2) var(--ease-lin), transform var(--dur-3) var(--ease-glide);grid-area:1/1;justify-self:end;padding:0 6px;line-height:18px}.find__k--esc{opacity:0;transform:translateY(5px)}.find:focus-within .find__k--slash{opacity:0;transform:translateY(-5px)}.find:focus-within .find__k--esc{opacity:1;color:var(--text-strong);border-color:var(--ctl-edge);transform:none}@media (pointer:coarse){.find__keys{display:none}}.find__n{font-family:var(--mono);font-weight:600;font-size:var(--fs-10);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;line-height:1}.find--plain input{text-transform:none;font-family:var(--mono);font-weight:600;font-size:var(--fs-14);letter-spacing:0;font-stretch:100%}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=on])) .find,:where(:root:not([data-motion=on])) .find__mark path,:where(:root:not([data-motion=on])) .find__k,:where(:root:not([data-motion=on])) .find input::placeholder{transition:none}}
