search-box .container{--search-box-height:calc(2rem + 18px);box-sizing:border-box;left:calc(var(--page-horizonal-padding));padding:0 8px;position:fixed;right:calc(var(--page-horizonal-padding));top:1rem;transform:translateY(calc(-2rem - var(--search-box-height)));transition:transform .3s,opacity .3s}@media screen and (max-width:767px){search-box .container{padding:0 1rem}}search-box .container.show{transform:translateY(0)}search-box .container input{height:100%;padding-left:12px;width:100%}search-box .container button{height:100%}body.dark search-box .container img{filter:invert(1)}search-box .container .input-group{background-color:var(--dimmed-bg-color);border-radius:8px;box-shadow:var(--shadow-sm);display:grid;gap:8px;grid-template-columns:1fr 3rem;height:var(--search-box-height);overflow:hidden;transition:box-shadow .3s}search-box .container .input-group img{width:100%}search-box .container .input-group button{outline:none}search-box .container .input-group button:focus{border-color:var(--default-tx-color)}search-box .container .input-group:focus-within,search-box .container .input-group:hover{box-shadow:var(--shadow-md-1)}search-box .container .result-container{background-color:var(--default-bg-color);border-radius:8px;box-shadow:var(--shadow-sm);box-sizing:border-box;margin:1rem -8px 0;max-height:calc(100vh - var(--search-box-height) - 3rem);opacity:0;overflow-y:auto;padding:1rem;pointer-events:none;transition:opacity .3s}search-box .container .result-container:not(.show){pointer-events:none!important}search-box .container .result-container.show{opacity:1}search-box .container .result-container ul{list-style:none;margin:0;padding:0}search-box .container .result-container .no-result{display:none;opacity:.6;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}search-box .container .result-container ul:empty+.no-result{display:block}search-box .container .result-container li{background-color:var(--allpage-bg-color);color:var(--default-tx-color);cursor:pointer;overflow:hidden;padding:.6rem 1rem;text-overflow:ellipsis;white-space:nowrap}search-box .container .result-container li:hover{background-color:var(--hovered-bg-color)}search-box .container .result-container li:before{content:"🔗";margin-right:.2rem}search-box .container .result-container .loadmore-btn{display:none;font-size:1rem;margin:.6rem auto 0;padding:8px 12px}search-box .container .result-container .loadmore-btn.show{display:block}