$triggers: 'user-behavior-logged-selection', 'referrer-selection', 'referrer-custom', 'url-custom', 'page-selection', 'custom-url-display', 'ab-testing-custom', 'User-Behavior', 'user-behavior-returning', 'user-behavior-os', 'user-behavior-user-role', 'user-behavior-cart', 'user-behavior-cart-product', 'analytics-utm', 'ads', 'tracked', 'ad-consent', 'analytics-consent', 'user-behavior-cart-category', 'user-behavior-purchase-order', 'user-behavior-retn-custom', 'learndash-courses-quizes-compare', 'user-behavior-selection', 'time-date-selection', 'schedule-selection', 'times-dates-schedules-selections', 'time-date-pick-start-date', 'time-date-pick-end-date', 'user-behavior-loggedinout', 'user-behavior-browser-language', 'user-behavior-device', 'common-referrers', 'locked-box', 'page-visit-selection', 'page-url-selection', 'page-url-custom', 'geolocation-selection', 'custom-selection', 'ganalytics-selection', 'matomo-selection', 'salesforce-contact-selection', 'user-behavior-user-meta', 'user-behavior-user-cookie', 'woocommerce-membership-selection', 'woocommerce-subscription-selection', 'learndash-courses-course-completion-percentage', 'learndash-courses-course-enrolment', 'learndash-courses-quizes', 'learndash-courses-selection', 'hubspot-addon-selection', 'active-campaign-selection', 'user-behavior-total-spent', 'user-behavior-last-order-product', 'user-behavior-last-order-category', 'user-behavior-number-of-orders', 'user-behavior-number-of-items-in-cart', 'user-behavior-average-order-value', 'user-behavior-value-of-items-in-cart', 'drip-addon-selection', 'convertkit-addon-selection', 'gravity-forms-selection', 'mailchimp-addon-selection', 'analytics-selection', 'woocommerce-selection';

@each $trigger in $triggers {
  *[data-field="#{$trigger}"] {
    display: none;
  }

  .#{$trigger} {
    *[data-field="#{$trigger}"] {
      display: block;
    }
  }
}

/* Rule Config Section */
.dxptk-config {
  flex: 1 1 45%;
}

.dxptk-config-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}

.dxptk-config-helpers {
  flex: 1 1 45%;

  ul {
    list-style: circle;
    margin-left: 15px;
  }

  p {
    margin-top: 0;
  }

  .query-example {
    font-size: 13px;
    color: #3c434a;
  }

  .highlight {
    font-weight: 600;
    color: #4a1ade;
  }
}