.rui-search-field,.rui-search-trigger{font:inherit;text-align:left;background:#f5f5f5;border:2px solid #0000;align-items:center;gap:8px;padding:8px 16px;transition:background .2s,border-color .2s;display:flex}.rui-search-field{cursor:text}.rui-search-trigger{cursor:pointer}.rui-search-field:hover,.rui-search-trigger:hover{background:#e5e5e5}.rui-search-field:focus-within{border-color:var(--rui-accent)}.rui-search-icon{color:#737373;flex-shrink:0;width:16px;height:16px}.rui-search-icon-lg{width:20px;height:20px}.rui-search-input{width:100%;font:inherit;color:#404040;background:0 0;border:none;outline:none}.rui-search-placeholder{color:#525252}.rui-search-kbd{color:#737373;background:#e5e5e5;border-radius:4px;margin-left:auto;padding:4px 8px;font-family:inherit;font-size:12px}.rui-search-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:flex-start;padding:15vh 16px 16px;display:flex;position:fixed;inset:0}.rui-search-dialog{background:#fff;width:100%;max-width:32rem;padding:16px;box-shadow:0 25px 50px -12px #00000040}.rui-search-box{border:2px solid;align-items:center;gap:8px;padding:8px 12px;display:flex}.rui-search-close{color:#a3a3a3;cursor:pointer;background:0 0;border:none;place-items:center;padding:0 4px;display:grid}.rui-search-close:hover{color:#525252}