$height-ip0: 1.5rem; // 24 px
$height-ip1: 2rem; // 32 px
$height-ip2: 40px; // 40 px
$height-btn2: 44px; // 44 px
$height-ip3: 3.25rem; // 52 px

$max_full_hd_screen: 2500px;
$full_hd_screen: 1820px;
$hd_screen_plus: 1600px;
$hd_screen_plus_75: 1440px;
$hd_screen_plus_35: 1400px;
$hd_screen: 1365px;
$hd_screen_minus_165: 1200px;
$tablet_screen: 768px;
$mobile_screen: 360px;
$content-height: 95%;

// Z Index Organization
// 0000–1999: Elements and Components
// 2000–2999: Element and Component Drop Downs
// 3000–3999: Secondary Navigation
// 4000–4999: HeaderSchemaManager / Footer
// 5000–5999: Primary Navigation
// 6000–6999: Full Screen Features
// 7000–7999: Special Cases
// 8000–8999: Modals / Dialog Windows
// 9000–9999: Notifications
$z-index-cdp_btn-tabs-active: 0;
$z-index-cdp_btn-tabs: 1;
$z-index-block-cond-btn: 11;
$z-index-first-header-item: 21;
$z-index-ant-dropdown: 200;
$z-index-overlay: 602;
$z-index-sidebar: 603;
$z-index-sidebar-toggle-btn: 604;

// common container
$css-sidebar-prefix: cdp-pd-sidebar;
$css-topbar-prefix: cdp-pd-topbar;
$css-ds-sidebar-prefix: cdp-pd-ds-sidebar;
$css-ds-sidebar-source-item-prefix: cdp-pd-ds-sidebar__source-item;
$cdp-block-condition: cdp-block-condition;
$cdp-segment-container: cdp-segment-container;
$segment-step-panel: segment-step-panel;
$cdp-modal: cdp-modal;
$cdp__table--radius: cdp__table--radius;

// data-source page
$prefixCssDSOverviewTopbar: cdp-ds-overview__topbar;
$prefixCssDSOverview: cdp-ds__overview-container;
$cdp-ds-creation-db: cdp-ds-creation-db;
$cdp-ds-setup-content: cdp-ds-setup-content;
$source-data-info-content: cdp-source-data-info-content;


// segment page
$cdp-pd-au-segment: cdp-pd-au-segment;
$dp-au-sm-summary: dp-au-sm-summary;
$create-segment-page: create-segment-page;
$pw-segment-classname: cdp-segment-preview;

// segment create step
$cdp-segment-step01: cdp-segment-step01;
$cdp-create-segment-step03: cdp-create-segment-step03;
$step03-segment-detail: step03-segment-detail;
$cdp_template_sg_popup: cdp_template_sg_popup;

// campaign page
$cdp-campaign-page: cdp-campaign-page;
$cdp-channel-message-page: cdp-channel-message-page;
$cdp_campaign_analytics_page: cdp_campaign_analytics_page;
$cdp_campaign_attribution_page: cdp_campaign_attribution_page;
$cdp_imported_message_page: cdp_imported_message_page;
$cdp_review_imported_message_page: cdp_review_imported_message_page;
$cdp_imported_message_flow_page: cdp_imported_message_flow_page;
$cdp_marketing_tactic_page: cdp_marketing_tactic_page;


// metrics builder create
$cdp-metrics-builder-page: cdp-metrics-builder-campaign;

// campaign create
$cdp-create-campaign: cdp-create-campaign;

$cdp-campaign-step-container: cdp-campaign-step-container;
$cdp-stepper-vertical-container: cdp-stepper-vertical-container;
$goal-builder-class: cdp-create-goal-builder-form;
$cdp-cp-create-goal: cdp-cp-create-goal;
$cdp-cp-create-event-trigger: cdp-cp-create-event-trigger;
$cdp-create-step01-timeline-a-info: cdp-create-step01-timeline-a-info;
$cdp-create-step02-details: cdp-create-step02-details;
$cdp-campaign-create-step-03: cdp-campaign-create-step-03;
$cp-channel-setup-flow: cp-channel-setup-flow;
$p-component-tactics: p-component-tactics;
$cdp-campaign-create-step04-activation-channel: cdp-campaign-create-step04-activation-channel;
$cdp-campaign-create-step05-url-builder: cdp-campaign-create-step05-url-builder;
$cdp-campaign-create-step06-review-and-done: cdp-campaign-create-step06-review-and-done;
$cdp-campaign-review-campaign: cdp-campaign-review-campaign;
$cdp-campaign-review-builder: cdp-campaign-review-builder;

