.search-bar-container{z-index:1000;align-items:center;gap:.15rem;display:flex;position:fixed;bottom:5vh;left:50%;transform:translate(-50%)}.search-bar-container.is-sticky{z-index:999;justify-content:center;width:100%;padding-top:.2rem;position:sticky;bottom:.3rem;left:auto;transform:none}.search-bar-container.is-fixed{position:fixed;bottom:.3rem;left:50%;transform:translate(-50%)}.search-bar-wrapper{--filter-expanded-width:1200px;-webkit-backdrop-filter:blur(15px);pointer-events:all;background:#403f3f54;border-radius:300px;justify-content:center;align-items:center;width:max-content;max-width:calc(100vw - .4rem);height:1rem;padding:.12rem .2rem;transition:all .3s;display:flex;overflow:visible;box-shadow:0 0 20px #000000a3}.search-bar-wrapper .search-main-row{justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex}.search-bar-wrapper .filter-options{max-width:min(1200px,100vw - .8rem);height:100%;max-width:min(var(--filter-expanded-width,1200px),100vw - .8rem);opacity:1;will-change:max-width,opacity,transform;flex-shrink:0;justify-content:space-around;align-items:center;gap:.15rem;margin-left:.2rem;transition:max-width .55s cubic-bezier(.34,1.56,.64,1),opacity .4s,transform .45s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:visible;transform:translateZ(0)}.search-bar-wrapper .filter-options.is-FullScreened{width:100%}.search-bar-wrapper .filter-options.is-collapsed{opacity:0;pointer-events:none;margin-left:0;overflow:hidden;transform:translate(25px);max-width:0!important}.search-bar-wrapper .filter-options.is-expanded{opacity:1;transform:translate(0)}.search-bar-wrapper .upload-button-wrapper{flex-shrink:0;height:100%;position:relative}.search-bar-wrapper .upload-button-wrapper .upload-button{width:1.2rem;height:100%;cursor:var(--cursor-touch),auto;border:1px dashed #ffffff80;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.03rem;padding:.05rem;transition:all .2s;display:flex}.search-bar-wrapper .upload-button-wrapper .upload-button .tz-tab{color:#fff;z-index:99999;background-color:#4a340f8f;border-radius:50%;justify-content:center;align-items:center;width:.37rem;height:.37rem;font-weight:500;display:flex;position:absolute;top:-.16rem;left:-.2rem;box-shadow:0 0 20px #ffc743;font-size:100%!important}.search-bar-wrapper .upload-button-wrapper .upload-button:hover{background-color:#80808080;border-color:#fffc}.search-bar-wrapper .upload-button-wrapper .upload-button .upload-icon{object-fit:contain;width:.38rem;height:.38rem}.search-bar-wrapper .upload-button-wrapper .upload-button .upload-preview-img{object-fit:cover;border-radius:6px;width:100%;height:100%}.search-bar-wrapper .upload-button-wrapper .upload-button .upload-text{color:#ffffffe6;white-space:nowrap;font-size:.16rem;line-height:1}.search-bar-wrapper .upload-button-wrapper .upload-clear-btn{color:#fffffff2;cursor:alias;background:#f44040a3;border:none;border-radius:50%;justify-content:center;align-items:center;width:.32rem;height:.32rem;padding:0;transition:background .2s;display:flex;position:absolute;bottom:-.1rem;right:-.1rem}.search-bar-wrapper .upload-button-wrapper .upload-clear-btn:hover{background:#c85050e6}.search-bar-wrapper .upload-button-wrapper .upload-clear-btn .el-icon{width:70%}.collapse-button{-webkit-backdrop-filter:blur(15px);cursor:var(--cursor-touch),auto;pointer-events:all;color:#ffffffe6;background:#00000030;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;transition:all .3s;display:flex;box-shadow:0 0 10px #95adffbf}.collapse-button:hover{background:#0000004d}.desktop-collapse-button{width:.7rem;height:.7rem}.desktop-collapse-button .el-icon{font-size:.24rem}.mobile-collapse-button{z-index:1001;width:.5rem;height:.5rem;position:absolute;top:-.7rem;left:50%;transform:translate(-50%)}.mobile-collapse-button .el-icon{font-size:.2rem}.mobile-collapse-button.is-collapsed{width:.5rem;height:.5rem;margin-left:.15rem;position:static;top:auto;left:auto;transform:none}@media screen and (width<=800px){.search-bar-container{flex-direction:column;align-items:center}.search-bar-container.is-sticky{justify-content:center;width:100%;position:sticky;bottom:.4rem;left:auto;transform:none}.search-bar-container.is-fixed{position:fixed;bottom:.4rem;left:50%;transform:translate(-50%)}.search-bar-container.is-collapsed{flex-direction:row;align-items:center}.search-bar-container .search-bar-wrapper{border-radius:20px;flex-direction:column;height:auto;min-height:1rem;position:relative}.search-bar-container .search-bar-wrapper.is-collapsed{border-radius:300px;height:1rem;min-height:1rem}.search-bar-container .search-bar-wrapper .search-input-container{flex:0 auto;align-items:stretch;min-width:0;height:100%;display:flex}.search-bar-container .search-bar-wrapper .search-input-wrapper{box-sizing:border-box;height:100%;min-height:.7rem}.search-bar-container .search-bar-wrapper .search-main-row{justify-content:center;align-items:center;width:auto;height:.7rem;min-height:.7rem;display:flex}.search-bar-container .search-bar-wrapper .filter-options{opacity:0;transform-origin:top;flex-wrap:nowrap;justify-content:space-between;gap:.3rem;height:.7rem;max-height:0;transition:max-height .3s,max-width .3s,opacity .3s,transform .3s;overflow:hidden}.search-bar-container .search-bar-wrapper .filter-options.is-expanded{opacity:1;max-height:60vh;overflow-y:auto;transform:translateY(0)}.search-bar-container .search-bar-wrapper .filter-options.is-collapsed{opacity:0;max-height:0;transform:translateY(-10px)}.search-bar-container .search-bar-wrapper .upload-button-wrapper{width:100%;height:.6rem;margin-top:.1rem;position:relative}.search-bar-container .search-bar-wrapper .upload-button-wrapper .upload-button{width:100%;height:100%}.search-bar-container .search-bar-wrapper .upload-button-wrapper .upload-clear-btn{width:.28rem;height:.28rem;top:-.1rem;right:-.1rem}.search-bar-container .search-bar-wrapper .upload-button-wrapper .upload-clear-btn .el-icon{font-size:.16rem}.search-bar-container .search-bar-wrapper .upload-button-wrapper--inline{flex-shrink:0;width:auto;height:.7rem;margin-top:0;margin-left:.1rem}.search-bar-container .search-bar-wrapper .upload-button-wrapper--inline .upload-button{width:1.1rem;height:100%}.search-bar-container .search-bar-wrapper .upload-button-wrapper--inline .upload-clear-btn{width:.28rem;height:.28rem;top:-.1rem;right:-.1rem}.search-bar-container .search-bar-wrapper .mobile-toggle{cursor:pointer;color:#ffffffe6;justify-content:center;align-items:center;width:100%;margin-top:.08rem;padding:.08rem;display:flex}.search-bar-container .search-bar-wrapper .mobile-toggle .el-icon{transition:transform .3s}.search-bar-container .search-bar-wrapper .mobile-toggle .el-icon.is-expanded{transform:rotate(180deg)}}.search-bar-fade-enter-active,.search-bar-fade-leave-active{transition:opacity .3s,transform .3s}.search-bar-fade-enter-from,.search-bar-fade-leave-to{opacity:0;transform:translate(-50%)translateY(20px)}.search-bar-wrapper.is-first-mount.search-bar-fade-enter-from{opacity:1!important;transform:none!important}.search-bar-wrapper.is-first-mount.search-bar-fade-enter-active{transition:none!important}.search-bar-wrapper.is-first-mount,.search-bar-wrapper.is-first-mount .filter-options{transition:none!important;animation:none!important}