@layer components {
  .card {
    &-filled {
      @apply bg-surfaceContainerLow elevation-1 flex flex-col gap-4 rounded-xl p-4;

      &.stateful {
        @apply state-onSurface;
      }
    }
  }
}