.searchable-dropdown{position:relative;width:140px;max-width:100%}.community-dropdown.searchable-dropdown{width:100%!important;max-width:100%!important}.searchable-dropdown-input{width:100%;padding:8px 32px 8px 16px;border:1px solid #d1d5db;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;color:#374151;background-color:#fff;cursor:pointer;transition:all .2s ease;box-sizing:border-box;font-family:NeueHaasDisplay,sans-serif;height:36px;display:flex;align-items:center}.searchable-dropdown-input:focus{outline:none;border-color:#1955d5}.searchable-dropdown-input:hover{border-color:#1955d5}.searchable-dropdown-input::placeholder{color:#9ca3af;font-weight:500}.searchable-dropdown.disabled .searchable-dropdown-input{background-color:#f9fafb;cursor:not-allowed;color:#6b7280}.searchable-dropdown.error .searchable-dropdown-input{border-color:#ff0000}.searchable-dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;transition:transform .2s ease;cursor:pointer;font-size:14px}.searchable-dropdown.open .searchable-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.searchable-dropdown-arrow:hover{color:#1955d5}.searchable-dropdown.open .searchable-dropdown-input{border-color:#1955d5;border-radius:12px 12px 0 0;border-bottom:none}.searchable-dropdown-options{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #1955d5;border-radius:0 0 8px 8px;max-height:200px;z-index:9999;margin-top:-1px;overflow-y:auto}.searchable-dropdown-option{padding:8px 12px;cursor:pointer;transition:background .2s ease;font-size:.875rem;font-weight:500;color:#252525ce;border-bottom:1px solid #f3f4f6;height:36px;display:flex;align-items:center;box-sizing:border-box}.community-dropdown .searchable-dropdown-input{height:45px;padding:12px 32px 12px 16px;border-radius:16px;font-size:1rem;font-weight:500;color:#374151;font-family:NeueHaasDisplay,sans-serif;transition:border-color .2s ease;border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.community-dropdown .searchable-dropdown-input:hover{border-color:#1955d5}.community-dropdown .searchable-dropdown-input:focus{outline:none;border-color:#1955d5}.community-dropdown .searchable-dropdown-input::placeholder{font-family:NeueHaasDisplay,sans-serif;font-weight:500;color:#9ca3af}.community-dropdown .searchable-dropdown-arrow{right:12px;font-size:14px;color:#6b7280;cursor:pointer;z-index:1001;transition:transform .2s ease}.community-dropdown .searchable-dropdown-arrow:hover{color:#1955d5}.community-dropdown .searchable-dropdown.open .searchable-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.community-dropdown .searchable-dropdown.open .searchable-dropdown-input{border-radius:12px 12px 0 0;border-bottom:none}.community-dropdown .searchable-dropdown-options{border-radius:0 0 12px 12px;border:1px solid #1955d5;margin-top:-1px;max-height:200px;overflow-y:auto;z-index:9999;scrollbar-width:none;-ms-overflow-style:none}.community-dropdown .searchable-dropdown-options::-webkit-scrollbar{display:none}.community-dropdown .searchable-dropdown-option{padding:12px 16px;height:auto;font-size:1rem;font-weight:500;color:#252525ce;font-family:NeueHaasDisplay,sans-serif;border-bottom:1px solid #f3f4f6;transition:background .2s ease}.community-dropdown .searchable-dropdown-option:hover{background-color:#f3f3f3}.community-dropdown .searchable-dropdown-option:active{background-color:#e5e7eb}.community-dropdown .searchable-dropdown-option:first-child{border-radius:0;border-top:0}.community-dropdown .searchable-dropdown-option:last-child{border-bottom:none;border-radius:0 0 12px 12px}.searchable-dropdown-option:first-child{border-radius:0;border-top:0}.searchable-dropdown-option:last-child{border-bottom:none;border-radius:0 0 8px 8px}.searchable-dropdown-option:hover{background-color:#f3f3f3}.searchable-dropdown-option:active{background-color:#e5e7eb}.searchable-dropdown-options::-webkit-scrollbar{display:none}.searchable-dropdown-options{-ms-overflow-style:none;scrollbar-width:none}