.root {
    composes: border-solid from global;
    composes: border-subtle from global;
    composes: border-t-2 from global;
    composes: border-r-0 from global;
    composes: border-b-0 from global;
    composes: border-l-0 from global;
    composes: grid from global;
}

.header {
    composes: grid from global;
    composes: grid-cols-autoLast from global;
    composes: grid-flow-col from global;
    composes: items-center from global;
    composes: min-h-[3.125rem] from global;
}

.name {
    composes: leading-normal from global;
    composes: text-left from global;
}

.list {
}

/* TODO @TW: cannot compose */
.list:empty {
    display: none;
}