/* Activated only when the original role cards actually overlap. */
.gk-visual--white-label.gk-flow-spaced {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  column-gap:18px;
  row-gap:22px;
  padding-top:18px;
}
.gk-visual--white-label.gk-flow-spaced > img {
  grid-column:1 / -1;
  grid-row:2;
}
.gk-visual--white-label.gk-flow-spaced .gk-flow-label {
  position:relative;
  inset:auto;
  width:auto;
  min-width:0;
  max-width:none;
  grid-row:1;
  grid-template-columns:auto minmax(0,1fr);
  transform:none;
}
.gk-visual--white-label.gk-flow-spaced .gk-flow-production {grid-column:1;}
.gk-visual--white-label.gk-flow-spaced .gk-flow-agency {grid-column:2;}
.gk-visual--white-label.gk-flow-spaced .gk-flow-client {grid-column:3;}
.gk-visual--white-label.gk-flow-spaced .gk-flow-label > span:last-child {min-width:0;}
.gk-visual--white-label.gk-flow-spaced .gk-flow-label b,
.gk-visual--white-label.gk-flow-spaced .gk-flow-label small {
  white-space:normal;
  overflow-wrap:break-word;
}
@media (max-width:820px) {
  .gk-visual--white-label.gk-flow-spaced {grid-template-columns:1fr;row-gap:14px;}
  .gk-visual--white-label.gk-flow-spaced > img {grid-row:4;margin-top:8px;}
  .gk-visual--white-label.gk-flow-spaced .gk-flow-label {grid-column:1;}
  .gk-visual--white-label.gk-flow-spaced .gk-flow-production {grid-row:1;}
  .gk-visual--white-label.gk-flow-spaced .gk-flow-agency {grid-row:2;}
  .gk-visual--white-label.gk-flow-spaced .gk-flow-client {grid-row:3;}
}