.dropdown-wrapper{position:relative;display:inline-block;width:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}.dropdown-group{position:relative;display:flex;align-items:stretch;width:100%}.dropdown-group input[readonly]{background-color:#e9e8e8;color:#535252}.dropdown-input{flex:1;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--cui-body-color,#212529);background-color:var(--cui-body-bg,#fff);border:1px solid var(--cui-border-color,#ced4da);border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;outline:0}.dropdown-input:focus{border-color:var(--cui-primary,#0d6efd);box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.dropdown-input:disabled{background-color:var(--cui-disabled-bg,#e9ecef);opacity:.65;cursor:not-allowed}.dropdown-btn{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:2.5rem;padding:0;margin:0;background-color:transparent;border:none;border-left:1px solid var(--cui-border-color,#ced4da);border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;outline:0;z-index:1;height:100%}.dropdown-btn:hover:not(:disabled){background-color:var(--cui-tertiary-bg,#f8f9fa);border-color:var(--cui-border-color,#ced4da)}.dropdown-btn:active:not(:disabled){background-color:var(--cui-secondary-bg,#e9ecef)}.dropdown-btn:disabled{opacity:.65;cursor:not-allowed}.dropdown-wrapper.focused .dropdown-btn{border-color:var(--cui-primary,#0d6efd)}.dropdown-wrapper.invalid .dropdown-btn{border-color:var(--cui-danger,#dc3545)}.dropdown-icon{width:1rem;height:1rem;color:var(--cui-body-color,#495057);transition:transform .2s ease-in-out,color .15s ease-in-out;pointer-events:none}.dropdown-btn:hover:not(:disabled) .dropdown-icon{color:var(--cui-primary,#0d6efd)}.dropdown-wrapper.popup-open .dropdown-icon{color:var(--cui-primary,#0d6efd)}.dropdown-popup{position:absolute;background-color:var(--cui-body-bg,#fff);border:1px solid var(--cui-border-color,#ced4da);border-radius:.375rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);margin-top:.25rem;max-height:30rem;overflow:hidden;display:flex;flex-direction:column;z-index:10000;animation:.2s ease-out dropdownPopupFadeIn}@keyframes dropdownPopupFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-filter-container{padding:.5rem;border-bottom:1px solid var(--cui-border-color,#ced4da);background-color:var(--cui-tertiary-bg,#f8f9fa)}.dropdown-filter-input{width:100%;padding:.375rem .5rem;font-size:.875rem;border:1px solid var(--cui-border-color,#ced4da);border-radius:.25rem;outline:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.dropdown-filter-input:focus{border-color:var(--cui-primary,#0d6efd);box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.dropdown-multi-actions{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;border-bottom:1px solid var(--cui-border-color,#ced4da);background-color:var(--cui-body-bg,#fff)}.dropdown-multi-action{border:none;background:0 0;color:var(--cui-primary,#0d6efd);font-size:.8rem;line-height:1.2;padding:.1rem 0;cursor:pointer;white-space:normal;width:100%;text-align:left;text-decoration:underline}.dropdown-multi-action:hover{color:var(--cui-primary,#0b5ed7)}.dropdown-multi-action.active{font-weight:600}.dropdown-popup-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.dropdown-popup-empty{padding:1rem;text-align:center;color:var(--cui-secondary-color,#6c757d);font-size:.875rem}.dropdown-option{padding:.5rem .75rem;font-size:.875rem;color:var(--cui-body-color,#212529);cursor:pointer;transition:background-color .15s ease-in-out;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-option-checkbox{margin-right:.5rem;pointer-events:none}.dropdown-option-text{vertical-align:middle}.dropdown-option:hover{background-color:var(--cui-tertiary-bg,#f8f9fa)}.dropdown-option:active{background-color:var(--cui-secondary-bg,#e9ecef)}.dropdown-option.selected{background-color:var(--cui-primary-bg-subtle,rgba(13,110,253,.1));color:var(--cui-primary,#0d6efd);font-weight:500}.dropdown-option.active{background-color:var(--cui-primary-bg-subtle,rgba(13,110,253,.16));color:var(--cui-primary,#0d6efd)}.dropdown-option.active.selected{background-color:var(--cui-primary-bg-subtle,rgba(13,110,253,.24));font-weight:600}.dropdown-wrapper.popup-above .dropdown-popup{margin-top:0;margin-bottom:.25rem;animation:.2s ease-out dropdownPopupFadeInAbove}@keyframes dropdownPopupFadeInAbove{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-wrapper.disabled{opacity:.65;cursor:not-allowed}.dropdown-wrapper.loading{position:relative}.dropdown-skeleton{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--cui-tertiary-bg,#f8f9fa) 0,var(--cui-secondary-bg,#e9ecef) 50%,var(--cui-tertiary-bg,#f8f9fa) 100%);background-size:200% 100%;border-radius:.375rem;animation:1.5s ease-in-out infinite dropdownSkeletonLoading;pointer-events:none;z-index:1}@keyframes dropdownSkeletonLoading{0%{background-position:200% 0}100%{background-position:-200% 0}}.dropdown-wrapper.loading .dropdown-btn,.dropdown-wrapper.loading .dropdown-input{opacity:0;pointer-events:none}.dropdown-wrapper.ready{animation:.3s ease-in-out dropdownFadeIn}@keyframes dropdownFadeIn{from{opacity:0}to{opacity:1}}@media (prefers-color-scheme:dark){.dropdown-input{background-color:var(--cui-body-bg,#212529);border-color:var(--cui-border-color,#495057);color:var(--cui-body-color,#fff)}.dropdown-input:focus{border-color:var(--cui-primary,#0d6efd);box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.dropdown-btn{border-left-color:var(--cui-border-color,#495057)}.dropdown-btn:hover:not(:disabled){background-color:var(--cui-tertiary-bg,#2b3035)}.dropdown-popup{border-color:var(--cui-border-color,#495057);box-shadow:0 .5rem 1rem rgba(0,0,0,.3)}.dropdown-option{color:var(--cui-body-color,#000)}.dropdown-option:hover{background-color:var(--cui-tertiary-bg,#d7d9da)}.dropdown-option:active{background-color:var(--cui-secondary-bg,#495057)}.dropdown-option.active{background-color:rgba(13,110,253,.28);color:#fff}.dropdown-option.active.selected{background-color:rgb(0 103 255 / 13%);color:#515151}.dropdown-skeleton{background:linear-gradient(90deg,var(--cui-tertiary-bg,#2b3035) 0,var(--cui-secondary-bg,#495057) 50%,var(--cui-tertiary-bg,#2b3035) 100%);background-size:200% 100%}.dropdown-filter-container{border-bottom-color:var(--cui-border-color,#495057)}.dropdown-filter-input{border-color:var(--cui-border-color,#495057);color:var(--cui-body-color,#fff)}.dropdown-filter-input:focus{border-color:var(--cui-primary,#0d6efd);box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}}@media (max-width:576px){.dropdown-input{font-size:1rem}}.dropdown-popup-content::-webkit-scrollbar{width:8px}.dropdown-popup-content::-webkit-scrollbar-track{background:var(--cui-tertiary-bg,#f8f9fa);border-radius:4px}.dropdown-popup-content::-webkit-scrollbar-thumb{background:var(--cui-border-color,#ced4da);border-radius:4px}.dropdown-popup-content::-webkit-scrollbar-thumb:hover{background:var(--cui-secondary-color,#6c757d)}