.search-bar-container{bottom:5vh;gap:.15rem;left:50%;pointer-events:none;position:fixed;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);z-index:1000}.search-bar-container,.search-bar-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-bar-wrapper{--filter-expanded-width:1200px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#70707030;border-radius:300px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.64);box-shadow:0 0 20px #000000a3;padding:.12rem .2rem;-webkit-box-pack:center;-ms-flex-pack:center;height:1rem;justify-content:center;max-width:calc(100vw - .4rem);overflow:visible;pointer-events:all;-webkit-transition:all .3s ease;transition:all .3s ease;width:-webkit-max-content;width:-moz-max-content;width:max-content}.search-bar-wrapper .filter-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;gap:.15rem;justify-content:space-around;-ms-flex-negative:0;flex-shrink:0;height:100%;margin-left:.2rem;max-width:min(1200px,100vw - .8rem);max-width:min(var(--filter-expanded-width,1200px),100vw - .8rem);opacity:1;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:max-width .55s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,-webkit-transform .45s cubic-bezier(.34,1.56,.64,1);transition:max-width .55s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,-webkit-transform .45s cubic-bezier(.34,1.56,.64,1);transition:max-width .55s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,transform .45s cubic-bezier(.34,1.56,.64,1);transition:max-width .55s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,transform .45s cubic-bezier(.34,1.56,.64,1),-webkit-transform .45s cubic-bezier(.34,1.56,.64,1);will-change:max-width,opacity,transform}.search-bar-wrapper .filter-options.is-FullScreened{width:100%}.search-bar-wrapper .filter-options.is-collapsed{margin-left:0;max-width:0!important;opacity:0;pointer-events:none;-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translate(25px)}.search-bar-wrapper .filter-options.is-expanded{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.search-bar-wrapper .upload-button-wrapper{-ms-flex-negative:0;flex-shrink:0;height:100%;margin-left:.1rem}.search-bar-wrapper .upload-button-wrapper .upload-button{background-color:#8080804d;border:1px dashed hsla(0,0%,100%,.5);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:1.2rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;gap:.03rem;justify-content:center;padding:.05rem;-webkit-transition:all .2s;transition:all .2s}.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{height:.18rem;-o-object-fit:contain;object-fit:contain;width:.18rem}.search-bar-wrapper .upload-button-wrapper .upload-button .upload-text{color:#ffffffe6;font-size:.16rem;line-height:1;white-space:nowrap}.collapse-button{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#00000030;border-radius:50%;-webkit-box-shadow:0 0 10px rgba(149,173,255,.75);box-shadow:0 0 10px #95adffbf;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;color:#ffffffe6;cursor:var(--cursor-touch),auto;justify-content:center;padding:.4rem;pointer-events:all;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-flex-negative:0;flex-shrink:0}.collapse-button:hover{background:#0000004d}.desktop-collapse-button{height:.7rem;width:.7rem}.desktop-collapse-button .el-icon{font-size:.24rem}.mobile-collapse-button{height:.5rem;left:50%;position:absolute;top:-.7rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:.5rem;z-index:1001}.mobile-collapse-button .el-icon{font-size:.2rem}.mobile-collapse-button.is-collapsed{height:.5rem;left:auto;margin-left:.15rem;position:static;top:auto;-webkit-transform:none;-ms-transform:none;transform:none;width:.5rem}@media screen and (max-width:800px){.search-bar-container{position:fixed;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.search-bar-container,.search-bar-container.is-collapsed{-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-bar-container.is-collapsed{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.search-bar-container .search-bar-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:20px;-ms-flex-direction:column;flex-direction:column;height:auto;position:relative}.search-bar-container .search-bar-wrapper .search-input-wrapper{height:.7rem}.search-bar-container .search-bar-wrapper .filter-options{-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:.3rem;height:.7rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-height:0;opacity:0;overflow:hidden;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-transition:max-height .3s ease,max-width .3s ease,opacity .3s ease,-webkit-transform .3s ease;transition:max-height .3s ease,max-width .3s ease,opacity .3s ease,-webkit-transform .3s ease;transition:max-height .3s ease,max-width .3s ease,opacity .3s ease,transform .3s ease;transition:max-height .3s ease,max-width .3s ease,opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.search-bar-container .search-bar-wrapper .filter-options.is-expanded{max-height:60vh;opacity:1;overflow-y:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.search-bar-container .search-bar-wrapper .filter-options.is-collapsed{max-height:0;opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.search-bar-container .search-bar-wrapper .upload-button-wrapper{height:.6rem;margin-left:0;margin-top:.1rem;width:100%}.search-bar-container .search-bar-wrapper .upload-button-wrapper .upload-button{height:100%;width:100%}.search-bar-container .search-bar-wrapper .mobile-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;color:#ffffffe6;cursor:pointer;justify-content:center;margin-top:.08rem;padding:.08rem;width:100%}.search-bar-container .search-bar-wrapper .mobile-toggle .el-icon{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.search-bar-container .search-bar-wrapper .mobile-toggle .el-icon.is-expanded{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}}.search-bar-fade-enter-active,.search-bar-fade-leave-active{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.search-bar-fade-enter-from,.search-bar-fade-leave-to{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);-ms-transform:translateX(-50%) translateY(20px);transform:translate(-50%) translateY(20px)}