.spin-ring{background:conic-gradient(from 0deg, var(--color-primary,#570df8) 0deg, var(--color-primary,#570df8) 180deg, transparent 180deg, transparent 360deg);will-change:transform;animation:3s linear infinite spin-ring-rotate}.spin-wrapper:hover .spin-ring{animation-duration:12s}@keyframes spin-ring-rotate{to{transform:rotate(360deg)}}.menu-dropdown-scroll{flex-direction:column;max-height:min(70dvh,480px);display:none;overflow:hidden}.dropdown.dropdown-open .menu-dropdown-scroll{display:flex}.menu-scroll-list{scrollbar-width:thin;touch-action:pan-y;flex:auto;max-width:100%;min-height:0}.menu-scroll-list>li,.menu-scroll-list a{min-width:0;max-width:100%}.menu-item-name,.menu-item-name span{white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.menu-scroll-list::-webkit-scrollbar{width:6px}.menu-scroll-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 30%, transparent);border-radius:9999px}.dropdown .dropdown-content{display:none}.dropdown.dropdown-open .dropdown-content{display:flex}.dropdown:not(.dropdown-open) [data-icon-close],.dropdown.dropdown-open [data-icon-menu]{display:none}.dropdown.dropdown-open [data-icon-close]{display:flex}[data-icon-menu],[data-icon-close]{color:currentColor}[data-icon-menu] svg,[data-icon-close] svg{width:100%;height:100%;display:block}