<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.card {
  background-color: var(--color-bg);
  border-radius: var(--rounded-xl);
  border-width: var(--border);
  box-shadow: var(--shadow-sm);
  padding: var(--size-6);
  position: relative;

  &amp;[aria-disabled=true] {
    pointer-events: none;
  }

  &amp;[aria-disabled=true]::after {
    background-color: rgba(0, 0, 0, .3);
    border-radius: inherit;
    content: "";
    inset: 0;
    position: absolute;
  }
}

.card--selectable:has(:checked) {
  background-color: var(--color-secondary);
  border-color: var(--color-primary);
}
</pre></body></html>