.z-card {
  background-color: var(--color-bg-reverse);
  border-radius: var(--rounded-xs);
  border-width: var(--border);
  border: var(--border) solid var(--color-border);
  padding: var(--size-3);
  box-shadow: var(--shadow-sm);

  hr {
    margin: 0;
  }

  &.borderless { border: none; }

  &.light {
    background-color: var(--color-bg-secondary-light);
  }

  &.wide {
    padding: var(--size-3) var(--size-7);
  }

  &.shadow-none {
    --shadow-sm: none;
  }

  &.subtle {
    box-shadow: var(--shadow-xs);
  }

  &.loading {
    cursor: wait;
    opacity: 0.6;

    * {
      cursor: wait;
    }
  }
}