.hierarchical-dropdown{width:100%;max-width:300px;position:relative}.hierarchical-dropdown-trigger{text-align:left;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;outline:none;justify-content:space-between;align-items:center;width:100%;padding:.625rem 1rem;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.hierarchical-dropdown-trigger:hover{background-color:#f3f4f6;border-color:#9ca3af}.hierarchical-dropdown-trigger:focus-visible{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.hierarchical-dropdown-menu{z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;flex-direction:column;width:300px;max-height:80vh;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hierarchical-dropdown-search{border-bottom:1px solid #e5e7eb;padding:.75rem}.hierarchical-dropdown-toggle{cursor:pointer;align-items:center;display:flex}.hierarchical-dropdown-toggle-switch{background-color:#e5e7eb;border-radius:9999px;width:2.5rem;height:1.25rem;position:relative}.hierarchical-dropdown-toggle-switch-dot{background-color:#9ca3af;border-radius:9999px;width:1rem;height:1rem;transition:all .2s ease-in-out;position:absolute;top:.125rem;left:.125rem}.hierarchical-dropdown-toggle-switch-dot.active{background-color:#3b82f6;transform:translate(1.25rem)}.hierarchical-dropdown-items{flex:1;min-height:0;overflow-y:auto}.family-group{transition:background-color .15s;position:relative}.family-group:hover{background-color:#0000000d}.family-header{cursor:pointer;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;display:flex}.family-header:hover,.family-header.active{background-color:#f3f4f6}.family-group-submenu{z-index:100;visibility:hidden;opacity:0;will-change:transform,opacity;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;width:300px;animation:.2s cubic-bezier(.16,1,.3,1) forwards slideInRight;position:fixed;overflow:hidden;transform:translate(-10px);box-shadow:0 6px 24px #0000002e}.family-group-submenu.visible{visibility:visible;opacity:1;transform:translate(0)}.hierarchical-dropdown-item{cursor:pointer;padding:.5rem 1rem}.hierarchical-dropdown-item:hover{background-color:#f3f4f6}.hierarchical-dropdown-empty{text-align:center;color:#6b7280;padding:1rem}.dropdown-animation{animation:.2s cubic-bezier(.16,1,.3,1) forwards zoomFadeIn;box-shadow:0 4px 20px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#d1d1d1;border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}