.mds-c-figure-card {
  background-color: var(--mds-t-background-color--primary);
  border-radius: var(--mds-d-border-radius--default);
  box-shadow: 0 1px 0 0 var(--mds-t-border-color--secondary);
  display: flex;
  flex-direction: column;
  margin: var(--mds-d-spacing--xs) 0;

  &__figure {
    background-color: var(--mds-t-background-color--tertiary);
    background-position: center;
    background-size: cover;
    border-radius: var(--mds-d-border-radius--default)
      var(--mds-d-border-radius--default) 0 0;
    height: calc(var(--mds-d-spacing--xxxl) * 4);
  }

  &.mds-is-draggable,
  &.mds-is-dragging {
    cursor: grab;
  }

  &.mds-is-dragging {
    visibility: hidden;
  }
}