/**
 * TAB
 * 
 *
*/

/* BASE */
@layer components {
    .n7-tab--default.is-active {
       @apply n7-border-gray-04; 
    }

    .n7-tab--borderless.is-active {
        @apply n7-background-03;
    }

    /* FILLED */
    /* .n7-tab--filled {
        @apply py-2 px-3 n7-background-02 rounded-md n7-content-01 text-lg hover:shadow-md focus:bg-white active:text-white active:n7-background-05 aria-selected:text-white aria-selected:n7-background-05;
    } */
/* 
    .n7-tab--filled.is-active {
        @apply text-white n7-background-05;
    } */

}