.pi-spinner {
  // Type
  // Loader
  &.pi-spinner__loader {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: var(--pi-spacing-large);
    margin-top: unset !important;

    &.pi-spinner__loader--fullscreen {
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      height: 100vh;
      width: 100%;
      background-color: var(--pi-color-primary-200-rgba);
    }
  }
}