/* widget-box */
@layer components {
    .rtds-widget-box {
        @apply rtds-bg-white rtds-border rtds-border-solid rtds-border-gray-03 rtds-rounded-lg rtds-shadow-sm rtds-divide-y;
    }

    .rtds-widget-box__header {
        @apply rtds-background-03 rtds-border-gray-03 rtds-py-4 rtds-px-3 rtds-font-bold rtds-text-base lg:rtds-text-lg rtds-leading-none;
    }

    .rtds-widget-box__content {
        @apply rtds-py-4 rtds-px-3 rtds-border-gray-03 rtds-text-sm lg:rtds-text-base;
    }

    .rtds-widget-box > * {
        @apply first:rtds-rounded-t-lg last:rtds-rounded-b-lg;
    }

    .rtds-widget-box ul {
        @apply rtds-list-disc rtds-pl-4 rtds-divide-y;
    }

    .rtds-widget-box li {
        @apply rtds-border-gray-02 rtds-py-2;
    }

    .rtds-widget-box a {
        @apply rtds-underline hover:rtds-no-underline;
    }

}