@layer components {
    /* base style */
    .rtds-context-menu {
        @apply rtds-border-b-2 rtds-border-gray-02 rtds-relative;
    }

    .rtds-context-menu__container {
        @apply rtds-grid lg:rtds-flex rtds-pt-4 rtds-pb-2 md:rtds-pb-2.5 lg:rtds-py-3 rtds-gap-4 rtds-items-center;
    }

    .rtds-context-menu__header {
        @apply rtds-flex rtds-items-center rtds-gap-2 rtds-content-02;
    }

    .rtds-context-menu__nav {
        @apply rtds-flex;
    }

    .rtds-context-menu__list-container {
        @apply rtds-absolute rtds-top-full rtds-left-0 rtds-w-full rtds-bg-white rtds-z-50 rtds-py-4 rtds-border-b-2 rtds-border-t-2 rtds-border-gray-02;
    }

    .rtds-context-menu__list-container.is-open {
        @apply rtds-flex rtds-justify-center;
    }


    /* interactivity */
    :where(.rtds-context-menu__toggle-text.is-show-less) {
        @apply rtds-hidden;
    }

    :where(.has-dropdown-open .rtds-context-menu__toggle-text.is-show-more) {
        @apply rtds-hidden;
    }

    :where(.has-dropdown-open .rtds-context-menu__toggle-text.is-show-less) {
        @apply rtds-block;
    }

    .rtds-context-menu__trigger .rtds-icon {
        @apply rtds-transition-all;
    }

    .rtds-context-menu__trigger:where([aria-expanded="true"]) .rtds-icon {
        @apply -rtds-rotate-180;
    }

    /* RTDS-MENU-CARD */
    .rtds-menu-card {
        @apply rtds-bg-white rtds-p-6 rtds-bg-gradient-04;
    }

    .rtds-menu-card__link {
        @apply rtds-flex rtds-flex-col rtds-gap-2;
    }

    .rtds-menu-card__title {
        @apply rtds-content-02;
    }

    .rtds-menu-card__text {
        @apply rtds-text-sm rtds-content-01;
    }

    .rtds-context-menu__item--more {
        @apply rtds-col-span-full rtds-flex rtds-justify-center rtds-items-center;
    }


}