/**
 * CHIP
 *
*/
@layer components {
    .n7-chip {
        @apply inline-flex px-4 py-1 items-center border rounded-2xl n7-background-02;
    }

    .n7-chip--sm {
        @apply px-2 py-0.5 rounded-xl text-sm;
    }

    .rtds-chip--lg {
        @apply px-4 py-2 rounded-3xl text-sm;
    }

    /* Chip link - interactive */
    .n7-chip--interactive {
        @apply n7-border-primary n7-content-primary bg-transparent hover:n7-background-primary-light focus:bg-white focus:n7-border-gray-01 active:n7-background-primary-light active:n7-border-primary;
    }

    /* CHIP FILTER */
    .n7-chip.has-btn-close {
        @apply inline-flex items-center justify-center gap-1 relative;
    }

    .rtds-chip--filter {
        @apply gap-2 n7-background-06 text-white;
    }

    .n7-chip__close {
        @apply inline-flex items-center justify-center rounded-full hover:n7-background-02 hover:n7-content-01 focus:n7-background-02 focus:n7-content-01 active:n7-background-02 active:n7-content-01 transition-all;
    }

    .n7-chip__close {
        @apply after:content-[''] after:block after:right-0 after:w-8 after:h-8 after:absolute;
    }


    /* CHIP STATUS */
    /* .n7-chip--status.is-open {
        @apply bg-bando-aperto border-bando-aperto text-black;
    }

    .n7-chip--status.is-in-progress {
        @apply bg-bando-in-attivazione border-bando-in-attivazione text-black;
    }

    .n7-chip--status.is-closed {
        @apply bg-archiviato border-archiviato text-white;
    } */
}