.stack > * + * {
  margin-top: calc(1 * var(--spacing-mobile));
}
@media (min-width: 768px) {
  .stack > * + * {
    margin-top: calc(1 * var(--spacing-tablet));
  }
}
@media (min-width: 992px) {
  .stack > * + * {
    margin-top: calc(1 * var(--spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .stack > * + * {
    margin-top: calc(1 * var(--spacing-large));
  }
}
.stack--double > * + * {
  margin-top: calc(2 * var(--spacing-mobile));
}
@media (min-width: 768px) {
  .stack--double > * + * {
    margin-top: calc(2 * var(--spacing-tablet));
  }
}
@media (min-width: 992px) {
  .stack--double > * + * {
    margin-top: calc(2 * var(--spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .stack--double > * + * {
    margin-top: calc(2 * var(--spacing-large));
  }
}
.stack--internal > * + * {
  margin-top: var(--spacing-internal);
}
.stack--sections > * + * {
  margin-top: calc(1 * var(--section-spacing-mobile));
}
@media (min-width: 768px) {
  .stack--sections > * + * {
    margin-top: calc(1 * var(--section-spacing-tablet));
  }
}
@media (min-width: 992px) {
  .stack--sections > * + * {
    margin-top: calc(1 * var(--section-spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .stack--sections > * + * {
    margin-top: calc(1 * var(--section-spacing-large));
  }
}
.stack--small > * + * {
  margin-top: 10px;
}
.stack--border > * + * {
  border-top: solid 1px var(--colour-border);
  padding-top: calc(1 * var(--spacing-mobile));
}
@media (min-width: 768px) {
  .stack--border > * + * {
    padding-top: calc(1 * var(--spacing-tablet));
  }
}
@media (min-width: 992px) {
  .stack--border > * + * {
    padding-top: calc(1 * var(--spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .stack--border > * + * {
    padding-top: calc(1 * var(--spacing-large));
  }
}
.stack--border--light > * + * {
  border-top-color: var(--colour-neutral);
}
.stack--border.stack--double > * + * {
  padding-top: calc(2 * var(--spacing-mobile));
}
@media (min-width: 768px) {
  .stack--border.stack--double > * + * {
    padding-top: calc(2 * var(--spacing-tablet));
  }
}
@media (min-width: 992px) {
  .stack--border.stack--double > * + * {
    padding-top: calc(2 * var(--spacing-desktop));
  }
}
@media (min-width: 1200px) {
  .stack--border.stack--double > * + * {
    padding-top: calc(2 * var(--spacing-large));
  }
}
.stack--border.stack--internal > * + * {
  padding-top: var(--spacing-internal);
}
@media (max-width: 575px) {
  .stack--xs > * + * {
    margin-top: var(--spacing-mobile);
  }
  .stack--xs--double > * + * {
    margin-top: calc(var(--spacing-mobile) * 2);
  }
}
@media (max-width: 767px) {
  .stack--0 > * + * {
    margin-top: var(--spacing-mobile);
  }
  .stack--0--double > * + * {
    margin-top: calc(var(--spacing-mobile) * 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stack--1 > * + * {
    margin-top: var(--spacing-tablet);
  }
  .stack--1--double > * + * {
    margin-top: calc(var(--spacing-tablet) * 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stack--2 > * + * {
    margin-top: var(--spacing-desktop);
  }
  .stack--2--double > * + * {
    margin-top: calc(var(--spacing-desktop) * 2);
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .stack--3 > * + * {
    margin-top: var(--spacing-desktop);
  }
}
@media (min-width: 1500px) {
  .stack--4 > * + * {
    margin-top: var(--spacing-desktop);
  }
}