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