@import '~@capillarytech/cap-ui-library/styles/_variables.scss';

.parent-audience-picker {
  .ant-drawer-header {
    padding: 1rem 3rem;
    border-bottom: none;
  }

  .ant-drawer-body {
    padding: 0;
    flex: 0 1 auto;
    overflow-y: auto;
  }

  .ant-drawer-footer {
    padding: 1rem 3rem;
  }

  &__back-icon {
    margin-right: 0.75rem;
    cursor: pointer;
  }

  &__body {
    padding: 2rem;
    max-height: 100%;
  }

  &__error-banner {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.75rem;
    border-radius: 0.25rem;
    background: rgba($CAP_RED, 0.08);
    color: $CAP_RED;
  }

  &__footer {
    display: flex;
    gap: 0.5rem;
  }

  &__row-group-icon {
    color: $CAP_G06;
    margin-right: $CAP_SPACE_16;
  }
}