@mixin ds-loading() {
  .ds-spinner {
    display: none;
  }

  &.ds-loading {
    cursor: not-allowed;

    & *:not(.ds-spinner) {
      color: transparent !important; /* stylelint-disable-line declaration-no-important */
    }

    .ds-spinner {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
}