$cdp-cp-channel-flow-config: cdp-cp-channel-flow-config;
$cp-create-content-tactic-class: cdp-cp-create-content-tactic;
$cdp-cp-create-promotion-container: cdp-cp-create-promotion-container;
$cdp-cp-form-create-marketing-tactics-container: cdp-cp-form-create-marketing-tactics-container;
$cdp-campaign-timing-page: cdp-campaign-timing-page;
// channel create
$cdp-campaign-channel-create-form: cdp-campaign-channel-create-form;
$p-sidebar-step-component: p-sidebar-step-component;
$p-step1-authorize-channel-flow-create: p-step1-authorize-channel-flow-create;
$p-step2-configure-channel-flow-create: p-step2-configure-channel-flow-create;

// user profile page
$cdp_user_profile_css: cdp_user_profile_css;
$cdp-user-profile-css-overview: cdp-user-profile-css-overview;
$cdp-up-activity-container: cdp-up-activity-container;
$cdp-up-segment-ptrait-tab: cdp-up-segment-ptrait-tab;

// analytics
$cdp_au_sm_analytics_dimension: cdp_au_sm_analytics_dimension;
$cdp_au_sm_analytics_dimension_metrics: cdp_au_sm_analytics_dimension_metrics;
$cdp-au-sm-analytics-reachability: cdp-au-sm-analytics-reachability;
$cdp-au-sm-analytics-sample-users: cdp-au-sm-analytics-sample-users;
$cdp_au_sg_analytics_compare: cdp_au_sg_analytics_compare;
$cdp_au_sg_analytics: cdp_au_sg_analytics;

// global page
$sign-in-page: sign-in-page;
$contact-us-construction-page: contact-us-construction-page;
$about-construction-page: about-construction-page;
$cdp-dashboard-page: cdp-dashboard-page;

// schemas page
$cdp_schemas_page: cdp_schemas_page;
$cdp_custom_event_schemas_page: cdp_custom_event_schemas_page;
$cdp_validation_error_settings_page: cdp_validation_error_settings_page;
$cdp_entity_trends_block_component: cdp_entity_trends_block_component;
$cdp_schemas_header_page: cdp_schemas_header_page;
$cdp_tooltip_container: cdp_tooltip_container;

$cdp_header_schema_manager_component: cdp_header_schema_manager_component;
$p_table_cell_component: p_table_cell_component;
$cdp_entity_schema_detail_page: cdp_entity_schema_detail_page;
$cdp_event_schema_detail_page: cdp_event_schema_detail_page;
$cdp-data-type-modal-component: cdp_data_type_modal_component;
$cdp_snippet_modal_component: cdp_snippet_modal_component;
$cdp_filter_dropdown_component: cdp_filter_dropdown_component;
$cdp_data_type_error_entity_schema: cdp_data_type_error_entity_schema;
$cdp_data_type_error_center_page: cdp_data_type_error_center_page;
$cdp_user_schema_page: cdp_user_schema_page;

// ACL page
$cdp_user_acl_page: cdp_user_acl_page;
$cdp_user_acl_form_page: cdp_user_acl_form_page;
$cdp_user_role_management_page: cdp_user_role_management_page;


$cdp_quick_test_page: cdp_quick_test_page;


