/* DesignBookmark motion, adapted to Povod's Manrope, paper and square-edged UI. */
.command-search.search{position:relative;display:block;max-width:100%;width:252px;height:56px;min-height:56px;border:0;overflow:hidden;background:var(--highlight);color:var(--on-highlight);border-radius:4px;transform-origin:left center}
.command-search button{font:inherit;color:var(--on-highlight);background:transparent;border:0;cursor:pointer}
.command-trigger{display:flex;align-items:center;gap:12px;width:100%;height:56px;padding:0 16px;font-size:1rem;white-space:nowrap}
.command-trigger svg,.command-field>svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.command-keys{display:flex;gap:4px;margin-left:auto}.command-search kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:24px;padding:0 5px;border-radius:3px;background:rgba(0,0,0,.12);font:500 .6875rem/1 var(--font-interface);color:#fff;transition:background .075s}
.command-search kbd[data-on]{background:rgba(0,0,0,.22)}
.command-field{display:flex;align-items:center;gap:12px;width:100%;height:56px;padding:0 14px}
.command-field input{width:0;flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--on-highlight);caret-color:var(--on-highlight);font:400 1rem/1.5 var(--font-interface)}
.command-field input::placeholder{color:#fff;opacity:1}.command-field button{display:flex;align-items:center;justify-content:center;flex:none;min-width:40px;min-height:44px;padding:4px}
.command-field button svg{width:20px;height:20px}.command-field .command-close{font-size:.6875rem;min-width:32px}
.command-search [hidden]{display:none!important}.command-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}.command-search button:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.categories.segmented{position:relative;isolation:isolate;gap:0;width:fit-content;max-width:100%;padding:4px;background:rgba(32,34,31,.035);border-radius:4px;overflow-x:auto;scrollbar-width:thin}
.segment-highlight{position:absolute;z-index:-1;left:0;top:4px;height:44px;border-radius:3px;background:var(--highlight);pointer-events:none;transform-origin:center}
.categories.segmented a{position:relative;z-index:1;min-height:44px;padding:0 16px;color:var(--muted);text-decoration:none;transition:color .15s;white-space:nowrap}
.categories.segmented a[aria-current]{color:var(--on-highlight);background:none}.categories.segmented a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:700px){.categories.segmented a{padding-inline:13px}.command-field{gap:8px;padding-inline:10px}.command-field input{font-size:1rem}.command-field .command-close{min-width:28px}.command-trigger{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.command-search *,.categories.segmented a{animation:none!important;transition:none!important}}
