.card{border-radius:var(--radius-card);transition:border-color .2s ease-in-out}.card,.card--background--light{background-color:var(--bg-primary)}.card--background--none{background-color:transparent}.card--background--gray{background:var(--white-100)}.card--background--blue{background:var(--blue-250)}.card--background--green{background:var(--green-450)}.card--background--red{background:var(--red-300)}.card--background--primary{background-color:var(--bg-primary)}.card--background--info{background:var(--input-background)}.card--size--sm{width:300px}.card--size--md{width:100%;max-width:460px}.card--size--auto{max-width:auto;width:auto}.card--border--dark,.card--border--light{border:var(--border-width) solid var(--border-primary)}.card--border--dark:hover{border-color:var(--gray-border-hover)}.card--border--separator{border-bottom:var(--border-width) solid var(--border-secondary)}.card--border--primary{border:var(--border-width) solid var(--border-secondary)}.card--border--danger{border:var(--border-width) solid var(--color-danger,rgba(220,53,69,.3))}.card--border--none{border:none}