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