/* Writing index search */
.wr-search{position:relative;display:flex;align-items:center;gap:12px;padding:6px 14px 6px 18px;margin:0 0 34px;border-radius:99px;max-width:760px;transition:border-color .25s,box-shadow .25s}
.wr-search:focus-within{border-color:#ffc86199;box-shadow:0 0 0 4px #ffc8611a}
.wr-search-icon{flex:none;width:16px;height:16px;border:2px solid var(--mute);border-radius:50%;position:relative}
.wr-search-icon::after{content:"";position:absolute;width:7px;height:2px;background:var(--mute);right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}
.wr-search input{flex:1;min-width:0;min-height:48px;background:none;border:0;outline:0;color:var(--fg);font:400 17px/1.4 var(--body)}
.wr-search input::placeholder{color:var(--soft)}
.wr-search input::-webkit-search-cancel-button{filter:invert(1) opacity(.6)}
.wr-kbd{flex:none;padding:3px 9px;border:1px solid var(--line);border-radius:6px;color:var(--soft);font-size:12px}
.wr-search:focus-within .wr-kbd{display:none}
.wr-count{position:absolute;left:20px;top:calc(100% + 10px);color:var(--soft);margin:0}
.wr-empty{margin-top:28px;color:var(--mute);font-size:17px}
.wr-empty button{color:var(--fg);margin-left:6px}
.wr-index [hidden]{display:none!important}
@media(max-width:600px){.wr-kbd{display:none}.wr-search input{font-size:16px}}