@layer components {
    .rtds-user-dropdown {
        @apply rtds-flex;
    }

    .rtds-user-dropdown__menu.has-dropdown-menu {
        @apply lg:rtds-relative;
    }

    :where(.rtds-user-dropdown__menu) .rtds-dropdown-trigger {
        @apply rtds-transition-all rtds-w-full rtds-flex rtds-p-3 rtds-gap-2 rtds-text-sm lg:rtds-text-base rtds-items-center rtds-font-medium hover:rtds-underline hover:rtds-content-primary hover:rtds-bg-white lg:rtds-rounded;
    }

    .rtds-user-dropdown__menu-label {
        @apply rtds-p-3 rtds-bg-white;
    }

    .rtds-user-dropdown__menu-list {
        @apply rtds-z-20 rtds-text-base lg:rtds-text-sm;
    }

    .rtds-user-dropdown__menu-sublist {
        @apply rtds-pl-3 rtds-bg-white;
    }

    .rtds-user-dropdown__menu-link {
        @apply hover:rtds-underline hover:rtds-content-primary;
    }

    .rtds-user-dropdown__menu-logout {
        @apply rtds-flex rtds-items-center rtds-justify-between rtds-gap-2 rtds-p-3 rtds-bg-white;
    }
}