@layer components {
  #engagement-wrapper {
    .amplitude-engagement-popover-container, .amplitude-engagement-modal-body {
      background: var(--color-surface-light) !important;
      border-radius: 0 !important;
      padding: 1rem;

      .engagement-toplevel-ki1rff {
        .amplitude-engagement-title {
          color: var(--color-surface-dark) !important;
        }
      }

      .engagement-toplevel-fw7sxf {
        textarea {
          border-radius: 0;
          border-color: var(--color-surface-dark);
          background: var(--color-surface-light);
        }
      }

      div[data-testid="action-bar"] {
        .amplitude-engagement-cta-button__primary {
          color: var(--color-content-on-dark) !important;
          border-color: var(--color-himalayan-salt) !important;
          background: var(--color-surface-dark) !important;
          border-radius: 0;
        }
      }

      .amplitude-engagement-rating {
        .amplitude-engagement-rating__stars {
          background: var(--color-surface-light) !important;
        }
      }
    }
  }
}