@use '../../theme/styles' as theme;

.wr-popconfirm-overlay {
  > .wr-popconfirm {
    display: block;
    min-width: 14rem;
    max-width: 22rem;
    padding: 0.875rem 1rem;
    background: var(--wr-color-white);
    border: 1px solid var(--wr-color-light);
    border-radius: var(--wr-border-radius-base);
    box-shadow: var(--wr-shadow-overlay);
    color: var(--wr-color-dark);
    font-family: var(--wr-font-family-base);
    animation: wr-overlay-in var(--wr-overlay-duration) var(--wr-overlay-ease);
    transform-origin: top left;
  }
}

.wr-popconfirm {
  &__message {
    margin: 0 0 0.625rem;
    font-size: var(--wr-text-sm);
    line-height: 1.25rem;
  }

  &__actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.375rem;
  }
}