.search-dropdown-container{width:100%;height:100%}.search-dropdown-container,.search-dropdown-trigger{justify-content:center;align-items:center;display:flex;position:relative}.search-dropdown-trigger{height:85%;cursor:var(--cursor-touch),auto;-webkit-user-select:none;user-select:none;background-color:#ffffff1a;border:1px solid #fff3;border-radius:100px;padding:0 .1rem;transition:background .2s}.search-dropdown-trigger.is-open,.search-dropdown-trigger:hover{background-color:#ffffff26;border-color:#ffffff4d}.search-dropdown-trigger .trigger-content{flex:1;justify-content:center;align-items:center;gap:.15rem;display:flex}.search-dropdown-trigger .trigger-icon{color:#ffffffb3;flex-shrink:0;justify-content:center;align-items:center;width:.2rem;height:.2rem;display:flex}.search-dropdown-trigger .trigger-text{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.22rem;font-weight:400;overflow:hidden}.search-dropdown-trigger .color-preview{border-radius:50%;flex-shrink:0;width:.3rem;height:.3rem;box-shadow:inset 0 0 5px #00000080,0 0 5px #ffffff80}.search-dropdown-trigger .clear-icon{color:#ffffffb3;opacity:.7;flex-shrink:0;width:.35rem;height:.35rem;margin-left:.05rem;transition:opacity .2s}.search-dropdown-trigger .clear-icon:hover{opacity:1}.search-dropdown-content{-webkit-backdrop-filter:blur(20px);background:#00000040;border-radius:12px;min-height:.6rem;overflow:hidden;box-shadow:0 8px 32px #0000004d}.search-dropdown-content .dropdown-options{max-height:350px;padding:.2rem 0;overflow-y:auto}.search-dropdown-content .dropdown-options::-webkit-scrollbar{width:4px}.search-dropdown-content .dropdown-options::-webkit-scrollbar-track{background:0 0}.search-dropdown-content .dropdown-options::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.search-dropdown-content .dropdown-options::-webkit-scrollbar-thumb:hover{background:#ffffff80}.search-dropdown-content .dropdown-options{scrollbar-width:thin;scrollbar-color:#ffffff4d #0000}.search-dropdown-content .dropdown-option{color:#ffffffe6;cursor:var(--cursor-touch),auto;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.2rem;padding:.25rem .4rem;font-size:.24rem;transition:background-color .2s;display:flex}.search-dropdown-content .dropdown-option:hover{background-color:#ffffff1a}.search-dropdown-content .dropdown-option.is-selected{color:#fff;background-color:#ffffff26}.search-dropdown-content .dropdown-option .option-text{flex:1}.search-dropdown-content .dropdown-option .color-preview{border-radius:50%;flex-shrink:0;width:.3rem;height:.3rem}.resolution-dropdown{flex-direction:column;min-height:.6rem;max-height:400px;display:flex}.resolution-dropdown .resolution-container{flex-direction:column;flex:1;min-height:0;display:flex}.resolution-dropdown .dropdown-options{flex:1;min-height:0;max-height:calc(400px - 1.5rem);padding:.2rem 0;overflow-y:auto}.resolution-dropdown .custom-resolution{background:#0000003d;border-top:1px solid #ffffff1a;flex-shrink:0;padding:.2rem .4rem}.resolution-dropdown .custom-resolution .custom-resolution-label{color:#ffffffe6;margin-bottom:.15rem;font-size:.22rem}.resolution-dropdown .custom-resolution .custom-resolution-inputs{align-items:center;gap:.15rem;margin-bottom:.15rem;display:flex}.resolution-dropdown .custom-resolution .resolution-input{color:#ffffffe6;text-align:center;background:#00000021;border:1px dashed #ffffff80;border-radius:8px;outline:none;flex:1;width:1rem;height:.4rem;font-size:.2rem}.resolution-dropdown .custom-resolution .resolution-input:focus{background:#ffffff26;border-color:#fffc}.resolution-dropdown .custom-resolution .resolution-input::placeholder{color:#ffffff87}.resolution-dropdown .custom-resolution .resolution-separator{color:#ffffffb3;font-size:.3rem;font-weight:500}.resolution-dropdown .custom-resolution .custom-resolution-hint{color:#fff9;margin-top:.1rem;font-size:.2rem}.dropdown-fade-enter-active,.dropdown-fade-leave-active{transition:opacity .2s,transform .2s}.dropdown-fade-enter-from,.dropdown-fade-leave-to{opacity:0;transform:translateY(10px)}@media screen and (width<=800px){.resolution-dropdown .custom-resolution{padding:.1rem .2rem}.resolution-dropdown .custom-resolution .custom-resolution-inputs{gap:.1rem}.resolution-dropdown .custom-resolution .resolution-separator{display:none}}