.tox .tox-tinymceai-previewloader when (@custom-properties-enabled = true) {
  --tox-private-ai-preview-loader-box-shadow: 0 0 40px 1px hsl( from var(--tox-private-color-black) h s l / 15%), 0 16px 16px -10px hsl( from var(--tox-private-color-black) h s l / 15%);
}

.tox {
  .tox-tinymceai-previewloader {
    display: flex;
    align-items: center;
    gap: var(--tox-private-pad-md, @pad-md);
    padding: var(--tox-private-pad-sm, @pad-sm);
    border-radius: var(--tox-private-panel-border-radius, @panel-border-radius);
    box-shadow: var(--tox-private-ai-preview-loader-box-shadow, 0 0 40px 1px fade(@color-black, 15%), 0 16px 16px -10px fade(@color-black, 15%));
    background-color: var(--tox-private-background-color, @background-color);
    color: var(--tox-private-text-color, @text-color);
    pointer-events: auto;

    &__content {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 var(--tox-private-pad-xs, @pad-xs);
      gap: var(--tox-private-pad-sm, @pad-sm);
    }
  }
}