@use 'libs/components/theme/src/lib/styles/mixins' as mixins;

.sky-confirm {
  --sky-confirm-body-margin-top: var(--sky-margin-stacked-sm);
  --sky-confirm-buttons-margin-top: var(--sky-margin-stacked-xl);
  --sky-confirm-content-padding: 0;
  --sky-confirm-message-padding-bottom: 0;
}

@include mixins.sky-theme-modern {
  .sky-confirm {
    --sky-confirm-body-margin-top: 0;
    --sky-confirm-buttons-margin-top: var(--sky-margin-stacked-lg);
    --sky-confirm-content-padding: var(--sky-margin-stacked-lg)
      var(--sky-margin-inline-xl);
    --sky-confirm-message-padding-bottom: var(--sky-margin-stacked-lg);
  }
}

.sky-confirm {
  &-content {
    padding: var(--sky-confirm-content-padding);
  }

  &-message {
    margin-top: var(--sky-margin-stacked-xs);
    padding-bottom: var(--sky-confirm-message-padding-bottom);
  }

  &-body {
    margin-top: var(--sky-confirm-body-margin-top);
  }

  &-buttons {
    margin-top: var(--sky-confirm-buttons-margin-top);
  }

  &-preserve-white-space {
    white-space: pre-wrap;
  }
}
