.search-input-container{-webkit-user-select:none;user-select:none;flex:1;min-width:0;height:100%;position:relative}.search-input-wrapper{background:#ffffff26;border:1px solid #fff3;border-radius:30px;align-items:center;width:3.5rem;height:100%;padding:0 .3rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.search-input-wrapper.is-focused{background:#fff3;border-color:#ffffff4d;box-shadow:0 0 25px #8b96ff63}.search-input-wrapper .search-input{color:#ffffffe6;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0;font-size:.24rem}.search-input-wrapper .search-input::placeholder{color:#ffffff80}.search-input-wrapper .search-loading{flex-shrink:0;justify-content:center;align-items:center;width:.3rem;height:.3rem;margin-left:.1rem;display:flex;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.search-input-wrapper .search-loading .loading-spinner{border:2px solid #fff3;border-top-color:#fffc;border-radius:50%;width:.2rem;height:.2rem;animation:.6s linear infinite spin}.search-input-wrapper .clear-icon{color:#ffffffb3;width:.3rem;height:.3rem;cursor:var(--cursor-touch),auto;flex-shrink:0;margin-left:.1rem;transition:opacity .2s;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.search-input-wrapper .clear-icon:hover{opacity:1;color:#ffffffe6}@keyframes spin{to{transform:rotate(1turn)}}.search-results{z-index:10001;scrollbar-width:thin;scrollbar-color:#fff3 #fff0;background:#00000073;border-radius:12px;max-height:300px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 32px #0000006e}.search-results .search-result-item{color:#ffffffe6;cursor:var(--cursor-touch),auto;-webkit-user-select:none;user-select:none;padding:.2rem .3rem;font-size:.22rem;transition:background-color .2s}.search-results .search-result-item.is-selected,.search-results .search-result-item:hover{background-color:#ffffff1a}.search-results .search-result-item:first-child{padding-top:.25rem}.search-results .search-result-item:last-child{padding-bottom:.25rem}.results-fade-enter-active,.results-fade-leave-active{transition:opacity .2s,transform .2s}.results-fade-enter-from,.results-fade-leave-to{opacity:0;transform:translateY(10px)}