:export {

  // common container
  sidebarPrefix: $css-sidebar-prefix;
  topbarPrefix: $css-topbar-prefix;
  cdpBlockCondition: $cdp-block-condition;
  cdpModal: $cdp-modal;
  cdpTableRadius: $cdp__table--radius;

  // data source page
  dataSourceSidebarPrefix: $css-ds-sidebar-prefix;
  dataSourceSidebarSourceItemPrefix: $css-ds-sidebar-source-item-prefix;
  dataSourceTopbarPrefix: $prefixCssDSOverviewTopbar;
  dataSourceOverViewContainerPrefix: $prefixCssDSOverview;
  dataSourceCreatePage: $cdp-ds-creation-db;
  dataSourceSetupPopup: $cdp-ds-setup-content;
  dataSourceInfoContentPopup: $source-data-info-content;

  // segment page
  audienceSegmentPrefix: $cdp-pd-au-segment;
  audienceSegmentSummaryPrefix: $dp-au-sm-summary;
  audienceSegmentCreate: $create-segment-page;
  audienceSegmentCreateStep01: $cdp-segment-step01;
  audienceSegmentCreateStep02: $cdp-create-segment-step03;
  audienceSegmentCreateStep02Details: $step03-segment-detail;
  audienceSegmentStepPanel: $segment-step-panel;
  audienceSegmentStepContainer: $cdp-segment-container;
  audienceSegmentPreview: $pw-segment-classname;

  // metrics builder page
  cdpMetricsBuilderPage: $cdp-metrics-builder-page;

  // campaign page
  cdpCampaignPage: $cdp-campaign-page;
  cdpChannelMessagePage: $cdp-channel-message-page;
  cdpCampaignAnalyticsPage: $cdp_campaign_analytics_page;
  cdpCampaignAttributionPage: $cdp_campaign_attribution_page;
  cdpImportedMessagePage: $cdp_imported_message_page;
  cdpReviewImportedMessagePage: $cdp_review_imported_message_page;
  cdpImportedMessageFlowPage: $cdp_imported_message_flow_page;
  cdpMarketingTacticsPage: $cdp_marketing_tactic_page;

  stepperVerticalContainer: $cdp-stepper-vertical-container;

  // campaign create
  cdpCreateCampaign: $cdp-create-campaign;
  campaignStepPanel: $cdp-campaign-step-container;
  campaignGoalBuilderCreate: $goal-builder-class;
  cdpCPCreateEventTrigger: $cdp-cp-create-event-trigger;
  cdpCampaignCreateStep01: $cdp-create-step01-timeline-a-info;
  cdpCampaignCreateStep02: $cdp-create-step02-details;
  cdpCampaignCreateStep03: $cdp-campaign-create-step-03;
  cpChannelMessageSetupFlow: $cp-channel-setup-flow;
  cdpCampaignPComponentTactics: $p-component-tactics;
  cdpCampaignCreateStep04: $cdp-campaign-create-step04-activation-channel;
  cdpCampaignCreateStep05: $cdp-campaign-create-step05-url-builder;
  cdpCampaignCreateStep06: $cdp-campaign-create-step06-review-and-done;
  cdpCampaignReviewCampaign: $cdp-campaign-review-campaign;
  campaignReviewBuilder: $cdp-campaign-review-builder;


  cdpCPCreateChannelConfig: $cdp-cp-channel-flow-config;
  cdpCPCreateContentTactic: $cp-create-content-tactic-class;
  cdpCPCreateGoal: $cdp-cp-create-goal;
  cdpCPCreatePromotion: $cdp-cp-create-promotion-container;
  cdpCreateMarketingTactic: $cdp-cp-form-create-marketing-tactics-container;
  cdpCampaignTimingPage: $cdp-campaign-timing-page;


  // channel create
  campaignChannelCreateFrom: $cdp-campaign-channel-create-form;
  sidebarStepPopup: $p-sidebar-step-component;
  step1AuthorizeChannelFlowCreate: $p-step1-authorize-channel-flow-create;
  step2ConfigureChannelFlowCreate: $p-step2-configure-channel-flow-create;

  templatePopup: $cdp_template_sg_popup;

  // user profile page
  cdpUserProfilePage: $cdp_user_profile_css;
  cdpUPOverview: $cdp-user-profile-css-overview;
  cdpUPActivity: $cdp-up-activity-container;
  cdpUPPTrait: $cdp-up-segment-ptrait-tab;


  // analytics
  cdpAudienceSegmentAnalyticsDimension: $cdp_au_sm_analytics_dimension;
  cdpAudienceSegmentAnalyticsMetrics: $cdp_au_sm_analytics_dimension_metrics;
  cdpAudienceSegmentAnalyticsReachability: $cdp-au-sm-analytics-reachability;
  cdpAudienceSegmentAnalyticsSampleUser: $cdp-au-sm-analytics-sample-users;
  cdpAudienceSegmentCompareAnalytics: $cdp_au_sg_analytics_compare;
  cdpAudienceSegmentAnalytics: $cdp_au_sg_analytics;


  // global page
  cdpSignInPage: $sign-in-page;
  cdpContactUsConstructionPage: $contact-us-construction-page;
  cdpAboutConstructionPage: $about-construction-page;
  cdpDashBoardPage: $cdp-dashboard-page;

  // entity schema page
  cdpSchemasPage: $cdp_schemas_page;
  cdpCustomEventSchemasPage: $cdp_custom_event_schemas_page;
  cdpValidationErrorSettingsPage: $cdp_validation_error_settings_page;
  cdpEntityTrendsBlockComponent: $cdp_entity_trends_block_component;
  cdpSchemasHeaderPage: $cdp_schemas_header_page;
  cdpTooltipContainer: $cdp_tooltip_container;

  cdpHeaderSchemaManagerComponent: $cdp_header_schema_manager_component;
  pTableCellComponent: $p_table_cell_component;

  cdpEntitySchemaDetailPage: $cdp_entity_schema_detail_page;
  cdpEventSchemaDetailPage: $cdp_event_schema_detail_page;
  cdpDataTypeModalComponent: $cdp-data-type-modal-component;
  cdpSnippetModalComponent: $cdp_snippet_modal_component;
  cdpFilterDropdownComponent: $cdp_filter_dropdown_component;
  cdpDataTypeErrorEntitySchema: $cdp_data_type_error_entity_schema;
  cdpDataTypeErrorCenterPage: $cdp_data_type_error_center_page;
  cdpUserSchemaPage: $cdp_user_schema_page;

  // ACL page
  cdpUserACLPage: $cdp_user_acl_page;
  cdpUserACLFormPage: $cdp_user_acl_form_page;
  cdpUserRoleManagementPage: $cdp_user_role_management_page;

  quickTestPage: $cdp_quick_test_page;
}