:root {
--agave-80-10: rgba(0, 130, 141, 0.1);
--color-action-complementary: #5d686f;
--color-action-complementary-active: #3c4348;
--color-action-complementary-border: rgba(240, 244, 246, 0);
--color-action-complementary-focus: #4c555b;
--color-action-complementary-hover: #4c555b;
--color-action-complementary-subtle: rgba(43, 49, 53, 0);
--color-action-complementary-subtle-active: #3c4348;
--color-action-complementary-subtle-focus: #2b3135;
--color-action-complementary-subtle-hover: #2b3135;
--color-action-negative: #db334d;
--color-action-negative-active: #8f1229;
--color-action-negative-focus: #b61a37;
--color-action-negative-hover: #b61a37;
--color-action-negative-subtle: #e2e9ed;
--color-action-negative-subtle-active: #c3ced5;
--color-action-negative-subtle-focus: #d5dee3;
--color-action-negative-subtle-hover: #d5dee3;
--color-action-passive: #e2e9ed;
--color-action-passive-active: #c3ced5;
--color-action-passive-border: #d5dee3;
--color-action-passive-focus: #d5dee3;
--color-action-passive-hover: #d5dee3;
--color-action-passive-subtle: rgba(248, 250, 251, 0);
--color-action-passive-subtle-active: #e2e9ed;
--color-action-passive-subtle-focus: #f0f4f6;
--color-action-passive-subtle-hover: #f0f4f6;
--color-action-special-use: #ffe01b;
--color-action-special-use-active: #e3c81b;
--color-action-special-use-focus: #eace1b;
--color-action-special-use-hover: #eace1b;
--color-action-special-use-subtle: #017e89;
--color-action-special-use-subtle-active: #005056;
--color-action-special-use-subtle-focus: #006771;
--color-action-special-use-subtle-hover: #006771;
--color-action-standard: #017e89;
--color-action-standard-active: #005056;
--color-action-standard-focus: #006771;
--color-action-standard-hover: #006771;
--color-action-standard-subtle: #ffffff;
--color-action-standard-subtle-active: #e2e9ed;
--color-action-standard-subtle-focus: #f0f4f6;
--color-action-standard-subtle-hover: #f0f4f6;
--color-code-attribute: #00892e;
--color-code-boolean: #6100c2;
--color-code-comment: #9aa7b0;
--color-code-keyword: #d72792;
--color-code-line-highlight: #f0f4f6;
--color-code-line-number: #859299;
--color-code-number: #c84f00;
--color-code-operator: #859299;
--color-code-qualifier: #3bd85e;
--color-code-string: #00828d;
--color-code-text: #21262a;
--color-code-type: #fca354;
--color-code-variable-1: #21262a;
--color-code-variable-2: #21262a;
--color-code-variable-3: #fca354;
--color-container-background-accent: #e0edff;
--color-container-background-accent-active: #a0cfff;
--color-container-background-accent-focus: #c5e1ff;
--color-container-background-accent-hover: #c5e1ff;
--color-container-background-accent-selected: #a0cfff;
--color-container-background-attention: #ffeac7;
--color-container-background-beta: #c2f5ff;
--color-container-background-complementary: #21262a;
--color-container-background-info: #f0e9ff;
--color-container-background-inverse: #21262a;
--color-container-background-negative: #ffe7e7;
--color-container-background-neutral: #e2e9ed;
--color-container-background-new: #ffe6f4;
--color-container-background-positive: #d2f8d5;
--color-container-background-primary: #ffffff;
--color-container-background-quaternary: #e2e9ed;
--color-container-background-secondary: #f8fafb;
--color-container-background-special-use-1: #7cbcff;
--color-container-background-special-use-2: #00d5b0;
--color-container-background-special-use-3: #ff808c;
--color-container-background-special-use-4: #d5dee3;
--color-container-background-tertiary: #f0f4f6;
--color-container-border-accent: #017e89;
--color-container-border-attention: #c84f00;
--color-container-border-complementary: #5d686f;
--color-container-border-info: #a275ff;
--color-container-border-negative: #db334d;
--color-container-border-positive: #00a63b;
--color-container-border-primary: #e2e9ed;
--color-container-border-secondary: #d5dee3;
--color-container-border-tertiary: #c3ced5;
--color-container-overlay: rgba(0, 0, 0, 0.5);
--color-data-attention: #ff8000;
--color-data-attention-100: #ff6a00;
--color-data-attention-200: #ff8000;
--color-data-attention-300: #ff9331;
--color-data-attention-400: #ffac61;
--color-data-category-1: #205ea3;
--color-data-category-1-background: #7cbcff;
--color-data-category-2: #009eac;
--color-data-category-2-background: #38e8f6;
--color-data-category-3: #e56c1d;
--color-data-category-3-background: #c0abff;
--color-data-category-4: #f7576c;
--color-data-category-4-background: #fca354;
--color-data-category-5: #a275ff;
--color-data-category-5-background: #ff9ba4;
--color-data-category-6: #8f1229;
--color-data-category-6-background: #ff95d3;
--color-data-category-7: #006771;
--color-data-category-7-background: #d0c2ff;
--color-data-category-8: #8d4d00;
--color-data-category-8-background: #5bef76;
--color-data-category-9: #28005a;
--color-data-category-9-background: #a0cfff;
--color-data-category-10: #390e00;
--color-data-category-10-background: #f9c741;
--color-data-negative: #db334d;
--color-data-negative-100: #f7576c;
--color-data-negative-200: #db334d;
--color-data-negative-300: #b61a37;
--color-data-negative-400: #8f1229;
--color-data-neutral: #859299;
--color-data-neutral-100: #adbac2;
--color-data-neutral-200: #859299;
--color-data-neutral-300: #727e85;
--color-data-neutral-400: #4c555b;
--color-data-positive: #00a63b;
--color-data-positive-100: #00bb42;
--color-data-positive-200: #00a63b;
--color-data-positive-300: #00892e;
--color-data-positive-400: #006c23;
--color-data-primary: #3492ef;
--color-data-primary-100: #2b77cc;
--color-data-primary-200: #3492ef;
--color-data-primary-300: #5dabff;
--color-data-primary-400: #7cbcff;
--color-data-secondary: #f54bac;
--color-data-secondary-100: #ff77c7;
--color-data-secondary-200: #f54bac;
--color-data-secondary-300: #d72792;
--color-data-secondary-400: #b30078;
--color-data-tertiary: #7c00f6;
--color-data-tertiary-100: #a275ff;
--color-data-tertiary-200: #8f4bff;
--color-data-tertiary-300: #7c00f6;
--color-data-tertiary-400: #6100c2;
--color-divider-inverse: #ffffff;
--color-divider-primary: #859299;
--color-divider-secondary: #adbac2;
--color-divider-tertiary: #e2e9ed;
--color-focus-indicator: #017e89;
--color-icon-accent: #017e89;
--color-icon-complementary: #ffffff;
--color-icon-disabled: #9aa7b0;
--color-icon-inverse: #ffffff;
--color-icon-primary: #21262a;
--color-icon-secondary: #5d686f;
--color-input-background-disabled: #d5dee3;
--color-input-background-error: #ffe7e7;
--color-input-background-error-focus: #fff6f6;
--color-input-background-primary: #ffffff;
--color-input-background-primary-active: #ffffff;
--color-input-background-primary-focus: #ffffff;
--color-input-background-primary-hover: #f8fafb;
--color-input-background-primary-selected: #017e89;
--color-input-background-readonly: #f0f4f6;
--color-input-background-secondary: #9aa7b0;
--color-input-background-secondary-active: #727e85;
--color-input-background-secondary-focus: #859299;
--color-input-background-secondary-hover: #859299;
--color-input-background-tertiary: #ffffff;
--color-input-background-tertiary-active: #f0f4f6;
--color-input-background-tertiary-focus: #ffffff;
--color-input-background-tertiary-hover: #f8fafb;
--color-input-background-warning: #ffeac7;
--color-input-background-warning-focus: #fff7ec;
--color-input-border-disabled: #c3ced5;
--color-input-border-error: #db334d;
--color-input-border-primary: #c3ced5;
--color-input-border-primary-active: #017e89;
--color-input-border-primary-focus: #017e89;
--color-input-border-primary-hover: #3c4348;
--color-input-border-primary-selected: #017e89;
--color-input-border-readonly: #859299;
--color-input-border-secondary: #5d686f;
--color-input-border-secondary-active: #017e89;
--color-input-border-secondary-focus: #017e89;
--color-input-border-secondary-hover: #2b3135;
--color-input-border-tertiary: #859299;
--color-input-border-tertiary-active: #017e89;
--color-input-border-tertiary-focus: #859299;
--color-input-border-tertiary-hover: #3c4348;
--color-input-border-warning: #c84f00;
--color-input-label: #5d686f;
--color-input-placeholder: #adbac2;
--color-input-placeholder-disabled: #d5dee3;
--color-link-background: #e1f9ff;
--color-link-background-visited: #e1f9ff;
--color-link-text: #017e89;
--color-link-text-active: #005056;
--color-link-text-complementary: #00b3c2;
--color-link-text-complementary-visited: #00b3c2;
--color-link-text-focus: #006771;
--color-link-text-hover: #006771;
--color-link-text-visited: #017e89;
--color-message-background-received: #f0f4f6;
--color-message-background-sent: #017e89;
--color-message-text-received: #21262a;
--color-message-text-sent: #ffffff;
--color-overlay: rgba(0, 0, 0, 0.5);
--color-page-background-accent: #e2e9ed;
--color-page-background-primary: #ffffff;
--color-page-background-secondary: #f8fafb;
--color-page-background-tertiary: #f0f4f6;
--color-progress-indicator: #017e89;
--color-selection-indicator: #017e89;
--color-shadow: rgba(76, 85, 91, 0.2);
--color-text-accent: #017e89;
--color-text-complementary: #ffffff;
--color-text-disabled: #859299;
--color-text-highlight: #c5e1ff;
--color-text-inverse: #ffffff;
--color-text-primary: #21262a;
--color-text-quaternary: #9aa7b0;
--color-text-secondary: #4c555b;
--color-text-tertiary: #727e85;
--color-track-primary: #e2e9ed;
--color-track-secondary: #c3ced5;
--color-ui-attention: #c84f00;
--color-ui-attention-active: #832900;
--color-ui-attention-hover: #a53900;
--color-ui-beta: #00b3c2;
--color-ui-completed: #017e89;
--color-ui-discover: #2b77cc;
--color-ui-info: #7c00f6;
--color-ui-negative: #db334d;
--color-ui-negative-active: #8f1229;
--color-ui-negative-hover: #b61a37;
--color-ui-neutral: #5d686f;
--color-ui-neutral-active: #3c4348;
--color-ui-neutral-focus: #4c555b;
--color-ui-neutral-hover: #4c555b;
--color-ui-neutral-selected: #3c4348;
--color-ui-new: #d72792;
--color-ui-positive: #00892e;
--color-ui-primary: #017e89;
--color-ui-primary-active: #005056;
--color-ui-primary-focus: #006771;
--color-ui-primary-hover: #006771;
--color-ui-secondary: #2b3135;
--color-ui-secondary-active: #181c1f;
--color-ui-secondary-focus: #21262a;
--color-ui-secondary-hover: #21262a;
--color-ui-tertiary: #f0f4f6;
--color-ui-tertiary-active: #d5dee3;
--color-ui-tertiary-focus: #e2e9ed;
--color-ui-tertiary-hover: #e2e9ed;
--legacy-interactive-color: var(--color-ui-primary);
--legacy-interactive-hover-color: var(--color-ui-primary-hover);
--legacy-bg-interactive-color: var(--agave-80-10);
--legacy-border-input-color: var(--color-input-border-primary);
--legacy-link-color: var(--color-ui-primary);
--legacy-link-color-hover: var(--color-link-text-hover);
--legacy-bg-lvl-1-color: var(--color-page-background-primary);
--legacy-bg-lvl-2-color: var(--color-page-background-secondary);
--legacy-bg-lvl-3-color: var(--color-page-background-tertiary);
--legacy-bg-lvl-4-color: var(--color-page-background-accent);
--legacy-text-primary-color: var(--color-text-primary);
--legacy-text-secondary-color: var(--color-text-secondary);
--legacy-text-success-color: var(--color-ui-positive);
--legacy-text-error-color: var(--color-ui-negative);
--legacy-text-inverse-color: var(--color-text-inverse);
--legacy-color-container-border-primary: var(--color-container-border-primary);
--legacy-color-input-border-primary: var(--color-input-border-primary);
--legacy-bg-success-color: var(--color-container-background-positive);
--legacy-bg-error-color: var(--color-container-background-negative);
--legacy-bg-warning-color: var(--color-container-background-attention);
--legacy-bg-info-color: var(--color-container-background-neutral);
--legacy-bg-new-color: var(--color-container-background-new)
}
[data-colorscheme="dark"] {
--agave-80-10: rgba(56, 232, 246, 0.1);
--color-action-complementary: #2b3135;
--color-action-complementary-active: #181c1f;
--color-action-complementary-border: rgba(248, 250, 251, 0);
--color-action-complementary-focus: #21262a;
--color-action-complementary-hover: #21262a;
--color-action-complementary-subtle: rgba(60, 67, 72, 0);
--color-action-complementary-subtle-active: #2b3135;
--color-action-complementary-subtle-focus: #3c4348;
--color-action-complementary-subtle-hover: #3c4348;
--color-action-negative: #f7576c;
--color-action-negative-active: #ff9ba4;
--color-action-negative-focus: #ff808c;
--color-action-negative-hover: #ff808c;
--color-action-negative-subtle: #21262a;
--color-action-negative-subtle-active: #3c4348;
--color-action-negative-subtle-focus: #2b3135;
--color-action-negative-subtle-hover: #2b3135;
--color-action-passive: #3c4348;
--color-action-passive-active: #5d686f;
--color-action-passive-border: #3c4348;
--color-action-passive-focus: #4c555b;
--color-action-passive-hover: #4c555b;
--color-action-passive-subtle: rgba(60, 67, 72, 0);
--color-action-passive-subtle-active: #4c555b;
--color-action-passive-subtle-focus: #3c4348;
--color-action-passive-subtle-hover: #3c4348;
--color-action-special-use: #ffe01b;
--color-action-special-use-active: #ffe334;
--color-action-special-use-focus: #ffe22b;
--color-action-special-use-hover: #ffe22b;
--color-action-special-use-subtle: #00b3c2;
--color-action-special-use-subtle-active: #38e8f6;
--color-action-special-use-subtle-focus: #00d0e0;
--color-action-special-use-subtle-hover: #00d0e0;
--color-action-standard: #00b3c2;
--color-action-standard-active: #38e8f6;
--color-action-standard-focus: #00d0e0;
--color-action-standard-hover: #00d0e0;
--color-action-standard-subtle: #21262a;
--color-action-standard-subtle-active: #3c4348;
--color-action-standard-subtle-focus: #2b3135;
--color-action-standard-subtle-hover: #2b3135;
--color-code-attribute: #3bd85e;
--color-code-boolean: #c0abff;
--color-code-comment: #adbac2;
--color-code-keyword: #ff95d3;
--color-code-line-highlight: #3c4348;
--color-code-line-number: #859299;
--color-code-number: #fca354;
--color-code-operator: #859299;
--color-code-qualifier: #3bd85e;
--color-code-string: #38e8f6;
--color-code-text: #e2e9ed;
--color-code-type: #e56c1d;
--color-code-variable-1: #e2e9ed;
--color-code-variable-2: #e2e9ed;
--color-code-variable-3: #e56c1d;
--color-container-background-accent: #103661;
--color-container-background-accent-active: #205ea3;
--color-container-background-accent-focus: #17497f;
--color-container-background-accent-hover: #17497f;
--color-container-background-accent-selected: #205ea3;
--color-container-background-attention: #651e00;
--color-container-background-beta: #005056;
--color-container-background-complementary: #4c555b;
--color-container-background-info: #490097;
--color-container-background-inverse: #ffffff;
--color-container-background-negative: #6e0b1e;
--color-container-background-neutral: #3c4348;
--color-container-background-new: #6c0046;
--color-container-background-positive: #005419;
--color-container-background-primary: #21262a;
--color-container-background-quaternary: #4c555b;
--color-container-background-secondary: #2b3135;
--color-container-background-special-use-1: #205ea3;
--color-container-background-special-use-2: #006a56;
--color-container-background-special-use-3: #b61a37;
--color-container-background-special-use-4: #5d686f;
--color-container-background-tertiary: #3c4348;
--color-container-border-accent: #00b3c2;
--color-container-border-attention: #a53900;
--color-container-border-complementary: #727e85;
--color-container-border-info: #8f4bff;
--color-container-border-negative: #b61a37;
--color-container-border-positive: #00892e;
--color-container-border-primary: #3c4348;
--color-container-border-secondary: #4c555b;
--color-container-border-tertiary: #5d686f;
--color-container-overlay: rgba(0, 0, 0, 0.5);
--color-data-attention: #ff8000;
--color-data-attention-100: #ff6a00;
--color-data-attention-200: #ff8000;
--color-data-attention-300: #ff9331;
--color-data-attention-400: #ffac61;
--color-data-category-1: #34bfff;
--color-data-category-1-background: #385564;
--color-data-category-2: #008481;
--color-data-category-2-background: #2e494b;
--color-data-category-3: #9457fa;
--color-data-category-3-background: #4b4063;
--color-data-category-4: #ff9331;
--color-data-category-4-background: #614c3b;
--color-data-category-5: #f25a52;
--color-data-category-5-background: #5e4041;
--color-data-category-6: #ffee00;
--color-data-category-6-background: #615e31;
--color-data-category-7: #e31c9e;
--color-data-category-7-background: #5b3450;
--color-data-category-8: #a898ff;
--color-data-category-8-background: #4f4d64;
--color-data-category-9: #0077c5;
--color-data-category-9-background: #2e4658;
--color-data-category-10: #15efe9;
--color-data-category-10-background: #325e5f;
--color-data-negative: #e43834;
--color-data-negative-100: #d52b1e;
--color-data-negative-200: #e43834;
--color-data-negative-300: #f25a52;
--color-data-negative-400: #ff8979;
--color-data-neutral: #8d9096;
--color-data-neutral-100: #8d9096;
--color-data-neutral-200: #babec5;
--color-data-neutral-300: #e3e5e8;
--color-data-neutral-400: #f4f5f8;
--color-data-positive: #53b700;
--color-data-positive-100: #2ca01c;
--color-data-positive-200: #53b700;
--color-data-positive-300: #7fd000;
--color-data-positive-400: #a9e838;
--color-data-primary: #21abf6;
--color-data-primary-100: #0077c5;
--color-data-primary-200: #0097e6;
--color-data-primary-300: #21abf6;
--color-data-primary-400: #34bfff;
--color-data-secondary: #00c1bf;
--color-data-secondary-100: #008481;
--color-data-secondary-200: #00a6a4;
--color-data-secondary-300: #00c1bf;
--color-data-secondary-400: #00d7d7;
--color-data-tertiary: #9457fa;
--color-data-tertiary-100: #6436af;
--color-data-tertiary-200: #7a3dd8;
--color-data-tertiary-300: #9457fa;
--color-data-tertiary-400: #a898ff;
--color-divider-inverse: #21262a;
--color-divider-primary: #859299;
--color-divider-secondary: #5d686f;
--color-divider-tertiary: #3c4348;
--color-focus-indicator: #00b3c2;
--color-icon-accent: #00b3c2;
--color-icon-complementary: #ffffff;
--color-icon-disabled: #5d686f;
--color-icon-inverse: #21262a;
--color-icon-primary: #ffffff;
--color-icon-secondary: #f0f4f6;
--color-input-background-disabled: #21262a;
--color-input-background-error: #4f0513;
--color-input-background-error-focus: rgba(64, 3, 14, 0.7);
--color-input-background-primary: #21262a;
--color-input-background-primary-active: #21262a;
--color-input-background-primary-focus: #21262a;
--color-input-background-primary-hover: #2b3135;
--color-input-background-primary-selected: #00b3c2;
--color-input-background-readonly: #3c4348;
--color-input-background-secondary: #727e85;
--color-input-background-secondary-active: #9aa7b0;
--color-input-background-secondary-focus: #859299;
--color-input-background-secondary-hover: #859299;
--color-input-background-tertiary: #21262a;
--color-input-background-tertiary-active: #3c4348;
--color-input-background-tertiary-focus: #2b3135;
--color-input-background-tertiary-hover: #2b3135;
--color-input-background-warning: #481200;
--color-input-background-warning-focus: rgba(72, 18, 0, 0.7);
--color-input-border-disabled: #3c4348;
--color-input-border-error: #f7576c;
--color-input-border-primary: #5d686f;
--color-input-border-primary-active: #00b3c2;
--color-input-border-primary-focus: #00b3c2;
--color-input-border-primary-hover: #9aa7b0;
--color-input-border-primary-selected: #00b3c2;
--color-input-border-readonly: #adbac2;
--color-input-border-secondary: #4c555b;
--color-input-border-secondary-active: #00b3c2;
--color-input-border-secondary-focus: #00b3c2;
--color-input-border-secondary-hover: #859299;
--color-input-border-tertiary: #727e85;
--color-input-border-tertiary-active: #00b3c2;
--color-input-border-tertiary-focus: #00b3c2;
--color-input-border-tertiary-hover: #adbac2;
--color-input-border-warning: #f88a42;
--color-input-label: #c3ced5;
--color-input-placeholder: #727e85;
--color-input-placeholder-disabled: #3c4348;
--color-link-background: #003c42;
--color-link-background-visited: #003c42;
--color-link-text: #00b3c2;
--color-link-text-active: #38e8f6;
--color-link-text-complementary: #00b3c2;
--color-link-text-complementary-visited: #00b3c2;
--color-link-text-focus: #00d0e0;
--color-link-text-hover: #00d0e0;
--color-link-text-visited: #00b3c2;
--color-message-background-received: #3c4348;
--color-message-background-sent: #00b3c2;
--color-message-text-received: #ffffff;
--color-message-text-sent: #21262a;
--color-overlay: rgba(0, 0, 0, 0.5);
--color-page-background-accent: #3c4348;
--color-page-background-primary: #181c1f;
--color-page-background-secondary: #21262a;
--color-page-background-tertiary: #2b3135;
--color-progress-indicator: #00b3c2;
--color-selection-indicator: #00b3c2;
--color-shadow: rgba(0, 0, 0, 0.2);
--color-text-accent: #00b3c2;
--color-text-complementary: #ffffff;
--color-text-disabled: #4c555b;
--color-text-highlight: #17497f;
--color-text-inverse: #21262a;
--color-text-primary: #ffffff;
--color-text-quaternary: #adbac2;
--color-text-secondary: #f0f4f6;
--color-text-tertiary: #d5dee3;
--color-track-primary: #3c4348;
--color-track-secondary: #5d686f;
--color-ui-attention: #f88a42;
--color-ui-attention-active: #ffbe6f;
--color-ui-attention-hover: #fca354;
--color-ui-beta: #00d0e0;
--color-ui-completed: #00b3c2;
--color-ui-discover: #3492ef;
--color-ui-info: #a275ff;
--color-ui-negative: #f7576c;
--color-ui-negative-active: #ff9ba4;
--color-ui-negative-hover: #ff808c;
--color-ui-neutral: #9aa7b0;
--color-ui-neutral-active: #c3ced5;
--color-ui-neutral-focus: #adbac2;
--color-ui-neutral-hover: #adbac2;
--color-ui-neutral-selected: #c3ced5;
--color-ui-new: #f54bac;
--color-ui-positive: #00a63b;
--color-ui-primary: #00b3c2;
--color-ui-primary-active: #38e8f6;
--color-ui-primary-focus: #00d0e0;
--color-ui-primary-hover: #00d0e0;
--color-ui-secondary: #f0f4f6;
--color-ui-secondary-active: #d5dee3;
--color-ui-secondary-focus: #e2e9ed;
--color-ui-secondary-hover: #e2e9ed;
--color-ui-tertiary: #3c4348;
--color-ui-tertiary-active: #5d686f;
--color-ui-tertiary-focus: #4c555b;
--color-ui-tertiary-hover: #4c555b;
--legacy-interactive-color: var(--color-ui-primary);
--legacy-interactive-hover-color: var(--color-ui-primary-hover);
--legacy-bg-interactive-color: var(--agave-80-10);
--legacy-border-input-color: var(--color-input-border-primary);
--legacy-link-color: var(--color-ui-primary);
--legacy-link-color-hover: var(--color-link-text-hover);
--legacy-bg-lvl-1-color: var(--color-page-background-primary);
--legacy-bg-lvl-2-color: var(--color-page-background-secondary);
--legacy-bg-lvl-3-color: var(--color-page-background-tertiary);
--legacy-bg-lvl-4-color: var(--color-page-background-accent);
--legacy-text-primary-color: var(--color-text-primary);
--legacy-text-secondary-color: var(--color-text-secondary);
--legacy-text-success-color: var(--color-ui-positive);
--legacy-text-error-color: var(--color-ui-negative);
--legacy-text-inverse-color: var(--color-text-inverse);
--legacy-color-container-border-primary: var(--color-container-border-primary);
--legacy-color-input-border-primary: var(--color-input-border-primary);
--legacy-bg-success-color: var(--color-container-background-positive);
--legacy-bg-error-color: var(--color-container-background-negative);
--legacy-bg-warning-color: var(--color-container-background-attention);
--legacy-bg-info-color: var(--color-container-background-neutral);
--legacy-bg-new-color: var(--color-container-background-new)
}
[data-colorscheme="dark"] {
--mcds-dark-mode-icon-filter: invert(100%) grayscale(100%);
--mcds-dark-mode-icon-filter-maintain-cavendish: invert(100%) hue-rotate(186deg) brightness(300%) saturate(200%) contrast(200%)
}
.mcds-dark-mode-flag-enabled .mcds-dark-mode-invertable {
filter: var(--mcds-dark-mode-icon-filter)
}
:root {
--legacy-font-family--brand: var(--typeface-brand, "Means Web", Georgia, Times, "Times New Roman", serif);
--legacy-font-family--base: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
--legacy-font-family--monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
--legacy-font-family--helvetica: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
}
:root {
--legacy-mc-content-standard: 1248px;
--legacy-mc-content-wide: 1440px;
--legacy-mc-content-full: 100%
}
:root .project-runway {
--font-family-body: Graphik Web, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
--font-family-component: Graphik Web, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
--font-family-display: Means Web, Georgia, Times, Times New Roman, serif;
--font-family-heading: Graphik Web, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
--legacy-font-family--brand: var(--font-family-heading);
--legacy-font-family--base: var(--font-family-body);
--legacy-letter-spacing-display: -0.02em;
--legacy-letter-spacing-heading: -0.02em;
--legacy-letter-spacing-body: 0;
--legacy-letter-spacing-body-bold: -0.01em;
--legacy-letter-spacing-component: 0;
--legacy-letter-spacing-component-bold: -0.01em;
--legacy-font-heading-weight: 500
}
:root {
--legacy-border-input-radius: 4px;
--legacy-border-badge-radius: 4px;
--legacy-border-data-radius: 8px;
--legacy-border-overlay-radius: 8px;
--legacy-border-card-radius: 12px;
--legacy-border-pill-radius: 38px;
--legacy-border-color: rgba(36, 28, 21, 0.3)
}
:root .project-runway {
--color-input-border-primary: #c3ced5;
--legacy-border-color: var(--color-input-border-primary)
}
:root .mcds-redesign-molecules {
--radius-action: 6px;
--legacy-border-pill-radius: var(--radius-action)
}
html::before {
content: url("https://cdn-images.mailchimp.com/product/buttons/loading-gif-button-white.gif") url("https://cdn-images.mailchimp.com/product/buttons/loading-gif-button-dark.gif");
display: none
}
:global(:root) {
--inputBackgroundColor: #ffffff;
--input-border: rgba(36, 28, 21, 0.3);
--input-border-focus: #007c89;
--input-shadow-focus: #007c89;
--input-border-error: #a73205;
--input-shadow-error: #a73205;
--input-border-radius: var(--legacy-border-input-radius)
}
.mcds-dark-mode-flag-enabled {
--inputBackgroundColor: var(--color-input-background-primary);
--input-border: var(--color-input-border-primary);
--input-border-focus: var(--color-input-border-primary-focus);
--input-shadow-focus: var(--color-input-border-primary-focus);
--input-border-error: var(--color-input-border-error);
--input-shadow-error: var(--color-input-border-error);
--input-border-radius: var(--legacy-border-input-radius)
}
*,
*::before,
*::after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
touch-action: manipulation
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
fieldset,
form,
label,
legend,
textarea,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
line-height: 24px
}
html,
body {
min-height: 100%;
width: 100%
}
a,
span {
line-height: inherit
}
ul {
list-style: none
}
body {
background-color: var(--color-page-background-primary);
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
table {
border-collapse: separate;
border-spacing: 0
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: ""
}
blockquote,
q {
quotes: """"
}
[tabindex="-1"] {
outline: none
}
.line::before,
.line::after {
content: " ";
display: table
}
.line::after {
clear: both
}
.group,
.lastGroup,
.lastUnit,
.unit {
overflow: hidden;
background-clip: padding-box !important;
float: left
}
.lastUnit,
.unit {
padding-left: 15px;
padding-right: 15px
}
.lastUnit,
.lastGroup {
float: none;
width: auto
}
.size8of8 {
width: 100%
}
.size7of8 {
width: 87.5%
}
.size6of8 {
width: 75%
}
.size5of8 {
width: 62.5%
}
.size4of8 {
width: 50%
}
.size3of8 {
width: 37.5%
}
.size2of8 {
width: 25%
}
.size1of8 {
width: 12.5%
}
.size4of4 {
width: 100%
}
.size3of4 {
width: 75%
}
.size2of4 {
width: 50%
}
.size1of4 {
width: 25%
}
.size2of2 {
width: 100%
}
.size1of2 {
width: 50%
}
.size3of3 {
width: 100%
}
.size2of3 {
width: 66.66666667%
}
.size1of3 {
width: 33.33333333%
}
.size1of1 {
width: 100%
}
@media screen and (max-width:64em) {
.size1of4\@tablet {
width: 25%
}
.size1of3\@tablet {
width: 33.33333333%
}
.size1of2\@tablet {
width: 50%
}
.size1of1\@tablet {
width: 100%
}
}
@media screen and (max-width:60em) {
.size1of4\@xlphone {
width: 25%
}
.size1of3\@xlphone {
width: 33.33333333%
}
.size1of2\@xlphone {
width: 50%
}
.size1of1\@xlphone {
width: 100%
}
}
@media screen and (max-width:40em) {
.size1of2,
.size1of3,
.size1of4,
.size2of3,
.size2of4,
.size3of4,
.size3of8,
.size4of8,
.size5of8,
.size7of8 {
width: 100%
}
.size1of8 {
width: 50%
}
.size1of2.nochange {
width: 50%
}
.size1of3.nochange {
width: 33.33333333%
}
.size1of4\@phone {
width: 25%
}
.size1of3\@phone {
width: 33.33333333%
}
.size1of2\@phone {
width: 50%
}
.size1of1\@phone {
width: 100%
}
}
@media screen and (max-width:31.25em) {
.unit,
.group {
float: none;
display: block
}
.nochange {
float: left
}
.size2of8,
.size6of8 {
width: 100%
}
}
.main-section {
margin-bottom: 66px
}
@media only screen and (max-width:64em) {
.main-section {
margin-bottom: 42px
}
}
.sub-section {
margin-bottom: 60px
}
.sub-section::before,
.sub-section::after {
content: " ";
display: table
}
.sub-section::after {
clear: both
}
.sub-section::before,
.sub-section::after {
content: " ";
display: table
}
.sub-section::after {
clear: both
}
.sub-section>*:last-child,
.sub-section>*:last-child>*:last-child {
margin-bottom: 0
}
@media only screen and (max-width:64em) {
.sub-section {
margin-bottom: 30px
}
.sub-section>.group,
.sub-section>.unit {
margin-bottom: 30px
}
}
html {
font-size: 62.5%
}
body {
color: var(--legacy-text-primary-color);
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
vertical-align: baseline;
font-size: 1.6rem;
line-height: 1.5
}
dd,
dl,
blockquote,
figure,
address {
margin-bottom: 6px
}
em {
font-style: italic
}
b,
strong,
.strong {
font-weight: 500
}
a {
color: var(--legacy-interactive-color);
cursor: pointer;
text-decoration: none
}
a:hover {
color: #004e56
}
.nolink {
color: var(--legacy-text-primary-color)
}
.nolink:hover {
color: var(--legacy-text-primary-color)
}
.link--onDarkBg {
color: #00aabc;
font-weight: 500
}
.link--onDarkBg:hover {
color: #00d8ef
}
img {
vertical-align: middle;
max-width: 100%
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
color: var(--legacy-text-primary-color);
line-height: 1.25;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-weight: var(--font-heading-weight);
outline: 0
}
h1,
.h1 {
font-family: var(--legacy-font-family--brand);
font-size: 4.4rem;
margin-bottom: 6px;
text-transform: capitalize;
line-height: 1.1
}
h2,
.h2 {
font-size: 3.6rem;
letter-spacing: -0.05rem;
margin-bottom: 36px
}
h3,
.h3 {
font-size: 2.8rem;
letter-spacing: -0.02rem;
margin-bottom: 24px
}
h3+label,
.h3+label {
margin-top: 18px
}
h4,
.h4 {
font-size: 2rem;
margin-bottom: 18px
}
h5,
.h5 {
font-size: 1.6rem;
margin-bottom: 18px
}
.project-runway h1,
.project-runway h2,
.project-runway h3,
.project-runway h4,
.project-runway h5,
.project-runway .h1,
.project-runway .h2,
.project-runway .h3,
.project-runway .h4,
.project-runway .h5 {
letter-spacing: var(--legacy-letter-spacing-heading);
font-weight: var(--legacy-font-heading-weight)
}
.project-runway .h1 {
font-size: var(--font-size-heading-1, 48px)
}
.project-runway .h2 {
font-size: var(--font-size-heading-2, 40px)
}
.project-runway .h3 {
font-size: var(--font-size-heading-3, 34px)
}
.project-runway .h4 {
font-size: var(--font-size-heading-4, 28px)
}
.project-runway .h5 {
font-size: var(--font-size-heading-5, 24px)
}
.project-runway .h6 {
font-size: var(--font-size-heading-6, 20px)
}
.project-runway .base-margin-bottom {
margin-bottom: 6px
}
.project-runway .subscriber-stats {
font-size: 20px;
font-weight: 400
}
p,
.p {
max-width: 635px;
font-size: 1.6rem;
margin-bottom: 12px
}
p>a,
.button~a:not(.button),
.link-underline a:not(.button) {
line-height: normal;
border-bottom: 1px solid
}
.button~a:not(.button) {
font-size: 1.4rem;
font-weight: 500
}
h3+table {
margin-top: 18px
}
p+table {
margin-top: 24px !important
}
p+form {
margin-top: 18px
}
li>a {
display: block;
line-height: inherit;
height: inherit
}
ol {
padding: 0 0 0 24px
}
ul,
ol {
font-size: 1.6rem;
line-height: 24px;
outline: 0
}
.faded {
opacity: .5
}
code {
font-size: 1.4rem;
line-height: 18px;
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
color: var(--legacy-text-error-color);
word-spacing: normal;
word-wrap: break-word
}
code .tag {
color: #6dc5dc
}
code .attr {
color: #ee836e
}
code .num {
opacity: .6;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
pre {
display: block;
font-size: 1.4rem;
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
white-space: pre-wrap;
padding: 12px 15px;
max-width: 635px
}
.code {
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace
}
abbr,
.smallcaps {
border-bottom: none;
font-variant: small-caps;
text-transform: lowercase
}
abbr {
cursor: help;
font-variant: normal;
text-transform: uppercase;
text-decoration: none
}
hr {
border: 0 none;
height: 1px;
background-color: #dedddc;
margin: 0
}
s {
opacity: .5
}
::selection {
color: var(--legacy-text-primary-color);
background: var(--color-text-highlight, rgba(255, 113, 208, 0.2))
}
::-moz-selection {
color: var(--legacy-text-primary-color);
background: var(--color-text-highlight, rgba(255, 113, 208, 0.2))
}
.project-runway code {
font-size: 1.4rem;
line-height: 18px;
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
color: var(--legacy-text-error-color);
word-spacing: normal;
word-wrap: break-word
}
.project-runway code .tag {
color: var(--color-code-string)
}
.project-runway code .attr {
color: var(--color-code-type)
}
.project-runway code .num {
color: var(--color-code-number);
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
.project-runway hr {
background-color: var(--border-light-color)
}
.dataViz--combo1 .dataViz--color1 {
background-color: #f97f50
}
.dataViz--combo1 .dataViz--color2 {
background-color: #4f135e
}
.dataViz--combo1 .dataViz--color3 {
background-color: #99c7ef
}
.dataViz--combo1 .dataViz--color4 {
background-color: #fad173
}
.dataViz--combo1 .dataViz--color5 {
background-color: #a3296e
}
.dataViz--combo2 .dataViz--color1 {
background-color: #fad173
}
.dataViz--combo2 .dataViz--color2 {
background-color: #99c7ef
}
.dataViz--combo2 .dataViz--color3 {
background-color: #de4d14
}
.dataViz--combo2 .dataViz--color4 {
background-color: #83249f
}
.dataViz--combo2 .dataViz--color5 {
background-color: #fa8cf8
}
.dataViz--combo3 .dataViz--color1 {
background-color: #fad173
}
.dataViz--combo3 .dataViz--color2 {
background-color: #f97f50
}
.dataViz--combo3 .dataViz--color3 {
background-color: #83249f
}
.dataViz--combo3 .dataViz--color4 {
background-color: #99c7ef
}
.dataViz--combo3 .dataViz--color5 {
background-color: #f73bb9
}
.dataViz--combo4 .dataViz--color1 {
background-color: #83249f
}
.dataViz--combo4 .dataViz--color2 {
background-color: #f97f50
}
.dataViz--combo4 .dataViz--color3 {
background-color: #fad173
}
.dataViz--combo4 .dataViz--color4 {
background-color: #99e0d7
}
.dataViz--combo4 .dataViz--color5 {
background-color: #4277ce
}
.dataViz--combo5 .dataViz--color1 {
background-color: #4bc4c2
}
.dataViz--combo5 .dataViz--color2 {
background-color: #fad173
}
.dataViz--combo5 .dataViz--color3 {
background-color: #f97f50
}
.dataViz--combo5 .dataViz--color4 {
background-color: #83249f
}
.dataViz--combo5 .dataViz--color5 {
background-color: #fa8cf8
}
.dataViz--combo6 .dataViz--color1 {
background-color: #d99536
}
.dataViz--combo6 .dataViz--color2 {
background-color: #99c7ef
}
.dataViz--combo6 .dataViz--color3 {
background-color: #a3296e
}
.dataViz--combo6 .dataViz--color4 {
background-color: #de4d14
}
.dataViz--combo6 .dataViz--color5 {
background-color: #005733
}
.c-media,
.c-media--centeredChildren {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start
}
.c-media--centeredChildren {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.c-mediaImage,
.c-mediaImage--centered {
margin-right: 15px
}
.c-mediaImage--centered {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.c-mediaImage.v-isFreddicon {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.c-mediaBody,
.c-mediaBody--centered {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.c-mediaBody--centered {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.media .float-left {
padding-right: 15px
}
.media .float-right {
padding-left: 15px
}
.media,
.media-body {
overflow: hidden
}
.media-body-legacy {
overflow: none
}
.media-image {
float: left;
margin-right: 15px
}
.media-image [class*="circle-color"] {
line-height: 1.2
}
.media img {
display: block
}
.media-list.rows h1,
.media-list.rows h2,
.media-list.rows h3,
.media-list.rows h4 {
margin: 0 0 6px
}
.media-list.rows p {
margin: 0
}
.media-list.rows p+button,
.media-list.rows p+.button,
.media-list.rows p+.button-small {
margin-top: 12px
}
.media-list.rows>li {
border-top: 1px dotted #dedddc
}
.media-list.rows .media {
padding: 23px 0 24px
}
.media-list.slim .media {
padding: 12px 0
}
.media-list.no-border>li {
border-top: none
}
.media-list.bottom-border>li:last-child {
border-bottom: 1px dotted #dedddc
}
.media-list .media-list {
margin-top: 18px
}
ol {
counter-reset: li
}
ol.media-list {
margin-left: 0
}
ol.media-list li {
position: relative;
list-style: none;
padding-left: 60px
}
ol.media-list li::before {
content: counter(li);
counter-increment: li;
position: absolute;
left: 0;
width: 42px;
height: 42px;
padding: 12px;
border-radius: 50%;
color: #ffffff;
background: #b1e0ec;
font-weight: 500;
text-align: center;
line-height: 1
}
.schedule-meta {
padding-left: 36px;
margin: 18px 0
}
.schedule-meta select,
.schedule-meta span {
margin: 0 6px 0 0
}
@media only screen and (max-width:40em) {
.schedule-meta select,
.schedule-meta span {
margin: 0
}
}
.batch-options {
padding: 18px 0;
margin-left: 36px;
border-top: 1px solid #dedddc;
border-bottom: 1px solid #dedddc
}
:root {
--feedback-success-fill-color: #d8eacc;
--feedback-error-fill-color: #fbcfbd;
--feedback-warning-fill-color: #fbeeca;
--feedback-info-fill-color: #c5dbf2;
--feedback-base-fill-color: #efeeea;
--feedback-marketing-fill-color: #f9e0fa;
--feedback-card-notification-box-shadow-color: #ffffff;
--feedback-card-notification-error-border-color: #f25f25;
--feedback-pane-block-default-fill-color: #efeeea;
--feedback-education-block-border-color: #dedddc
}
.mcds-dark-mode-flag-enabled {
--feedback-success-fill-color: var(--color-container-background-positive);
--feedback-error-fill-color: var(--color-input-background-error);
--feedback-warning-fill-color: var(--color-input-background-warning);
--feedback-info-fill-color: var(--color-container-background-accent);
--feedback-base-fill-color: var(--color-container-background-tertiary);
--feedback-marketing-fill-color: var(--color-container-background-new);
--feedback-card-notification-box-shadow-color: var(--color-container-background-primary);
--feedback-card-notification-error-border-color: var(--color-input-border-error);
--feedback-pane-block-default-fill-color: var(--color-container-background-tertiary);
--feedback-education-block-border-color: var(--color-input-border-primary)
}
.c-flashBlock {
font-size: 1.6rem
}
.c-flashBlock h1,
.c-flashBlock h2,
.c-flashBlock h3,
.c-flashBlock h4,
.c-flashBlock .h1,
.c-flashBlock .h2,
.c-flashBlock .h3,
.c-flashBlock .h4 {
font-size: 2rem
}
.c-flashBlock a {
color: var(--legacy-text-primary-color);
text-decoration: underline;
border: 0 none
}
.c-flashBlock a:visited,
.c-flashBlock a:hover {
color: var(--legacy-text-primary-color)
}
.c-flashBlock a.link-to-welcome-automation {
color: var(--legacy-link-color);
text-decoration: none;
font-weight: bold
}
.c-flashBlock a.button,
.c-flashBlock a.button-small,
.c-flashBlock a.freddicon {
color: var(--color-text-primary);
border: 0 none;
text-decoration: none
}
.c-flashBlock a.button:visited,
.c-flashBlock a.button-small:visited,
.c-flashBlock a.freddicon:visited,
.c-flashBlock a.button:hover,
.c-flashBlock a.button-small:hover,
.c-flashBlock a.freddicon:hover {
border: 0 none
}
.c-flashBlock a.p0 {
color: #ffffff
}
.c-flashBlock .welcome-automation-promo-message .checkmark-circle-span {
float: left;
height: 40px;
width: 40px;
background: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944/css/icons/tick-fill.png);
background-size: 50%;
background-position: center;
background-repeat: no-repeat
}
.c-flashBlock .welcome-automation-promo-message .welcome-automation-promo-text {
overflow: hidden;
max-width: 100%
}
.c-flashBlock .default-editor-message.feedback-block {
padding: 0;
margin: 0
}
.c-flashBlock .mcsc-permissions-approval-zero-count {
display: none
}
.av-flash {
border-radius: 2px;
margin-top: 30px
}
.av-flash a {
display: inline-block;
white-space: nowrap
}
.wizard-top-margin .av-flash {
margin: 0 0 24px 0
}
.v-flashBlock--info {
background-color: var(--feedback-info-fill-color, #c5dbf2)
}
.v-flashBlock--error {
background-color: var(--feedback-error-fill-color, #fbcfbd)
}
.v-flashBlock--success {
background-color: var(--feedback-success-fill-color, #d8eacc)
}
.v-flashBlock--warning {
background-color: var(--feedback-warning-fill-color, #fbeeca)
}
.badge {
background-color: #efeeea;
color: #241c15;
font-size: 1.4rem;
line-height: normal;
font-weight: normal;
font-style: normal;
text-align: center;
white-space: nowrap;
border-radius: var(--legacy-border-badge-radius);
height: 24px;
padding: 3px 9px;
margin: 0 6px;
display: inline-block
}
.badge.info {
background-color: var(--legacy-bg-info-color);
color: contrast(var(--legacy-bg-info-color), #241c15, #ffffff)
}
.badge.success {
background-color: var(--legacy-bg-success-color);
color: contrast(var(--legacy-bg-success-color), #241c15, #ffffff)
}
.badge.warning {
background-color: var(--legacy-bg-warning-color);
color: contrast(var(--legacy-bg-warning-color), #241c15, #ffffff)
}
.badge.error {
background-color: var(--legacy-bg-error-color);
color: contrast(var(--legacy-bg-error-color), #241c15, #ffffff)
}
.badge.new {
background-color: var(--legacy-bg-new-color);
color: contrast(var(--legacy-bg-new-color), #241c15, #ffffff)
}
.badge.notification {
background-color: #f25f25;
color: #ffffff
}
.badge.notification::selection {
background-color: rgba(255, 255, 255, 0.8)
}
.badge.pro {
background-color: rgba(36, 28, 21, 0.7);
color: #ffffff
}
.badge.pro::selection {
background-color: rgba(255, 255, 255, 0.8)
}
.checkbox .badge {
text-indent: 0
}
.badge.dot {
font-size: 6px;
margin-right: 18px
}
.dijitMenuItemSelected .badge,
.dijitMenuItemHover .badge {
background-color: var(--legacy-bg-lvl-1-color);
color: var(--legacy-text-primary-color)
}
.feedback-block {
font-size: 1.6rem;
padding: 12px 0;
background-color: #c5dbf2;
border-radius: 2px;
color: var(--legacy-text-primary-color);
overflow: hidden
}
.feedback-block.legacy {
padding: 0
}
.feedback-block ::selection {
background: rgba(255, 255, 255, 0.8)
}
.feedback-block ::-moz-selection {
background: rgba(255, 255, 255, 0.8)
}
.feedback-block a,
.feedback-block .button-link {
color: var(--legacy-text-primary-color);
text-decoration: underline;
border: 0 none
}
.feedback-block a:visited,
.feedback-block .button-link:visited,
.feedback-block a:hover,
.feedback-block .button-link:hover {
color: var(--legacy-text-primary-color)
}
.feedback-block a.link-to-welcome-automation,
.feedback-block .button-link.link-to-welcome-automation {
color: var(--legacy-link-color);
text-decoration: none;
font-weight: bold
}
.feedback-block a.button,
.feedback-block .button-link.button,
.feedback-block a.button-small,
.feedback-block .button-link.button-small,
.feedback-block a.freddicon,
.feedback-block .button-link.freddicon {
color: var(--color-text-primary);
border: 0 none;
text-decoration: none
}
.feedback-block a.button:visited,
.feedback-block .button-link.button:visited,
.feedback-block a.button-small:visited,
.feedback-block .button-link.button-small:visited,
.feedback-block a.freddicon:visited,
.feedback-block .button-link.freddicon:visited,
.feedback-block a.button:hover,
.feedback-block .button-link.button:hover,
.feedback-block a.button-small:hover,
.feedback-block .button-link.button-small:hover,
.feedback-block a.freddicon:hover,
.feedback-block .button-link.freddicon:hover {
border: 0 none
}
.feedback-block a.p0,
.feedback-block .button-link.p0 {
color: #ffffff
}
.feedback-block h1,
.feedback-block h2,
.feedback-block h3,
.feedback-block h4 {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-size: 1.4rem;
font-weight: 500;
letter-spacing: normal;
word-spacing: normal;
margin-bottom: 0
}
.feedback-block.feedback-block--restart-account {
padding: 18px 18px 24px;
margin-bottom: 18px
}
.feedback-block.feedback-block--restart-account h3 {
font-family: var(--legacy-font-family--brand);
font-size: 24px
}
.feedback-block.feedback-block--restart-account p {
font-size: 1.6rem
}
.feedback-block p {
font-size: 1.4rem
}
.feedback-block p:last-child {
margin-bottom: 0
}
.feedback-block.readable-max-width {
max-width: 635px
}
.feedback-block ol,
.feedback-block ul {
max-width: 500px
}
.feedback-block .badge {
background-color: var(--legacy-bg-lvl-1-color);
display: inline-block
}
.feedback-block .media-image {
padding-left: 1px;
line-height: 36px
}
@media screen and (max-width:40em) {
.feedback-block .media-image,
.feedback-block .media-body {
float: none;
text-align: center;
margin: 0
}
.popup .feedback-block .media-image {
float: left;
margin-right: 15px
}
.popup .feedback-block .media-body {
text-align: left
}
}
.mini-icon {
background: linear-gradient(to right, #2c9ab7 0, #2c9ab7 42px, #ccebf3 42px, #ccebf3 100%);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.mini-icon .freddicon {
color: #ffffff;
margin-right: 18px
}
.panel-block {
background-color: var(--feedback-pane-block-default-fill-color, #efeeea);
padding: 12px;
border-radius: 2px
}
.panel-block>*:last-child {
margin-bottom: 0
}
.panel-block.error {
background-color: var(--feedback-error-fill-color, #fbcfbd)
}
.panel-block.warning {
background-color: var(--feedback-warning-fill-color, #fbeeca)
}
div.success {
background-color: var(--feedback-success-fill-color, #d8eacc)
}
div.error {
background-color: var(--feedback-error-fill-color, #fbcfbd)
}
div.warning {
background-color: var(--feedback-warning-fill-color, #fbeeca)
}
div.info {
background-color: var(--feedback-info-fill-color, #c5dbf2)
}
div.base {
background-color: var(--feedback-base-fill-color, #efeeea)
}
div.marketing {
background-color: var(--feedback-marketing-fill-color, #f9e0fa)
}
.c-cardNotification {
box-shadow: 0 0 0 3px var(--feedback-card-notification-box-shadow-color, #ffffff);
border: 6px solid
}
.c-cardNotification--topLeft {
top: -3px;
left: -3px
}
.c-cardNotification--error {
border-color: var(--feedback-card-notification-error-border-color, #f25f25)
}
.no-data {
border: 1px solid #dedddc;
border-radius: 4px;
padding: 24px 0 21px;
margin: 0 auto;
text-align: center;
background: var(--legacy-bg-lvl-1-color)
}
.no-data>.icon {
display: block;
height: 240px;
width: 240px;
margin: 0 auto 12px;
padding: 0 12px 12px
}
.no-data.no-border-radius-top {
border-radius: 0 0 6px 6px
}
.no-data h1,
.no-data h2 {
margin: 0 auto;
max-width: 640px
}
.no-data p {
margin: 0 auto
}
.no-data .add-btn,
.no-data .button {
float: none;
margin-top: 18px
}
.no-data .button:last-child,
.no-data .button-small:last-child {
margin-right: 0
}
.dijitTooltipContents .no-data {
border: 0 none
}
.dijitTooltipContents .no-data>.icon {
height: 80px;
width: 80px
}
.c-noDataActionState {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 60px 30px
}
.c-noDataActionState_image {
margin-right: 36px
}
@media only screen and (max-width:64em) {
.c-noDataActionState {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.c-noDataActionState_image {
margin: 0 auto 24px
}
}
@media only screen and (max-width:40em) {
.c-noDataActionState_buttons {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.education-block {
border: 1px solid var(--feedback-education-block-border-color, #dedddc);
border-radius: 6px;
padding: 24px 0;
margin-left: auto;
margin-right: auto;
text-align: center
}
.education-block h1,
.education-block h2,
.education-block h3,
.education-block h4 {
font-size: 1.7rem;
font-weight: normal;
padding-bottom: 18px
}
.education-block h1,
.education-block h2 {
border-bottom: 1px solid var(--feedback-education-block-border-color, #dedddc)
}
.education-block .content {
max-width: 75em
}
.education-block .button-close {
background: transparent;
font-weight: normal;
opacity: .4
}
.education-block .button-close:hover {
opacity: 1
}
:root {
--feedback-upgrade-action-block-fill-color: #f9e0fa;
--upgrade-action-block-dismiss-link-color: #241c15;
--upgrade-action-block-dismiss-link-hover-color: #241c15
}
.mcds-dark-mode-flag-enabled {
--feedback-upgrade-action-block-fill-color: var(--color-container-background-info);
--upgrade-action-block-dismiss-link-color: var(--color-text-primary);
--upgrade-action-block-dismiss-link-hover-color: var(--color-text-primary)
}
.c-upgradeActionBlock {
font-size: 1.6rem;
padding: 12px 0;
background-color: #c5dbf2;
border-radius: 2px;
color: var(--legacy-text-primary-color);
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
max-width: 1300px;
background-color: var(--feedback-upgrade-action-block-fill-color, #f9e0fa);
padding: 12px 15px
}
.c-upgradeActionBlock.legacy {
padding: 0
}
.c-upgradeActionBlock ::selection {
background: rgba(255, 255, 255, 0.8)
}
.c-upgradeActionBlock ::-moz-selection {
background: rgba(255, 255, 255, 0.8)
}
.c-upgradeActionBlock--small {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:40em) {
.c-upgradeActionBlock {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.c-upgradeActionBlock p {
font-size: 1.4rem;
line-height: 1.5
}
.c-upgradeActionBlock p:last-child {
margin-bottom: 0
}
.c-upgradeActionBlock__body {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
margin-right: 18px
}
.c-upgradeActionBlock--small .c-upgradeActionBlock__body {
margin-right: 0;
margin-bottom: 12px
}
@media screen and (max-width:40em) {
.c-upgradeActionBlock__body {
margin-right: 0;
margin-bottom: 12px
}
}
.c-upgradeActionBlock__body__header--small {
font-weight: 500;
font-size: 1.6rem;
margin-bottom: 6px
}
.c-upgradeActionBlock__asset {
max-width: 72px
}
.c-upgradeActionBlock--small .c-upgradeActionBlock__asset {
display: none
}
@media screen and (max-width:40em) {
.c-upgradeActionBlock__asset {
display: none
}
}
.c-upgradeActionBlock__asset.auto_archived__asset {
max-width: initial;
margin: 5px 50px 5px 40px
}
.c-upgradeActionBlock__cta {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0
}
.c-upgradeActionBlock--small .c-upgradeActionBlock__cta {
width: 100%
}
@media screen and (max-width:40em) {
.c-upgradeActionBlock__cta {
width: 100%
}
}
.c-upgradeActionBlock__dismissLink {
margin-left: 18px;
white-space: nowrap;
text-decoration: underline;
color: var(--upgrade-action-block-dismiss-link-color, #241c15)
}
.c-upgradeActionBlock__dismissLink:visited,
.c-upgradeActionBlock__dismissLink:hover {
color: var(--upgrade-action-block-dismiss-link-hover-color, #241c15)
}
.c-upgradeActionBlock--small .c-upgradeActionBlock__dismissLink {
margin-top: 12px;
margin-left: 0
}
@media screen and (max-width:40em) {
.c-upgradeActionBlock__dismissLink {
margin-top: 12px;
margin-left: 0
}
}
.c-slatMeta {
-ms-flex-flow: column nowrap;
-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 18px 0
}
@media only screen and (min-width:40em) {
.c-slatMeta {
-ms-flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap
}
}
.c-slatMeta_info {
-ms-flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
@media only screen and (min-width:40em) {
.c-slatMeta_info {
padding: 0 24px 0 0
}
}
.c-slatMeta_action {
-ms-flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-top: 12px
}
@media only screen and (min-width:40em) {
.c-slatMeta_action {
margin-top: 0;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
}
.c-slatMeta_action .c-slatButton {
margin: 0;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.c-slatMeta_action .c-slatButton+.c-slatButton {
margin: 0 0 0 18px
}
.c-slatInfoImage {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-right: 18px
}
.c-slatInfoImage:hover .c-emailImageWrapper_overlay {
visibility: visible;
opacity: 1
}
@media only screen and (min-width:40em) {
.c-slatInfoImage {
padding-bottom: 18px
}
}
@media only screen and (min-width:75em) {
.c-slatInfoImage {
padding-bottom: 0
}
}
.c-slatInfoImage .c-slatInfoOption {
margin: 8px 18px 0 0
}
.v-slatInfoImage--visible {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: row;
-webkit-flex-flow: row;
flex-flow: row
}
.c-emailImageWrapper,
.c-emailImageWrapper_overlay,
.c-emailImageWrapper_overlay_bg,
.c-emailImageWrapper_overlay_content,
.c-emailImage {
width: 120px;
height: 120px
}
.c-emailImageWrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.c-emailImageWrapper_overlay {
position: absolute;
z-index: 5;
opacity: 0;
visibility: hidden
}
.c-emailImageWrapper_overlay--always-show {
visibility: visible;
opacity: 1
}
.c-emailImageWrapper_overlay_bg {
position: inherit;
background: #000000;
opacity: .75;
border-radius: 6px
}
.c-emailImageWrapper_overlay_content {
position: inherit;
color: #ffffff
}
.c-emailImageWrapper .c-emailImage {
background-color: var(--legacy-bg-lvl-1-color);
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
border: 1px solid #d0d0d0;
border-radius: 6px
}
.c-emailImageWrapper .c-emailImage--stack::before {
position: absolute;
display: block;
top: 5px;
left: 5px;
width: 120px;
height: 120px;
content: "";
background: var(--legacy-bg-lvl-1-color);
border: 1px solid #d0d0d0;
border-radius: 6px;
z-index: -1
}
.c-emailImageWrapper .c-emailImage--stack::after {
position: absolute;
display: block;
top: 10px;
left: 10px;
width: 120px;
height: 120px;
content: "";
background: var(--legacy-bg-lvl-1-color);
border: 1px solid #d0d0d0;
border-radius: 6px;
z-index: -2
}
.dojoDndMove .dojoDndItemOver .c-emailImageWrapper .c-emailImage {
display: none
}
.c-slatInfo {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-flow: column nowrap;
-webkit-flex-flow: column nowrap;
flex-flow: column nowrap
}
@media only screen and (min-width:75em) {
.c-slatInfo {
-ms-flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap
}
}
.c-slatInfoBody {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
@media only screen and (min-width:64em) {
.c-slatInfoBody {
min-width: 550px
}
}
.c-slatInfoStats {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 12px
}
.c-slatInfoStats:hover .c-number-container {
display: inherit
}
.c-slatInfoStats:hover .c-percentage-container {
display: none
}
@media only screen and (max-width:40em) {
.c-slatInfoStats--automation.c-slatInfoStats--automation {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
grid-gap: 18px
}
}
@media only screen and (min-width:40em) {
.c-slatInfoStats {
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-top: 6px
}
}
@media only screen and (min-width:75em) {
.c-slatInfoStats {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-top: 0
}
}
.c-slatStat {
min-width: 72px
}
.c-slatStat .c-number-container {
display: none
}
@media only screen and (min-width:40em) {
.c-slatStat+.c-slatStat {
margin-left: 24px
}
}
.c-disabledSlat {
opacity: .5;
user-select: none
}
.c-disabledSlat button,
.c-disabledSlat a {
cursor: not-allowed
}
.sms-info-icon {
padding-top: 1px !important;
padding-bottom: 1px !important;
padding-right: 3px !important;
padding-left: 3px !important
}
input {
-webkit-appearance: none
}
::-moz-focus-inner {
border: 0
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
input[type="search"]::-ms-clear {
display: none
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input::-webkit-input-placeholder {
opacity: .6
}
input:-moz-placeholder {
opacity: .6
}
input::-moz-placeholder {
opacity: .6
}
input:-ms-input-placeholder {
opacity: .6
}
legend {
width: 100%;
display: block;
color: var(--legacy-text-primary-color);
font-size: 1.6rem;
font-weight: 500;
letter-spacing: .01em;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
margin: 0 0 18px 0
}
legend small {
font-size: 1.4rem
}
label,
input,
select,
textarea {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-size: 1.6rem;
line-height: 18px;
font-weight: normal
}
label {
color: var(--legacy-text-primary-color);
font-weight: 500;
display: block;
max-width: 635px;
padding-bottom: 12px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
label * {
line-height: inherit
}
legend.required::after,
label.required::after {
content: var(--required-text, "Required");
float: right;
color: var(--legacy-text-secondary-color);
font-size: 1.6rem
}
textarea {
height: auto;
-ms-overflow-style: scrollbar
}
input[type="file"] {
cursor: pointer
}
input[type="file"]::-webkit-file-upload-button {
cursor: pointer
}
textarea,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.faux-file {
display: inline-block;
padding: 0 8px;
margin-bottom: 24px;
vertical-align: middle;
min-width: 50px;
max-width: 635px;
width: 100%;
min-height: 36px;
background-color: var(--inputBackgroundColor, #ffffff);
border: 1px solid var(--legacy-border-input-color);
border-radius: var(--legacy-border-input-radius);
color: var(--color-text-primary);
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.faux-file:focus {
outline: none;
border: 1px solid var(--input-border-focus, #007c89);
box-shadow: inset 0 0 0 1px var(--input-shadow-focus, #007c89)
}
textarea.invalid,
input[type="text"].invalid,
input[type="password"].invalid,
input[type="file"].invalid,
input[type="datetime"].invalid,
input[type="datetime-local"].invalid,
input[type="date"].invalid,
input[type="month"].invalid,
input[type="time"].invalid,
input[type="week"].invalid,
input[type="number"].invalid,
input[type="email"].invalid,
input[type="url"].invalid,
input[type="search"].invalid,
input[type="tel"].invalid,
input[type="color"].invalid,
.faux-file.invalid {
border-color: var(--input-border-error, #a73205);
box-shadow: inset 0 0 0 1px var(--input-shadow-error, #a73205)
}
textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="file"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
.faux-file[disabled] {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5;
cursor: not-allowed
}
input.rounded-corners-4 {
border-radius: 4px
}
.project-runway #login-form input[type="text"],
.project-runway #login-form input[type="password"],
.project-runway #login-form input[type="email"] {
border: 1px solid var(--legacy-color-input-border-primary)
}
.project-runway #signup-form input[type="text"],
.project-runway #signup-form input[type="password"],
.project-runway #signup-form input[type="email"] {
border: 1px solid var(--legacy-color-input-border-primary)
}
.invalid input[type="text"] {
border: 1px solid #a73205;
box-shadow: 0 0 0 1px #a73205
}
.invalid span {
margin-bottom: 0
}
.invalid+.CodeMirror {
border-color: #a73205 !important
}
textarea {
padding: 6px 0 0 6px
}
textarea.code {
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
font-size: 1.4rem
}
input[type="radio"],
input[type="checkbox"] {
cursor: pointer
}
.radio,
.checkbox {
max-width: 635px;
margin-bottom: 24px;
padding-bottom: 0;
font-weight: normal;
padding-left: 36px;
text-indent: -36px
}
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
width: auto
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 0 none
}
input:not([type="submit"])[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #efeeea
}
.c-fauxCheckmark {
background-image: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/product/sprites/input-sprites-spaced-2x.png");
background-size: 24px 388px;
background-repeat: no-repeat;
width: 25px;
height: 25px;
overflow: hidden
}
.c-fauxCheckmark--checked {
background-position: 0 -104px
}
.faux-file {
font-size: 15px;
padding: 3px 6px 2px 6px;
color: #000000
}
.faux-file-field {
cursor: pointer;
margin-bottom: 6px;
position: relative
}
.faux-file-field .faux-file {
cursor: inherit;
margin: 0;
position: relative;
padding: 0
}
.faux-file-field .faux-file input[type="file"] {
margin: 0;
opacity: 0;
z-index: 2;
cursor: inherit
}
.faux-file-field button {
position: absolute;
right: 0;
cursor: inherit;
margin: 0;
border-radius: 0
}
.faux-file-field .faux-selected {
font-size: 1.6rem;
font-weight: 500;
max-width: 320px;
overflow: hidden;
position: absolute;
top: 0;
line-height: 36px;
padding: 0 12px;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none
}
@media only screen and (max-width:40em) {
.faux-file-field .faux-selected {
width: 75%
}
}
.c-largeForm input[type="text"],
.c-largeForm input[type="email"],
.c-largeForm input[type="url"],
.c-largeForm input[type="password"],
.c-largeForm input[type="tel"],
.c-largeForm input[type="number"] {
min-height: 46px;
font-size: 1.7rem;
line-height: 20px;
padding: 0 15px
}
.c-largeForm select {
min-height: 46px
}
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append {
display: inline-block
}
.form-inline button,
.form-inline .button,
.form-inline .button-small {
margin-bottom: 24px
}
.form-inline label,
.inline-label {
display: inline-block;
margin-right: 6px
}
.form-inline .radio,
.form-inline .checkbox {
margin-bottom: 0
}
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
margin-right: 6px;
margin-left: 0
}
.form-inline.max-readable {
max-width: 635px
}
.form-inline.with-button input[type="text"],
.form-inline.with-button input[type="url"],
.form-inline.with-button input[type="search"] {
margin: 0;
border-radius: var(--legacy-border-input-radius);
min-width: 100%;
padding-right: 20%;
-moz-transition: none
}
.form-inline.with-button input[type="text"]~.field-help,
.form-inline.with-button input[type="url"]~.field-help,
.form-inline.with-button input[type="search"]~.field-help,
.form-inline.with-button input[type="text"]~.invalid-error,
.form-inline.with-button input[type="url"]~.invalid-error,
.form-inline.with-button input[type="search"]~.invalid-error {
display: block;
top: 6px;
margin-bottom: 0
}
.form-inline.with-button input[type="text"]:focus+[class*="button"],
.form-inline.with-button input[type="url"]:focus+[class*="button"],
.form-inline.with-button input[type="search"]:focus+[class*="button"] {
border: 1px solid #007c89;
border-left: none
}
.form-inline.with-button [class*="button"] {
margin: 0;
position: absolute;
right: 1px;
z-index: 2;
border-radius: 0 1px 1px 0;
height: 34px;
line-height: 34px;
top: 1px;
padding: 0 18px;
padding-left: 19px;
border-left: none;
-moz-transition: none
}
.form-inline.with-button [class*="button"].button-loading {
padding-left: 60px
}
.form-inline.with-button .freddicon {
line-height: 32px;
display: block
}
.field-help,
.invalid-error {
white-space: normal;
word-wrap: break-word;
width: 100%;
max-width: 635px;
font-size: 1.4rem;
line-height: 18px;
font-weight: 500;
position: relative;
color: var(--legacy-text-secondary-color);
margin-top: -19px;
margin-bottom: 18px
}
.field-help .help-tip,
.invalid-error .help-tip {
margin: 0
}
.invalid-error {
display: block;
color: var(--legacy-text-error-color);
max-height: 200px
}
.asterisk {
color: var(--legacy-text-error-color)
}
.field-wrapper {
margin: 0;
clear: both;
position: relative;
overflow: visible
}
.field-wrapper input[type="text"],
.field-wrapper input[type="number"],
.field-wrapper input[type="email"],
.field-wrapper input[type="url"],
.field-wrapper input[type="tel"],
.field-wrapper input[type="password"],
.field-wrapper textarea {
position: relative
}
.field-wrapper input[type="text"]~.field-help,
.field-wrapper input[type="number"]~.field-help,
.field-wrapper input[type="email"]~.field-help,
.field-wrapper input[type="url"]~.field-help,
.field-wrapper input[type="tel"]~.field-help,
.field-wrapper input[type="password"]~.field-help,
.field-wrapper textarea~.field-help {
-ms-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s;
display: block;
opacity: 0;
max-height: 0;
overflow: hidden
}
.field-wrapper input[type="text"]:focus~.field-help,
.field-wrapper input[type="number"]:focus~.field-help,
.field-wrapper input[type="email"]:focus~.field-help,
.field-wrapper input[type="url"]:focus~.field-help,
.field-wrapper input[type="tel"]:focus~.field-help,
.field-wrapper input[type="password"]:focus~.field-help,
.field-wrapper textarea:focus~.field-help,
.field-wrapper input[type="text"]:active~.field-help,
.field-wrapper input[type="number"]:active~.field-help,
.field-wrapper input[type="email"]:active~.field-help,
.field-wrapper input[type="url"]:active~.field-help,
.field-wrapper input[type="tel"]:active~.field-help,
.field-wrapper input[type="password"]:active~.field-help,
.field-wrapper textarea:active~.field-help {
opacity: 1;
max-height: 200px
}
.field-wrapper .invalid-error {
max-height: 200px
}
.always-show,
.dijitSelect+.field-help,
select+.field-help {
opacity: 1 !important;
max-height: 200px !important;
margin: -19px 0 24px;
-ms-transition: none;
transition: none
}
.checkbox-group {
margin-bottom: 24px;
max-width: 635px
}
.checkbox-group label {
padding-top: 3px;
padding-bottom: 0
}
.checkbox-group label:last-child {
margin-bottom: 0
}
.checkbox-group.inline .av-checkbox {
margin-right: 6px
}
.checkbox-group.inline label {
padding-top: 0;
float: left;
padding-right: 18px;
margin-right: 6px
}
@media only screen and (max-width:800px) {
.checkbox-group.inline label {
padding-right: 0
}
}
table .checkbox-group {
margin-bottom: 0
}
.label-description,
.radio-description,
.checkbox-description {
display: block;
margin-top: 0;
text-indent: 0;
color: var(--legacy-text-secondary-color);
font-weight: normal;
font-size: 1.6rem;
line-height: 1.5
}
.label-description p,
.radio-description p,
.checkbox-description p,
.label-description ul,
.radio-description ul,
.checkbox-description ul {
font-size: 1.6rem
}
.radio-description-out {
padding-left: 42px
}
.field-wrapper>.radio-description,
.field-wrapper>.checkbox-description {
margin: -18px 0 18px 36px;
max-width: 635px
}
@media screen and (max-width:40em) {
.search {
margin-bottom: 24px
}
}
.search.size1of2 {
max-width: 100%
}
.search input[type="search"] {
background-color: transparent;
color: #959595;
font-weight: 500;
border-radius: 0;
vertical-align: baseline;
border: 0 none;
border-bottom: 1px solid #dedddc;
padding: 0 24px 0 0;
font-size: 18px;
max-width: 100%
}
.search input[type="search"]:hover,
.search input[type="search"]:focus {
border-bottom: 1px solid #737373;
color: #737373
}
.search input[type="search"]:hover::-webkit-input-placeholder,
.search input[type="search"]:focus::-webkit-input-placeholder {
color: #737373
}
.search input[type="search"]:hover:-ms-input-placeholder,
.search input[type="search"]:focus:-ms-input-placeholder {
color: #737373
}
.search input[type="search"]:hover+a,
.search input[type="search"]:focus+a {
color: #737373
}
.search input[type="search"]+a {
right: 2px;
top: 0;
color: #959595;
font-size: 21px;
padding: 6px 0 6px 12px
}
table .checkbox-group label {
margin-bottom: 0;
padding-bottom: 0
}
table input[type="text"] {
margin-bottom: 0
}
table input[type="text"]~.invalid-error,
table input[type="text"]~.field-help {
margin-top: 0
}
.radio-group {
margin-bottom: 18px
}
.radio-group>label {
padding-bottom: 0
}
.radio-group>label:last-child {
margin-bottom: 0
}
.radio-group.inline label {
float: left;
padding-right: 18px;
margin-right: 6px
}
select {
display: inline-block;
padding: 0 8px;
margin-bottom: 24px;
vertical-align: middle;
min-width: 50px;
max-width: 635px;
width: 100%;
min-height: 36px;
background-color: var(--inputBackgroundColor, #ffffff);
border: 1px solid var(--legacy-border-input-color);
border-radius: var(--legacy-border-input-radius);
color: var(--color-text-primary);
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
font-size: 1.4rem;
letter-spacing: .01em;
color: var(--legacy-text-primary-color);
padding: 0 39px 0 18px;
background: url("https://cdn-images.mailchimp.com/product/dropdown.svg") no-repeat right center;
background-size: 30px auto
}
select:focus {
outline: none;
border: 1px solid var(--input-border-focus, #007c89);
box-shadow: inset 0 0 0 1px var(--input-shadow-focus, #007c89)
}
select.invalid {
border-color: var(--input-border-error, #a73205);
box-shadow: inset 0 0 0 1px var(--input-shadow-error, #a73205)
}
select[disabled] {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5;
cursor: not-allowed
}
select[multiple],
select[size] {
padding: 0;
height: auto;
background-image: none;
background-color: var(--legacy-bg-lvl-1-color);
border: 1px solid rgba(36, 28, 21, 0.3)
}
select[multiple]>option,
select[size]>option {
padding: 12px 18px
}
select>option {
font-size: 1.4rem;
padding: 6px 10px;
cursor: pointer;
background-color: var(--legacy-bg-lvl-1-color)
}
select>option:checked {
background-color: var(--legacy-bg-lvl-4-color)
}
select::-ms-expand {
visibility: hidden
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
select {
background: url("https://cdn-images.mailchimp.com/product/dropdown.png") no-repeat right 12px center #efeeea;
background-size: 10px
}
}
@-moz-document url-prefix() {
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #241c15
}
}
.select-small {
height: 32px;
font-size: 1.4rem
}
optgroup {
background: var(--legacy-bg-lvl-1-color);
font-style: normal;
padding: 5px 8px;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif)
}
.hover-list-select {
padding: 0 32px 0 18px !important
}
.hover-list-select::after {
font-family: "freddicons";
content: "\e024";
font-size: 20px;
display: inline-block;
margin: 0 0 0 3px;
line-height: 34px;
font-weight: normal !important;
font-style: normal !important;
position: absolute;
right: 12px
}
.dijitSelect.invalid {
border: 2px solid #a73205
}
.codemirror-border-wrap .CodeMirror {
border: 2px solid rgba(36, 28, 21, 0.3);
border-radius: 3px;
margin: 0 0 24px 0;
max-width: 635px
}
.codemirror-border-wrap .CodeMirror:hover {
border-color: rgba(36, 28, 21, 0.3)
}
.codemirror-border-wrap .CodeMirror.CodeMirror-focused {
border: 2px solid #52bad5
}
.codemirror-border-wrap.full-width .CodeMirror {
max-width: none
}
.codemirror-border-wrap.no-margin .CodeMirror {
margin: 0
}
.codemirror-border-wrap.nowrap .CodeMirror {
max-width: 100%
}
.codemirror-border-wrap.nowrap .CodeMirror .CodeMirror-scroll {
overflow: auto
}
.codemirror-border-wrap.nowrap .CodeMirror pre {
white-space: pre;
word-break: normal
}
.c-currencyInput.c-currencyInput {
padding-left: 24px
}
.c-currencyInput.c-currencyInput--wide {
padding-left: 36px
}
.c-currencyInput.c-currencyInput--wider {
padding-left: 42px
}
.c-currencyInput~.invalid-error {
margin-top: unset
}
.c-currencyInput--symbol {
padding: 2px 6px;
margin: 4px 2px
}
.c-suffixInput.c-suffixInput {
padding-right: 24px
}
.c-suffixInput.c-suffixInput--wide {
padding-right: 36px
}
.c-suffixInput.c-suffixInput--wider {
padding-right: 42px
}
.c-suffixInput~.invalid-error {
margin-top: unset
}
.c-suffixInput--symbol {
right: 0;
padding: 2px 6px;
margin: 4px
}
.grecaptcha-badge {
display: none
}
.dlocal-fields-container {
position: relative
}
.dlocal-form {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.dlocal-form .dlocal_loader {
position: absolute;
top: 0;
left: 0;
display: none
}
.dlocal-form .dlocal-field {
display: block
}
.dlocal-form.loading .dlocal-field {
display: none
}
.dlocal-form.loading .dlocal_loader {
display: block;
height: 100%;
width: 100%
}
.dlocal-form .DlocalField {
padding: 8px;
border: 1px solid rgba(36, 28, 21, 0.3);
border-radius: 2px;
ms-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s
}
.dlocal-form .DlocalField--focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89
}
.dlocal-form .dlocal-invalid-error {
color: var(--legacy-text-error-color)
}
.dlocal-form .dlocal-invalid-error input {
border-color: var(--legacy-text-error-color);
box-shadow: inset 0 0 0 1px #a73205;
margin-bottom: 0
}
.dlocal-form .dlocal-invalid-error .DlocalField {
border-color: var(--legacy-text-error-color)
}
.dlocal-form .dlocal-invalid-error .DlocalField.DlocalField--focus {
box-shadow: inset 0 0 0 1px #a73205
}
.dlocal-form .dlocal-invalid-error-message {
display: inline-block;
margin-top: 3px;
margin-left: 6px;
margin-bottom: 3px;
font-size: 1.4rem;
line-height: 1.4
}
.c-choiceCard {
list-style: none
}
.c-choiceCard_label {
display: block;
max-width: none;
cursor: pointer;
background-size: 80%;
background-repeat: no-repeat;
border-color: rgba(36, 28, 21, 0.3);
border-radius: var(--legacy-border-card-radius) !important
}
.c-choiceCard_label .cardIndicator {
border-bottom-right-radius: border-radius--lv0;
background-color: #bdbbb9
}
.c-choiceCard_label:hover .cardIndicator {
-ms-transition: background-color .2s ease-in-out 0s;
transition: background-color .2s ease-in-out 0s;
background-color: #007c89;
color: #ffffff
}
.c-choiceCard_indicator {
-ms-transition: opacity .2s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s;
opacity: 0;
color: #007c89
}
.c-choiceCard_input {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
color: transparent;
speak: none
}
.c-choiceCard_revealed:hover {
-ms-transition: opacity .2s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s;
visibility: visible;
opacity: 1
}
.c-choiceCard_label:hover~.c-choiceCard_revealed,
.c-choiceCard_input:checked~.c-choiceCard_revealed,
.c-choiceCard_label:hover .c-choiceCard_revealed,
.c-choiceCard_input:focus~.c-choiceCard_revealed {
-ms-transition: opacity .2s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s;
visibility: visible;
opacity: 1
}
.c-choiceCard_lacks_permission:hover {
background-color: #e3e3e3
}
.c-choiceCard_innerContainer {
position: relative
}
.c-choiceCard_label:hover {
-ms-transition: border .2s ease-in-out 0s;
transition: border .2s ease-in-out 0s;
-ms-transition-property: border, box-shadow;
transition-property: border, box-shadow;
border-color: #007c89
}
.c-choiceCard_input:focus+.c-choiceCard_label {
border-color: #007c89;
box-shadow: inset 0 0 0 1px #007c89
}
.c-choiceCard_input:focus+.c-choiceCard_label span {
-ms-transition: opacity .2s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s;
visibility: visible;
opacity: 1
}
.c-choiceCard_input:checked+.c-choiceCard_label {
border-color: #007c89
}
.c-choiceCard_input:checked+.c-choiceCard_label .cardIndicator {
background-color: #007c89;
color: #ffffff
}
.c-choiceCard_input:checked~.c-choiceCard_indicator {
opacity: 1
}
.c-choiceCard--thick .c-choiceCard_indicator {
background: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944/css/icons/tick-mark.svg) no-repeat center / 14px #6dc5dc
}
.c-choiceCard--thick .c-choiceCard_input[type="radio"]~.c-choiceCard_indicator {
background-color: #007c89;
border-radius: 50%;
width: 26px;
height: 26px
}
.c-choiceCard--thick .c-choiceCard_input[type="checkbox"]~.c-choiceCard_indicator {
background-color: #007c89;
border-radius: 2px;
width: 24px;
height: 24px
}
.c-choiceCard--thick .c-choiceCard_input:focus+.c-choiceCard_label,
.c-choiceCard--thick .c-choiceCard_input:checked+.c-choiceCard_label {
box-shadow: inset 0 0 0 2px #007c89
}
.c-choiceCard--thick_innerContainer {
position: relative;
margin: 2px
}
.c-choiceCardGroup .c-choiceCard {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box: 1 1 100%;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-right: 18px;
position: relative;
min-height: 96px
}
@media only screen and (max-width:64em) {
.c-choiceCardGroup .c-choiceCard {
margin-right: 0;
margin-bottom: 12px
}
}
.c-choiceCardGroup .c-choiceCard_label {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box: 1 1 100%;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 33px 18px;
position: relative;
text-align: center
}
.c-choiceCard_image-card {
list-style: none;
background-color: #d8eacc;
display: flex;
flex-direction: column;
padding: 0
}
.c-choiceCard_image-card--image {
margin: 30px
}
.c-choiceCard_image-card--disabled {
opacity: .3;
cursor: arrow
}
.c-choiceCard_image-card--text {
background-color: #ffffff;
width: 100%;
height: 120px;
padding: 20px;
text-align: left
}
.c-choiceCard_image-card_label {
display: block;
max-width: none;
cursor: pointer;
background-size: 80%;
background-repeat: no-repeat;
border-color: rgba(36, 28, 21, 0.3);
border-radius: 2px !important
}
.c-choiceCard_image-card_label .cardIndicator {
border-bottom-right-radius: border-radius--lv0;
background-color: #bdbbb9
}
.c-choiceCard_image-card_label:hover .cardIndicator {
-ms-transition: background-color .2s ease-in-out 0s;
transition: background-color .2s ease-in-out 0s;
background-color: #007c89;
color: #ffffff
}
.c-choiceCard_image-card_indicator {
-ms-transition: opacity .2s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s;
opacity: 0;
color: #007c89
}
.c-choiceCard_image-card_input {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
color: transparent;
speak: none
}
.c-choiceCard_image-card_revealed:hover {
-ms-transition: opacity .2s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s;
visibility: visible;
opacity: 1
}
.c-choiceCard_image-card_label:hover~.c-choiceCard_image-card_revealed,
.c-choiceCard_image-card_input:checked~.c-choiceCard_image-card_revealed,
.c-choiceCard_image-card_label:hover .c-choiceCard_image-card_revealed,
.c-choiceCard_image-card_input:focus~.c-choiceCard_image-card_revealed {
-ms-transition: opacity .2s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s;
visibility: visible;
opacity: 1
}
.c-choiceCard_image-card_lacks_permission:hover {
background-color: #e3e3e3
}
.c-choiceCard_image-card_innerContainer {
position: relative
}
.c-choiceCard_image-card_label:hover {
-ms-transition: border .2s ease-in-out 0s;
transition: border .2s ease-in-out 0s;
-ms-transition-property: border, box-shadow;
transition-property: border, box-shadow;
border-color: #007c89
}
.c-choiceCard_image-card_input:focus+.c-choiceCard_image-card_label {
border-color: #007c89;
box-shadow: inset 0 0 0 1px #007c89
}
.c-choiceCard_image-card_input:focus+.c-choiceCard_image-card_label span {
-ms-transition: opacity .2s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s;
visibility: visible;
opacity: 1
}
.c-choiceCard_image-card_input:checked+.c-choiceCard_image-card_label {
border-color: #007c89
}
.c-choiceCard_image-card_input:checked+.c-choiceCard_image-card_label .cardIndicator {
background-color: #007c89;
color: #ffffff
}
.c-choiceCard_image-card_input:checked~.c-choiceCard_image-card_indicator {
opacity: 1
}
.c-choiceCard_image-card--thick .c-choiceCard_image-card_indicator {
background: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944/css/icons/tick-mark.svg) no-repeat center / 14px #6dc5dc
}
.c-choiceCard_image-card--thick .c-choiceCard_image-card_input[type="radio"]~.c-choiceCard_image-card_indicator {
background-color: #007c89;
border-radius: 50%;
width: 26px;
height: 26px
}
.c-choiceCard_image-card--thick .c-choiceCard_image-card_input[type="checkbox"]~.c-choiceCard_image-card_indicator {
background-color: #007c89;
border-radius: 2px;
width: 24px;
height: 24px
}
.c-choiceCard_image-card--thick .c-choiceCard_image-card_input:focus+.c-choiceCard_image-card_label,
.c-choiceCard_image-card--thick .c-choiceCard_image-card_input:checked+.c-choiceCard_image-card_label {
box-shadow: inset 0 0 0 2px #007c89
}
.c-choiceCard_image-card--thick_innerContainer {
position: relative;
margin: 2px
}
.c-choiceCardGroup .c-choiceCard_image-card {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box: 1 1 100%;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-right: 18px;
position: relative;
min-height: 96px
}
@media only screen and (max-width:64em) {
.c-choiceCardGroup .c-choiceCard_image-card {
margin-right: 0;
margin-bottom: 12px
}
}
.c-choiceCardGroup .c-choiceCard_image-card_label {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box: 1 1 100%;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0;
position: relative;
text-align: center
}
.c-radio {
margin-bottom: 12px
}
.c-radio-description {
margin-top: -36px
}
.c-radio-description.noForm {
margin-top: 0;
margin-bottom: 36px
}
.c-radio-description .c-radio_char-count {
text-align: right
}
.c-radio-description__helper {
margin-top: -12px;
margin-bottom: 30px
}
.c-invalid-error {
position: absolute;
margin-top: 0
}
.w-invalid-error {
position: absolute
}
.c-frontDoorIntro_exploreContainer {
border-bottom: solid 1px #dedddc
}
@media only screen and (max-height:800px) {
.c-frontDoorIntro_exploreContainer {
padding-bottom: 12px;
margin-bottom: 12px
}
}
.c-frontDoorIntro_explore-image {
width: 364px
}
@media only screen and (max-height:800px) {
.c-frontDoorIntro_explore-image {
width: 324px
}
}
.c-frontDoorIntro_explore_button.button {
background: #ffffff;
color: var(--legacy-text-primary-color);
font-weight: 500;
border: 2px solid #241c15;
height: auto;
opacity: 1;
transition: opacity .15s linear
}
.c-frontDoorIntro_explore_button.button:active,
.c-frontDoorIntro_explore_button.button:focus,
.c-frontDoorIntro_explore_button.button:hover {
background: transparent;
opacity: .7;
border-width: 2px;
box-shadow: none
}
.c-frontDoorIntro_shortcut {
-webkit-flex: 0 0 200px;
-ms-flex: 0 0 200px;
flex: 0 0 200px
}
@media only screen and (max-height:800px) {
.c-frontDoorIntro_shortcut {
padding: 6px;
margin-bottom: 0
}
}
@media only screen and (max-width:60em) {
.c-frontDoorIntro_shortcut.c-frontDoorIntro_shortcut {
margin: 0
}
}
.c-frontDoorIntro_shortcut:hover .c-frontDoorIntro_shortcutImage {
opacity: .6
}
.c-frontDoorIntro_shortcut--leftAligned {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start
}
.c-frontDoorIntro_shortcut--leftAligned .c-frontDoorIntro_shortcutImage {
-webkit-flex: 0 0 60px;
-ms-flex: 0 0 60px;
flex: 0 0 60px
}
.c-frontDoorIntro_shortcut--leftAligned .c-frontDoorIntro_shortcutDescription {
color: var(--legacy-text-primary-color);
font-size: 1.4rem;
line-height: 18px;
text-transform: none
}
.c-frontDoorIntro--leftAligned {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.c-frontDoorIntro--leftAligned .c-frontDoorIntro_shortcut-container {
max-height: 560px;
overflow-y: auto
}
@media only screen and (max-width:60em) {
.c-frontDoorIntro--leftAligned {
display: inline-block
}
.c-frontDoorIntro--leftAligned .c-frontDoorIntro_shortcut-container {
max-height: auto
}
}
@media only screen and (max-height:800px) {
.c-frontDoorIntro_heading {
margin-top: 18px;
color: var(--legacy-text-primary-color);
line-height: 1.25;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-weight: var(--font-heading-weight);
outline: 0;
font-size: 2.8rem;
letter-spacing: -0.02rem;
margin-bottom: 24px;
font-style: normal
}
.c-frontDoorIntro_heading+label {
margin-top: 18px
}
}
.c-frontDoorIntro_shortcut-container [tabindex]:focus {
background-color: #e6f2f3;
outline: none
}
.c-frontDoorIntro_pathway:focus {
outline: none
}
.c-frontDoorConfig {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-height: 400px;
align-items: center
}
.c-frontDoorSearch {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.c-frontDoorSearch .c-autocomplete {
width: 100%;
max-width: 635px
}
.c-frontDoorSearch .c-autocomplete input[type="search"] {
text-align: center
}
.c-frontDoor .disclosure-closed:hover {
background-color: #efeeea;
color: var(--legacy-text-primary-color)
}
.c-frontDoor .disclosure-closed:hover::before {
color: var(--legacy-text-primary-color)
}
.c-frontDoor .disclosure-open :hover {
color: var(--legacy-text-primary-color)
}
.c-frontDoor .disclosure-open :hover::before {
color: var(--legacy-text-primary-color)
}
.c-automatedGroupsTabs .tabLabel {
font-size: 13px
}
.c-automatedGroupsTabs .dijitTabContainerTop-container {
margin: 0
}
.c-configurationViewBlurbs {
border-left: 5px solid #dedddc
}
.c-configurationViewBlurbs li>a {
display: inline
}
.c-GlobalHelpContainer {
right: 24px;
bottom: 24px
}
.c-GlobalHelpContainer--shiftUp {
padding-bottom: 48px;
right: 24px;
bottom: 24px
}
.c-GlobalHelpContainer--shiftDown {
right: 12px;
bottom: 12px
}
.c-GlobalHelp_button {
height: 40px;
width: 40px;
background: #241c15
}
.c-GlobalHelp_button:hover,
.c-GlobalHelp_button:focus {
background: #007c89
}
.marketingHero .right {
right: 0
}
.marketingHero .bottom {
bottom: 0
}
.marketingHero .bottom-right {
right: 0;
bottom: 0
}
.marketingHero .bottom-left {
bottom: 0
}
.marketingHero .centered-content {
top: 40%;
left: 50%;
width: 300px;
transform: translate(-50%, -50%)
}
.marketingHero .text-right {
text-align: right
}
@media only screen and (max-width:64em) {
.marketingHero .text-right\@tablet {
text-align: right
}
}
@media only screen and (max-width:40em) {
.marketingHero .text-right\@phone {
text-align: right
}
}
.marketingHero .text-left {
text-align: left
}
@media only screen and (max-width:64em) {
.marketingHero .text-left\@tablet {
text-align: left
}
}
@media only screen and (max-width:40em) {
.marketingHero .text-left\@phone {
text-align: left
}
}
.marketingHero .text-centered {
text-align: center
}
@media only screen and (max-width:64em) {
.marketingHero .text-centered\@tablet {
text-align: center
}
}
@media only screen and (max-width:40em) {
.marketingHero .text-centered\@phone {
text-align: center
}
}
.c-templateSelection {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
.c-templateSelection--disabled {
opacity: .4
}
.c-templateSelection_item {
max-width: none;
padding-left: 15px;
padding-right: 15px
}
@media only screen and (min-width:120em) {
.c-templateSelection_item {
width: 308px
}
}
@media only screen and (max-width:120em) {
.c-templateSelection_item {
width: 16.6%
}
}
@media only screen and (max-width:105em) {
.c-templateSelection_item {
width: 20%
}
}
@media only screen and (max-width:75em) {
.c-templateSelection_item {
width: 25%
}
}
@media only screen and (max-width:64em) {
.c-templateSelection_item {
width: 33.3%
}
}
@media only screen and (max-width:40em) {
.c-templateSelection_item {
width: 50%
}
}
@media only screen and (max-width:31.25em) {
.c-templateSelection_item {
width: 100%
}
}
.nuniMigrationTemplateBox {
display: flex;
justify-content: center;
margin: 15px 20px;
padding: 0;
position: relative;
float: none;
width: 97%;
border-radius: 12px;
background-color: #f6f6f4
}
.nuniMigrationTemplateBoxHeadline {
font-family: 'Means Web', serif;
font-weight: 400;
font-size: 32px;
line-height: 36px;
margin-left: 50px
}
.nuniMigrationTemplateBoxDescription {
font-family: 'Graphik Web', serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(36, 28, 21, 0.65);
margin-left: 50px;
margin-bottom: 24px
}
.nuniMigrationTemplateBoxTextContents {
margin-top: 40px;
text-wrap: auto;
max-width: 390px
}
.nuniMigrationTemplateBoxButton {
margin-left: 50px;
margin-bottom: 60px;
background-color: #007c89;
color: #ffffff;
height: 44px;
min-width: 236px
}
.nuniMigrationTemplateBoxImage {
cursor: pointer;
width: 220px;
margin: 10px;
height: auto
}
.nuniMigrationTemplateBoxImageContainer {
display: flex;
margin-right: 40px;
margin-top: 40px;
margin-bottom: 40px;
margin-left: 80px
}
.nuniTemplateTitle {
font-family: 'Graphik Web', serif;
font-size: 16px;
background-color: #ffffff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
padding-top: 15px;
padding-left: 15px;
padding-bottom: 20px
}
.c-filteredSearch {
max-width: 635px
}
.c-filteredSearch_icon {
top: 6px;
left: 12px
}
.c-filteredSearch input[type="search"] {
padding-left: 42px;
padding-right: 36px
}
.c-filteredSearch_clear {
top: 10px;
right: 10px;
cursor: pointer
}
.c-filteredSearch_clear:hover {
opacity: .5
}
.c-autocomplete {
max-width: 635px
}
.c-autocomplete_divider {
color: #848484
}
.c-autocomplete_suggestions {
border-radius: 4px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.c-autocomplete_suggestion:hover {
background-color: #e6f2f3;
color: var(--legacy-text-primary-color)
}
.c-autocomplete_suggestion_icon {
color: #b7b7b7
}
.c-autocomplete_suggestion_iconImage {
height: 24px;
vertical-align: text-top
}
.c-autocomplete_suggestion_prompt {
color: #848484
}
.c-autocomplete_suggestion_prompt:hover {
background-color: #e6f2f3
}
.c-autocomplete_suggestion--highlighted {
background-color: #e6f2f3
}
.mc-table {
table-layout: auto;
word-break: normal;
font-size: 1.6rem;
margin-bottom: 30px;
width: 100%
}
.mc-table--wrapper {
min-width: 1300px
}
@media only screen and (max-width:64em) {
.mc-table {
overflow-x: auto;
overflow-y: hidden;
display: block
}
.mc-table--nowrap-mobile {
white-space: nowrap
}
}
.mc-table th {
word-break: normal;
text-align: left;
background-color: #f6f6f4;
border-bottom: 1px solid #dedddc;
border-top: 1px solid #dedddc;
font-weight: 500
}
.mc-table td {
border-bottom: 1px dotted #dedddc;
cursor: default
}
.mc-table td .meter {
min-width: 60px;
margin: 0
}
.mc-table th,
.mc-table td {
vertical-align: top;
padding: 12px 15px
}
.mc-table>tbody:only-child>td:first-child {
padding-left: 0
}
.mc-table>tbody:only-child>td:last-child {
padding-right: 0
}
.mc-table>tbody:only-child .child-row td:first-child {
padding-left: 24px
}
.mc-table .button-small,
.mc-table .button {
margin: 0 0 0 15px
}
.mc-table .button-small:first-child,
.mc-table .button:first-child {
margin-left: 0
}
.mc-table .button-small.float-right:last-child,
.mc-table .button.float-right:last-child {
margin-left: 0
}
.mc-table .button-small.float-right:first-child,
.mc-table .button.float-right:first-child {
margin-left: 15px
}
.mc-table .badge {
margin: 0
}
.mc-table strike {
opacity: .7;
font-weight: normal;
margin-right: 6px
}
.mc-table .child-row td:first-child {
padding-left: 36px
}
@media only screen and (max-width:64em) {
.queue-table .mc-table {
display: table;
white-space: nowrap
}
}
@media only screen and (max-width:31.25em) {
.queue-table .mc-table {
display: block
}
}
.dijitDialogPaneContent .mc-table {
table-layout: auto
}
.table-content-middle th,
.table-content-middle td {
vertical-align: middle
}
.dense td,
.dense td>*,
.dense th {
font-size: 13px
}
.scroll-small {
table-layout: fixed
}
.scroll-small th,
.scroll-small td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@media only screen and (max-width:64em) {
.scroll-small {
display: table
}
}
@media only screen and (max-width:31.25em) {
.scroll-small {
display: block
}
}
@media only screen and (max-width:64em) {
.nowrap-small {
white-space: nowrap
}
}
tr.mergeup td {
border-top: 2px solid #ffffff;
position: relative;
top: -1px;
padding-top: 0
}
.vbars>li {
padding-left: 13px;
margin-left: 12px;
border-left: 1px solid #dedddc
}
.vbars>li:first-child {
border-left: 0 none
}
.spaces>li {
padding-left: 18px
}
@media only screen and (max-width:40em) {
.spaces>li {
float: none !important;
display: block;
padding-left: 0 !important
}
}
.dots>li {
padding-left: 18px;
position: relative
}
.dots>li::before {
content: "•";
position: absolute;
top: 0;
left: 6px;
font-size: 12px;
color: #959595
}
.dots>li:first-child::before {
content: ""
}
.dots>li>a {
display: inline-block
}
.linear-list {
display: block
}
.linear-list>li {
float: left
}
.linear-list>li:first-child {
padding-left: 0;
margin-left: 0;
border-left: 0 none
}
.vbar {
padding-left: 13px;
margin-left: 12px;
position: relative;
display: inline-block
}
.vbar::before {
content: "";
position: absolute;
left: 0;
border-left: 1px solid #dedddc
}
.leaders {
overflow-x: hidden
}
.leaders li {
margin-bottom: 12px;
background: url("https://cdn-images.mailchimp.com/product/bg-leaders.png") transparent 0 17px repeat-x
}
.leaders li>span {
background-color: var(--legacy-bg-lvl-1-color)
}
.leaders li>span:first-child {
padding-right: 12px
}
.leaders li>span+span {
float: right;
padding-left: 12px
}
.leaders li:last-child {
margin-bottom: 0
}
.regular>li a {
padding: 12px;
border-radius: 2px;
margin-bottom: 6px;
color: var(--legacy-text-primary-color);
display: block
}
.regular>li a:hover,
.regular>li a:focus {
background: #e6f2f3
}
.regular>li.selected a {
background: #cce5e7
}
:root {
--hover-list-menu-parent-border-color: #bdbbb9;
--hover-list-menu-child-border-color: #bdbbb9;
--hover-list-menu-child-shadow-color: rgba(0, 0, 0, 0.2);
--hover-list-menu-item-focus-background: #ccebf3;
--hover-list-menu-item-hover-background: #e6f2f3;
--hover-list-link-hover-color: #004e56;
--hover-list-border-color: #dedddc;
--hover-list-shadow-border-color: #dedddc;
--hover-list-divider-border-color: #dedddc;
--hover-list-dropdown-hover-background: #e6f2f3
}
.mcds-dark-mode-flag-enabled {
--hover-list-menu-parent-border-color: var(--color-input-background-secondary-active);
--hover-list-menu-child-border-color: var(--color-input-background-secondary-active);
--hover-list-menu-child-shadow-color: var(--color-shadow);
--hover-list-menu-item-focus-background: var(--color-container-background-accent);
--hover-list-menu-item-hover-background: var(--color-container-background-secondary);
--hover-list-link-hover-color: var(--color-link-text-hover);
--hover-list-border-color: var(--color-container-border-primary);
--hover-list-shadow-border-color: var(--color-container-border-primary);
--hover-list-divider-border-color: var(--color-container-border-primary);
--hover-list-dropdown-hover-background: var(--color-ui-primary-hover)
}
.c-menuBarToggle {
display: none;
color: var(--legacy-link-color);
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
@media only screen and (max-width:40em) {
.c-menuBarToggle {
display: block
}
}
.c-menuBar {
outline: 0
}
@media only screen and (max-width:40em) {
.c-menuBar {
display: none
}
}
.c-menuParent {
display: inline-block;
padding: 12px 12px 12px 0
}
.c-menuParent+.c-menuParent {
padding-left: 12px
}
@media only screen and (max-width:40em) {
.c-menuParent+.c-menuParent {
border-top: 1px solid var(--hover-list-menu-parent-border-color);
border-top: 1px solid #bdbbb9;
padding: 0
}
}
.c-menuParent:hover,
.c-menuParent:focus {
color: var(--legacy-link-color)
}
.c-menuParent:hover .c-menuParent_link,
.c-menuParent:focus .c-menuParent_link {
color: var(--legacy-link-color)
}
.c-menuParent:active {
outline: 0
}
@media only screen and (max-width:40em) {
.c-menuParent {
padding: 0;
display: block
}
.c-menuParent .menu-down {
float: right
}
}
.c-menuParent_link {
color: var(--legacy-text-primary-color);
outline: 0
}
.v-menuParent {
outline: 0
}
@media only screen and (max-width:40em) {
.v-menuParent {
padding: 12px;
display: block
}
}
.v-menuParent--selected,
.v-menuParent--active {
color: var(--legacy-link-color)
}
.c-menuChild {
position: absolute;
left: 0;
top: 46px;
overflow-y: auto;
max-height: 480px;
border: 1px solid var(--hover-list-menu-child-border-color, #bdbbb9);
border-radius: var(--legacy-border-card-radius);
display: none;
box-shadow: 0 1px 8px var(--hover-list-menu-child-shadow-color), rgba(0, 0, 0, 0.2)
}
@media only screen and (max-width:40em) {
.c-menuChild {
position: static;
border: 0 none;
border-radius: 0;
box-shadow: none
}
}
.v-menuChild--active {
display: block
}
.c-menuItem:focus {
background-color: var(--hover-list-menu-item-focus-background, #ccebf3);
outline: 0
}
.c-menuItem_link {
outline: 0;
padding: 12px 18px;
color: var(--legacy-text-primary-color);
-ms-transition: background-color 0.18s ease-in-out 0s;
transition: background-color 0.18s ease-in-out 0s
}
.c-menuItem_link:hover {
color: var(--legacy-text-primary-color);
background-color: var(--hover-list-menu-item-hover-background, #e6f2f3)
}
.v-menuItem_link--selected {
color: var(--legacy-link-color)
}
.v-menuItem_link--selected:hover {
color: var(--hover-list-link-hover-color, #004e56)
}
.hover-list {
position: relative
}
.hover-list>li>ul {
display: none;
position: absolute;
z-index: 999;
top: 30px;
right: auto;
left: 0;
border: 1px solid var(--hover-list-border-color, #dedddc);
background-color: var(--legacy-bg-lvl-1-color);
white-space: nowrap;
border-radius: 2px;
box-shadow: 0 2px 3px 0 var(--hover-list-shadow-border-color, #dedddc);
max-height: 480px;
overflow: hidden;
overflow-y: auto
}
.hover-list.stayopen>li>ul {
display: block !important
}
.hover-list>li>a::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e024";
margin-left: 3px
}
.hover-list .right-edge {
left: auto;
right: 0 !important
}
.field-help .hover-list>li>ul {
width: 450px
}
.field-help .hover-list>li>ul li {
-ms-word-wrap: break-word;
word-wrap: break-word;
white-space: normal
}
.hover-list .divider {
display: block;
border-top: 1px solid var(--hover-list-divider-border-color, #dedddc)
}
.hover-list>li>ul>li>a,
.hover-list>li>ul>li>ul>li>a {
font-size: 1.4rem;
color: var(--legacy-text-primary-color);
padding: 12px 18px;
-ms-transition: background-color 0.18s ease-in-out 0s;
transition: background-color 0.18s ease-in-out 0s
}
.hover-list>li>ul>li>a:hover,
.hover-list>li>ul>li>ul>li>a:hover {
background-color: var(--hover-list-menu-item-hover-background, #e6f2f3)
}
.alignc .hover-list ul {
left: 40%
}
.hover-list .right-edge::after,
.hover-list .right-edge::before {
right: 15px;
left: auto
}
.hover-list .fixed-width {
width: 250px;
white-space: normal
}
.hover-list.inline-block>li>ul {
right: auto
}
.mc-dropdown a,
.mc-dropdown a:link,
.mc-dropdown a:visited {
display: block;
font-size: 1.4rem;
padding: 12px 18px;
background: transparent;
color: var(--legacy-text-primary-color)
}
.mc-dropdown a:hover,
.mc-dropdown a:focus,
.mc-dropdown a:active {
background: var(--hover-list-dropdown-hover-background, #e6f2f3)
}
.mc-dropdown div:first-child a {
border-radius: 2px 2px 0 0
}
.mc-dropdown div:last-child a {
border-radius: 0 0 2px 2px
}
.c-interstitial_popup {
width: 980px;
-webkit-flex: 0 0 980px;
-ms-flex: 0 0 980px;
flex: 0 0 980px
}
@media only screen and (max-width:64em) {
.c-interstitial_popup {
width: 59em;
-webkit-flex: 0 0 59em;
-ms-flex: 0 0 59em;
flex: 0 0 59em
}
}
@media only screen and (max-width:60em) {
.c-interstitial_popup {
width: 39em;
-webkit-flex: 0 0 39em;
-ms-flex: 0 0 39em;
flex: 0 0 39em
}
}
@media only screen and (max-width:40em) {
.c-interstitial_popup {
width: 30.25em;
-webkit-flex: 0 0 30.25em;
-ms-flex: 0 0 30.25em;
flex: 0 0 30.25em
}
}
@media only screen and (max-width:31.25em) {
.c-interstitial_popup {
width: 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.c-interstitial_popup.c-interstitial_popup {
margin: 0;
border-radius: 0
}
}
.c-interstitial_search-container {
width: calc(100% - 68px)
}
.c-interstitial_hybrid-height_container {
max-height: calc(100vh - 46px);
margin-bottom: 0
}
@media only screen and (max-width:31.25em) {
.c-interstitial_hybrid-height_container {
max-height: 100vh
}
}
.c-interstitial_hybrid-height_content {
max-height: calc(100vh - 118px)
}
@media only screen and (max-width:31.25em) {
.c-interstitial_hybrid-height_content {
max-height: calc(100vh - 72px)
}
}
.c-interstitial_button:hover {
color: var(--legacy-link-color)
}
.c-blueprintCard {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 250px;
height: 240px;
padding: 54px 18px 0 18px;
margin-top: 0;
margin-bottom: 48px
}
.c-blueprintCard_container {
padding-left: 66px;
padding-right: 66px;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
@media only screen and (max-width:60em) {
.c-blueprintCard_container {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
}
.c-blueprintCard_container::after {
content: "";
width: 250px;
height: 1px;
display: block
}
.c-blueprintCard_container_meta.c-blueprintCard_container_meta {
padding-left: 66px;
padding-right: 66px
}
.c-blueprintCard_container_meta.c-blueprintCard_container_meta::before {
position: absolute;
margin-left: -24px;
margin-top: 6px
}
.c-blueprintCard_container_count {
margin-top: 6px
}
@media only screen and (max-width:60em) {
.c-blueprintCard_container_count {
float: none;
display: block;
position: absolute
}
}
.c-blueprintCard_container_description {
position: absolute;
top: 72px;
padding-left: 66px;
padding-right: 66px
}
@media only screen and (max-width:60em) {
.c-blueprintCard_container_description {
position: static;
margin-bottom: 48px
}
}
.c-blueprintCard_simple-container {
padding-left: 0;
padding-right: 0;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
@media only screen and (max-width:60em) {
.c-blueprintCard_simple-container {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
}
.c-blueprintCard_simple-container::after {
content: "";
width: 290px;
height: 1px;
display: block
}
.c-blueprintCard_simple {
height: 130px;
margin-bottom: 18px;
padding-top: 18px;
text-align: center;
width: 290px
}
.c-blueprintCard_simple .c-channelIcon,
.c-blueprintCard_simple .c-blueprintCard--automation {
display: none
}
.c-blueprintCard_simple .c-blueprintCard-description {
line-height: 21px
}
.c-blueprintCard--icon {
position: absolute;
top: 18px;
left: 18px
}
.c-blueprintCard--automation {
position: absolute;
top: 18px;
right: 18px;
font-size: 12px;
color: var(--legacy-text-secondary-color);
font-weight: 500
}
.c-blueprintCard--automation_img {
vertical-align: middle;
margin-bottom: 3px
}
.c-blueprintCard:focus {
outline: none;
border-color: #007c89;
box-shadow: inset 0 0 0 1px #007c89
}
.c-promotionCard {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 6px;
padding: 18px;
margin: 0 18px 48px 18px;
max-width: 635px;
text-align: center
}
.c-promotionCard_bg {
background: #efeeea
}
.c-promotionCard--one_promo {
max-width: 70%
}
.c-promotionCard--abandoned_cart_promo {
max-width: 40%
}
.c-promotionCard_container {
margin-left: auto;
margin-right: auto
}
.c-promotionCard_container--width-single-column {
max-width: 635px
}
.c-promotionCard_container--width-multiple-columns {
max-width: 75%
}
.c-promotionCard_headline {
font-size: 1.7rem;
text-align: center
}
.c-promotionCard_paragraph {
font-size: 1.7rem;
text-align: center;
margin: 0 auto;
padding-bottom: 18px
}
.c-promotionCard_image {
padding-bottom: 18px
}
.c-promotionCard_description {
font-size: 1.4rem;
font-weight: normal;
text-align: center;
padding-bottom: 6px;
opacity: .8
}
.c-promotionCard .button {
margin-right: 0
}
.c-confirmation {
margin-top: 36px;
margin-bottom: 60px;
padding: 30px
}
.c-confirmation_row {
margin-right: auto;
margin-left: auto
}
.c-confirmation_summary {
margin-bottom: 24px
}
.c-confirmation_animation {
margin-bottom: 24px;
height: 210px
}
.c-confirmation_animation--ads {
height: 212px
}
.c-confirmation_animation--interactive {
cursor: pointer
}
.c-confirmation_headline {
margin-bottom: 18px;
text-transform: none;
max-width: 635px
}
.c-confirmation_sub-headline {
max-width: 635px
}
.c-confirmation_sub-headline_link {
border-bottom: 1px solid #007c89
}
.c-confirmation_integrations {
margin-top: 48px;
border-top: 1px solid #dedddc;
padding-top: 48px;
max-width: 50%
}
.c-confirmation_paragraph {
font-size: 1.6rem;
text-align: center;
max-width: 635px
}
.c-confirmation_paragraph_link {
color: var(--legacy-text-secondary-color)
}
.c-confirmation_paragraph_link a {
border-bottom: none;
font-weight: 500;
text-decoration: none
}
.c-confirmation_campaignUrl {
font-size: 2rem;
line-height: 24px;
font-weight: 500;
text-align: center;
margin-bottom: 24px;
max-width: 635px
}
.c-confirmation_campaignUrl_link {
border-bottom: 1px solid #007c89;
word-break: break-all
}
.c-confirmation_social-share {
margin-bottom: 24px
}
.c-confirmation_social-share_headline {
opacity: .8;
text-align: center;
margin-bottom: 0;
max-width: 100%;
width: 100%
}
.c-confirmation_social-share_icon {
padding: 6px
}
.c-confirmation_buttonContainer {
margin-bottom: 24px
}
.c-confirmation_date-estimate {
width: 100%;
max-width: 320px;
border-radius: 2px
}
.c-confirmation_date-estimate_disclaimer {
color: var(--legacy-text-secondary-color)
}
.c-sendItAnimation_circle {
fill: #fbeeca
}
.dotted-list {
margin-bottom: 12px
}
.dotted-list>li {
line-height: 24px;
padding: 12px 0 11px;
border-bottom: 1px dotted #dedddc
}
.dotted-list>li>div {
padding: 0
}
.dotted-list>li>div>a {
display: block
}
.dotted-list>li .feedback-block {
padding: inherit
}
.topborder>li:first-child {
border-top: 1px dotted #dedddc
}
.list-thick {
margin-bottom: 24px
}
.list-thick>li {
padding: 24px 0 23px
}
.list-squished>li {
padding: 6px 0 5px
}
button,
.button,
.button-small {
color: #241c15;
background-color: #efeeea;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
font-weight: 500;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
text-align: center;
vertical-align: middle;
text-transform: capitalize;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
overflow: hidden;
padding: 0 18px;
margin-right: 18px;
border: 1px solid transparent;
border-radius: var(--legacy-border-pill-radius);
display: inline-block;
-ms-transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
font-size: 1.4rem;
height: 36px;
line-height: 34px
}
button:visited,
.button:visited,
.button-small:visited {
color: #241c15
}
button:hover,
.button:hover,
.button-small:hover {
cursor: pointer;
color: #241c15;
background-color: #d9d7cd
}
button:focus,
.button:focus,
.button-small:focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
outline-width: 0
}
button:active,
.button:active,
.button-small:active,
button.active,
.button.active,
.button-small.active {
background-color: #cecbbf
}
button[disabled],
.button[disabled],
.button-small[disabled],
button.disabled,
.button.disabled,
.button-small.disabled,
button.loading,
.button.loading,
.button-small.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
button[disabled].button--onDarkBg,
.button[disabled].button--onDarkBg,
.button-small[disabled].button--onDarkBg,
button.disabled.button--onDarkBg,
.button.disabled.button--onDarkBg,
.button-small.disabled.button--onDarkBg,
button.loading.button--onDarkBg,
.button.loading.button--onDarkBg,
.button-small.loading.button--onDarkBg {
opacity: .3
}
button.disabled.clickable,
.button.disabled.clickable,
.button-small.disabled.clickable {
pointer-events: all
}
button:focus,
.button:focus,
.button-small:focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
box-shadow: inset 0 0 0 1px #007c89, inset 0 0 0 2px #ffffff
}
button .freddicon,
.button .freddicon,
.button-small .freddicon {
margin-right: 6px
}
button .freddicon.no-text,
.button .freddicon.no-text,
.button-small .freddicon.no-text {
margin-right: 0
}
button .freddicon.on-right,
.button .freddicon.on-right,
.button-small .freddicon.on-right {
margin-left: 6px;
margin-right: 0
}
.project-runway .button {
--legacy-button-bg-hover: var(--color-action-passive-hover);
color: var(--legacy-text-primary-color);
background-color: var(--legacy-bg-lvl-3-color);
border: 1px solid transparent
}
.project-runway .button:hover,
.project-runway .button:active,
.project-runway .button.active {
background-color: var(--legacy-button-bg-hover);
color: var(--text-primary-color)
}
.project-runway .button:focus {
box-shadow: inset 0 0 0 1px var(--legacy-interactive-color);
outline-width: 0
}
.project-runway .button[disabled],
.project-runway .button.disabled,
.project-runway .button.loading {
pointer-events: none;
opacity: .4
}
.project-runway .button.disabled.clickable {
pointer-events: all
}
.mcds-redesign-molecules .button {
font-weight: 400
}
.button-text-transform-none {
text-transform: none !important
}
.button-large {
font-weight: 500;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
text-align: center;
vertical-align: middle;
text-transform: capitalize;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
overflow: hidden;
padding: 0 18px;
margin-right: 18px;
border: 1px solid transparent;
border-radius: var(--legacy-border-pill-radius);
display: inline-block;
-ms-transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
font-size: 1.6rem;
height: 48px;
line-height: 46px
}
.button-large .freddicon {
margin-right: 6px
}
.button-large .freddicon.no-text {
margin-right: 0
}
.button-large .freddicon.on-right {
margin-left: 6px;
margin-right: 0
}
.button-wide {
padding: 0 42px
}
.button-wink {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-weight: 500;
line-height: 44px;
height: auto;
white-space: nowrap;
padding: 0 30px;
text-transform: none;
user-select: none;
border-radius: var(--legacy-border-pill-radius);
transition: border .2s ease-in-out 0s, color .2s ease-in-out 0s, background-color .2s ease-in-out 0s
}
.button-wink:focus {
outline: 2px solid #007c89;
outline-offset: 1px
}
.button-wink svg {
margin-right: 6px
}
.button-wink.dijitButton {
padding: 12px 32px
}
.button-wink .dijitButtonText {
line-height: inherit;
height: 20px
}
.button-wink-primary {
color: #ffffff;
background-color: var(--legacy-interactive-color);
text-decoration: none
}
.button-wink-primary:hover,
.button-wink-primary:active {
color: #ffffff;
background-color: #004e56
}
.button-wink-primary[disabled],
a.button-wink-primary:not([href]) {
pointer-events: none;
background-color: rgba(36, 28, 21, 0.15)
}
.button-wink-secondary {
color: var(--legacy-interactive-color);
box-shadow: inset 0 0 0 1px var(--legacy-interactive-color);
background-color: transparent;
text-decoration: none
}
.button-wink-secondary:hover,
.button-wink-secondary:active {
color: #004e56;
box-shadow: inset 0 0 0 1px #004e56;
background-color: rgba(0, 124, 137, 0.1)
}
.button-wink-secondary[disabled],
a.button-wink-secondary:not([href]) {
pointer-events: none;
color: rgba(36, 28, 21, 0.15);
box-shadow: inset 0 0 0 1px rgba(36, 28, 21, 0.15);
background-color: transparent
}
.button-wink-link {
color: var(--legacy-interactive-color);
background-color: transparent;
text-decoration: none
}
.button-wink-link:hover,
.button-wink-link:active {
color: #004e56;
background-color: transparent
}
.button-wink-link[disabled],
a.button-wink-link:not([href]) {
pointer-events: none;
color: rgba(36, 28, 21, 0.15);
background-color: transparent
}
.p0 {
color: #ffffff;
background-color: #716b67;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}
.p0:visited {
color: #ffffff
}
.p0:hover {
cursor: pointer;
color: #ffffff;
background-color: #56524f
}
.p0:focus {
border: 1px solid #004e56;
box-shadow: inset 0 0 0 1px #004e56;
outline-width: 0
}
.p0:active,
.p0.active {
background-color: #494542
}
.p0[disabled],
.p0.disabled,
.p0.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.p0[disabled].button--onDarkBg,
.p0.disabled.button--onDarkBg,
.p0.loading.button--onDarkBg {
opacity: .3
}
.p0.disabled.clickable {
pointer-events: all
}
.p0:focus {
border: 1px solid #004e56;
box-shadow: inset 0 0 0 1px #004e56;
box-shadow: inset 0 0 0 1px #004e56, inset 0 0 0 2px #ffffff
}
.p0.button-loading {
background-image: url("https://cdn-images.mailchimp.com/product/buttons/loader-white@2x.png")
}
.project-runway .p0 {
color: var(--legacy-interactive-color);
background-color: transparent;
border: 1px solid var(--legacy-interactive-color)
}
.project-runway .p0:visited {
color: var(--legacy-interactive-color)
}
.project-runway .p0:hover,
.project-runway .p0:active,
.project-runway .p0.active {
color: var(--legacy-interactive-hover-color);
background-color: var(--legacy-bg-interactive-color)
}
.project-runway .p0:focus {
box-shadow: inset 0 0 0 1px var(--legacy-interactive-color);
outline-width: 0
}
.project-runway .p0[disabled],
.project-runway .p0.disabled,
.project-runway .p0.loading {
pointer-events: none;
opacity: .4
}
.project-runway .p0.disabled.clickable {
pointer-events: all
}
.mcds-redesign-molecules .p0 {
color: var(--color-text-primary);
border: 1px solid var(--color-container-border-secondary)
}
.mcds-redesign-molecules .p0:visited {
color: var(--color-text-primary)
}
.mcds-redesign-molecules .p0:hover,
.mcds-redesign-molecules .p0:active,
.mcds-redesign-molecules .p0.active {
color: var(--color-text-primary);
background-color: var(--color-action-standard-subtle-hover)
}
.p1 {
color: #ffffff;
background-color: #007c89;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}
.p1:visited {
color: #ffffff
}
.p1:hover {
cursor: pointer;
color: #ffffff;
background-color: #006570
}
.p1:focus {
border: 1px solid #004e56;
box-shadow: inset 0 0 0 1px #004e56;
outline-width: 0
}
.p1:active,
.p1.active {
background-color: #004e56
}
.p1[disabled],
.p1.disabled,
.p1.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.p1[disabled].button--onDarkBg,
.p1.disabled.button--onDarkBg,
.p1.loading.button--onDarkBg {
opacity: .3
}
.p1.disabled.clickable {
pointer-events: all
}
.p1:focus {
border: 1px solid #004e56;
box-shadow: inset 0 0 0 1px #004e56;
box-shadow: inset 0 0 0 1px #004e56, inset 0 0 0 2px #ffffff
}
.p1.button-loading {
background-image: url("https://cdn-images.mailchimp.com/product/buttons/loader-white@2x.png")
}
.outlineButton {
color: #007c89
}
.outlineButton:hover {
color: #007c89
}
.project-runway .p1 {
color: var(--legacy-text-inverse-color);
background-color: var(--legacy-interactive-color);
border: 1px solid transparent
}
.project-runway .p1:hover,
.project-runway .p1:active,
.project-runway .p1.active {
background-color: var(--legacy-interactive-hover-color);
color: var(--legacy-text-inverse-color)
}
.project-runway .p1:focus {
box-shadow: inset 0 0 0 1px var(--legacy-interactive-color);
outline-width: 0
}
.project-runway .p1[disabled],
.project-runway .p1.disabled,
.project-runway .p1.loading {
pointer-events: none;
opacity: .4
}
.project-runway .p1.disabled.clickable {
pointer-events: all
}
.p2,
a.button.p2 {
color: #ffffff;
background-color: #f25f25;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}
.p2:visited,
a.button.p2:visited {
color: #ffffff
}
.p2:hover,
a.button.p2:hover {
cursor: pointer;
color: #ffffff;
background-color: #d7460d
}
.p2:focus,
a.button.p2:focus {
border: 1px solid #bf3e0b;
box-shadow: inset 0 0 0 1px #bf3e0b;
outline-width: 0
}
.p2:active,
a.button.p2:active,
.p2.active,
a.button.p2.active {
background-color: #bf3e0b
}
.p2[disabled],
a.button.p2[disabled],
.p2.disabled,
a.button.p2.disabled,
.p2.loading,
a.button.p2.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.p2[disabled].button--onDarkBg,
a.button.p2[disabled].button--onDarkBg,
.p2.disabled.button--onDarkBg,
a.button.p2.disabled.button--onDarkBg,
.p2.loading.button--onDarkBg,
a.button.p2.loading.button--onDarkBg {
opacity: .3
}
.p2.disabled.clickable,
a.button.p2.disabled.clickable {
pointer-events: all
}
.p2:focus,
a.button.p2:focus {
border: 1px solid #bf3e0b;
box-shadow: inset 0 0 0 1px #bf3e0b;
box-shadow: inset 0 0 0 1px #bf3e0b, inset 0 0 0 2px #ffffff
}
.p2.button-loading,
a.button.p2.button-loading {
background-image: url("https://cdn-images.mailchimp.com/product/buttons/loader-white@2x.png")
}
.project-runway .p2,
.project-runway a.button.p2 {
color: var(--legacy-text-inverse-color);
background-color: var(--color-ui-negative);
border: 1px solid transparent
}
.project-runway .p2:hover,
.project-runway a.button.p2:hover,
.project-runway .p2:active,
.project-runway a.button.p2:active,
.project-runway .p2.active,
.project-runway a.button.p2.active {
background-color: var(--color-ui-negative-hover);
color: var(--legacy-text-inverse-color)
}
.project-runway .p2:focus,
.project-runway a.button.p2:focus {
box-shadow: inset 0 0 0 1px var(--color-ui-negative);
outline-width: 0
}
.project-runway .p2[disabled],
.project-runway a.button.p2[disabled],
.project-runway .p2.disabled,
.project-runway a.button.p2.disabled,
.project-runway .p2.loading,
.project-runway a.button.p2.loading {
pointer-events: none;
opacity: .4
}
.project-runway .p2.disabled.clickable,
.project-runway a.button.p2.disabled.clickable {
pointer-events: all
}
.button--light {
color: #241c15;
background-color: #f2f2f2;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}
.button--light:visited {
color: #241c15
}
.button--light:hover {
cursor: pointer;
color: #241c15;
background-color: #d9d9d9
}
.button--light:focus {
border: 1px solid false;
box-shadow: inset 0 0 0 1px false;
outline-width: 0
}
.button--light:active,
.button--light.active {
background-color: #ccc
}
.button--light[disabled],
.button--light.disabled,
.button--light.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.button--light[disabled].button--onDarkBg,
.button--light.disabled.button--onDarkBg,
.button--light.loading.button--onDarkBg {
opacity: .3
}
.button--light.disabled.clickable {
pointer-events: all
}
.button-loading {
background-size: 20px;
background-position: 18px center;
background-repeat: no-repeat;
padding-left: 44px;
background-image: url("https://cdn-images.mailchimp.com/product/buttons/loader-dark@2x.png")
}
.button-loading.disabled,
.button-loading[disabled] {
background-image: url("https://cdn-images.mailchimp.com/product/buttons/loader-light@2x.png")
}
.c-button--circle {
border-radius: 50%;
width: 40px;
height: 40px;
padding: 0;
text-align: center;
color: #241c15;
background-color: #f8f8f8;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}
.c-button--circle:visited {
color: #241c15
}
.c-button--circle:hover {
cursor: pointer;
color: #241c15;
background-color: #dfdfdf
}
.c-button--circle:focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
outline-width: 0
}
.c-button--circle:active,
.c-button--circle.active {
background-color: #d2d2d2
}
.c-button--circle[disabled],
.c-button--circle.disabled,
.c-button--circle.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.c-button--circle[disabled].button--onDarkBg,
.c-button--circle.disabled.button--onDarkBg,
.c-button--circle.loading.button--onDarkBg {
opacity: .3
}
.c-button--circle.disabled.clickable {
pointer-events: all
}
.c-button--circle .freddicon {
font-size: 16px !important;
margin-right: 0
}
.c-button--circle:focus {
outline: 0
}
.button-group {
position: relative;
display: inline-block;
font-size: inherit;
white-space: nowrap;
vertical-align: middle
}
.button-group+.button-group {
margin-left: 30px
}
.button-group .button,
.button-group .button-small {
position: relative;
margin-right: 0
}
.button-group .button:first-child,
.button-group .button-small:first-child {
border-radius: 2px 0 0 2px
}
.button-group .button:last-child,
.button-group .button-small:last-child {
margin-right: 0;
border-radius: 0 2px 2px 0
}
.button-group .button.selected,
.button-group .button-small.selected {
outline: 0
}
.button-group.dark .button,
.button-group.dark .button-small {
color: #ffffff;
background-color: #716b67;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}
.button-group.dark .button:visited,
.button-group.dark .button-small:visited {
color: #ffffff
}
.button-group.dark .button:hover,
.button-group.dark .button-small:hover {
cursor: pointer;
color: #ffffff;
background-color: #56524f
}
.button-group.dark .button:focus,
.button-group.dark .button-small:focus {
border: 1px solid #004e56;
box-shadow: inset 0 0 0 1px #004e56;
outline-width: 0
}
.button-group.dark .button:active,
.button-group.dark .button-small:active,
.button-group.dark .button.active,
.button-group.dark .button-small.active {
background-color: #494542
}
.button-group.dark .button[disabled],
.button-group.dark .button-small[disabled],
.button-group.dark .button.disabled,
.button-group.dark .button-small.disabled,
.button-group.dark .button.loading,
.button-group.dark .button-small.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.button-group.dark .button[disabled].button--onDarkBg,
.button-group.dark .button-small[disabled].button--onDarkBg,
.button-group.dark .button.disabled.button--onDarkBg,
.button-group.dark .button-small.disabled.button--onDarkBg,
.button-group.dark .button.loading.button--onDarkBg,
.button-group.dark .button-small.loading.button--onDarkBg {
opacity: .3
}
.button-group.dark .button.disabled.clickable,
.button-group.dark .button-small.disabled.clickable {
pointer-events: all
}
.button-group .button+.button,
.button-group .button-small+.button-small {
margin-left: -3px
}
.button-link {
overflow: hidden;
border: 0 none;
background: none;
border-radius: 0;
white-space: nowrap;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
background: transparent;
padding: 0;
margin: 0;
height: inherit;
line-height: inherit;
color: var(--legacy-interactive-color);
text-decoration: none;
font-size: 1.6rem;
font-weight: inherit;
vertical-align: baseline
}
.button-link:hover {
background: transparent
}
.button-link:focus {
border: 0 none;
box-shadow: inset 0 0 0 2px #007c89
}
.button-link:hover,
.button-link:focus {
color: #004e56
}
.button-link:focus,
.button-link:active {
text-decoration: underline;
border: 0;
outline: 0;
box-shadow: none
}
.button-link--small {
font-size: 1.4rem
}
.button-link--underline {
line-height: normal;
border-bottom: 1px solid
}
.button-link[disabled] {
border: none
}
.ctaPrimary {
background-image: none !important;
display: inline-block;
--horizontal-padding: 1.5rem;
--vertical-padding: .75rem;
text-align: center;
box-sizing: border-box;
text-decoration: none;
color: #241c15;
background: #ffe01b;
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: .75rem 1.5rem;
border-radius: 38px;
min-width: 140px;
box-shadow: 0 0 0 .0625rem #241c15;
transform: translateY(0);
position: relative;
transition: transform .3s cubic-bezier(.65, 0, .35, 1), box-shadow .3s cubic-bezier(.65, 0, .35, 1)
}
.ctaPrimary::before {
content: '';
border-radius: 38px;
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
transition: bottom .3s cubic-bezier(.65, 0, .35, 1)
}
.ctaPrimary:hover {
background: #ffe01b;
color: #241c15;
box-shadow: 0 0 0 .0625rem #241c15, 0 .375em 0 0 #241c15;
transform: translateY(calc(-0.375em))
}
.ctaPrimary:hover::before {
bottom: calc(-0.4125em)
}
.ctaPrimary:active,
.ctaPrimary:focus {
box-shadow: 0 0 0 .0625rem #241c15, 0 .375em 0 0 #241c15;
transform: translateY(calc(-0.1015625rem))
}
.ctaPrimary:focus-visible {
outline: none
}
.ctaPrimary:focus-visible::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: calc(-0.1015625rem);
left: 0;
outline: .125rem solid #4bc4c2;
outline-offset: calc(.203125rem)
}
@media (prefers-reduced-motion) {
.ctaPrimary {
--animation-depth: calc(.203125rem);
transition: transform .4s ease, box-shadow .4s ease
}
.ctaPrimary:focus-visible {
--animation-depth: 0
}
}
.ctaPrimary.disabled,
.ctaPrimary[disabled] {
--cta-stroke-width: 0;
color: rgba(36, 28, 21, 0.65);
background: #dbd9d2;
pointer-events: none
}
.ctaSecondary {
--cta-text-color: #241c15;
--cta-background-color: rgba(36, 28, 21, 0);
--cta-stroke-width: .0625rem
}
.c-buttonGroupButton {
overflow: hidden;
border: 0 none;
background: none;
border-radius: 0;
white-space: nowrap;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
margin: 0;
line-height: 1;
position: relative
}
.c-buttonGroupButton[disabled],
.c-buttonGroupButton.disabled,
.c-buttonGroupButton.loading {
border: none
}
.c-buttonGroupItem:first-child .v-buttonGroupBordered {
border-radius: 2px 0 0 2px;
margin-left: 0
}
.c-buttonGroupItem:first-child .v-buttonGroupUnderlined {
margin-left: 0
}
.c-buttonGroupItem:last-child .v-buttonGroupBordered {
border-radius: 0 2px 2px 0
}
.c-buttonGroupItem:last-child .v-buttonGroupUnderlined {
margin-right: 0
}
.v-buttonGroupItemFlex {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.v-buttonGroupButtonFlex {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%
}
.v-buttonGroupButtonFlex .freddicon {
line-height: 1.6rem
}
.v-buttonGroupBasic:hover,
.v-buttonGroupBasic:focus {
border: none;
box-shadow: none;
background: #f2f2f2
}
.v-buttonGroupBasic:active {
background: #e5e5e5
}
.v-buttonGroupUnderlined {
color: var(--legacy-text-secondary-color);
background: none;
padding: 0;
margin: 0 18px;
border-bottom: 2px solid transparent;
-ms-transition: none;
transition: none
}
.v-buttonGroupUnderlined:hover,
.v-buttonGroupUnderlined:focus {
color: var(--legacy-text-primary-color);
outline: none;
box-shadow: none;
border: none;
border-bottom: 2px solid transparent;
background: none
}
.v-buttonGroupUnderlined--compact {
margin: 0 6px
}
.v-buttonGroupUnderlined--active {
color: #007c89;
border-color: #007c89
}
.v-buttonGroupUnderlined--active:focus {
border-bottom: 2px solid #007c89;
color: #007c89
}
.v-buttonGroupUnderlined--active:hover {
border-bottom: 2px solid #004e56;
color: #004e56;
cursor: default
}
.v-buttonGroupBordered,
.v-buttonGroupLabel {
border: 1px solid #bdbbb9;
margin-left: -1px;
z-index: 1
}
.v-buttonGroupBordered .c-buttonGroupItemIcon,
.v-buttonGroupLabel .c-buttonGroupItemIcon {
color: rgba(36, 28, 21, 0.3)
}
.v-buttonGroupBordered:hover,
.v-buttonGroupLabel:hover {
outline: none;
background: #e6f2f3
}
.v-buttonGroupBordered--active {
background: #cce5e7;
border-color: var(--legacy-interactive-color);
z-index: 2
}
.v-buttonGroupBordered--active .c-buttonGroupItemIcon {
color: var(--legacy-text-secondary-color)
}
.v-buttonGroupBordered--active:hover {
background: #e6f2f3
}
.v-buttonGroupBottomBordered {
border-bottom: 2px solid #bdbbb9;
padding: 12px 0;
height: auto
}
.v-buttonGroupBottomBordered .c-buttonGroupItemIcon {
color: rgba(36, 28, 21, 0.3)
}
.v-buttonGroupBottomBordered:hover,
.v-buttonGroupBottomBordered:active {
outline: none;
background: #ffffff
}
.v-buttonGroupBottomBordered.v-buttonGroupBordered--active {
background-color: #ffffff;
border-color: #007c89
}
.v-buttonGroupLabel {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 36px;
font-size: 1.4rem
}
.v-buttonGroupLabel:first-of-type {
border-radius: 2px 0 0 2px;
margin-left: 0
}
.v-buttonGroupLabel:last-of-type {
border-radius: 0 2px 2px 0
}
.v-buttonGroupLabel:only-of-type {
border-radius: 2px
}
.v-buttonGroupControl:checked+.v-buttonGroupLabel {
background: #cce5e7;
border-color: var(--legacy-interactive-color);
z-index: 2
}
.v-buttonGroupControl:checked+.v-buttonGroupLabel:hover,
.v-buttonGroupControl:checked+.v-buttonGroupLabel:focus {
background: #e6f2f3
}
.v-imageThumb--animGrayscale {
width: 24px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-ms-transition: opacity .2s ease-in-out 0s;
transition: opacity .2s ease-in-out 0s;
opacity: .4
}
.v-buttonGroupList--animColor {
color: var(--legacy-text-secondary-color)
}
.v-buttonGroupList:hover,
.v-buttonGroupList:focus {
border: none;
box-shadow: none;
outline: none;
background: transparent;
color: var(--legacy-text-primary-color)
}
.v-buttonGroupList:hover .v-imageThumb--animGrayscale,
.v-buttonGroupList:focus .v-imageThumb--animGrayscale {
width: 24px;
opacity: 1
}
.v-buttonGroupList--active,
.v-buttonGroupList--active:hover,
.v-buttonGroupList--active:focus {
background: #f8f8f8;
color: var(--legacy-text-primary-color)
}
.v-buttonGroupList--active .v-imageThumb--animGrayscale {
width: 24px;
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1
}
.v-buttonGroupMenuItem:hover,
.v-buttonGroupMenuItem:focus {
border: none;
box-shadow: none;
background: #e6f2f3
}
.v-buttonGroupMenuItem:active,
.v-buttonGroupMenuItem--active {
background: #cce5e7
}
@font-face {
font-family: 'freddicons';
src: url("https://mailchimp.com/cdn/product/fonts/mailchimp/freddicons/freddicons-20px.eot");
src: url("https://mailchimp.com/cdn/product/fonts/mailchimp/freddicons/freddicons-20px.woff2") format('woff2'), url("https://mailchimp.com/cdn/product/fonts/mailchimp/freddicons/freddicons-20px.woff") format('woff'), url("https://mailchimp.com/cdn/product/fonts/mailchimp/freddicons/freddicons-20px.ttf") format('truetype');
font-display: swap
}
@font-face {
font-family: 'freddicons36';
src: url("https://mailchimp.com/cdn/product/fonts/mailchimp/freddicons/freddicons-36px.eot");
src: url("https://mailchimp.com/cdn/product/fonts/mailchimp/freddicons/freddicons-36px.woff2") format('woff2'), url("https://mailchimp.com/cdn/product/fonts/mailchimp/freddicons/freddicons-36px.woff") format('woff'), url("https://mailchimp.com/cdn/product/fonts/mailchimp/freddicons/freddicons-36px.ttf") format('truetype');
font-display: swap
}
.freddicon {
font-family: 'freddicons';
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
user-select: none
}
.freddicon>span {
position: absolute;
display: inline-block;
text-indent: -9999em;
opacity: 0;
visibility: hidden
}
.freddicon[class*="large"] {
font-family: 'freddicons36';
line-height: 2
}
.freddicon.freddicon--disc-offset {
margin-left: -42px;
margin-right: 20px
}
.freddicon.edit::after {
content: '\e000'
}
.freddicon.duplicate::after {
content: '\e001'
}
.freddicon.trash::after {
content: '\e002'
}
.freddicon.add-circle::after {
content: '\e003'
}
.freddicon.add-fill::after {
content: '\e004'
}
.freddicon.remove-circle::after {
content: '\e005'
}
.freddicon.remove-fill::after {
content: '\e006'
}
.freddicon.tick-circle::after {
content: '\e007'
}
.freddicon.tick-circle-color::after {
content: '\e007';
color: #72c1b0
}
.freddicon.tick-fill::after {
content: '\e008'
}
.freddicon.tick-fill-color::after {
content: '\e008';
color: #72c1b0
}
.freddicon.cross-circle::after {
content: '\e009'
}
.freddicon.cross-circle-color::after {
content: '\e009';
color: #ee836e
}
.freddicon.cross-fill::after {
content: '\e010'
}
.freddicon.info-circle::after {
content: '\e011'
}
.freddicon.info-circle-color::after {
content: '\e011';
color: #52bad5
}
.freddicon.info-fill::after {
content: '\e012'
}
.freddicon.time-circle::after {
content: '\e013'
}
.freddicon.time-fill::after {
content: '\e014'
}
.freddicon.warn-circle::after {
content: '\e015'
}
.freddicon.warn-circle-color::after {
content: '\e015';
color: #febe12
}
.freddicon.warn-fill::after {
content: '\e016'
}
.freddicon.play-circle::after {
content: '\e017'
}
.freddicon.play-fill::after {
content: '\e018'
}
.freddicon.pause-circle::after {
content: '\e019'
}
.freddicon.pause-fill::after {
content: '\e020'
}
.freddicon.menu-left::after {
content: '\e021'
}
.freddicon.menu-left-on-left::after {
content: '\e021';
margin-left: -7px
}
.freddicon.menu-up::after {
content: '\e022'
}
.freddicon.menu-right::after {
content: '\e023'
}
.freddicon.menu-right-on-right::after {
content: '\e023';
margin-right: -7px
}
.freddicon.menu-down::after {
content: '\e024'
}
.freddicon.play::after {
content: '\e025'
}
.freddicon.arrow-left::after {
content: '\e026'
}
.freddicon.arrow-right::after {
content: '\e027'
}
.freddicon.arrow-left-right::after {
content: '\e028'
}
.freddicon.arrow-up::after {
content: '\e029'
}
.freddicon.arrow-down::after {
content: '\e030'
}
.freddicon.download::after {
content: '\e031'
}
.freddicon.share::after {
content: '\e032'
}
.freddicon.refresh::after {
content: '\e033'
}
.freddicon.undo::after {
content: '\e034'
}
.freddicon.plus::after {
content: '\e035'
}
.freddicon.tick::after {
content: '\e036'
}
.freddicon.cross::after {
content: '\e037'
}
.freddicon.menu-right-large::after {
content: '\e038'
}
.freddicon.pause::after {
content: '\e039'
}
.freddicon.code::after {
content: '\e040'
}
.freddicon.print::after {
content: '\e041'
}
.freddicon.no-comment::after {
content: '\e042'
}
.freddicon.comment::after {
content: '\e043'
}
.freddicon.pic::after {
content: '\e044'
}
.freddicon.analytics::after {
content: '\e045'
}
.freddicon.calendar::after {
content: '\e046'
}
.freddicon.month::after {
content: '\e047'
}
.freddicon.week::after {
content: '\e048'
}
.freddicon.day::after {
content: '\e049'
}
.freddicon.maximize::after {
content: '\e050'
}
.freddicon.minimize::after {
content: '\e051'
}
.freddicon.camera::after {
content: '\e052'
}
.freddicon.conversation::after {
content: '\e053'
}
.freddicon.eye::after {
content: '\e054'
}
.freddicon.link::after {
content: '\e055'
}
.freddicon.settings::after {
content: '\e056'
}
.freddicon.search::after,
.freddicon.solidsearch::after {
content: '\e057'
}
.freddicon.phone::after {
content: '\e058'
}
.freddicon.conversation-fill::after {
content: '\e059'
}
.freddicon.location::after {
content: '\e060'
}
.freddicon.grid-view::after {
content: '\e061'
}
.freddicon.list-view::after {
content: '\e062'
}
.freddicon.hamburger::after {
content: '\e063'
}
.freddicon.move-arrows::after {
content: '\e064'
}
.freddicon.vellip::after {
content: '\e065'
}
.freddicon.add-subscriber::after {
content: '\e066'
}
.freddicon.star-fill::after {
content: '\e067';
color: #febe12
}
.freddicon.graystar-fill::after {
content: '\e067';
color: #e0e0e0
}
.freddicon.star-half::after {
content: '\e068'
}
.freddicon.star::after {
content: '\e069'
}
.freddicon.heart-fill::after {
content: '\e070'
}
.freddicon.heart::after {
content: '\e071'
}
.freddicon.desktop::after {
content: '\e072'
}
.freddicon.phone::after {
content: '\e073'
}
.freddicon.offline::after {
content: '\e074'
}
.freddicon.text-bold::after {
content: '\e075'
}
.freddicon.text-italics::after {
content: '\e076'
}
.freddicon.text-underline::after {
content: '\e077'
}
.freddicon.text-color::after {
content: '\e078'
}
.freddicon.fill-color::after {
content: '\e079'
}
.freddicon.bullet-list::after {
content: '\e080'
}
.freddicon.left-align::after {
content: '\e081'
}
.freddicon.center-align::after {
content: '\e082'
}
.freddicon.right-align::after {
content: '\e083'
}
.freddicon.justify::after {
content: '\e084'
}
.freddicon.anchor-link::after {
content: '\e085'
}
.freddicon.editor-pic::after {
content: '\e086'
}
.freddicon.editor-code::after {
content: '\e087'
}
.freddicon.copy::after {
content: '\e088'
}
.freddicon.copy-word::after {
content: '\e089'
}
.freddicon.editor-link::after {
content: '\e090'
}
.freddicon.editor-unlink::after {
content: '\e091'
}
.freddicon.clear-style::after {
content: '\e092'
}
.freddicon.number-list::after {
content: '\e093'
}
.freddicon.editor-undo::after {
content: '\e094'
}
.freddicon.editor-redo::after {
content: '\e095'
}
.freddicon.spellcheck::after {
content: '\e096'
}
.freddicon.horizontal-rule::after {
content: '\e097'
}
.freddicon.paragraph::after {
content: '\e098'
}
.freddicon.paragraph-rtl::after {
content: '\e099'
}
.freddicon.crop::after {
content: '\e100'
}
.freddicon.fullscreen::after {
content: '\e101'
}
.freddicon.redirect::after {
content: '\e102'
}
.freddicon.refresh-pro::after {
content: '\e103'
}
.freddicon.plus-small::after {
content: '\e104'
}
.freddicon.minus-small::after {
content: '\e105'
}
.freddicon.not-allowed::after {
content: '\e106'
}
.freddicon.not-allowed-color::after {
content: '\e106';
color: #ee836e
}
.freddicon.eye-hide::after {
content: '\e107'
}
.freddicon.light-bulb::after {
content: '\e108'
}
.freddicon.light-bulb-color::after {
content: '\e108';
color: #fed156
}
.freddicon.text-strikethrough::after {
content: "\e109"
}
.freddicon.campaign-list::after {
content: "\e110"
}
.freddicon.ab-test::after {
content: "\e111"
}
.freddicon.email-campaign::after {
content: "\e112"
}
.freddicon.rss-feed::after {
content: "\e113"
}
.freddicon.campaign-ongoing::after {
content: "\e114"
}
.freddicon.ad-campaign::after {
content: "\e115"
}
.freddicon.landing-page::after {
content: "\e116"
}
.freddicon.social-post::after {
content: "\e117"
}
.freddicon.editor-indent::after {
content: "\e118"
}
.freddicon.editor-outdent::after {
content: "\e120"
}
.freddicon.archive::after {
content: "\e122"
}
.freddicon.editor-blockquote::after {
content: "\e123"
}
.freddicon.drag-handle::after {
content: "\e124"
}
.freddicon.blocks::after {
content: "\e125"
}
.freddicon.content::after {
content: "\e126"
}
.freddicon.style::after {
content: "\e127"
}
.freddicon.edit-circle-large::after {
content: '\f000'
}
.freddicon.edit-circle-large-color::after {
content: '\f000';
color: #959595
}
.freddicon.edit-fill-large::after {
content: '\f001'
}
.freddicon.duplicate-circle-large::after {
content: '\f002'
}
.freddicon.duplicate-fill-large::after {
content: '\f003'
}
.freddicon.trash-circle-large::after {
content: '\f004'
}
.freddicon.trash-fill-large::after {
content: '\f005'
}
.freddicon.add-circle-large::after {
content: '\f006'
}
.freddicon.add-fill-large::after {
content: '\f007'
}
.freddicon.remove-circle-large::after {
content: '\f008'
}
.freddicon.remove-fill-large::after {
content: '\f009'
}
.freddicon.tick-circle-large::after {
content: '\f010'
}
.freddicon.tick-circle-large-color::after {
content: '\f010';
color: #72c1b0
}
.freddicon.tick-fill-large::after {
content: '\f011';
color: #72c1b0
}
.freddicon.cross-circle-large::after {
content: '\f012'
}
.freddicon.cross-circle-large-color::after {
content: '\f012';
color: #ee836e
}
.freddicon.cross-fill-large::after {
content: '\f013';
color: #ee836e
}
.freddicon.info-circle-large::after {
content: '\f014'
}
.freddicon.info-circle-large-color::after {
content: '\f014';
color: #52bad5
}
.freddicon.info-fill-large::after {
content: '\f015';
color: #52bad5
}
.freddicon.schedule-circle-large::after {
content: '\f016'
}
.freddicon.schedule-circle-large-color::after {
content: '\f016';
color: #febe12
}
.freddicon.schedule-fill-large::after {
content: '\f017'
}
.freddicon.warn-fill-large::after {
content: '\f019';
color: #fede88
}
.freddicon.warn-circle-large::after {
content: '\f018'
}
.warning .freddicon.warn-circle-large::after {
color: var(--legacy-text-primary-color)
}
.freddicon.warn-circle-large-color::after {
content: '\f018';
color: #febe12
}
.freddicon.pause-circle-large::after {
content: '\f020'
}
.freddicon.pause-circle-large-color::after {
content: '\f020';
color: #959595
}
.freddicon.pause-fill-large::after {
content: '\f021';
color: #ee836e
}
.freddicon.code-circle-large::after {
content: '\f022'
}
.freddicon.code-fill-large::after {
content: '\f023'
}
.freddicon.conversation-circle-large::after {
content: '\f024'
}
.freddicon.conversation-circle-large-color::after {
content: '\f024';
color: #72c1b0
}
.freddicon.conversation-fill-large::after {
content: '\f025'
}
.freddicon.eye-circle-large::after {
content: '\f026'
}
.freddicon.eye-fill-large::after {
content: '\f027'
}
.freddicon.link-circle-large::after {
content: '\f028'
}
.freddicon.link-fill-large::after {
content: '\f029'
}
.freddicon.search-circle-large::after {
content: '\f030'
}
.freddicon.search-fill-large::after {
content: '\f031'
}
.freddicon.refresh-circle-large::after {
color: #52bad5;
content: '\f032'
}
.freddicon.not-allowed-large::after {
content: '\f033'
}
.freddicon.not-allowed-large-color::after {
content: '\f033';
color: #ee836e
}
.freddicon.not-allowed-fill-large::after {
content: '\f034'
}
.freddicon.undo-large::after {
content: '\f035'
}
.freddicon.archive-circle-large::after {
content: '\f036'
}
.freddicon.archive-fill-large::after {
content: '\f037'
}
.is-running {
animation: rotateZ 1.5s linear 0s infinite;
-webkit-animation: rotateZ 1.5s linear 0s infinite
}
@-webkit-keyframes rotateZ {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes rotateZ {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.freddie {
background: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/product/brand_assets/logos/mc-freddie-dark.svg") no-repeat scroll 50% 0 transparent;
background-size: 200px;
height: 210px
}
.freddie--login {
background-size: 120px;
height: 130px
}
@media only screen and (max-width:64em) {
.freddie {
background-size: 120px;
height: 130px
}
}
@media only screen and (max-width:40em) {
.freddie {
background-size: 85px;
height: 90px
}
}
.hide-freddie .freddie {
display: none
}
.c-baseOverlay {
position: fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;
overflow-y: auto;
overflow-x: hidden;
background-color: #fdfdfd;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 60px 30px;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: -10;
opacity: .4;
visibility: hidden;
-ms-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
@media only screen and (max-width:64em) {
.c-baseOverlay {
padding: 60px 0
}
}
.c-overlayCloseButton {
overflow: hidden;
border: 0 none;
background: none;
border-radius: 0;
white-space: nowrap;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
background: transparent;
margin: 0;
padding: 0
}
.c-overlayCloseButton:hover {
background: transparent
}
.c-overlayCloseButton:focus {
border: 0 none;
box-shadow: inset 0 0 0 2px #007c89
}
.c-overlayCloseButton .freddicon {
margin-right: 0
}
.c-inlineToast {
font-weight: 500;
display: block;
background-color: #8c8c8c;
border-radius: 4px;
padding: 0 6px
}
.c-inlineToast--dark {
color: var(--legacy-text-primary-color)
}
.c-inlineToast--light {
color: #ffffff
}
.c-tooltip {
border-radius: 12px;
position: absolute;
display: none;
text-align: center;
font-size: 1.4rem;
line-height: 21px;
border: 1px solid #dedddc;
width: 70%;
left: calc(50% - 70% / 2);
box-shadow: 0 2px 3px 0 #e0e0e0;
padding: 12px 6px
}
.c-tooltipTarget {
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
position: relative
}
.c-tooltipTarget::before,
.c-tooltipTarget::after {
content: "";
border: 8px solid transparent;
width: 0;
height: 0;
position: absolute;
left: calc(50% - 8px)
}
.c-tooltipTarget span {
border-bottom: 1px dashed
}
.c-tooltip--default {
top: calc(100% + 8px);
background-color: var(--legacy-bg-lvl-1-color)
}
.c-tooltip--mini {
bottom: calc(100% + 8px);
background-color: #000000;
color: #ffffff;
font-weight: 600
}
.v-tooltipTarget--default::before {
border-bottom: 8px solid #dedddc;
top: 16px
}
.v-tooltipTarget--default::after {
border-bottom: 8px solid #ffffff;
top: 17px
}
.v-tooltipTarget--mini::before {
border-top: 8px solid #dedddc;
bottom: 16px
}
.v-tooltipTarget--mini::after {
border-top: 8px solid #000000;
bottom: 17px
}
.c-campaignArchiveUrl_token--editing {
background: #ccebf3;
padding: 6px
}
.c-campaignArchiveUrl .invalid-error {
margin: 0 0 6px
}
:root {
--color-integrations-hero-bg: #c5dbf2
}
.mcds-dark-mode-flag-enabled {
--color-integrations-hero-bg: var(--color-container-background-accent)
}
.integrations-hero {
background-color: var(--color-integrations-hero-bg, #c5dbf2);
height: 524px;
background-image: url("https://cdn-images.mailchimp.com/product/integrations-hero-bg-2.png");
background-repeat: no-repeat;
background-position: right;
background-size: 600px;
min-width: 1200px
}
@media screen and (max-width:40em) {
.integrations-hero {
height: 365px;
min-width: unset;
background-image: none
}
}
@media screen and (max-width:64em) {
.integrations-hero {
background-image: none
}
}
.integrations-hero .hero-content {
height: 100%;
margin: 0 auto;
width: 1300px;
padding-left: 15px
}
@media screen and (max-width:40em) {
.integrations-hero .hero-content {
width: 100%
}
}
.integrations-hero .hero-content .hero-copy {
display: inline-block;
width: 500px;
margin-top: 175px;
padding-left: 15px
}
@media screen and (max-width:40em) {
.integrations-hero .hero-content .hero-copy {
margin-top: 37px;
padding: 0 25px 0 0;
width: 100%
}
}
.integrations-hero .hero-content .hero-copy h1 {
text-transform: none
}
.integrations-hero .hero-content .hero-copy p {
margin-bottom: 30px
}
.integrations-hero .hero-content .hero-copy a {
text-transform: none;
border-bottom: none
}
@media screen and (max-width:40em) {
.integrations-hero .hero-content .hero-copy a {
float: left;
clear: both
}
}
@media screen and (max-width:40em) {
.integrations-hero .hero-content .hero-copy .hero-buttons .manage-sites {
margin-top: 25px
}
}
.c-noDataBlock {
padding: 42px 6px 42px;
margin: 0 auto
}
.c-noDataBlock_icon {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 240px;
width: 240px;
margin: 0 auto 24px
}
.c-noDataBlock_icon--compact {
height: 186px;
width: 186px
}
.c-noDataBlock_title {
margin: 0 auto;
max-width: 640px
}
.c-noDataBlock_message {
margin: 0 auto
}
.c-noDataBlock_action {
margin: 18px 0 0 0
}
:root {
--campaign-manager-sidebar-link-hover-shadow-color: #f6f6f4
}
.mcds-dark-mode-flag-enabled {
--campaign-manager-sidebar-link-hover-shadow-color: var(--color-page-background-secondary)
}
.btn-kale {
line-height: 0;
border-color: var(--legacy-interactive-color);
background: transparent;
color: var(--legacy-interactive-color);
padding: 20px 28px;
font-size: 1.3rem
}
.btn-kale:hover {
background: rgba(0, 124, 137, 0.1);
color: var(--legacy-interactive-color)
}
.c-campaignManager_actionBar {
background-color: var(--legacy-bg-lvl-1-color);
padding-top: 20px;
padding-bottom: 20px;
margin-top: -20px;
-ms-transition: padding 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87);
transition: padding 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87)
}
.c-campaignManager_actionBar--fixed {
position: fixed;
width: calc(((1300px - (30px * 2)) * (83/100)) - 68px + 2px)
}
@media screen and (max-width:1300px) {
.c-campaignManager_actionBar--fixed {
width: calc(((100% - (30px * 2)) * (83/100)) - 68px + 2px)
}
}
@media screen and (max-width:64em) {
.c-campaignManager_actionBar--fixed {
position: static;
width: 83%
}
}
.c-campaignManager_actionBar--fixed+.c-campaignManager_listWrapper {
padding-top: 56px
}
@media screen and (max-width:64em) {
.c-campaignManager_actionBar--fixed+.c-campaignManager_listWrapper {
padding-top: inherit
}
}
.c-campaignManager_actionBar--fixed>.c-campaignManager_selectActions {
top: 0;
left: -68px;
width: calc(100% + 68px);
padding-top: 20px;
padding-bottom: 20px;
z-index: 0
}
.c-campaignManager_actionBar--fixed>.c-campaignManager_selectActions--visible {
z-index: 10
}
.c-campaignManager_actionBar--fixed>.c-campaignManager_sortDropdown {
top: 20px
}
.c-campaignManager_actionBar--tall {
padding-bottom: 40px
}
.c-campaignManager_actionBar--tall.c-campaignManager_actionBar--fixed+.c-campaignManager_listWrapper {
padding-top: 76px
}
@media screen and (max-width:64em) {
.c-campaignManager_actionBar--tall.c-campaignManager_actionBar--fixed+.c-campaignManager_listWrapper {
padding-top: inherit
}
}
.c-campaignManager_actionBar--tall>.c-campaignManager_selectActions {
padding-bottom: 40px
}
.c-campaignManager_actionBar--tall.c-campaignManager_actionBar--fixed>.c-campaignManager_selectActions--visible {
padding-bottom: 40px
}
.c-campaignManager_sortDropdown .dijitSelect {
margin: 0
}
.c-campaignManager_searchBox {
max-width: 460px;
padding-left: 6px
}
@media screen and (max-width:64em) {
.c-campaignManager_searchBox {
width: 50%
}
}
.c-campaignManager_searchCount {
color: #848484;
padding-left: 6px;
position: absolute
}
.c-campaignManager_selectActions {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
visibility: hidden;
top: -50px;
left: 0;
opacity: 0;
width: 100%;
padding-left: 50px;
background-color: var(--legacy-bg-lvl-1-color);
z-index: 10;
-ms-transition: opacity 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), top 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), z-index 0.3s ease-in, visibility 0s 0.3s;
transition: opacity 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), top 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), z-index 0.3s ease-in, visibility 0s 0.3s
}
.c-campaignManager_selectActions--visible {
visibility: visible;
opacity: 1;
top: 0;
-ms-transition: opacity 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), top 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), z-index 0.3s ease-in, visibility 0s 0s, padding-bottom 0.3s ease-in;
transition: opacity 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), top 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), z-index 0.3s ease-in, visibility 0s 0s, padding-bottom 0.3s ease-in
}
@media screen and (max-width:64em) {
.c-campaignManager_selectActions--visible :nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
}
.c-campaignManager_selectActions .folders-btn {
display: inline-block
}
@media screen and (max-width:64em) {
.c-campaignManager_selectActions .folders-btn .dijitButtonContents {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
}
.c-campaignManager_selectActions_selectionCount {
display: inline-block;
min-width: 180px
}
.c-campaignManager_sidebar {
width: 17%;
padding: 0;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
@media screen and (max-width:64em) {
.c-campaignManager_sidebar {
width: 30%
}
}
@media screen and (max-width:40em) {
.c-campaignManager_sidebar {
width: 100%
}
}
.c-campaignManager_sidebar--fixed {
position: fixed;
top: 84px;
width: calc((1300px - (15px) * 2 - (15px * 2)) * (17 / 100))
}
@media screen and (max-width:1300px) {
.c-campaignManager_sidebar--fixed {
width: calc((100vw - (15px) * 2 - (15px * 2)) * (17 / 100))
}
}
@media screen and (max-width:64em) {
.c-campaignManager_sidebar--fixed {
position: static;
width: 30%
}
}
@media screen and (max-width:40em) {
.c-campaignManager_sidebar--fixed {
width: 100%
}
}
.c-campaignManager_sidebar--fixed+.c-campaignManager_listOuter {
margin-left: 17%
}
@media screen and (max-width:64em) {
.c-campaignManager_sidebar--fixed+.c-campaignManager_listOuter {
margin: 0
}
}
.c-campaignManager_sidebar_folderList {
max-height: 175px;
-ms-transition: max-height .25s ease-in .0001s;
transition: max-height .25s ease-in .0001s
}
.c-campaignManager_sidebar_link {
color: var(--legacy-text-secondary-color);
display: block
}
.c-campaignManager_sidebar_link:hover {
color: var(--legacy-text-primary-color);
background-color: var(--legacy-bg-lvl-2-color)
}
.c-campaignManager_sidebar_link:hover .c-campaignManager_sidebar_action {
display: block;
color: var(--legacy-text-primary-color);
background-color: var(--legacy-bg-lvl-2-color);
box-shadow: 0 0 10px 5px var(--campaign-manager-sidebar-link-hover-shadow-color, #f6f6f4)
}
.c-campaignManager_sidebar_link--selected {
color: var(--legacy-text-primary-color);
font-weight: 500;
background-color: var(--legacy-bg-lvl-3-color)
}
.c-campaignManager_sidebar_link_icon {
height: 24px;
width: 24px
}
.c-campaignManager_sidebar_createLink--disabled {
opacity: .5;
pointer-events: none
}
.c-campaignManager_sidebar_action {
display: none
}
.c-campaignManager_sidebar_badge {
margin-right: 0;
margin-left: 6px;
font-weight: 500;
color: #b7b7b7
}
.c-campaignManager_sidebar_editInput[type="text"] {
margin: 2px 0
}
.c-campaignManager_listOuter {
width: 83%;
padding-left: 68px;
position: relative
}
@media screen and (max-width:64em) {
.c-campaignManager_listOuter {
padding-left: 20px;
width: 70%
}
}
@media screen and (max-width:40em) {
.c-campaignManager_listOuter {
padding-left: 0;
width: 100%
}
}
.c-campaignManager_list--hasSelection .c-campaignManager_slat_checkbox {
opacity: 1
}
.c-campaignManager_list_group:first-child {
margin-top: 0
}
.c-campaignManager_list_group_heading {
color: var(--legacy-text-secondary-color);
top: 76px;
background: #ffffff;
z-index: 1;
border-bottom: 1px solid #e0e0e0;
margin-bottom: -1px
}
@media screen and (max-width:64em) {
.c-campaignManager_list_group_heading {
position: static
}
}
.c-campaignManager_slat {
border-top: 1px solid #e0e0e0
}
@media screen and (max-width:64em) {
.c-campaignManager_slat {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.c-campaignManager_slat:last-child {
border-bottom: none
}
.c-campaignManager_slat:hover .c-campaignManager_slat_stat_secondary {
display: block
}
.c-campaignManager_slat:hover .c-campaignManager_slat_stat_primary {
display: none
}
.c-campaignManager_slat_checkbox {
position: absolute;
top: 22px;
left: -30px
}
.c-campaignManager_slat_checkbox--reports {
position: relative;
top: 6px;
opacity: 1;
left: 0
}
.c-campaignManager_slat_checkbox .dijitCheckBox {
margin: 0
}
.c-campaignManager_slat_icon {
top: 6px;
margin-right: 18px;
overflow: hidden
}
@media screen and (min-width:64em) {
.c-campaignManager_slat_icon {
-webkit-flex: 0 0 24px;
-ms-flex: 0 0 24px;
flex: 0 0 24px
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat_icon {
display: none
}
}
@media screen and (max-width:64em) {
.c-campaignManager_slat_icon {
height: 20px
}
}
.c-campaignManager_slat_typeIcon {
vertical-align: text-bottom
}
.c-campaignManager_slat_details {
color: var(--legacy-text-secondary-color);
overflow: hidden
}
.c-campaignManager_slat_details_link {
cursor: pointer
}
.c-campaignManager_slat_details_listName {
color: #484848
}
@media screen and (min-width:64em) {
.c-campaignManager_slat_details {
-webkit-flex: 0 0 300px;
-ms-flex: 0 0 300px;
flex: 0 0 300px
}
}
@media screen and (max-width:64em) {
.c-campaignManager_slat_details {
width: calc(100% - 197px);
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat_details {
width: 100%;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
}
.c-campaignManager_slat_stats {
padding-left: 6px;
overflow: hidden;
justify-content: center
}
@media screen and (min-width:64em) {
.c-campaignManager_slat_stats {
-webkit-flex: 1 1 280px;
-ms-flex: 1 1 280px;
flex: 1 1 280px
}
}
@media screen and (min-width:1024px) and (max-width:1152px) {
.c-campaignManager_slat_stats {
-webkit-flex: 0;
-ms-flex: 0;
flex: 0
}
}
@media screen and (max-width:64em) {
.c-campaignManager_slat_stats {
padding-left: 42px;
flex-basis: 100%;
justify-content: left
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat_stats {
padding-left: 0
}
}
.c-campaignManager_slat_stat {
width: 33%;
color: var(--legacy-text-secondary-color)
}
.c-campaignManager_slat_stat_secondary {
display: none
}
.c-campaignManager_slat_actions {
text-align: right;
overflow: hidden;
-ms-transition: opacity .15s ease-out .0001s;
transition: opacity .15s ease-out .0001s
}
@media screen and (min-width:64em) {
.c-campaignManager_slat_actions {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
}
@media screen and (max-width:64em) and (min-width:40em) {
.c-campaignManager_slat_actions {
position: absolute;
right: 0;
top: auto
}
}
.c-campaignManager_slat_actions>.dijitFocused {
opacity: 1
}
.c-campaignManager_slat_actions_single .dijitArrowButton {
display: none
}
.c-campaignManager_slat_actions .button-small {
margin: 0
}
.c-campaignManager_slat_status {
overflow: hidden
}
@media screen and (min-width:64em) {
.c-campaignManager_slat_status {
-webkit-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px
}
}
@media screen and (max-width:64em) {
.c-campaignManager_slat_status {
width: 100%;
padding-left: 42px
}
.c-campaignManager_slat_status>.badge {
margin-left: 0;
margin-top: 6px;
margin-bottom: 6px
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat_status {
width: 100%;
padding-left: 0
}
}
.c-campaignManager_slat_effort .c-campaignManager_slat_details {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.c-campaignManager_slat_effort .c-campaignManager_slat_icon {
top: 0
}
@media screen and (min-width:64em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_icon {
-webkit-flex: 0 0 24px;
-ms-flex: 0 0 24px;
flex: 0 0 24px
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_icon {
-webkit-flex: 0 0 24px;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
display: block
}
}
.c-campaignManager_slat_effort .c-campaignManager_slat_header {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media screen and (min-width:64em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_header_title {
-webkit-flex: 1 1 200px;
-ms-flex: 1 1 200px;
flex: 1 1 200px
}
}
@media screen and (max-width:64em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_header_title {
width: 100%;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_header_title {
width: 100%;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
}
.c-campaignManager_slat_effort .c-campaignManager_slat_header_stats {
-webkit-flex: 1 1 200px;
-ms-flex: 1 1 200px;
flex: 1 1 200px;
padding-left: 6px;
justify-content: flex-start;
color: var(--legacy-text-secondary-color)
}
@media screen and (min-width:64em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_header .stat {
padding-left: 36px;
width: inherit
}
}
@media screen and (max-width:64em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_header .stat {
width: 50%
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_header .stat {
width: 50%
}
}
.c-campaignManager_slat_effort .c-campaignManager_slat_stats {
-webkit-flex: 1 1 200px;
-ms-flex: 1 1 200px;
flex: 1 1 200px;
justify-content: flex-start;
color: var(--legacy-text-secondary-color)
}
.c-campaignManager_slat_effort .c-campaignManager_slat_stats .stat {
width: 30%
}
@media screen and (min-width:64em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_stats .stat {
padding-left: 36px
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat_effort .c-campaignManager_slat_stats .stat {
margin-bottom: 6px
}
}
.c-campaignManager_slat_effort .c-campaignManager_slat_checkbox {
top: 24px
}
.c-campaignManager_slat_effort .c-campaignManager_slat_info {
-webkit-flex: 1 1 200px;
-ms-flex: 1 1 200px;
flex: 1 1 200px
}
.c-campaignManager_slat_effort .c-campaignManager_slat_status {
-webkit-flex: 0 0 110px;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
overflow: visible
}
.c-campaignManager_slat_effort .c-campaignManager_slat_actions {
-webkit-flex: 0 0 162px;
-ms-flex: 0 0 162px;
flex: 0 0 162px
}
.c-campaignManager_slat .touchpoints .touchpoint {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media screen and (min-width:64em) {
.c-campaignManager_slat .touchpoints .touchpoint .indent {
margin-left: 30px
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat .touchpoints .touchpoint .indent-phone {
margin-left: 42px
}
}
.c-campaignManager_slat .touchpoints .touchpoint:not(:last-child)::before {
content: '';
position: absolute;
top: 57px;
bottom: -15px;
width: 3px;
background: #dedddc
}
@media screen and (min-width:64em) {
.c-campaignManager_slat .touchpoints .touchpoint:not(:last-child)::before {
left: 40px
}
}
@media screen and (max-width:64em) {
.c-campaignManager_slat .touchpoints .touchpoint:not(:last-child)::before {
left: 10px
}
}
@media screen and (max-width:40em) {
.c-campaignManager_slat .touchpoints .touchpoint:not(:last-child)::before {
left: 10px
}
}
.c-campaignManager--overflowFix,
.c-campaignManager--overflowFix.dijitTabContainer,
.c-campaignManager--overflowFix.dijitContentPane {
overflow: visible
}
.c-campaignManager--overflowFix .dijitTabContainerTop-container,
.c-campaignManager--overflowFix.dijitTabContainer .dijitTabContainerTop-container,
.c-campaignManager--overflowFix.dijitContentPane .dijitTabContainerTop-container {
overflow: visible
}
.c-campaignManager_globalListSwitcherInfoBlock {
min-height: 18px
}
.c-campaignManager_customerJourneyCtaZeroState {
display: flex;
background: var(--legacy-bg-lvl-2-color);
border: 1px solid #dbd9d2
}
.c-campaignManager_customerJourneyCtaZeroState_message {
background: #f9e0fa;
max-width: 330px;
flex-grow: 1
}
@media only screen and (max-width:64em) {
.c-campaignManager_customerJourneyCtaZeroState_message {
max-width: initial
}
}
.c-campaignManager_customerJourneyCtaZeroState_smartMark {
margin-left: -12px
}
.c-campaignManager_customerJourneyCtaZeroState_heading {
font-family: var(--legacy-font-family--brand);
font-size: 24px
}
.c-campaignManager_customerJourneyCtaZeroState_image {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center
}
@media only screen and (max-width:64em) {
.c-campaignManager_customerJourneyCtaZeroState_image {
display: none
}
}
.c-campaignManager_customerJourneyGenAiCTA {
display: flex;
background: #fbeeca;
border: 1px solid #dbd9d2;
border-radius: 12px;
overflow: hidden
}
.c-campaignManager_customerJourneyGenAiCTA_message {
background: #ffffff;
flex-grow: 1
}
@media only screen and (max-width:64em) {
.c-campaignManager_customerJourneyGenAiCTA_message {
max-width: initial
}
}
.c-campaignManager_customerJourneyGenAiCTA_intuit_feature {
font-weight: 600;
font-size: 15px;
display: inline
}
.c-campaignManager_customerJourneyGenAiCTA_heading {
font-family: var(--legacy-font-family--brand);
font-size: 3.2rem;
margin-bottom: 6px
}
.c-campaignManager_customerJourneyGenAiCTA_image {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
max-width: 300px
}
@media only screen and (max-width:64em) {
.c-campaignManager_customerJourneyGenAiCTA_image {
display: none
}
}
.c-campaignManager_allCampaignsZeroState {
display: flex;
background: var(--legacy-bg-lvl-2-color);
border: 1px solid #dbd9d2;
justify-content: center
}
.c-campaignManager_allCampaignsZeroState_content {
display: flex;
flex-direction: column
}
.c-campaignManager_allCampaignsZeroState_heading {
font-family: var(--legacy-font-family--brand);
font-size: 30px;
font-weight: 300;
line-height: 42px;
align-items: center;
text-align: center;
margin-top: 72px;
margin-bottom: 6px
}
.c-campaignManager_allCampaignsZeroState_subheading {
font-size: 1.3rem;
font-weight: 300;
align-items: center;
text-align: center;
margin-bottom: 0;
color: rgba(36, 28, 21, 0.65)
}
.c-campaignManager_allCampaignsZeroState_bottom {
margin-bottom: 72px
}
.c-campaignManager_allCampaignsZeroState_leftButton {
margin-left: 24px
}
.c-campaignManager_allCampaignsZeroState_StatebuttonContainer {
display: flex;
margin: auto
}
.c-campaignManager_allCampaignsZeroState_Statebutton {
margin: auto;
margin-top: 24px;
margin-left: 24px
}
.c-campaignManager_allCampaignsZeroState_StatebuttonFree {
margin: auto;
margin-top: 24px
}
.c-campaignManager_allCampaignsZeroState_Texticon {
margin-right: 6px
}
.c-campaignManager_allCampaignsZeroState_freecontainer {
text-align: center;
margin-bottom: 72px
}
.c-campaignManager_campaignsL0ZeroState {
display: flex;
background: var(--legacy-bg-lvl-2-color);
border: 1px solid #dbd9d2;
justify-content: center
}
.c-campaignManager_campaignsL0ZeroState_content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 358px;
padding: 12px
}
.c-campaignManager_campaignsL0ZeroState_font-family-brand {
font-family: var(--legacy-font-family--brand)
}
.c-campaignManager_customerJourneyCtaInfoBlock {
display: flex;
background: #f9e0fa
}
.c-campaignManager_customerJourneyCtaInfoBlock_heading {
font-family: var(--legacy-font-family--brand);
font-size: 24px
}
.c-supportKnobsContainer {
box-shadow: 0 0 12px #888888;
right: 36px;
bottom: 168px
}
.c-supportKnobs--skewedLeft {
right: auto;
left: 48px
}
.c-supportKnobsHeader {
border-radius: 4px 4px 0 0
}
.c-supportKnobsButton {
min-width: 114px
}
.statsBot-category {
cursor: pointer;
border: 2px solid #d0d0d0;
padding: 0 12px;
margin-bottom: 6px;
border-radius: 2px;
user-select: none;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
background: #e0e0e0
}
.statsBot-category:hover {
border-color: #a5a4a7;
background-color: #c7c7c7
}
.statsBot-stat {
cursor: pointer;
border: 2px solid #d0d0d0;
margin: 6px 0;
padding: 12px;
border-radius: 2px;
user-select: none;
display: flex;
align-items: center;
position: relative
}
.statsBot-stat .handle {
padding-right: 12px;
cursor: move
}
.statsBot-stat .content {
text-align: left;
max-width: 540px
}
.statsBot-stat .status,
.statsBot-stat .toggle-stat-title {
cursor: pointer;
position: absolute;
top: 10px;
right: 10px
}
.statsBot-stat .message,
.statsBot-stat .title {
max-width: 560px
}
.statsBot-stat .title {
font-weight: bold
}
.statsBot-stat .title-disabled {
color: #d3d3d3;
text-decoration: line-through
}
.statsBot-stat .toggle-stat-title {
color: #a5a4a7;
position: unset
}
.statsBot-stat .dijitTextBox {
padding: 3px
}
.statsBot-stat:hover {
border-color: #a5a4a7;
background-color: #f9f9fa
}
.statsBot-stat.selected {
border-color: #4dcaf0;
background-color: #e6f7fd
}
.statsBot-stat.selected:hover {
border-color: #4dcaf0;
background-color: #bfecfa
}
.statsBot-stat.dojoDndItemBefore {
border-top: 5px solid #4dcaf0
}
.statsBot-stat.dojoDndItemAfter {
border-bottom: 5px solid #4dcaf0
}
.c-checklistEditor .auto-designer-btn {
margin-right: 0
}
.c-checklistEditor .auto-designer-btn .button-image {
width: 22px;
vertical-align: middle;
margin-bottom: 4px
}
.c-checklistEditor .badge {
border-radius: 0
}
.c-checklistEditor .color-kale {
color: var(--legacy-interactive-color)
}
.c-checklistEditor .divider {
height: 32px;
margin-right: 16px;
width: 1px;
border-left: 1px solid #cccccc
}
.c-checklistEditor_socialPostingItem {
width: 54%;
max-width: 635px
}
@media only screen and (max-width:64em) {
.c-checklistEditor_socialPostingItem {
width: 100%
}
}
.c-checklistEditor_socialPostingItem_header {
min-height: 55px
}
.c-checklistEditor_socialPostingItem_header .switchDescription {
display: none
}
.c-checklistEditor_socialPostingItem_header .dojoxCheckedMultiSelect .dijitButtonText {
text-transform: none
}
.c-checklistEditor_socialPostingItem_header .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton,
.c-checklistEditor_socialPostingItem_header .dijitSelect {
margin-bottom: 0
}
.c-checklistEditor_socialPostingItem_content {
margin-left: 48px;
margin-right: 60px
}
@media only screen and (max-width:40em) {
.c-checklistEditor_socialPostingItem_content {
margin: 0
}
}
.c-checklistEditor_socialPostingItem_preview {
width: 60%
}
@media only screen and (max-width:40em) {
.c-checklistEditor_socialPostingItem_preview {
width: 100%
}
}
.c-checklistEditor_socialPostingItem_preview_image {
background-size: cover;
width: 100%;
height: 200px;
background-position: center
}
.c-checklistEditor_socialPostingItem_preview_counter {
background-color: rgba(0, 0, 0, 0.5)
}
.c-checklistEditor_socialPostingItem_imageStrip--compact .c-checklistEditor_socialPostingItem_imageStrip_item {
margin-top: 0;
height: 60px
}
.c-checklistEditor_socialPostingItem_imageStrip_item {
height: 70px
}
.c-checklistEditor_socialPostingItem_imageStrip_item--add {
width: 120px;
border: dashed 1px #d0d0d0
}
.c-checklistEditor_socialPostingItem_imageStrip_item_preview {
border: solid 1px #e0e0e0;
height: 100%
}
.c-checklistEditor_socialPostingItem_imageStrip_item_remove {
height: 24px;
top: 2px;
right: 4px;
color: #ffffff
}
.c-checklistEditor_socialPostingItem_imageStrip_item_remove:hover {
color: #ffffff
}
.c-checklistEditor_items .c-checklistSlat {
border-top: 1px dotted #dedddc
}
.c-checklistEditor_items .c-checklistSlat .emptyRecipients .heading {
font-size: 2.8rem
}
.c-checklistEditor_items .c-checklistSlat .c-slatMeta_action .c-slatButton {
min-width: 15ch
}
@media only screen and (max-width:40em) {
.c-checklistEditor_items .c-checklistSlat .c-slatMeta_action {
margin-left: 0
}
.c-checklistEditor_items .c-checklistSlat .c-slatMeta_action .c-slatButton {
margin-left: 38px
}
}
.c-checklistEditor_items>:first-child .c-checklistSlat {
border: 0 none
}
.c-checklistEditor .c-checklistEditor_items {
border-radius: var(--legacy-border-card-radius)
}
@media only screen and (max-width:40em) {
.c-checklistEditor .c-checklistEditor_items {
border: none;
margin: 6px
}
}
.c-checklistSettingsRow {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.c-checklistSettingsRow_item-half {
flex: 0 1 50%;
padding-left: 36px;
padding-right: 36px
}
@media only screen and (max-width:64em) {
.c-checklistSettingsRow {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.c-checklistSettingsRow_item-half {
margin: 0;
flex: 1 1 auto
}
}
.c-checklistSettingsItemButtons {
width: 100%;
padding-left: 36px;
padding-right: 36px;
padding-bottom: 0
}
@media only screen and (max-width:85.375em) {
.c-checklistSettingsItemButtons\@xltablet {
width: 100%
}
}
@media only screen and (max-width:75em) {
.c-checklistSettingsItemButtons\@desktop {
width: 100%
}
}
@media only screen and (max-width:64em) {
.c-checklistSettingsItemButtons\@tablet {
width: 100%
}
}
@media only screen and (max-width:40em) {
.c-checklistSettingsItemButtons\@phone {
width: 100%
}
}
@media only screen and (max-width:64em) {
.c-checklistSettingsItemButtons {
padding-top: 36px
}
}
.c-statusBarContainer {
max-width: 1300px;
width: 100%;
padding: 0 30px
}
@media only screen and (max-width:64em) {
.c-statusBarContainer {
padding: 0 15px
}
}
.c-postcardPreview {
width: 300px;
height: 216px
}
.c-postcardPreview_content {
transform: scale(.5)
}
@media only screen and (max-width:75em) {
.c-postcardPreview {
width: 240px;
height: 173px
}
.c-postcardPreview_content {
transform: scale(.4)
}
}
@media only screen and (max-width:64em) {
.c-postcardPreview {
width: 198px;
height: 143px
}
.c-postcardPreview_content {
transform: scale(.33)
}
}
@media only screen and (max-width:64em) {
.c-postcardPreview_container {
flex-direction: column
}
}
.c-postcardPreview_contentWithGuides {
margin: 36px;
margin-top: 0;
margin-right: 0;
max-width: 100%
}
@media only screen and (max-width:64em) {
.c-postcardPreview_contentWithGuides {
margin: 18px
}
}
.c-postcardPreview_content {
width: 600px;
height: 432px;
transform-origin: top left
}
.c-postcardPreview_content--full-size {
transform: none
}
.c-postcardPreview_clippingGuide {
border: .125in solid rgba(234, 102, 146, 0.7);
padding: .125in;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.c-postcardPreview_clippingGuide_safeZone {
border: 1px solid #ffffff;
outline: 1px dashed #000000;
outline-offset: -1px;
min-height: 100%;
position: relative
}
.c-postcardPreview_clippingOverlay {
border: .125in solid #ffffff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.c-postcardPreview_clippingOverlay_inner {
display: flex;
min-height: 100%;
min-width: 100%
}
.c-postcardPreview_clippingGuideToggle_legend {
max-width: 250px
}
.c-postcardPreview_clippingGuideToggle_legendSymbol--safe {
display: inline-block;
border: 1px solid #ffffff;
outline: 1px dashed #000000;
outline-offset: -1px;
height: 16px;
width: 16px
}
.c-postcardPreview_clippingGuideToggle_legendSymbol--bleed {
display: inline-block;
background-color: rgba(234, 102, 146, 0.7);
height: 16px;
width: 16px
}
.c-postcardPreview_dialog {
width: auto !important
}
.c-postcardEditor_form {
width: 56%
}
.c-postcardEditor_preview {
position: absolute;
top: 0;
right: 0
}
@media only screen and (max-width:64em) {
.c-postcardEditor_preview {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
position: static
}
}
.c-postcardEditor_promoCodeSelector .dijitComboBoxDisabled {
padding-left: 0 !important
}
.c-imageUploader .mojoImageItem {
padding: 0;
border: none
}
.c-imageUploader .mojoImageItem .disabledAction {
cursor: help;
border-bottom: 1px dashed;
opacity: .5
}
.c-campaignConfirmationDialog .dijitDialogPaneContent {
max-height: none
}
.c-recentSubjectLinePerfDialog {
min-width: 636px
}
.c-recentSubjectLinePerfDialog .subjectLinePerfContainer {
min-width: 516px
}
.c-recentSubjectLinePerfDialog li:last-child {
border: none
}
.c-recentSubjectLinePerfDialog .noHistoryImage {
height: 192px;
width: 192px
}
.c-recentSubjectLinePerfDialog .noHistoryTitle {
max-width: 396px
}
.c-recentSubjectLinePerfDialog .noHistoryDescription {
margin-bottom: 84px;
max-width: 510px
}
.c-subjectLineAndPreviewWithFeedback {
min-height: 600px
}
.c-subjectLineAndPreviewWithFeedback .generated {
background-color: #fbeeca
}
.c-subjectLineAndPreviewWithFeedback .char-count-container,
.c-subjectLineAndPreviewWithFeedback .emojipicker,
.c-subjectLineAndPreviewWithFeedback .emojibutton {
padding-right: 12px
}
.c-subjectLineAndPreviewWithFeedback .faux-file {
margin-bottom: 0
}
.c-subjectLineAndPreviewWithFeedback .field-help-container {
min-height: 24px;
margin-top: 6px;
padding-right: 12px
}
.field-help-container {
min-height: 48px;
margin-top: -18px
}
.c-subjectLineTester {
flex: 0 0 45%;
max-width: 635px;
position: relative;
padding-bottom: 0 !important
}
.c-subjectLineTester::before {
content: "";
background: #ffffff;
border: solid #dedddc;
border-width: 0 1px 1px 0;
display: inline-block;
height: 36px;
left: -3.5%;
position: absolute;
top: 9%;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
width: 36px;
z-index: 0
}
@media only screen and (max-width:64em) {
.c-subjectLineTester::before {
display: none
}
}
.c-subjectCriteriaTitle {
max-width: 426px
}
.alignWithSmartMark {
display: flex;
align-items: flex-end;
justify-content: space-between
}
.alignWithSmartMark div {
white-space: nowrap
}
.alignWithSmartMark .previewTextLabelSmartMark {
margin-left: -6px;
position: relative;
bottom: -6px
}
.c-subjectCriteriaList {
animation: fade .8s ease-in-out;
display: flex;
flex-direction: column;
justify-content: center;
list-style: none;
min-height: 375px
}
.c-subjectCriteriaList li:last-child>article {
border: none
}
.c-subjectCriteriaList .freddicon {
margin-top: 4%;
margin-right: 12px;
margin-left: -6px
}
@keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.c-subjectCriteriaItem--default::before {
content: '';
width: 24px
}
.c-subjectCriteriaItem--fail .freddicon {
color: #d99536
}
.c-subjectCriteriaItem--pass .freddicon {
color: var(--legacy-text-success-color)
}
.c-recBadge svg.lightbulb,
.c-recBlock svg.lightbulb {
height: 24px;
width: 24px;
border-radius: 12px;
background-color: #ffe01b;
color: #241c15;
z-index: 2;
left: 0;
top: 0
}
.c-recBadge .inline-recommendation-text,
.c-recBlock .inline-recommendation-text,
.c-recBadge .recommendation-message,
.c-recBlock .recommendation-message {
background-color: #fbeeca
}
.c-recBadge--withSmartMark .inline-recommendation-text,
.c-recBlock--withSmartMark .inline-recommendation-text,
.c-recBadge--withSmartMark .recommendation-message,
.c-recBlock--withSmartMark .recommendation-message {
background-color: var(--legacy-bg-lvl-2-color);
border-top: 1px solid rgba(36, 28, 21, 0.3);
border-bottom: 1px solid rgba(36, 28, 21, 0.3)
}
.c-recBadge--withSmartMark .recommendation-message,
.c-recBlock--withSmartMark .recommendation-message {
border: 1px solid rgba(36, 28, 21, 0.3)
}
.c-recBadge--withSmartMark svg.lightbulb,
.c-recBlock--withSmartMark svg.lightbulb {
background-color: #241c15;
color: #ffffff;
margin-top: 6px
}
@media screen and (max-width:40em) {
.c-recBadge--withSmartMark svg.lightbulb,
.c-recBlock--withSmartMark svg.lightbulb {
margin-left: -6px
}
}
@media screen and (min-width:64em) {
.c-recBadge--withSmartMark svg.lightbulb,
.c-recBlock--withSmartMark svg.lightbulb {
margin-left: 6px
}
}
.c-recBadge {
text-indent: 0;
line-height: 2.3rem
}
.c-recBadge svg.lightbulb {
margin-right: -12px;
margin-left: -9px;
margin-top: -0.5px
}
.c-recBadge .rec-for-you {
position: relative;
padding-left: 6px;
font-size: 12px;
font-weight: 500;
height: 24px
}
.c-recBadge .badgeTriangle {
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #fbeeca;
height: 24px;
position: relative
}
.position--relative>.c-recBadge {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.c-recBadge .inline-recommendation-text {
white-space: nowrap;
padding-left: 6px;
padding-right: 18px;
display: flex;
align-items: center;
height: 24px
}
.c-recBadge .inline-recommendation-text .small-meta {
transform: translateY(-1px)
}
.c-recBadge--withSmartMark .badgeTriangle {
border-right: 12px solid rgba(36, 28, 21, 0.3)
}
.c-recBadge--withSmartMark .badgeTriangle::before {
content: "";
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-right: 11px solid #f6f6f4;
position: absolute;
top: -11px;
left: 2px
}
.c-recBlock {
align-items: center
}
.c-recBlock .icon-container {
z-index: 2;
border-radius: 50%;
width: 24px;
height: 24px;
transition: .5s all;
text-align: center
}
.c-recBlock .icon-container .freddicon {
visibility: visible;
opacity: 1;
transition: .5s all
}
.c-recBlock .icon-container .freddicon.tick {
color: #ffffff;
width: 0;
margin: auto;
display: flex;
justify-content: center;
white-space: nowrap;
overflow: hidden;
transition: 1.5s all
}
.c-recBlock .icon-container.recommendation {
margin-right: -12px
}
.c-recBlock .icon-container.recommendation .freddicon.tick {
opacity: 0;
visibility: hidden;
position: absolute
}
.c-recBlock .icon-container.success {
background-color: var(--legacy-text-success-color)
}
.c-recBlock .icon-container.success svg.lightbulb {
display: none
}
.c-recBlock .icon-container.success .freddicon.tick {
width: 100%;
position: static
}
.c-recBlock .icon-container.success .freddicon.tick::after {
font-size: 15px
}
.c-recBlock .message-container {
position: inherit;
z-index: 1;
padding-left: 6px;
display: flex;
align-items: center;
margin-left: -6px
}
.c-recBlock .message-container .recommendation-message {
font-size: 12px;
display: inline-flex;
border-radius: 6px;
align-self: baseline;
padding-left: 36px;
transition: .5s all
}
.c-recBlock .message-container .success-message {
color: var(--legacy-text-success-color);
position: absolute;
opacity: 0;
visibility: hidden;
transition: 1s all;
margin-left: 6px
}
.c-recBlock .message-container.recommendation {
margin-left: -18px
}
.c-recBlock .message-container.success .recommendation-message {
opacity: 0;
visibility: hidden
}
.c-recBlock .message-container.success .success-message {
opacity: 100;
visibility: visible
}
.c-recBlock .div-text {
margin-bottom: 12px
}
.c-recBlock--withSmartMark .badgeTriangle {
border-right: 12px solid rgba(36, 28, 21, 0.3)
}
.c-recBlock--withSmartMark .badgeTriangle::before {
content: "";
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-right: 11px solid #f6f6f4;
position: absolute;
top: -11px;
left: 2px
}
.schedule-list_send-time-optimization-item .rec-for-you {
top: 5px
}
.schedule-timewarp-label {
margin-left: -6px
}
.recommendation-fade-out {
opacity: 1;
animation-fill-mode: forwards;
animation-name: recommendationFadeOut;
animation-duration: 200ms
}
@keyframes recommendationFadeOut {
100% {
opacity: 0
}
}
.faviconPreviewContainer {
display: inline-flex;
align-items: center;
border: 1px solid #dedddc;
padding: 12px
}
.c-browser {
border: 1px solid #dedddc;
border-bottom: 0;
padding: 8px 24px 4px 12px;
border-radius: calc(8px) calc(8px) 0 0;
font-size: 12px;
max-width: 240px;
min-width: 135px
}
.c-browser_icon {
max-width: 16px
}
.c-browser_title {
overflow: hidden;
white-space: nowrap;
text-overflow: fade
}
.c-statusTimeline {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-content: center;
align-content: center;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 36px;
margin-right: 18px;
position: relative;
overflow: visible
}
@media only screen and (max-width:64em) {
.c-statusTimeline {
font-size: 1.4rem;
line-height: inherit
}
}
@media only screen and (max-width:40em) {
.c-statusTimeline {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.c-statusTimelineNode,
.c-statusTimelineEdge {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
@media only screen and (max-width:40em) {
.c-statusTimelineNode,
.c-statusTimelineEdge {
padding: 0
}
}
.c-statusTimelineEdge {
position: relative
}
.c-statusTimelineEdge::before {
content: '';
position: absolute;
top: 18px;
left: 0;
right: 0;
height: 3px;
background-color: #e0e0e0;
width: 100%
}
@media only screen and (max-width:85.375em) {
.c-statusTimelineEdge::before\@xltablet {
width: 100%
}
}
@media only screen and (max-width:75em) {
.c-statusTimelineEdge::before\@desktop {
width: 100%
}
}
@media only screen and (max-width:64em) {
.c-statusTimelineEdge::before\@tablet {
width: 100%
}
}
@media only screen and (max-width:40em) {
.c-statusTimelineEdge::before\@phone {
width: 100%
}
}
@media only screen and (max-width:40em) {
.c-statusTimelineEdge::before {
top: 0;
height: 100%;
left: 18px;
width: 3px;
margin-right: 3px
}
}
.c-statusTimelineEdge--checked::before {
background-color: #00d6a3;
border-color: #00d6a3
}
@media only screen and (max-width:40em) {
.c-statusTimelineEdge {
height: 18px;
margin-top: 6px;
margin-bottom: 6px
}
}
.c-statusTimelineNode {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
position: relative;
text-align: center;
overflow: visible
}
@media only screen and (max-width:64em) {
.c-statusTimelineNode\@tablet {
text-align: center
}
}
@media only screen and (max-width:40em) {
.c-statusTimelineNode\@phone {
text-align: center
}
}
@media only screen and (max-width:40em) {
.c-statusTimelineNode {
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 0
}
}
.c-statusTimelineNode_ordinal {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
text-align: center;
border-radius: 50%;
background-color: var(--legacy-bg-lvl-1-color);
color: #d0d0d0;
border: 4px solid #959595;
font-size: 90%;
outline: 6px solid #ffffff;
height: 36px;
width: 36px;
z-index: 3
}
@media only screen and (max-width:64em) {
.c-statusTimelineNode_ordinal\@tablet {
text-align: center
}
}
@media only screen and (max-width:40em) {
.c-statusTimelineNode_ordinal\@phone {
text-align: center
}
}
@media only screen and (max-width:40em) {
.c-statusTimelineNode_ordinal {
outline: 0 none
}
}
.c-statusTimelineNode_title {
position: absolute;
text-align: center;
white-space: nowrap;
overflow: visible;
padding-top: 12px;
-ms-transform: translateY(36px);
-webkit-transform: translateY(36px);
transform: translateY(36px)
}
@media only screen and (max-width:64em) {
.c-statusTimelineNode_title\@tablet {
text-align: center
}
}
@media only screen and (max-width:40em) {
.c-statusTimelineNode_title\@phone {
text-align: center
}
}
@media only screen and (max-width:40em) {
.c-statusTimelineNode_title {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
padding-left: 12px;
text-align: left;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: normal;
padding-top: 0;
position: static
}
}
@media only screen and (max-width:40em) and only screen and (max-width:64em) {
.c-statusTimelineNode_title\@tablet {
text-align: left
}
}
@media only screen and (max-width:40em) and only screen and (max-width:40em) {
.c-statusTimelineNode_title\@phone {
text-align: left
}
}
.c-statusTimelineNode--checked .c-statusTimelineNode_ordinal {
background-color: #00d6a3;
border-color: #00d6a3;
color: #ffffff
}
.tag-action-button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
border-radius: 2px;
margin: 6px 3px;
padding: 0 12px;
transition: background-color .25s ease-in 0s;
background-color: #ffffff
}
.tag-action-button:hover,
.tag-action-button:focus,
.tag-action-button.active {
background-color: #e6f2f3
}
.tag-action-buttons-list--removable .tag-action-button:hover,
.tag-action-buttons-list--removable .tag-action-button:focus,
.tag-action-buttons-list--removable .tag-action-button:active {
background-color: #fbcfbd
}
.tag-action-button.all,
.tag-action-button.mixed {
background-color: #cce5e7
}
.tag-action-button .tag-text-container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle
}
.tag-action-button .icon-button .status-icon-container {
width: 10%
}
.tag-action-button .icon-button .tag-text-container {
max-width: 90%
}
.tag-action-button .no-icon-button .tag-text-container {
max-width: 100%
}
.tag-dropdownbutton--no-icon {
height: auto;
margin: 0
}
.tag-dropdownbutton--no-icon .dijitArrowButtonInner {
display: none !important
}
.tag-dropdownbutton--no-icon.button .dijitDropDownButton {
background-color: inherit;
border: inherit;
border-radius: inherit
}
.tags-preview-container {
cursor: default
}
.tags-preview-container span {
color: #ffffff;
top: initial;
bottom: 24px;
right: initial;
left: 0
}
.tags-preview-container span::after {
content: none
}
.tags-preview-container:hover span {
display: block
}
.contact-table-action-bar {
position: relative
}
.contact-table-action-bar.sticky {
position: fixed;
z-index: 30;
max-width: 1270px
}
.filter-segment-bar {
line-height: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.filter-segment-bar .bar-button {
transition: color .2s linear;
border-width: 0 1px;
border-style: solid;
border-color: #dedddc
}
.filter-segment-bar.actions {
background-color: var(--legacy-interactive-color);
color: #ffffff
}
.filter-segment-bar.actions .bar-button,
.filter-segment-bar.actions .dijitDropDownButton {
background-color: var(--legacy-interactive-color);
color: #ffffff;
border-left: 0;
border-color: #ffffff
}
.filter-segment-bar.actions .bar-button.dijitOpened,
.filter-segment-bar.actions .dijitDropDownButton.dijitOpened,
.filter-segment-bar.actions .bar-button:hover,
.filter-segment-bar.actions .dijitDropDownButton:hover {
background-color: #004e56
}
.filter-segment-bar.top-level {
background-color: #f2f2f2
}
.filter-segment-bar.top-level .bar-button:hover {
background-color: #f8f8f8
}
.filter-segment-bar.top-level .dijitDropDownButton {
background-color: #f2f2f2;
border: 0
}
.filter-segment-bar.top-level .dijitDropDownButton.dijitOpened,
.filter-segment-bar.top-level .dijitDropDownButton:hover {
background-color: #f8f8f8
}
.filter-segment-bar.filter .filter-container {
flex: 6
}
.filter-segment-bar.filter .c-tagList_item {
margin-top: 3px;
margin-bottom: 3px
}
.filter-segment-bar.segment .segment-bar-pane {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
@media only screen and (max-width:40em) {
.filter-segment-bar.segment .segment-bar-pane {
flex-direction: column
}
}
.filter-segment-bar.segment,
.filter-segment-bar.filter {
background-color: #241c15
}
.filter-segment-bar.segment .dijitDropDownButton,
.filter-segment-bar.filter .dijitDropDownButton {
background-color: #241c15;
color: #ffffff;
border-color: #dedddc
}
.filter-segment-bar.segment .dijitDropDownButton.dijitOpened,
.filter-segment-bar.filter .dijitDropDownButton.dijitOpened,
.filter-segment-bar.segment .dijitDropDownButton:hover,
.filter-segment-bar.filter .dijitDropDownButton:hover {
background-color: #3a332c
}
.filter-segment-bar .dijitDropDownButton {
height: 60px;
padding: 0;
border-radius: 0;
border-width: 0 1px;
border-style: solid
}
.filter-segment-bar .dijitDropDownButton .dijitButtonNode {
height: 60px
}
@media only screen and (max-width:40em) {
.filter-segment-bar .dijitDropDownButton {
border: none !important
}
.filter-segment-bar .dijitDropDownButton .dijitButtonContents,
.filter-segment-bar .dijitDropDownButton .dijitButtonNode {
vertical-align: middle !important;
display: table-cell !important
}
.filter-segment-bar .dijitDropDownButton .dijitArrowButtonInner {
position: inherit
}
.filter-segment-bar .dijitDropDownButton .dijitButtonText {
float: left;
max-width: none;
overflow: auto
}
}
.filter-segment-bar .left-border-only .dijitDropDownButton {
border-width: 0 0 0 1px
}
.filter-segment-bar .close-button {
margin: 18px 12px;
transition: opacity .2s linear;
color: #ffffff;
opacity: .6
}
.filter-segment-bar .close-button:hover {
opacity: 1
}
.filter-segment-bar.privacy {
background-color: #241c15
}
.filter-segment-bar.privacy .dijitDropDownButton {
background-color: #241c15;
color: #ffffff;
border-color: #dedddc
}
.filter-segment-bar.privacy .dijitDropDownButton.dijitOpened,
.filter-segment-bar.privacy .dijitDropDownButton:hover {
background-color: #3a332c
}
.filter-segment-bar.privacy .bar-button {
color: #ffffff
}
.filter-segment-bar.privacy .bar-button:hover {
background-color: #3a332c
}
.contact-overlay-container {
width: 420px !important
}
@media only screen and (max-width:40em) {
.contact-overlay-container {
min-width: 180px !important;
width: 100% !important
}
}
.contact-overlay-container .loading-spinner {
margin-left: calc(50% - 25px)
}
.overlay-input-container {
padding: 6px
}
.overlay-input-container .overlay-input {
margin-bottom: 0 !important
}
.scrollable-overlay-container {
max-height: 270px
}
.scrollable-overlay-container::after {
content: '';
display: block;
height: 36px
}
.contact-overlay-segment-line-item {
transition: background-color .2s linear;
background-color: var(--legacy-bg-lvl-1-color)
}
.contact-overlay-segment-line-item:hover {
background-color: #b1e0ec
}
.overlay-footer {
background-image: linear-gradient(rgba(255, 255, 255, 0) 6px, #ffffff 33px);
margin-top: -36px;
padding-top: 30px !important;
position: relative
}
.contact-table-options .dijitDropDownButtonFocused {
outline: none
}
.view-audiences-link.view-audiences-link {
font-weight: 500;
color: var(--legacy-link-color);
font-size: 1.6rem
}
.view-audiences-link.view-audiences-link:hover {
color: #004e56
}
.switcher-line-item-top-line {
transition: background-color .2s linear;
border-top: 1px solid #efeeea;
background-color: var(--legacy-bg-lvl-1-color)
}
.switcher-line-item-top-line:hover {
background-color: #b1e0ec
}
.inline-audience-switcher {
display: flex;
align-items: start;
flex-direction: column;
margin: 32px 0
}
.inline-audience-switcher.single-audience p.inline-audience-text {
margin-left: 0
}
.inline-audience-switcher .switcher-container {
display: inline-flex;
align-items: center;
border: 2px solid #ffffff;
margin-left: -8px
}
.inline-audience-switcher .switcher-container:hover {
background-color: var(--legacy-bg-lvl-2-color)
}
.inline-audience-switcher .switcher-container:focus-within,
.inline-audience-switcher .switcher-container.dropdown-menu-open {
background-color: var(--legacy-bg-lvl-3-color);
border: 2px solid #007c89
}
.inline-audience-switcher .switcher-container .switcher-label {
display: inline-block;
margin: 0;
padding-left: 8px;
font-weight: 500
}
.inline-audience-switcher .switcher-container .inline-switcher {
display: inline-block;
vertical-align: middle
}
.inline-audience-switcher .switcher-container .inline-dropdown-spacer {
padding: 0 4px
}
.inline-audience-switcher .switcher-container .inline-dropdown-text {
font-weight: 500;
font-size: 1.6rem;
color: var(--legacy-interactive-color)
}
.inline-audience-switcher .switcher-container .inline-dropdown-arrow {
color: var(--legacy-interactive-color)
}
.inline-audience-switcher p.inline-audience-text {
margin-top: 12px;
margin-bottom: 0
}
.dijitInlineDropDownButton {
border-width: 0;
outline-width: 0
}
.info-block {
background: #efeeea;
border-radius: 2px
}
.info-block img {
max-width: 90px
}
.info-block a {
border-bottom: none
}
.info-block .cursor-pointer:hover {
font-weight: 500
}
@media only screen and (max-width:60em) {
.info-block img {
max-width: 48px
}
}
.c-footerWordmark {
mix-blend-mode: overlay;
width: 126px;
opacity: .3
}
.c-legalNotice {
font-size: 1.2rem;
color: var(--legacy-text-secondary-color);
line-height: 1.5
}
.c-feature-sidebar__header {
background-color: #efeeea
}
.c-feature-sidebar__helper-content {
background-color: var(--legacy-bg-lvl-2-color)
}
.c-feature-sidebar__downgrade-btn {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.c-campaign-info-block {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 18px;
padding: 6px 12px;
background-color: #c5dbf2
}
@media only screen and (max-width:40em) {
.c-campaign-info-block {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 24px
}
}
@media only screen and (max-width:31.25em) {
.c-campaign-info-block {
padding: 12px 24px 18px
}
}
.c-campaign-info-block_image {
width: 6%;
min-width: 66px;
margin: 0 12px 0 auto
}
@media only screen and (max-width:40em) {
.c-campaign-info-block_image {
display: block;
width: 15%;
margin: 0
}
}
@media only screen and (max-width:31.25em) {
.c-campaign-info-block_image {
display: block;
width: 72px;
margin: 0 auto 12px
}
}
.c-campaign-info-block_header {
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
padding: 0 6px
}
@media only screen and (max-width:40em) {
.c-campaign-info-block_header {
width: 84%;
padding-left: 18px;
padding-bottom: 12px
}
}
@media only screen and (max-width:31.25em) {
.c-campaign-info-block_header {
padding-bottom: 24px
}
}
.c-campaign-info-block_heading {
margin: 0;
font-size: 1.6rem;
font-weight: 500
}
.c-campaign-info-block_lead {
margin: 0;
font-size: 1.4rem
}
.c-campaign-info-block_button-group {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
align-items: center;
padding: 0 30px
}
@media only screen and (max-width:40em) {
.c-campaign-info-block_button-group {
padding: 0 24px;
margin-left: 15%
}
}
.c-campaign-info-block_button-group .button {
margin-right: 12px;
text-transform: none;
font-size: 1.4rem
}
.c-campaign-info-block_button-group .dismiss {
border-bottom: 1px solid;
color: #241c15;
font-weight: normal;
font-size: 1.4rem;
line-height: normal;
opacity: .8
}
.c-campaign-info-block_button-group .dismiss:hover,
.c-campaign-info-block_button-group .dismiss:active {
opacity: 1
}
.c-txStartDemoContainer {
display: inline-grid;
grid-template-columns: auto 30%;
position: absolute
}
@media only screen and (max-width:40em) {
.c-txStartDemoContainer {
grid-template-columns: auto
}
}
@media only screen and (max-width:64em) {
.c-txStartDemoContent {
max-width: 450px
}
}
.c-txStartDemoContent .c-txStartDemoBody {
max-width: 630px
}
.c-txStartDemoContent_exitButton {
color: rgba(36, 28, 21, 0.3);
position: absolute;
top: 2%;
right: 33%;
background-color: transparent
}
@media only screen and (max-width:64em) {
.c-txStartDemoContent_exitButton {
right: 2%
}
}
@media only screen and (max-width:40em) {
.c-txStartDemoContent_exitButton {
left: 90%
}
}
@media only screen and (max-width:64em) {
.c-txStartDemoContent .v-txStartDemoInput {
margin-bottom: 24px
}
}
.c-txStartDemoImageContainter {
background-color: #ffe01b;
z-index: -1;
height: 100vh
}
@media only screen and (max-width:40em) {
.c-txStartDemoImageContainter {
display: none
}
}
.c-txStartDemoImage {
background-image: url("https://cdn-images.mailchimp.com/product/transactional-demo-signup-full-size.png");
background-repeat: no-repeat;
height: 1000%;
width: 1000%;
position: absolute;
margin-top: -90px;
margin-left: -318px
}
@media only screen and (max-width:64em) {
.c-txStartDemoImage {
display: none
}
}
.transactionalTab__pickAPlan {
background-color: var(--legacy-bg-lvl-3-color)
}
.transactionalTab__pickAPlan.ninety-plus {
background-color: #f9e0fa
}
.transactionalTab__txMeter.meter {
border-radius: 8px;
background-color: var(--legacy-bg-lvl-4-color)
}
.transactionalTab__txMeter.meter span {
border-radius: 8px;
background-color: var(--legacy-interactive-color)
}
.transactionalTab__txMeter.meter span.ninety-plus {
background-color: #e7b75f
}
.transactionalTab__demoDetails ul {
list-style: disc
}
.transactionalTab__demoOption {
background-color: var(--legacy-bg-lvl-3-color);
width: 641px;
height: 80px;
font-size: 16px !important;
padding: 15px
}
.transactionalTab__demoOption form {
display: flex;
align-items: center
}
.transactionalTab__demoOption form p {
width: 70%
}
.transactionalTab__demoOption form button {
max-width: 30%
}
.transactionalTab__demoHero img {
width: 33%;
height: 33%
}
.transactionalTab__planDetailsTable .featureColumn,
.transactionalTab__planDetailsTable .demoPlanColumn {
min-width: 225px;
width: 25%
}
.transactionalTab__planDetailsTable td.currentPlan {
vertical-align: middle
}
.transactionalTab__planDetailsTable td.currentPlan h4 {
color: rgba(36, 28, 21, 0.65);
margin: 0
}
.transactionalTab__demoBanner {
background-color: var(--legacy-bg-lvl-3-color);
width: 100%;
height: 300px;
justify-content: space-between;
align-items: center
}
.transactionalTab__demoBanner .try-tx-message {
max-width: 60%;
flex-shrink: 1
}
.transactionalTab__demoBanner .try-tx-message p {
width: 100%
}
.transactionalTab__demoBanner .target-tx {
flex-grow: 1;
padding-right: 48px;
width: 33%;
max-width: 450px;
min-width: 200px;
max-height: 100%;
text-align: center
}
.transactionalTab__demoBanner .target-tx img {
width: 100%
}
.c-smartMark {
display: inline-block
}
.c-smartMark .pill {
height: 36px;
min-width: 36px;
background-color: #ffe01b;
border-radius: 18px;
line-height: 36px;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-size: 1.4rem;
display: inline-block
}
.c-smartMark .tierOne {
cursor: default
}
.c-smartMark .tierTwo {
cursor: pointer;
position: relative
}
.c-smartMark .tierTwo .image {
position: absolute;
left: -8px;
top: -26px;
width: 56px;
max-width: none;
margin: 0 auto;
display: inline-block;
z-index: 2;
user-select: none
}
.c-smartMark .tierTwo .label {
margin-left: calc(20px)
}
.c-smartMark .tierTwo.condensed {
width: 36px
}
.c-previewTextRec {
margin-top: 6px;
display: block
}
.c-previewTextRec a {
white-space: nowrap
}
.c-previewTextRec .staticRecText {
align-self: center;
position: relative;
padding-right: 24px;
line-height: 1.25;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-size: 1.4rem;
color: rgba(36, 28, 21, 0.65)
}
.c-previewTextRec .staticRecText a {
font-weight: 500
}
.c-previewTextRec .smartMark .c-smartMark {
animation-name: smartMarkPadding;
animation-duration: 1s;
animation-delay: 1.5s;
animation-fill-mode: forwards;
transform: translate(12px);
padding-left: 0
}
.c-previewTextRec .smartMarkContainer {
padding: 8px 18px 8px 0;
min-width: auto;
border-radius: 4px;
line-height: 1.25;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-size: 1.4rem;
display: flex;
align-items: center;
width: 0;
animation-name: smartMarkAnimation;
animation-duration: 1s;
animation-delay: 1.5s;
animation-fill-mode: forwards;
border-radius: 50%
}
.c-previewTextRec .smartMarkContainer .recText {
position: relative;
padding-right: 24px;
align-self: center;
float: left
}
.c-previewTextRec .smartMarkContainer .animatedRecText {
height: 100%;
width: 100%
}
.c-previewTextRec .smartMarkContainer .animatedRecText>.crosscontainer {
position: absolute;
top: 1px;
right: 0;
font-size: 1.4rem !important
}
.c-previewTextRec .smartMarkContainer .animatedRecText>.crosscontainer .cross {
font-size: 1.4rem !important;
color: rgba(36, 28, 21, 0.65)
}
.c-previewTextRec .smartMarkContainer .animatedRecText>.crosscontainer .cross:hover {
color: #241c15
}
.c-previewTextRec .smartMarkContainer .animatedRecText .previewTextLink {
color: #004e56
}
.c-previewTextRec .smartMarkContainer .animatedRecText .previewTextLink:hover {
text-decoration: underline
}
@keyframes smartMarkAnimation {
0% {
width: 0;
min-width: 0;
border-radius: 50%
}
25% {
border-radius: 10%
}
100% {
width: 100%;
min-width: 100%;
background-color: #fbeeca;
border-radius: 4px
}
}
@keyframes smartMarkPadding {
0% {
padding-left: 0;
transform: translate(12px)
}
100% {
padding-left: 12px;
transform: translate(0)
}
}
.halfWidth {
width: 100%;
animation-name: halfWidthAnimation;
animation-duration: 1s;
animation-fill-mode: forwards
}
@keyframes halfWidthAnimation {
0% {
width: 100%
}
100% {
width: 50%
}
}
.field-help-container.smartMarkContainer,
.static.smartMarkContainer {
width: 100% !important;
min-width: 100% !important;
background-color: #fbeeca !important;
border-radius: 4px !important;
animation-name: none !important
}
.field-help-container.smartMarkContainer .animatedRecText,
.static.smartMarkContainer .animatedRecText {
animation-name: none !important;
height: 100% !important;
width: 100% !important;
opacity: 1 !important
}
.field-help-container .crosscontainer,
.static .crosscontainer {
z-index: 100 !important
}
.field-help-container .halfWidth,
.static .halfWidth {
animation-name: none !important
}
.field-help-container .smartMark .c-smartMark,
.static .smartMark .c-smartMark {
animation-name: none !important;
padding-left: 12px !important;
transform: none !important
}
.static-inline-rec {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #dbd9d2;
border-radius: 4px;
overflow: hidden;
padding: 24px;
gap: 6px
}
.static-inline-rec .button-wink {
overflow: visible
}
.static-inline-rec .inline-rec-dismiss {
border: 2px solid #ffffff;
border-radius: 50%;
transition: border-color .2s ease-in-out 0s, background-color .2s ease-in-out 0s;
padding: 2px 4px
}
.static-inline-rec .inline-rec-dismiss:hover {
background-color: rgba(0, 124, 137, 0.1)
}
.static-inline-rec .inline-rec-dismiss:focus,
.static-inline-rec .inline-rec-dismiss:focus-visible {
border-color: var(--legacy-interactive-color)
}
.title-text {
font-family: var(--legacy-font-family--brand);
color: #241c15
}
.max-width {
max-width: 70ch
}
.security-update-btn {
padding: 0 30px;
text-transform: none;
font-size: 13px
}
@media only screen and (max-width:40em) {
.security-update-btn {
width: 100%
}
}
.sec-update-disc {
margin-block-end: 24px;
font-size: 13px;
color: rgba(36, 28, 21, 0.65);
padding-inline-start: 42px;
line-height: 20px
}
.force-add-btn-margin {
margin-block-end: 0 !important
}
.force-add-top-margin {
margin-block-start: 24px !important
}
.padding--lv8 {
padding: 48px
}
.\ !padding--lv8 {
padding: 48px !important
}
.padding-top--lv8 {
padding-top: 48px
}
.\ !padding-top--lv8 {
padding-top: 48px !important
}
.padding-right--lv8 {
padding-right: 48px
}
.\ !padding-right--lv8 {
padding-right: 48px !important
}
.padding-bottom--lv8 {
padding-bottom: 48px
}
.\ !padding-bottom--lv8 {
padding-bottom: 48px !important
}
.padding-left--lv8 {
padding-left: 48px
}
.\ !padding-left--lv8 {
padding-left: 48px !important
}
.padding-top-bottom--lv8 {
padding-top: 48px;
padding-bottom: 48px
}
.\ !padding-top-bottom--lv8 {
padding-top: 48px !important;
padding-bottom: 48px !important
}
.padding-left-right--lv8 {
padding-left: 48px;
padding-right: 48px
}
.\ !padding-left-right--lv8 {
padding-left: 48px !important;
padding-right: 48px !important
}
.padding--lv7 {
padding: 42px
}
.\ !padding--lv7 {
padding: 42px !important
}
.padding-top--lv7 {
padding-top: 42px
}
.\ !padding-top--lv7 {
padding-top: 42px !important
}
.padding-right--lv7 {
padding-right: 42px
}
.\ !padding-right--lv7 {
padding-right: 42px !important
}
.padding-bottom--lv7 {
padding-bottom: 42px
}
.\ !padding-bottom--lv7 {
padding-bottom: 42px !important
}
.padding-left--lv7 {
padding-left: 42px
}
.\ !padding-left--lv7 {
padding-left: 42px !important
}
.padding-top-bottom--lv7 {
padding-top: 42px;
padding-bottom: 42px
}
.\ !padding-top-bottom--lv7 {
padding-top: 42px !important;
padding-bottom: 42px !important
}
.padding-left-right--lv7 {
padding-left: 42px;
padding-right: 42px
}
.\ !padding-left-right--lv7 {
padding-left: 42px !important;
padding-right: 42px !important
}
.padding--lv6 {
padding: 36px
}
.\ !padding--lv6 {
padding: 36px !important
}
.padding-top--lv6 {
padding-top: 36px
}
.\ !padding-top--lv6 {
padding-top: 36px !important
}
.padding-right--lv6 {
padding-right: 36px
}
.\ !padding-right--lv6 {
padding-right: 36px !important
}
.padding-bottom--lv6 {
padding-bottom: 36px
}
.\ !padding-bottom--lv6 {
padding-bottom: 36px !important
}
.padding-left--lv6 {
padding-left: 36px
}
.\ !padding-left--lv6 {
padding-left: 36px !important
}
.padding-top-bottom--lv6 {
padding-top: 36px;
padding-bottom: 36px
}
.\ !padding-top-bottom--lv6 {
padding-top: 36px !important;
padding-bottom: 36px !important
}
.padding-left-right--lv6 {
padding-left: 36px;
padding-right: 36px
}
.\ !padding-left-right--lv6 {
padding-left: 36px !important;
padding-right: 36px !important
}
.padding--lv5 {
padding: 30px
}
.\ !padding--lv5 {
padding: 30px !important
}
.padding-top--lv5 {
padding-top: 30px
}
.\ !padding-top--lv5 {
padding-top: 30px !important
}
.padding-right--lv5 {
padding-right: 30px
}
.\ !padding-right--lv5 {
padding-right: 30px !important
}
.padding-bottom--lv5 {
padding-bottom: 30px
}
.\ !padding-bottom--lv5 {
padding-bottom: 30px !important
}
.padding-left--lv5 {
padding-left: 30px
}
.\ !padding-left--lv5 {
padding-left: 30px !important
}
.padding-top-bottom--lv5 {
padding-top: 30px;
padding-bottom: 30px
}
.\ !padding-top-bottom--lv5 {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.padding-left-right--lv5 {
padding-left: 30px;
padding-right: 30px
}
.\ !padding-left-right--lv5 {
padding-left: 30px !important;
padding-right: 30px !important
}
.padding--lv4 {
padding: 24px
}
.\ !padding--lv4 {
padding: 24px !important
}
.padding-top--lv4 {
padding-top: 24px
}
.\ !padding-top--lv4 {
padding-top: 24px !important
}
.padding-right--lv4 {
padding-right: 24px
}
.\ !padding-right--lv4 {
padding-right: 24px !important
}
.padding-bottom--lv4 {
padding-bottom: 24px
}
.\ !padding-bottom--lv4 {
padding-bottom: 24px !important
}
.padding-left--lv4 {
padding-left: 24px
}
.\ !padding-left--lv4 {
padding-left: 24px !important
}
.padding-top-bottom--lv4 {
padding-top: 24px;
padding-bottom: 24px
}
.\ !padding-top-bottom--lv4 {
padding-top: 24px !important;
padding-bottom: 24px !important
}
.padding-left-right--lv4 {
padding-left: 24px;
padding-right: 24px
}
.\ !padding-left-right--lv4 {
padding-left: 24px !important;
padding-right: 24px !important
}
.padding--lv3 {
padding: 18px
}
.\ !padding--lv3 {
padding: 18px !important
}
.padding-top--lv3 {
padding-top: 18px
}
.\ !padding-top--lv3 {
padding-top: 18px !important
}
.padding-right--lv3 {
padding-right: 18px
}
.\ !padding-right--lv3 {
padding-right: 18px !important
}
.padding-bottom--lv3 {
padding-bottom: 18px
}
.\ !padding-bottom--lv3 {
padding-bottom: 18px !important
}
.padding-left--lv3 {
padding-left: 18px
}
.\ !padding-left--lv3 {
padding-left: 18px !important
}
.padding-top-bottom--lv3 {
padding-top: 18px;
padding-bottom: 18px
}
.\ !padding-top-bottom--lv3 {
padding-top: 18px !important;
padding-bottom: 18px !important
}
.padding-left-right--lv3 {
padding-left: 18px;
padding-right: 18px
}
.\ !padding-left-right--lv3 {
padding-left: 18px !important;
padding-right: 18px !important
}
.padding--lv2 {
padding: 12px
}
.\ !padding--lv2 {
padding: 12px !important
}
.padding-top--lv2 {
padding-top: 12px
}
.\ !padding-top--lv2 {
padding-top: 12px !important
}
.padding-right--lv2 {
padding-right: 12px
}
.\ !padding-right--lv2 {
padding-right: 12px !important
}
.padding-bottom--lv2 {
padding-bottom: 12px
}
.\ !padding-bottom--lv2 {
padding-bottom: 12px !important
}
.padding-left--lv2 {
padding-left: 12px
}
.\ !padding-left--lv2 {
padding-left: 12px !important
}
.padding-top-bottom--lv2 {
padding-top: 12px;
padding-bottom: 12px
}
.\ !padding-top-bottom--lv2 {
padding-top: 12px !important;
padding-bottom: 12px !important
}
.padding-left-right--lv2 {
padding-left: 12px;
padding-right: 12px
}
.\ !padding-left-right--lv2 {
padding-left: 12px !important;
padding-right: 12px !important
}
.padding--lv1 {
padding: 6px
}
.\ !padding--lv1 {
padding: 6px !important
}
.padding-top--lv1 {
padding-top: 6px
}
.\ !padding-top--lv1 {
padding-top: 6px !important
}
.padding-right--lv1 {
padding-right: 6px
}
.\ !padding-right--lv1 {
padding-right: 6px !important
}
.padding-bottom--lv1 {
padding-bottom: 6px
}
.\ !padding-bottom--lv1 {
padding-bottom: 6px !important
}
.padding-left--lv1 {
padding-left: 6px
}
.\ !padding-left--lv1 {
padding-left: 6px !important
}
.padding-top-bottom--lv1 {
padding-top: 6px;
padding-bottom: 6px
}
.\ !padding-top-bottom--lv1 {
padding-top: 6px !important;
padding-bottom: 6px !important
}
.padding-left-right--lv1 {
padding-left: 6px;
padding-right: 6px
}
.\ !padding-left-right--lv1 {
padding-left: 6px !important;
padding-right: 6px !important
}
.padding--lv0 {
padding: 0
}
.\ !padding--lv0 {
padding: 0 !important
}
.padding-top--lv0 {
padding-top: 0
}
.\ !padding-top--lv0 {
padding-top: 0 !important
}
.padding-right--lv0 {
padding-right: 0
}
.\ !padding-right--lv0 {
padding-right: 0 !important
}
.padding-bottom--lv0 {
padding-bottom: 0
}
.\ !padding-bottom--lv0 {
padding-bottom: 0 !important
}
.padding-left--lv0 {
padding-left: 0
}
.\ !padding-left--lv0 {
padding-left: 0 !important
}
.padding-top-bottom--lv0 {
padding-top: 0;
padding-bottom: 0
}
.\ !padding-top-bottom--lv0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.padding-left-right--lv0 {
padding-left: 0;
padding-right: 0
}
.\ !padding-left-right--lv0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.margin--lv8 {
margin: 48px
}
.\ !margin--lv8 {
margin: 48px !important
}
.margin-top--lv8 {
margin-top: 48px
}
.\ !margin-top--lv8 {
margin-top: 48px !important
}
.margin-right--lv8 {
margin-right: 48px
}
.\ !margin-right--lv8 {
margin-right: 48px !important
}
.margin-bottom--lv8 {
margin-bottom: 48px
}
.\ !margin-bottom--lv8 {
margin-bottom: 48px !important
}
.margin-left--lv8 {
margin-left: 48px
}
.\ !margin-left--lv8 {
margin-left: 48px !important
}
.margin-top-bottom--lv8 {
margin-top: 48px;
margin-bottom: 48px
}
.\ !margin-top-bottom--lv8 {
margin-top: 48px !important;
margin-bottom: 48px !important
}
.margin-left-right--lv8 {
margin-left: 48px;
margin-right: 48px
}
.\ !margin-left-right--lv8 {
margin-left: 48px !important;
margin-right: 48px !important
}
.margin--lv7 {
margin: 42px
}
.\ !margin--lv7 {
margin: 42px !important
}
.margin-top--lv7 {
margin-top: 42px
}
.\ !margin-top--lv7 {
margin-top: 42px !important
}
.margin-right--lv7 {
margin-right: 42px
}
.\ !margin-right--lv7 {
margin-right: 42px !important
}
.margin-bottom--lv7 {
margin-bottom: 42px
}
.\ !margin-bottom--lv7 {
margin-bottom: 42px !important
}
.margin-left--lv7 {
margin-left: 42px
}
.\ !margin-left--lv7 {
margin-left: 42px !important
}
.margin-top-bottom--lv7 {
margin-top: 42px;
margin-bottom: 42px
}
.\ !margin-top-bottom--lv7 {
margin-top: 42px !important;
margin-bottom: 42px !important
}
.margin-left-right--lv7 {
margin-left: 42px;
margin-right: 42px
}
.\ !margin-left-right--lv7 {
margin-left: 42px !important;
margin-right: 42px !important
}
.margin--lv6 {
margin: 36px
}
.\ !margin--lv6 {
margin: 36px !important
}
.margin-top--lv6 {
margin-top: 36px
}
.\ !margin-top--lv6 {
margin-top: 36px !important
}
.margin-right--lv6 {
margin-right: 36px
}
.\ !margin-right--lv6 {
margin-right: 36px !important
}
.margin-bottom--lv6 {
margin-bottom: 36px
}
.\ !margin-bottom--lv6 {
margin-bottom: 36px !important
}
.margin-left--lv6 {
margin-left: 36px
}
.\ !margin-left--lv6 {
margin-left: 36px !important
}
.margin-top-bottom--lv6 {
margin-top: 36px;
margin-bottom: 36px
}
.\ !margin-top-bottom--lv6 {
margin-top: 36px !important;
margin-bottom: 36px !important
}
.margin-left-right--lv6 {
margin-left: 36px;
margin-right: 36px
}
.\ !margin-left-right--lv6 {
margin-left: 36px !important;
margin-right: 36px !important
}
.margin--lv5 {
margin: 30px
}
.\ !margin--lv5 {
margin: 30px !important
}
.margin-top--lv5 {
margin-top: 30px
}
.\ !margin-top--lv5 {
margin-top: 30px !important
}
.margin-right--lv5 {
margin-right: 30px
}
.\ !margin-right--lv5 {
margin-right: 30px !important
}
.margin-bottom--lv5 {
margin-bottom: 30px
}
.\ !margin-bottom--lv5 {
margin-bottom: 30px !important
}
.margin-left--lv5 {
margin-left: 30px
}
.\ !margin-left--lv5 {
margin-left: 30px !important
}
.margin-top-bottom--lv5 {
margin-top: 30px;
margin-bottom: 30px
}
.\ !margin-top-bottom--lv5 {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.margin-left-right--lv5 {
margin-left: 30px;
margin-right: 30px
}
.\ !margin-left-right--lv5 {
margin-left: 30px !important;
margin-right: 30px !important
}
.margin--lv4 {
margin: 24px
}
.\ !margin--lv4 {
margin: 24px !important
}
.margin-top--lv4 {
margin-top: 24px
}
.\ !margin-top--lv4 {
margin-top: 24px !important
}
.margin-right--lv4 {
margin-right: 24px
}
.\ !margin-right--lv4 {
margin-right: 24px !important
}
.margin-bottom--lv4 {
margin-bottom: 24px
}
.\ !margin-bottom--lv4 {
margin-bottom: 24px !important
}
.margin-left--lv4 {
margin-left: 24px
}
.\ !margin-left--lv4 {
margin-left: 24px !important
}
.margin-top-bottom--lv4 {
margin-top: 24px;
margin-bottom: 24px
}
.\ !margin-top-bottom--lv4 {
margin-top: 24px !important;
margin-bottom: 24px !important
}
.margin-left-right--lv4 {
margin-left: 24px;
margin-right: 24px
}
.\ !margin-left-right--lv4 {
margin-left: 24px !important;
margin-right: 24px !important
}
.margin--lv3 {
margin: 18px
}
.\ !margin--lv3 {
margin: 18px !important
}
.margin-top--lv3 {
margin-top: 18px
}
.\ !margin-top--lv3 {
margin-top: 18px !important
}
.margin-right--lv3 {
margin-right: 18px
}
.\ !margin-right--lv3 {
margin-right: 18px !important
}
.margin-bottom--lv3 {
margin-bottom: 18px
}
.\ !margin-bottom--lv3 {
margin-bottom: 18px !important
}
.margin-left--lv3 {
margin-left: 18px
}
.\ !margin-left--lv3 {
margin-left: 18px !important
}
.margin-top-bottom--lv3 {
margin-top: 18px;
margin-bottom: 18px
}
.\ !margin-top-bottom--lv3 {
margin-top: 18px !important;
margin-bottom: 18px !important
}
.margin-left-right--lv3 {
margin-left: 18px;
margin-right: 18px
}
.\ !margin-left-right--lv3 {
margin-left: 18px !important;
margin-right: 18px !important
}
.margin--lv2 {
margin: 12px
}
.\ !margin--lv2 {
margin: 12px !important
}
.margin-top--lv2 {
margin-top: 12px
}
.\ !margin-top--lv2 {
margin-top: 12px !important
}
.margin-right--lv2 {
margin-right: 12px
}
.\ !margin-right--lv2 {
margin-right: 12px !important
}
.margin-bottom--lv2 {
margin-bottom: 12px
}
.\ !margin-bottom--lv2 {
margin-bottom: 12px !important
}
.margin-left--lv2 {
margin-left: 12px
}
.\ !margin-left--lv2 {
margin-left: 12px !important
}
.margin-top-bottom--lv2 {
margin-top: 12px;
margin-bottom: 12px
}
.\ !margin-top-bottom--lv2 {
margin-top: 12px !important;
margin-bottom: 12px !important
}
.margin-left-right--lv2 {
margin-left: 12px;
margin-right: 12px
}
.\ !margin-left-right--lv2 {
margin-left: 12px !important;
margin-right: 12px !important
}
.margin--lv1 {
margin: 6px
}
.\ !margin--lv1 {
margin: 6px !important
}
.margin-top--lv1 {
margin-top: 6px
}
.\ !margin-top--lv1 {
margin-top: 6px !important
}
.margin-right--lv1 {
margin-right: 6px
}
.\ !margin-right--lv1 {
margin-right: 6px !important
}
.margin-bottom--lv1 {
margin-bottom: 6px
}
.\ !margin-bottom--lv1 {
margin-bottom: 6px !important
}
.margin-left--lv1 {
margin-left: 6px
}
.\ !margin-left--lv1 {
margin-left: 6px !important
}
.margin-top-bottom--lv1 {
margin-top: 6px;
margin-bottom: 6px
}
.\ !margin-top-bottom--lv1 {
margin-top: 6px !important;
margin-bottom: 6px !important
}
.margin-left-right--lv1 {
margin-left: 6px;
margin-right: 6px
}
.\ !margin-left-right--lv1 {
margin-left: 6px !important;
margin-right: 6px !important
}
.margin--lv0 {
margin: 0
}
.\ !margin--lv0 {
margin: 0 !important
}
.margin-top--lv0 {
margin-top: 0
}
.\ !margin-top--lv0 {
margin-top: 0 !important
}
.margin-right--lv0 {
margin-right: 0
}
.\ !margin-right--lv0 {
margin-right: 0 !important
}
.margin-bottom--lv0 {
margin-bottom: 0
}
.\ !margin-bottom--lv0 {
margin-bottom: 0 !important
}
.margin-left--lv0 {
margin-left: 0
}
.\ !margin-left--lv0 {
margin-left: 0 !important
}
.margin-top-bottom--lv0 {
margin-top: 0;
margin-bottom: 0
}
.\ !margin-top-bottom--lv0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.margin-left-right--lv0 {
margin-left: 0;
margin-right: 0
}
.\ !margin-left-right--lv0 {
margin-left: 0 !important;
margin-right: 0 !important
}
@media only screen and (max-width:85.375em) {
.padding--lv0\@xltablet {
padding: 0
}
}
@media only screen and (max-width:64em) {
.padding--lv0\@tablet {
padding: 0
}
}
@media only screen and (max-width:40em) {
.padding--lv0\@phone {
padding: 0
}
}
@media only screen and (max-width:85.375em) {
.padding-left--lv0\@xltablet {
padding-left: 0
}
}
@media only screen and (max-width:64em) {
.padding-left--lv0\@tablet {
padding-left: 0
}
}
@media only screen and (max-width:40em) {
.padding-left--lv0\@phone {
padding-left: 0
}
}
@media only screen and (max-width:64em) {
.padding-bottom--lv0\@tablet {
padding-bottom: 0
}
}
.margin--auto {
margin: auto
}
.margin-left--auto {
margin-left: auto
}
.section {
margin-bottom: 24px
}
@media only screen and (max-width:85.375em) {
.margin--lv0\@xltablet {
margin: 0
}
}
@media only screen and (max-width:75em) {
.margin--lv0\@desktop {
margin: 0
}
}
@media only screen and (max-width:64em) {
.margin--lv0\@tablet {
margin: 0
}
}
@media only screen and (max-width:40em) {
.margin--lv0\@phone {
margin: 0
}
}
@media only screen and (max-width:40em) {
.margin-right--lv0\@phone {
margin-right: 0
}
}
@media only screen and (max-width:64em) {
.margin-bottom--lv1\@tablet {
margin-bottom: 6px
}
}
@media only screen and (max-width:64em) {
.margin-bottom--lv2\@tablet {
margin-bottom: 12px
}
}
@media only screen and (max-width:40em) {
.margin-bottom--lv2\@phone {
margin-bottom: 12px
}
}
.font-style--italic {
font-style: italic
}
.font-style--normal {
font-style: normal
}
.font-weight--bold {
font-weight: 500
}
.font-weight--light {
font-weight: 300
}
.font-weight--normal {
font-weight: 400 !important
}
.line-height--inherit {
line-height: inherit
}
.line-height--buttonHeight {
line-height: 32px
}
.line-height--lv3 {
line-height: 18px
}
.text-align--center {
text-align: center
}
@media only screen and (max-width:64em) {
.text-align--center\@tablet {
text-align: center
}
}
@media only screen and (max-width:40em) {
.text-align--center\@phone {
text-align: center
}
}
.text-align--left {
text-align: left
}
@media only screen and (max-width:64em) {
.text-align--left\@tablet {
text-align: left
}
}
@media only screen and (max-width:40em) {
.text-align--left\@phone {
text-align: left
}
}
.text-align--right {
text-align: right
}
@media only screen and (max-width:64em) {
.text-align--right\@tablet {
text-align: right
}
}
@media only screen and (max-width:40em) {
.text-align--right\@phone {
text-align: right
}
}
.text-decoration--line-through {
text-decoration: line-through
}
.text-decoration--underline {
text-decoration: underline
}
.text-transform--capitalize {
text-transform: capitalize
}
.text-transform--lowercase {
text-transform: lowercase
}
.text-transform--none {
text-transform: none
}
.text-transform--uppercase {
text-transform: uppercase
}
.white-space--normal {
white-space: normal
}
.white-space--nowrap {
white-space: nowrap
}
.white-space--preline {
white-space: pre-line
}
.word-wrap--break-all {
word-break: break-all
}
.word-wrap--break-word {
word-wrap: break-word
}
.legal-meta {
font-size: 1.2rem;
line-height: inherit
}
.small-meta {
font-size: 1.4rem;
line-height: inherit
}
.normal-meta {
font-size: 1.6rem;
line-height: inherit
}
.large-meta {
font-size: 1.7rem;
line-height: inherit
}
.textcolor {
color: var(--legacy-text-primary-color)
}
.textcolor--secondary {
color: var(--legacy-text-secondary-color)
}
.textcolor--error {
color: var(--legacy-text-error-color)
}
.fspositive {
color: var(--legacy-text-success-color)
}
.fsnegative {
color: var(--legacy-text-error-color)
}
.v-textColorWhite {
color: #ffffff
}
.v-linkColorWhite {
color: #ffffff
}
.v-linkColorWhite:hover {
color: #f8f8f8
}
.\ !deprecated-textColorGray4 {
color: #b7b7b7 !important
}
.deprecated-textColorGray {
color: #959595
}
.deprecated-textColorGreen {
color: #72c1b0
}
.deprecated-textColorGreenLight {
color: #95d1c4
}
.deprecated-textColorRedLight {
color: #ee836e
}
.float--left {
float: left
}
.float--right {
float: right
}
.\ !float--none {
float: none !important
}
.float-left {
float: left
}
.float-right {
float: right
}
.nofloat {
float: none !important
}
.centered {
float: none;
margin-left: auto;
margin-right: auto
}
.position--relative {
position: relative
}
.position--absolute {
position: absolute
}
.position--fixed {
position: fixed
}
.position--static {
position: static
}
.top--0 {
top: 0
}
.left--0 {
left: 0
}
.bottom--0 {
bottom: 0
}
.right--0 {
right: 0
}
.top-bottom--0 {
top: 0;
bottom: 0
}
.left-right--0 {
left: 0;
right: 0
}
.vertical-align--top {
vertical-align: top
}
.vertical-align--middle {
vertical-align: middle
}
.vertical-align--baseline {
vertical-align: baseline
}
.vertical-align--super {
vertical-align: super
}
.valign-top {
vertical-align: top
}
.valign-middle {
vertical-align: middle
}
.valign-baseline {
vertical-align: baseline
}
.clear {
clear: both
}
.clear-left {
clear: left
}
.clear-right {
clear: right
}
.selfclear::before,
.selfclear::after {
content: " ";
display: table
}
.selfclear::after {
clear: both
}
.flex,
.flex-row,
.flex-col {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.flex-i {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important
}
.flex-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-col {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.flex-between {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.flex-around {
-ms-flex-pack: center;
-webkit-justify-content: space-around;
justify-content: space-around
}
.flex-justify--start {
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.flex-justify--center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.flex-justify-right {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.flex-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.flex-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.flex-equal {
-webkit-box: 1 1 100%;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
.flex-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.flex-grow-1 {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.flex-grow-2 {
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2
}
.flex-grow-none {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0
}
.flex-shrink-none {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.flex-shrink--0 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.flex--1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.flex-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.flex-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.flex-full {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.flex-three-fourths {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%
}
.flex-fourth {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%
}
.flex-two-thirds {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%
}
.flex-third {
-webkit-flex: 0 0 32.333333333333336%;
-ms-flex: 0 0 32.333333333333336%;
flex: 0 0 32.333333333333336%
}
.flex-half {
-webkit-flex: 0 0 49%;
-ms-flex: 0 0 49%;
flex: 0 0 49%
}
@media only screen and (max-width:40em) {
.flex-full-mobile {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
}
.order--1 {
order: 1
}
.order--unset {
order: unset
}
@media only screen and (max-width:40em) {
.order--unset\@phone {
order: unset
}
}
.flex-direction--row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:75em) {
.flex-direction--row\@desktop {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media only screen and (max-width:64em) {
.flex-direction--row\@tablet {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media only screen and (max-width:40em) {
.flex-direction--row\@phone {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.flex-direction--column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width:75em) {
.flex-direction--column\@desktop {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width:64em) {
.flex-direction--column\@tablet {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width:40em) {
.flex-direction--column\@phone {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.flex-direction--unset {
-webkit-flex-direction: unset;
-ms-flex-direction: unset;
flex-direction: unset
}
@media only screen and (max-width:40em) {
.flex-direction--unset\@phone {
-webkit-flex-direction: unset;
-ms-flex-direction: unset;
flex-direction: unset
}
}
.align-content--start {
-webkit-align-content: flex-start;
align-content: flex-start
}
.align-content--end {
-webkit-align-content: flex-end;
align-content: flex-end
}
.align-content--center {
-webkit-align-content: center;
align-content: center
}
.align-items--center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.align-items--baseline {
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.align-items--flex-start {
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start
}
.align-items--flex-end {
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end
}
.align-self--flex-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.align-self--flex-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: flex-end;
align-self: flex-end
}
.align-self--center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.justify-content--flex-end {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.justify-content--center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.justify-content--space-between {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.justify-content--unset {
-ms-flex-pack: center;
-webkit-justify-content: unset;
justify-content: unset
}
@media only screen and (max-width:40em) {
.justify-content--unset\@phone {
-ms-flex-pack: center;
-webkit-justify-content: unset;
justify-content: unset
}
}
.flex-flow--nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.flex-wrap--wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.full-height {
height: 100%
}
.height--100vh {
height: 100vh
}
.height--inherit {
height: inherit
}
@media only screen and (max-width:40em) {
.height--inherit\@phone {
height: inherit
}
}
.width--0 {
width: 0
}
.width--100 {
width: 100%
}
@media only screen and (max-width:85.375em) {
.width--100\@xltablet {
width: 100%
}
}
@media only screen and (max-width:75em) {
.width--100\@desktop {
width: 100%
}
}
@media only screen and (max-width:64em) {
.width--100\@tablet {
width: 100%
}
}
@media only screen and (max-width:40em) {
.width--100\@phone {
width: 100%
}
}
@media only screen and (max-width:40em) {
.\ !width--100\@phone {
width: 100% !important
}
}
.\ !width--auto {
width: auto !important
}
.full-width {
width: 100% !important;
max-width: 100% !important
}
.min-width--lv0 {
min-width: 1px
}
.max-height-inherit {
max-height: inherit !important
}
.max-height--100 {
max-height: 100%
}
.min-height--100 {
min-height: 100%
}
.min-height--100vh {
min-height: 100vh
}
.max-width--100 {
max-width: 100%
}
.max-width--50 {
max-width: 50%
}
.readable-max-width {
max-width: 635px
}
.readable-double-width {
max-width: 1270px
}
.v-inlineInput--small[type="text"] {
width: 48px
}
.cursor-pointer {
cursor: pointer
}
.cursor--pointer {
cursor: pointer
}
.cursor--default {
cursor: default
}
.cursor--text {
cursor: text
}
.cursor--help {
cursor: help
}
.cursor-not-allowed {
cursor: not-allowed
}
.cursor-zoom-in {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in
}
.cursor-col-resize {
cursor: col-resize
}
.no-clicky {
pointer-events: none;
cursor: default
}
.overflow--hidden {
overflow: hidden
}
.overflow--visible {
overflow: visible
}
.overflow--auto {
overflow: auto
}
.overflow--scroll {
overflow: scroll
}
.overflow-y--auto {
overflow-y: auto
}
.overflow-x--hidden {
overflow-x: hidden
}
.overflow-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.overflow-ellipsis--wrappable {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal
}
.\ !overflow--hidden {
overflow: hidden !important
}
.\ !overflow--visible {
overflow: visible !important
}
.\ !overflow--auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden
}
.overflow-hidden-x {
overflow-x: hidden
}
.overflow-auto {
overflow: auto
}
.overflow-auto-y {
overflow-y: auto
}
.overflow-visible {
overflow: visible !important
}
.display--none {
display: none
}
@media only screen and (max-width:75em) {
.display--none\@desktop {
display: none
}
}
@media only screen and (max-width:85.375em) {
.display--none\@xltablet {
display: none
}
}
@media only screen and (max-width:64em) {
.display--none\@tablet {
display: none
}
}
@media only screen and (min-width:64em) {
.display--none\@tablet-min {
display: none
}
}
@media only screen and (max-width:60em) {
.display--none\@xlphone {
display: none
}
}
@media only screen and (max-width:40em) {
.display--none\@phone {
display: none
}
}
.display--inline {
display: inline
}
.display--block {
display: block
}
@media only screen and (max-width:64em) {
.display--block\@tablet {
display: block
}
}
.display--inline-block {
display: inline-block
}
.display--table {
display: table
}
.display--table-cell {
display: table-cell
}
.display--flex {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
@media only screen and (max-width:40em) {
.display--flex\@phone {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
}
@media only screen and (max-width:64em) {
.display--flex\@tablet {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
}
.hide {
display: none !important
}
.js-hide {
display: none
}
.block {
display: block !important
}
.block-i {
display: block !important
}
.inline {
display: inline
}
.inline-i {
display: inline !important
}
.inline-block {
display: inline-block
}
.inline-block-i {
display: inline-block !important
}
.inline-row>* {
display: inline-block;
margin: 0 15px 0 0
}
.inline-row>*:last-child {
margin: 0
}
.zin-0 {
z-index: inherit
}
.zin-lv1 {
z-index: 1
}
.zin-lv2 {
z-index: 10
}
.zin-lv3 {
z-index: 100
}
.zin-lv4 {
z-index: 1000
}
.zin-lv5 {
z-index: 10000
}
.dim2 {
opacity: .2
}
.dim3 {
opacity: .3
}
.dim6 {
opacity: .6
}
.dim-el {
opacity: .8
}
.opaque {
opacity: 1 !important
}
.opacity-0 {
opacity: 0
}
.disabled-container {
opacity: .5;
pointer-events: none
}
.grayscale {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5
}
.invisible {
visibility: hidden
}
.visible {
visibility: visible !important
}
.v-visuallyHidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
.noborder {
border: 0 none !important
}
.no-first-border:first-of-type {
border: none
}
.no-last-border:last-of-type {
border: none
}
.border-default {
border: solid 1px #dedddc
}
.border-gray {
border: solid 1px #bdbbb9
}
.border-gray-lightest {
border: solid 1px #f8f8f8
}
.border-bottom {
border-bottom: 1px solid #bdbbb9
}
.border-top {
border-top: 1px solid #bdbbb9
}
.border-left {
border-left: 1px solid #bdbbb9
}
.border-right {
border-right: 1px solid #bdbbb9
}
.border-top-light {
border-top: 1px solid #dedddc
}
.border-right-light {
border-right: 1px solid #dedddc
}
.border-top-dotted {
border-top: 1px dotted #dedddc
}
.border-top--dotted {
border-top: 1px dotted #dedddc
}
.border-top--none {
border-top: none
}
.border-bottom-light {
border-bottom: 1px solid #dedddc
}
.border-bottom-dotted {
border-bottom: 1px dotted #dedddc
}
.border-dotted {
border-style: dotted
}
.border-dashed {
border-style: dashed
}
.border-radius--lv0 {
border-radius: 0
}
.border-radius--lv1 {
border-radius: 2px
}
.border-radius--lv2 {
border-radius: 4px
}
.border-radius--lv3 {
border-radius: 12px
}
.border-radius--rounded {
border-radius: 50%
}
.v-border--selected {
border-color: #6dc5dc;
box-shadow: 0 0 0 2px #6dc5dc inset
}
@media only screen and (max-width:64em) {
.noborder-tablet {
border: 0 none
}
.border-bottom-tablet {
border-bottom: 1px solid #bdbbb9
}
}
.border--0 {
border: 0
}
@media only screen and (max-width:40em) {
.border--0\@phone {
border: 0
}
}
.\ !background--none {
background: none !important
}
.background-color--light {
background-color: var(--legacy-bg-lvl-1-color)
}
.background-color--dark {
background-color: #241c15
}
.background-color--underlay {
background-color: rgba(0, 0, 0, 0.8)
}
.bg-gray,
.v-bg-base-gray {
background-color: #f2f2f2
}
.v-bg-gray-dark {
background-color: #484848
}
.v-bg-gray-light {
background-color: #d0d0d0
}
.v-bg-gray-lightest {
background-color: #f8f8f8
}
.contain {
background-size: contain !important
}
.background-size--cover {
background-size: cover
}
.background-position--center-top {
background-position: center top
}
.object-fit--cover {
object-fit: cover
}
.object-position--top {
object-position: top
}
.v-aspectRatio--square {
width: 100%;
padding-bottom: 100%
}
.v-containedBackgroundImage {
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat
}
.v-coveredBackgroundImage {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat
}
.u-square--lv1 {
min-width: 36px;
height: 36px
}
.u-square--lv2 {
min-width: 72px;
height: 72px
}
.u-circle--lv4 {
border-radius: 50%;
width: 24px;
height: 24px
}
.resize--none {
resize: none
}
.preserve-3d-transform {
transform-style: preserve-3d
}
.list-style--none {
list-style: none
}
.list-style-none {
list-style-type: none
}
.disc {
list-style: disc;
padding-left: 15px
}
.drop-shadow {
box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.15)
}
.popover-shadow {
box-shadow: 0 2px 3px 0 #e0e0e0
}
.pulse {
width: 40px
}
.underlay {
background-color: #000000 !important;
bottom: 0;
display: block;
height: 100%;
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 999
}
.v-clearSafeAreaInset {
padding-left: constant(safe-area-inset-left);
padding-right: constant(safe-area-inset-right)
}
.v-safeAreaInsetAlt {
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right)
}
.blur {
filter: blur(7px)
}
.show-phone,
.show-mobile {
display: none !important
}
@media only screen and (max-width:40em) {
.flex-col-phone {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.full-width-phone {
width: 100%
}
.nomargin-small {
margin: 0
}
.nopadding--phone {
padding: 0
}
.nofloat-small {
float: none
}
.block-small {
display: block !important
}
.hide-phone {
display: none !important
}
.show-phone {
display: inline-block !important
}
.show-phone.mc-dropdown {
display: table !important
}
}
@media only screen and (max-width:64em) {
.block-medium {
display: block !important
}
.flex-col-tablet {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.full-width-mobile {
width: 100%
}
.full-width-mobile-i {
width: 100% !important
}
.mobile-no-flex {
display: block
}
.nofloat-tablet {
float: none
}
.nopadding--tablet {
padding: 0
}
.nomargin--tablet {
margin: 0
}
.mar-lr-auto--tablet {
margin-left: auto;
margin-right: auto
}
.below12--tablet {
margin-bottom: 12px
}
.hide-mobile {
display: none !important
}
.show-mobile {
display: inline-block !important
}
.static-mobile {
position: static
}
.flex--none\@tablet {
flex: none
}
}
.hide-desktop {
display: none
}
@media only screen and (max-width:64em) {
.hide-desktop {
display: block
}
}
@media only screen and (max-width:85.375em) {
.full-width--xltablet {
width: 100%
}
}
.show-legacy-ie {
display: none
}
.dj_ie9 .hide-legacy-ie,
.dj_ie8 .hide-legacy-ie,
.dj_ie7 .hide-legacy-ie,
.dj_ie6 .hide-legacy-ie {
display: none
}
.dj_ie9 .show-legacy-ie,
.dj_ie8 .show-legacy-ie,
.dj_ie7 .show-legacy-ie,
.dj_ie6 .show-legacy-ie {
display: inherit
}
.dj_ie10 .ms-overflow-style--scrollebar\@ie10 {
-ms-overflow-style: scrollbar
}
.dj_safari.dj_ios .iosSafariMenuFix {
padding-bottom: 82px
}
.no-unit-padding .unit,
.no-unit-padding .lastUnit {
padding-left: 0;
padding-right: 0
}
.sentence-case {
display: inline-block
}
.sentence-case::first-letter {
text-transform: uppercase
}
.inline-links>li>a {
display: inline-block
}
.ulst::before,
.urst::before {
margin-right: 3px;
content: "\e021";
vertical-align: top;
font-family: 'freddicons';
font-weight: normal;
font-size: 20px;
display: inline-block
}
.urst::before {
content: "\e023"
}
.udst::after,
.udst-left::before {
content: "\e024";
margin-left: 3px;
vertical-align: top;
font-family: 'freddicons';
font-weight: normal;
font-size: 20px;
display: inline-block
}
.udst-left::before {
margin-right: 3px
}
.code-block:read-only {
overflow: auto;
background-color: #241c15;
color: #ffffff;
min-height: 225px;
max-height: 250px;
font-family: monospace;
cursor: default
}
.alignl {
text-align: left !important
}
.alignc {
text-align: center !important
}
.alignc-large {
text-align: center
}
.alignr {
text-align: right !important
}
.textr {
text-align: right
}
.fwb {
font-weight: 500
}
.fwn {
font-weight: normal !important
}
.fwl {
font-weight: 300
}
.fsi {
font-style: italic
}
.fsn {
font-style: normal
}
.underline {
text-decoration: underline
}
.strike {
text-decoration: line-through
}
.uppercase {
text-transform: uppercase
}
.capitalize {
text-transform: capitalize
}
.no-transform {
text-transform: none
}
.ttn {
text-transform: none !important
}
.nowrap {
white-space: nowrap
}
.wspreline {
white-space: pre-line
}
.wsnormal {
white-space: normal !important
}
.wordwrap {
word-wrap: break-word
}
.breakall {
word-break: break-all
}
@media only screen and (max-width:40em) {
.left-on-small {
text-align: left
}
.center-on-small {
text-align: center
}
}
@media only screen and (max-width:64em) {
.left-on-medium {
text-align: left
}
.center-on-medium {
text-align: center
}
}
.safari_6 .flex {
display: block
}
.full-height-vh {
height: 100vh
}
.height-inherit {
height: inherit
}
.auto-width {
width: auto !important
}
.min-width-none {
min-width: 0
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.fixed {
position: fixed
}
.pos-tb0 {
top: 0;
bottom: 0
}
.pos-lr0 {
left: 0;
right: 0
}
.pos-l0 {
left: 0
}
.pos-r0 {
right: 0
}
.pos-t0 {
top: 0
}
.pos-b0 {
bottom: 0
}
.noround {
border-radius: 0
}
.rounded {
border-radius: 50%
}
.rounded3 {
border-radius: 2px
}
.rounded6 {
border-radius: 4px
}
.rounded12 {
border-radius: 12px
}
.table {
display: table
}
.table-cell {
display: table-cell
}
.bg-none {
background: none !important
}
.bg-clear {
background-color: var(--legacy-bg-lvl-1-color)
}
.bg-white {
background-color: var(--legacy-bg-lvl-1-color)
}
.bg-dark {
background-color: #241c15
}
.dijitReset {
border: 0;
line-height: unset;
outline: 0 none
}
.dj_a11y .dijitReset {
-moz-appearance: none
}
.dijitInline {
display: inline-table;
vertical-align: middle
}
.dijitHidden,
.dijitDisplayNone {
display: none !important
}
.dijitVisible {
display: block !important
}
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled {
cursor: default
}
.dijitSpacer {
position: relative;
height: 1px;
overflow: hidden;
visibility: hidden
}
.dijitInputContainer {
float: none;
overflow: hidden;
position: relative
}
.dijitPlaceHolder {
position: absolute;
top: 6px;
left: 0;
color: #959595
}
.dijitInputInner {
margin: 0 !important;
padding: 0 !important;
border: 0 none !important;
box-shadow: none !important;
min-height: 32px !important
}
.dijitValidationTextBox {
max-width: 635px
}
.dijitValidationTextBox .dijitArrowButtonInner {
display: none
}
.dijitValidationTextBox .dijitArrowButton {
color: #241c15;
background-color: #efeeea;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
float: right;
line-height: 34px;
padding: 0 12px
}
.dijitValidationTextBox .dijitArrowButton:visited {
color: #241c15
}
.dijitValidationTextBox .dijitArrowButton:hover {
cursor: pointer;
color: #241c15;
background-color: #d9d7cd
}
.dijitValidationTextBox .dijitArrowButton:focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
outline-width: 0
}
.dijitValidationTextBox .dijitArrowButton:active,
.dijitValidationTextBox .dijitArrowButton.active {
background-color: #cecbbf
}
.dijitValidationTextBox .dijitArrowButton[disabled],
.dijitValidationTextBox .dijitArrowButton.disabled,
.dijitValidationTextBox .dijitArrowButton.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.dijitValidationTextBox .dijitArrowButton[disabled].button--onDarkBg,
.dijitValidationTextBox .dijitArrowButton.disabled.button--onDarkBg,
.dijitValidationTextBox .dijitArrowButton.loading.button--onDarkBg {
opacity: .3
}
.dijitValidationTextBox .dijitArrowButton.disabled.clickable {
pointer-events: all
}
.dijitValidationTextBox .dijitPlaceHolder {
top: 0;
line-height: 34px
}
.dijitOffScreen {
position: absolute !important;
top: 0 !important;
left: -10000px !important;
visibility: hidden
}
.dijitStretch {
white-space: nowrap
}
.dijitBackgroundIframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: -1;
height: 100%
}
.dojoDndItem {
-webkit-touch-callout: none;
-webkit-user-select: none
}
.dojoDndAvatar {
width: auto;
height: auto;
border-collapse: collapse;
overflow: hidden
}
.dojoDndAvatar li {
list-style: none
}
body:not(.neapolitan) .dojoDndAvatar {
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2)
}
.dojoDndAvatarHeader {
display: none
}
.dojoDndMove *,
.dojoDndCopy * {
cursor: move;
cursor: -webkit-grabbing !important;
cursor: grabbing !important
}
.dojoDndAvatarItem>td {
padding: 18px
}
.dojoDndHandle {
color: #959595;
outline: 0 none;
cursor: move;
cursor: -webkit-grab;
cursor: grab
}
.dojoDndHandle:active {
cursor: -webkit-grabbing;
cursor: grabbing
}
.dojoDndItemOver {
cursor: move;
cursor: -webkit-grab;
cursor: grab
}
body:not(.neapolitan) .dojoDndItemOver {
cursor: auto
}
.dijitButtonNode {
padding: 0 18px;
cursor: pointer;
border: 0 none;
vertical-align: middle;
display: table-cell;
white-space: nowrap;
-ms-transition: background-color 0.23s ease-in-out 0s;
transition: background-color 0.23s ease-in-out 0s
}
.dijitButtonNode * {
outline: 0 none;
cursor: pointer
}
.dijitButton .dijitButtonNode,
.dijitComboButton .dijitButtonNode {
padding: 0
}
.project-runway .dijitComboButton .dijitButtonNode {
--legacy-button-bg-hover: var(--color-action-passive-hover)
}
.project-runway .dijitComboButton .dijitButtonNode:hover,
.project-runway .dijitComboButton .dijitButtonNode:active,
.project-runway .dijitComboButton .dijitButtonNode.active {
background-color: var(--legacy-button-bg-hover)
}
.project-runway .p0.dijitComboButton {
background-color: transparent !important
}
.project-runway .p0.dijitComboButton .dijitButtonNode {
background-color: transparent !important;
color: var(--legacy-interactive-color)
}
.project-runway .p0.dijitComboButton .dijitButtonNode:hover,
.project-runway .p0.dijitComboButton .dijitButtonNode:active,
.project-runway .p0.dijitComboButton .dijitButtonNode.active {
background-color: var(--legacy-bg-interactive-color) !important
}
.project-runway .p0 .dijitDownArrowButton {
border-left: 1px solid var(--legacy-interactive-color)
}
.project-runway .p1.dijitComboButton .dijitButtonNode {
background-color: var(--legacy-interactive-color);
color: var(--legacy-text-inverse-color)
}
.project-runway .p1.dijitComboButton .dijitButtonNode:hover,
.project-runway .p1.dijitComboButton .dijitButtonNode:active,
.project-runway .p1.dijitComboButton .dijitButtonNode.active {
background-color: var(--legacy-interactive-hover-color)
}
.dijitTextBox .dijitButtonNode {
border-width: 0
}
.dijitTextBox .dijitButtonNode::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e024"
}
.dijitButtonContents {
display: table-cell
}
@media only screen and (max-width:40em) {
.dijitButtonContents {
display: block
}
}
.dijitComboButton,
.dojoxCheckedMultiSelectButton {
padding: 0 !important
}
.dijitComboButton.p0,
.dojoxCheckedMultiSelectButton.p0 {
background-color: #716b67 !important
}
.dijitComboButton.p1,
.dojoxCheckedMultiSelectButton.p1 {
background-color: var(--legacy-interactive-color) !important
}
.dijitComboButton a,
.dojoxCheckedMultiSelectButton a {
display: block;
color: inherit !important;
border-bottom: none;
text-decoration: none
}
.dijitComboButton .dijitDownArrowButton,
.dojoxCheckedMultiSelectButton .dijitDownArrowButton {
padding: 0 11px;
border-left: 1px solid #ffffff
}
.feedback-block .dijitComboButton .dijitDownArrowButton,
.feedback-block .dojoxCheckedMultiSelectButton .dijitDownArrowButton {
border-left-color: rgba(255, 255, 255, 0.8)
}
.dijitComboButton .dijitButtonText a,
.dojoxCheckedMultiSelectButton .dijitButtonText a {
padding: 0 18px
}
@media only screen and (max-width:40em) {
.dijitComboButton>tbody,
.dojoxCheckedMultiSelectButton>tbody,
.dijitComboButton>tbody *,
.dojoxCheckedMultiSelectButton>tbody * {
width: 100%
}
}
.dijitComboButton {
background-color: var(--legacy-bg-lvl-3-color) !important
}
.dijitComboButton.disabled,
.dijitComboButton[disabled] {
background-color: transparent !important
}
.dijitComboButton.disabled .dijitDownArrowButton,
.dijitComboButton[disabled] .dijitDownArrowButton {
border-left: 1px solid #dedddc
}
.dijitDropDownButton {
padding: 0 8px;
margin-bottom: 24px;
vertical-align: middle;
min-width: 50px;
max-width: 635px;
width: 100%;
min-height: 36px;
background-color: var(--inputBackgroundColor, #ffffff);
border: 1px solid var(--legacy-border-input-color);
border-radius: var(--legacy-border-input-radius);
color: var(--color-text-primary);
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
margin-bottom: 0;
padding: 0;
width: auto;
display: inline-block;
position: relative
}
.dijitDropDownButton:focus {
outline: none;
border: 1px solid var(--input-border-focus, #007c89);
box-shadow: inset 0 0 0 1px var(--input-shadow-focus, #007c89)
}
.dijitDropDownButton.invalid {
border-color: var(--input-border-error, #a73205);
box-shadow: inset 0 0 0 1px var(--input-shadow-error, #a73205)
}
.dijitDropDownButton[disabled] {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5;
cursor: not-allowed
}
.dijitDropDownButton .dijitButtonNode {
padding-right: 11px
}
.dijitDropDownButton .dijitButtonText {
text-align: left
}
@media only screen and (max-width:40em) {
.dijitDropDownButton {
display: block
}
.dijitDropDownButton .dijitButtonNode {
display: block
}
.dijitDropDownButton .dijitButtonContents::before,
.dijitDropDownButton .dijitButtonContents::after {
content: " ";
display: table
}
.dijitDropDownButton .dijitButtonContents::after {
clear: both
}
.dijitDropDownButton .dijitButtonContents::before,
.dijitDropDownButton .dijitButtonContents::after {
content: " ";
display: table
}
.dijitDropDownButton .dijitButtonContents::after {
clear: both
}
.dijitDropDownButton .dijitButtonText {
display: inline-block;
float: left;
max-width: 85%;
overflow: hidden
}
.dijitDropDownButton .dijitArrowButtonInner {
position: absolute;
top: 0;
right: 10px
}
}
.dijitDownArrowButton .dijitArrowButtonInner::after {
font-family: "freddicons";
content: "\e024";
font-size: 20px;
display: inline-block;
margin: 0 0 0 3px;
line-height: 34px;
font-weight: normal !important;
font-style: normal !important;
margin: 0 !important
}
.help-tip .dijitDownArrowButton .dijitArrowButtonInner {
display: none
}
.dijitButtonText {
font-size: 1.4rem;
height: 36px;
line-height: 34px;
height: 34px;
vertical-align: top;
text-align: center
}
.dijitSelect .dijitButtonText {
float: left
}
.dijitTextBox {
width: 100%;
background-color: var(--inputBackgroundColor, #ffffff);
border: 1px solid var(--input-border, rgba(36, 28, 21, 0.3));
border-radius: var(--legacy-border-input-radius);
padding: 0 6px;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
min-height: 36px;
padding-right: 0
}
.dijitTextBox:active,
.dijitTextBox:focus {
border-color: var(--input-border-focus, #007c89);
box-shadow: inset 0 0 0 1px var(--input-shadow-focus, #007c89)
}
.dijitTextBox.invalid {
border-color: var(--input-border-error, #a73205);
box-shadow: inset 0 0 0 1px var(--input-shadow-error, #a73205)
}
.invalid .dijitTextBox {
border-color: #a73205;
box-shadow: inset 0 0 0 1px #a73205
}
.dijitTextBox input {
margin: 1px 0 !important;
width: calc(100% - 1px)
}
.dijitTextBox .dijitValidationContainer {
display: none
}
.dijitComboBoxFocused,
.dijitTextBoxFocused {
border-color: #007c89 !important;
box-shadow: inset 0 0 0 1px #007c89
}
.dijitComboBoxError,
.dijitTextBoxError {
border-color: #a73205 !important;
box-shadow: inset 0 0 0 1px #a73205
}
.dijitValidationTextBox .dijitArrowButton {
-ms-transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
border: 1px solid transparent;
border-left: none;
max-height: 34px
}
.dijitValidationTextBoxError .dijitArrowButton {
border-color: #a73205 !important
}
.dijitValidationTextBoxFocused .dijitArrowButton {
border-color: #007c89
}
.dijitValidationTextBoxDisabled {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5
}
.dijitValidationTextBoxDisabled .dijitInputInner {
width: 100%;
margin: 0 !important;
line-height: 34px
}
.dijitValidationTextBoxDisabled .dijitArrowButton {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5;
pointer-events: none;
border-left: 1px solid rgba(36, 28, 21, 0.3)
}
.dijitValidationTextBox .dijitPlaceHolder {
font-weight: normal
}
.dijitDateTextBox {
position: relative;
min-width: 175px
}
.dijitDateTextBox::before,
.dijitDateTextBox::after {
content: " ";
display: table
}
.dijitDateTextBox::after {
clear: both
}
.dijitDateTextBox::before,
.dijitDateTextBox::after {
content: " ";
display: table
}
.dijitDateTextBox::after {
clear: both
}
.dijitDateTextBox .dijitArrowButtonContainer {
-ms-transition: color 0.2s ease-in-out 0s;
transition: color 0.2s ease-in-out 0s;
color: var(--legacy-text-secondary-color);
background: transparent;
border: none;
padding: 0 18px;
position: relative;
float: right;
display: inline-block;
height: 28px;
right: 2px;
top: 3px
}
.dijitDateTextBox .dijitArrowButtonContainer::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e046";
left: 9px;
position: absolute;
line-height: 28px
}
.dijitDateTextBox .dijitArrowButtonContainer:hover {
background: transparent
}
.dijitDateTextBox.dijitDateTextBoxFocused .dijitArrowButtonContainer {
color: #007c89
}
.dijitDateTextBox .dijitArrowButtonInner {
display: none
}
.dijitDateTextBox .dijitInputContainer {
position: absolute;
top: 0;
left: 6px;
right: 36px
}
.dijitDateTextBox .dijitInputInner {
border: 0 none !important;
padding: 0 !important;
background: transparent
}
.dijitButtonNodeHover,
.dijitDownArrowButtonHover {
background-color: #d9d7cd
}
.p0 .dijitButtonNodeHover,
.p0 .dijitDownArrowButtonHover {
background-color: #56524f
}
.p1 .dijitButtonNodeHover,
.p1 .dijitDownArrowButtonHover {
background-color: #006570
}
.dijitDropDownButtonFocused {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
outline-width: 0
}
.dijitDisabled * {
cursor: not-allowed
}
.dijitButtonDisabled,
.dijitDropDownButtonDisabled,
.dijitComboButtonDisabled,
.dijitToggleButtonDisabled {
outline: 0 none;
opacity: .5;
pointer-events: none;
background-image: none
}
.dijitNoIcon,
.dijitArrowButtonChar,
.dijitToggleButtonIconChar {
display: none !important
}
.dijitRadio,
.dijitCheckBox,
.dijitCheckBoxInput,
.dojoxTriStateCheckBox,
.dojoxTriStateCheckBoxInput,
.dojoxCheckedMultiSelectMenu .dijitMenuItemIconCell {
width: 25px;
height: 25px;
background-repeat: no-repeat;
overflow: hidden;
background-image: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/product/sprites/input-sprites-spaced-2x.png");
background-size: 24px 388px
}
.dijitRadio,
.dijitCheckBox,
.dojoxTriStateCheckBox {
margin-right: 12px
}
.dijitCheckBoxInput,
.dojoxTriStateCheckBoxInput {
display: block;
margin: 0 !important;
opacity: .01;
-moz-appearance: none;
-webkit-appearance: none
}
.dojoxTriStateCheckBox {
display: inline-block
}
.dojoxTriStateCheckBoxInner {
display: none
}
.dijitCheckBox,
.dojoxTriStateCheckBox {
background-position: 0 -26px
}
.dijitCheckBoxFocused,
.dojoxTriStateCheckBoxFocused {
background-position: 0 -52px
}
.dijitCheckBoxChecked,
.dojoxTriStateCheckBoxChecked {
background-position: 0 -104px
}
.dijitCheckBoxCheckedFocused,
.dojoxTriStateCheckBoxCheckedFocused {
background-position: 0 -130px
}
.dojoxTriStateCheckBoxMixed {
background-position: 0 -182px
}
.dijitCheckBoxDisabled,
.dojoxTriStateCheckBoxDisabled {
background-position: 0 0
}
.dijitCheckBoxCheckedDisabled,
.dojoxTriStateCheckBoxCheckedDisabled {
background-position: 0 -78px
}
.dijitRadio {
background-position: 0 -260px
}
.dijitRadioDisabled {
background-position: 0 -234px
}
.dijitRadioFocused {
background-position: 0 -286px
}
.dijitRadioChecked {
background-position: 0 -338px
}
.dijitRadioCheckedDisabled {
background-position: 0 -312px
}
.dijitRadioCheckedFocused {
background-position: 0 -364px
}
.dj_a11y .dijitCheckBox,
.dj_a11y .dijitRadio {
width: auto !important;
height: auto !important
}
.dj_a11y .dijitCheckBoxInput {
opacity: 1;
width: auto;
height: auto
}
.dijitSelect {
display: inline-block;
padding: 0 8px;
margin-bottom: 24px;
vertical-align: middle;
min-width: 50px;
max-width: 635px;
width: 100%;
min-height: 36px;
background-color: var(--inputBackgroundColor, #ffffff);
border: 1px solid var(--legacy-border-input-color);
border-radius: var(--legacy-border-input-radius);
color: var(--color-text-primary);
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
width: auto;
cursor: pointer;
position: relative;
padding: 0 !important
}
.dijitSelect:focus {
outline: none;
border: 1px solid var(--input-border-focus, #007c89);
box-shadow: inset 0 0 0 1px var(--input-shadow-focus, #007c89)
}
.dijitSelect.invalid {
border-color: var(--input-border-error, #a73205);
box-shadow: inset 0 0 0 1px var(--input-shadow-error, #a73205)
}
.dijitSelect[disabled] {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5;
cursor: not-allowed
}
@media only screen and (max-width:40em) {
.dijitSelect {
display: block
}
}
.dijitSelect .dijitButtonContents {
vertical-align: middle;
padding: 0 36px 0 18px
}
.dijitSelect .dijitButtonContents::after {
font-family: "freddicons";
content: "\e024";
font-size: 20px;
display: inline-block;
margin: 0 0 0 3px;
line-height: 34px;
font-weight: normal !important;
font-style: normal !important;
position: absolute;
right: 11px;
top: 0
}
.big-search .dijitSelect .dijitButtonContents::after {
top: auto
}
.dijitSelect .dijitArrowButtonContainer,
.dijitSelect .dijitValidationContainer {
display: none
}
.dijitSelectLabel {
vertical-align: top
}
.dijitSelectFocused {
outline: 0
}
.dijitSelectDisabled {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.dijitSelectDisabled.button--onDarkBg {
opacity: .3
}
.dijitSelectLabel {
text-transform: none
}
.dijitContainer {
overflow: hidden
}
.dijitLayoutContainer {
display: block;
position: relative;
overflow: hidden
}
.dijitTabContainerNoLayout {
width: 100%
}
.dijitTabContainer {
z-index: 0;
overflow-y: visible
}
.dijitTabController {
z-index: 1;
outline: none
}
.dijitTabControllerAutomations {
padding: 6px 2px
}
.dijitTabControllerKeyboardFocus {
outline: 2px solid #007c89;
outline-offset: -2px
}
.dijitTabListContainer-top {
border-bottom: 1px solid #d9d9d9;
overflow: visible;
background-color: var(--legacy-bg-lvl-1-color);
left: 0;
right: 0;
width: auto !important
}
.c-baseOverlay .dijitTabListContainer-top {
background: inherit
}
@media only screen and (max-width:40em) {
.dijitTabListContainer-top {
border: 1px solid rgba(36, 28, 21, 0.65);
border-radius: 3px
}
.c-baseOverlay .dijitTabListContainer-top {
background: #716b67
}
}
.dijitbelow-altArrowButton {
outline: 0 none;
right: 0;
left: auto !important;
background: #d0d0d0
}
.dijitbelow-altArrowButton::after {
font-family: "freddicons";
content: "\e024";
font-size: 20px;
display: inline-block;
margin: 0 0 0 3px;
line-height: 34px;
font-weight: normal !important;
font-style: normal !important;
position: absolute;
right: 12px;
top: 0;
line-height: 36px
}
@media only screen and (max-width:40em) {
.dijitbelow-altArrowButton {
right: 0;
background-color: transparent;
left: 0 !important;
display: block !important;
background: transparent
}
.dijitbelow-altArrowButton::after {
line-height: 36px;
color: #241c15
}
}
.dijitTabListWrapper {
overflow: hidden;
z-index: 1;
left: 0 !important;
width: 100% !important
}
.dijitTabContainerTop-container {
overflow: hidden;
z-index: 0;
margin: 0 -15px
}
.c-baseOverlay .dijitTabContainerTop-container {
margin: 0
}
.dijitTabContainerTop-tabs {
z-index: 1
}
.dijitTab {
position: relative;
white-space: nowrap;
cursor: pointer;
display: inline-block;
height: inherit;
line-height: 36px;
min-width: 42px;
color: var(--legacy-text-secondary-color);
font-weight: 500;
z-index: 3;
margin: 0 15px
}
.dijitTabHasBadge .dijitTab {
line-height: 34px
}
.dijitTab:hover {
color: var(--legacy-text-primary-color)
}
.dijitTab:hover.dijitTabFocused {
color: #004e56
}
.dijitTab:first-child {
margin-left: 0
}
@media only screen and (max-width:40em) {
.dijitTab {
color: #ffffff !important;
border: 0 none !important;
display: none;
line-height: 48px
}
.dijitTab:first-child {
margin-left: 15px
}
}
.tabLabel {
outline: none;
font-size: 1.6rem
}
.dijitTabChecked .tabLabel {
cursor: default;
border-bottom: 2px solid #007c89;
color: var(--legacy-link-color)
}
@media only screen and (max-width:40em) {
.dijitTabChecked .tabLabel {
border-bottom: 0;
color: #241c15
}
}
.dijitTabChecked .tabLabel:hover {
color: #004e56;
border-color: #004e56
}
.dijitTabHasBadge .dijitTabChecked {
border-bottom: 0
}
.dijitTabHasBadge .dijitTabChecked .tabLabel {
border-bottom: 2px solid #007c89
}
@media only screen and (max-width:40em) {
.dijitTabHasBadge .dijitTabChecked .tabLabel {
border-bottom: 0
}
}
@media only screen and (max-width:40em) {
.dijitTabChecked {
display: block
}
}
.swm-templates #template-container_tablist {
display: none
}
@media only screen and (max-width:40em) {
.dijitTabListContainer-top,
.dijitTabListWrapper,
.dijitTabContainerTop-tabs {
width: 100% !important
}
}
.dijitTabContainerTop-dijitContentPane,
.dijitTabContainerLeft-dijitContentPane,
.dijitTabContainerBottom-dijitContentPane,
.dijitTabContainerRight-dijitContentPane,
.dijitAccordionContainer-dijitContentPane {
background-color: var(--legacy-bg-lvl-1-color);
padding: 30px 0 0 0
}
.c-baseOverlay .dijitTabContainerTop-dijitContentPane,
.c-baseOverlay .dijitTabContainerLeft-dijitContentPane,
.c-baseOverlay .dijitTabContainerBottom-dijitContentPane,
.c-baseOverlay .dijitTabContainerRight-dijitContentPane,
.c-baseOverlay .dijitAccordionContainer-dijitContentPane {
background: inherit;
padding: 0
}
.dijitContentPane {
display: block;
overflow: auto
}
.dijitIconLoading {
background: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/css/icons/pulse_compressed.gif") no-repeat 50% 30px transparent;
background-size: 40px auto
}
.dijitIconError::before {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e010";
color: #e85c41;
padding-left: 15px
}
:root {
--dijit-dialog-underlay-fill: rgba(36, 28, 21, 0.5);
--dijit-dialog-title-bar-fill: #efeeea;
--dijit-dialog-wink-title-bar-fill: #ffffff;
--dijit-dialog-wink-title-bar-border-color: #dedddc;
--dijit-dialog-pane-action-bar-border-color: #dedddc;
--dijit-dialog-free-flow-title-bar-fill: #ffffff;
--dijit-dialog-free-flow-title-bar-border-color: #dedddc
}
.mcds-dark-mode-flag-enabled {
--dijit-dialog-underlay-fill: var(--color-shadow);
--dijit-dialog-title-bar-fill: var(--color-container-background-tertiary);
--dijit-dialog-wink-title-bar-fill: var(--color-page-background-primary);
--dijit-dialog-wink-title-bar-border-color: var(--color-container-border-primary);
--dijit-dialog-pane-action-bar-border-color: var(--color-container-border-primary);
--dijit-dialog-free-flow-title-bar-fill: var(--color-page-background-primary);
--dijit-dialog-free-flow-title-bar-border-color: var(--color-container-border-primary)
}
.dijitDialogUnderlayWrapper {
position: fixed;
left: 0;
top: 0 !important;
right: 0;
bottom: 0;
z-index: 998;
display: none;
background: transparent !important;
pointer-events: none;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.dijitDialogUnderlay {
opacity: 1;
visibility: hidden;
background-color: transparent;
pointer-events: none;
-ms-transition: all 0.5s;
transition: all 0.5s
}
.dijitDialogUnderlay.on {
visibility: visible;
pointer-events: all;
background-color: var(--dijit-dialog-underlay-fill, rgba(36, 28, 21, 0.5))
}
.dj_ie .dijitDialogUnderlay {
filter: alpha(opacity=50)
}
.dijitDialog {
background-color: var(--legacy-bg-lvl-1-color);
border-radius: 4px;
background-clip: padding-box;
overflow: hidden;
position: absolute;
z-index: -99 !important;
pointer-events: none;
max-width: 80vw;
visibility: hidden;
opacity: 0 !important;
-ms-transition: opacity 0.3s;
transition: opacity 0.3s
}
@media only screen and (max-width:40em) {
.dijitDialog {
left: 30px !important;
right: 30px !important;
width: auto !important;
max-width: none
}
.dijitDialog--fullScreen\@phone {
left: 0 !important;
right: 0 !important;
width: auto !important;
top: 0 !important;
bottom: 0 !important;
border-radius: 0;
height: 100% !important;
max-width: none
}
}
.dijitDialog .closeText {
display: none
}
.dijitDialogShow {
visibility: visible;
opacity: 1 !important;
z-index: 999 !important;
pointer-events: auto;
max-height: 100vh;
overflow-y: auto
}
.dijitDialogTitleBar {
cursor: move;
position: static !important;
background-color: var(--dijit-dialog-title-bar-fill, #efeeea);
outline: 0 none;
height: auto;
width: 100% !important;
font-weight: 500;
text-align: center;
padding: 18px
}
@media only screen and (max-width:40em) {
.dijitDialog--fullScreen\@phone .dijitDialogTitleBar {
position: absolute;
top: 0;
left: 0
}
}
.dijitDialog_wink {
border-radius: 12px
}
.dijitDialog_wink .dijitDialogTitleBar {
background-color: var(--dijit-dialog-wink-title-bar-fill, #ffffff);
border-bottom: 1px solid var(--dijit-dialog-wink-title-bar-border-color, #dedddc)
}
.dijitDialogTitle {
display: block
}
.dijitDialogCloseIcon {
color: var(--legacy-text-secondary-color);
display: block;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
width: 60px;
height: 60px;
line-height: 60px;
outline: 0 none
}
.dijitDialogCloseIcon::before {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e037"
}
.dijitDialogCloseIcon:hover {
color: var(--legacy-text-primary-color)
}
.dijitDialogPaneContent {
background-color: var(--legacy-bg-lvl-1-color);
border-radius: 0 0 6px 6px;
overflow-y: auto;
position: static !important;
width: auto !important;
height: 100% !important;
max-height: 30em;
min-width: 28em
}
@media only screen and (max-width:40em) {
.dijitDialogPaneContent {
min-width: 100%;
max-height: none
}
}
.dijitDialogPaneContent input[type="text"] {
max-width: 100% !important
}
.dijitDialogPaneContent h4 {
margin-bottom: 18px
}
.dijitDialogPaneContent .feedback-block h4 {
margin-bottom: 0
}
.dijitDialogPaneContent html {
overflow: auto
}
.no-min-width .dijitDialogPaneContent {
min-width: 0
}
.dijitDialogPaneContentArea {
margin-bottom: 72px;
padding: 48px;
max-height: 25em;
overflow: auto;
outline: none
}
.dijitDialogPaneContentArea.nobar {
margin-bottom: 0
}
@media only screen and (max-width:40em) {
.dijitDialogPaneContentArea {
max-height: none
}
.dijitDialogPaneContentArea--mobile {
margin-bottom: 54px
}
}
@media only screen and (min-width:120em) {
.dijitDialogPaneContentArea {
max-height: none
}
}
@media only screen and (max-width:40em) {
.dijitDialog--fullScreen\@phone .dijitDialogPaneContentArea {
position: absolute !important;
top: 60px;
left: 0;
right: 0;
bottom: 69px
}
}
.dijitDialogPaneContentArea.dijitDialogPaneContentArea_wink {
padding: 48px
}
.dijitThumbsFeedbackDialogPaneContentArea {
margin-bottom: 72px;
padding: 24px 18px;
overflow: auto;
outline: none;
min-width: 27em
}
.dijitThumbsFeedbackDialogPaneContentArea.nobar {
margin-bottom: 0
}
@media only screen and (max-width:40em) {
.dijitThumbsFeedbackDialogPaneContentArea {
max-height: none
}
.dijitThumbsFeedbackDialogPaneContentArea--mobile {
margin-bottom: 54px
}
}
@media only screen and (min-width:120em) {
.dijitThumbsFeedbackDialogPaneContentArea {
max-height: none
}
}
@media only screen and (max-width:40em) {
.dijitDialog--fullScreen\@phone .dijitThumbsFeedbackDialogPaneContentArea {
position: absolute !important;
top: 60px;
left: 0;
right: 0;
bottom: 69px
}
}
.checkboxOne {
max-width: 635px;
margin-bottom: 12px;
padding-bottom: 0;
font-weight: normal;
padding-left: 36px;
text-indent: -36px
}
.dijitDialogPaneActionBar {
position: absolute;
background-color: var(--legacy-bg-lvl-1-color);
border-top: 1px solid var(--dijit-dialog-pane-action-bar-border-color, #dedddc);
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 18px 18px;
border-radius: 0 0 4px 4px;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
#mc-module-dialog .dijitDialogPaneContent {
padding: 0
}
#mc-module-dialog .dijitDialogPaneContent body {
margin-bottom: 24px
}
#mc-module-dialog iframe {
width: 100% !important;
display: block
}
.feature-dialog {
width: 650px
}
.feature-dialog--slim {
width: 31.25em
}
.feature-dialog__offsetBg {
background: linear-gradient(to bottom, #efeeea 65%, transparent 65%)
}
.feature-dialog .dijitDialogPaneContent {
max-height: none
}
.feature-dialog .dijitDialogTitleBar {
display: none
}
.closeable-feature-dialog {
width: 650px
}
.closeable-feature-dialog .dijitDialogPaneContent {
max-height: none
}
.closeable-feature-dialog .dijitDialogTitleBar {
background-color: var(--legacy-bg-lvl-1-color)
}
.closeable-feature-dialog .dijitDialogTitleBar .dijitDialogCloseIcon::before {
color: #737373;
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e037"
}
#free-flow-modal .dijitDialogTitleBar {
background-color: var(--dijit-dialog-free-flow-title-bar-fill, #ffffff);
border-bottom: 1px solid var(--dijit-dialog-free-flow-title-bar-border-color, #dedddc)
}
#free-flow-modal .dijitDialogTitleBar .dijitDialogCloseIcon {
display: none
}
#free-flow-modal .dijitDialogPaneContentArea {
padding: 36px !important
}
#free-flow-modal .dijitDialogPaneActionBar .textlink {
display: inline-block
}
#free-flow-modal .dijitDialogPaneActionBar .textlink a {
font-weight: 500;
padding-right: 48px;
font-size: 14px !important
}
@media only screen and (max-width:740px) {
#free-flow-modal .dijitDialogPaneContentArea {
padding: 24px 18px 56px 18px !important
}
#free-flow-modal .dijitDialogPaneActionBar {
text-align: center !important
}
#free-flow-modal .dijitDialogPaneActionBar .textlink {
width: 100%;
margin-bottom: 15px
}
#free-flow-modal .dijitDialogPaneActionBar .textlink a {
padding: unset;
width: 100%
}
#free-flow-modal .dijitDialogPaneActionBar .dijitButton {
margin-right: unset;
margin: auto
}
}
.indicateScrolling .dijitDialogPaneContent {
overflow-y: visible;
margin-bottom: 69px
}
.indicateScrolling .dijitDialogPaneContentArea {
margin-bottom: 0
}
.scrollIndicator::before {
z-index: 1;
content: "";
position: absolute;
left: 0;
right: 0;
height: 10px
}
.scrollIndicator--above::before {
top: -11px;
background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.2) 100%), -ms-linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.2) 100%), linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.1) 100%)
}
.scrollIndicator--top::before {
top: 60px;
background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.2) 100%), -ms-linear-gradient(to top, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.2) 100%), linear-gradient(to top, transparent 60%, rgba(0, 0, 0, 0.1) 100%)
}
.scrollIndicatorStopper {
z-index: 2;
position: relative;
height: 24px;
margin-left: -18px;
margin-right: -18px
}
.scrollIndicatorStopper--top {
margin-top: -24px;
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0, #ffffff 60%)
}
.scrollIndicatorStopper--bottom {
margin-bottom: -24px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #ffffff 60%)
}
[data-dojo-type="dijit/Dialog"] {
display: none
}
.help-tip {
color: var(--legacy-text-secondary-color);
background-color: transparent !important;
outline: 0 none;
line-height: 1;
border: none;
box-shadow: none;
min-height: unset
}
.c-wizardNavigation .help-tip {
color: rgba(255, 255, 255, 0.5)
}
.c-wizardNavigation .help-tip:hover {
color: #ffffff
}
.help-tip .dijitButtonNode {
padding: 0
}
.help-tip .dijitButtonText {
line-height: unset;
height: unset;
max-width: 100%
}
.help-tip .freddicon {
vertical-align: unset
}
.dj_gecko .help-tip .freddicon.menu-down {
vertical-align: middle
}
.help-tip:hover,
.help-tip.dijitOpened {
color: var(--legacy-text-primary-color)
}
.v-helpTip--normal .dijitButtonText {
font-size: 1.6rem;
font-weight: normal;
color: #237a91;
line-height: 31px
}
.v-helpTip--smallLink .dijitButtonText {
font-weight: normal;
color: var(--legacy-link-color);
border-bottom: 1px solid;
line-height: 1.5;
margin-top: -2px
}
.v-helpTip--smallLink:hover .dijitButtonText {
color: #004e56
}
@media only screen and (max-width:40em) {
.v-helpTip--smallLink {
display: inline-block
}
}
.v-helpTip--smallLink.dijitDropDownButtonFocused {
outline: 2px solid #007c89;
outline-offset: 1px
}
.help-tip-lines>li {
line-height: 21px;
margin-bottom: 9px
}
.help-tip-lines>li:last-child {
margin-bottom: 0
}
.help-tip-lines a {
display: inline
}
.help-tip-lines a:focus {
outline: 0 none
}
@media only screen and (max-width:40em) {
.help-tip-lines {
padding-top: 36px
}
}
.help-tip-dialog .dijitTooltipConnector {
display: none
}
@media only screen and (max-width:40em) {
.help-tip-dialog .dijitTooltipContainer {
box-shadow: none
}
.help-tip-dialog .dijitTooltipContainer .dialog-close {
display: block !important;
text-align: right;
color: var(--legacy-text-primary-color);
font-size: 15px;
padding: 0 15px 12px;
position: absolute;
left: 0;
right: 0;
top: 15px;
outline: 0 none
}
}
.dijitTooltip {
position: absolute;
z-index: 2000;
display: block;
left: 0;
top: -10000px;
overflow: visible;
outline: none;
border: none;
box-sizing: content-box
}
.dijitTooltip .dijitTooltipContainer {
border-radius: 8px;
background-color: #241c15;
color: #ffffff
}
.dijitTooltipDialog .dijitTooltipContainer {
box-shadow: 0 6px 24px 1px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border-radius: 6px
}
.dijitTooltip,
.dijitTooltipDialog {
max-width: 500px;
outline: 0 none
}
.dijitTooltip .dijitTooltipContainer,
.dijitTooltipDialog .dijitTooltipContainer {
background-clip: padding-box;
padding: 12px 15px;
font-size: 1.4rem
}
@media screen and (max-width:40em) {
.dijitTooltip,
.dijitTooltipDialog {
max-width: inherit
}
}
.dijitTooltipContents {
outline: 0 none
}
.dijitTooltipContents .dialog-close {
display: none !important
}
.dijitTooltipData {
display: none
}
.dijitTooltipConnector {
position: absolute;
border: 8px solid transparent;
padding-right: 6px;
width: 0;
height: 0
}
.dijitTooltipConnector::after {
content: "";
border: inherit;
width: 0;
height: 0;
position: inherit;
z-index: -1
}
@media only screen and (max-width:40em) {
.dijitTooltipConnector {
display: none
}
}
.dijitTooltipBelow .dijitTooltipConnector {
border-top: none;
border-bottom-color: transparent;
top: 0;
margin-top: -6px;
left: 24px
}
.dijitTooltipBelow .dijitTooltipConnector::after {
border-bottom-color: #241c15;
border-top: none;
top: -2px;
left: -8px
}
.dijitTooltipAbove .dijitTooltipConnector {
border-bottom: none;
border-top-color: transparent;
top: 100%;
margin-top: -2px;
left: 24px
}
.dijitTooltipAbove .dijitTooltipConnector::after {
border-top-color: #241c15;
border-bottom: none;
top: -6px;
left: -8px
}
.dijitTooltipLeft .dijitTooltipConnector {
border-right: none;
border-left-color: transparent;
right: 0;
top: 12px;
margin-right: -6px
}
.dijitTooltipLeft .dijitTooltipConnector::after {
border-left-color: #241c15;
border-right: none;
top: -8px;
right: -2px
}
.dijitTooltipRight .dijitTooltipConnector {
border-left: none;
border-right-color: transparent;
left: 0;
top: 12px;
margin-left: -6px
}
.dijitTooltipRight .dijitTooltipConnector::after {
border-right-color: #241c15;
border-left: none;
top: -8px;
left: -2px
}
.dijitTooltipABRight .dijitTooltipConnector {
left: auto !important;
right: 12px
}
.dijitPopup {
margin-top: 5px;
position: absolute;
background-color: var(--legacy-bg-lvl-1-color);
border-radius: var(--legacy-border-overlay-radius);
border: 1px solid #dedddc;
background-clip: padding-box;
-webkit-overflow-scrolling: touch;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
@media screen and (max-width:40em) {
.dijitPopup {
width: 96% !important;
left: 50% !important;
margin: 6px auto 0 -48%
}
}
.dijitTooltipDialogHelpPopup,
.dijitTooltipDialogPopup {
box-shadow: none
}
@media screen and (max-width:40em) {
.dijitTooltipDialogHelpPopup,
.dijitTooltipDialogPopup {
top: 60px !important;
bottom: 12px !important;
left: 0;
right: 0;
height: 390px !important;
overflow-y: hidden !important;
box-shadow: 0 0 0 1200px rgba(0, 0, 0, 0.5)
}
}
@media screen and (max-width:40em) {
.dijitTooltipDialogHelpPopup {
bottom: auto !important;
height: auto !important;
padding-bottom: 20px
}
}
.dijitMenuPopup {
overflow: hidden !important;
overflow-y: auto !important
}
.dijitMenuPopup[dijitpopupparent] {
max-height: 30em;
min-width: 18em
}
.dijitMenu {
width: 100%
}
.dijitMenuItem {
padding: 6px 18px
}
.dijitMenuItemSelected {
background-color: #cce5e7
}
.dijitMenuItemHover {
background-color: #e6f2f3
}
.dijitMenuItemDisabled {
opacity: .5;
background-color: #efeeea
}
.dijitMenuItemDisabledCursor td {
cursor: not-allowed
}
.dijitMenuItemLabel {
cursor: pointer;
font-size: 1.4rem;
line-height: 24px;
padding: 12px 18px
}
.dijitMenuItemLabel a {
color: var(--legacy-text-primary-color);
padding: 12px 18px;
margin: -12px -18px
}
.dijitSelectWithOptionGroup .dijitMenuItemLabel {
padding-left: 36px
}
.dijitMenuItemSelected .dijitMenuItemLabel {
background-color: #e6f2f3
}
.dijitSelectSelectedOption .dijitMenuItemLabel {
background-color: #cce5e7
}
.dijitMenuItemDisabled .dijitMenuItemLabel {
cursor: not-allowed
}
.dijitMenuItemLabel .dijitMenuItemDisabledColor {
color: rgba(36, 28, 21, 0.3)
}
.dijitMenuItemLabel .dijitMenuItemDescription {
color: rgba(36, 28, 21, 0.65)
}
[aria-haspopup="true"] .dijitMenuItemLabel {
padding: 12px 30px 12px 18px
}
[aria-haspopup="true"] .dijitMenuItemLabel::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e023";
position: absolute;
right: 6px;
color: #b7b7b7
}
.dijitMenuSeparatorLabelCell {
border-top: 1px dotted #dedddc
}
.dijitMenuSeparatorIconCell,
.dijitMenuItemIconCell,
.dijitMenuArrowCell {
display: none
}
.dijitCalendar {
width: 100%;
border-radius: 2px;
padding: 18px
}
.dijitCalendar th,
.dijitCalendar td {
text-align: center;
vertical-align: middle;
cursor: pointer;
font-size: 1.6rem;
letter-spacing: .05em;
outline: none
}
.dijitCalendar .dijitDropDownButton {
background-color: transparent;
display: inline-block
}
.dijitCalendar .dijitDropDownButtonFocused {
outline: none
}
.dijitCalendar .dijitButtonText,
.dijitCalendar .dijitArrowButtonInner {
float: none
}
.dijitCalendarArrow::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e023"
}
.dijitCalendarArrow:first-child::after {
content: "\e021"
}
.dijitCalendarMonthLabel {
font-size: 1.6rem;
font-weight: normal;
line-height: inherit;
cursor: pointer
}
.dijitCalendarMonthMenu .dijitCalendarMonthLabel {
padding: 6px 18px
}
.dijitCalendarMonthMenu .dijitCalendarMonthLabel:first-child {
border-radius: 2px 2px 0 0
}
.dijitCalendarMonthMenu .dijitCalendarMonthLabel:last-child {
border-radius: 0 0 2px 2px
}
.dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover {
background-color: #e6f2f3
}
.dijitCalendarDayLabel,
.dijitCalendarDateLabel {
display: block;
padding: 6px 10px;
border: 1px solid transparent
}
.dijitCalendarDayLabel {
cursor: default
}
.dijitCalendarDateLabel {
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s
}
.dijitCalendarDateLabel:hover {
background-color: #e6f2f3;
border-radius: 2px;
color: var(--legacy-text-primary-color)
}
.dijitCalendarSelectedDate .dijitCalendarDateLabel {
background-color: #cce5e7;
border: 1px solid #007c89;
border-radius: 2px
}
.dijitCalendarDisabledDate .dijitCalendarDateLabel {
background-color: #efeeea;
border: 1px solid #efeeea;
border-right: 1px solid transparent;
color: var(--legacy-text-secondary-color);
opacity: .5
}
.dijitCalendarEnabledDate {
outline: 0 none
}
.dijitCalendarYearLabel {
padding-top: 6px
}
.dijitCalendarYearLabel>span {
padding: 6px 9px;
margin: 0 2px;
font-weight: normal
}
.dijitCalendarArrow,
.dijitCalendarNextYear,
.dijitCalendarPreviousYear {
border: 1px solid transparent;
color: var(--legacy-text-secondary-color)
}
.dijitCalendarArrow:hover,
.dijitCalendarNextYear:hover,
.dijitCalendarPreviousYear:hover {
color: var(--legacy-text-primary-color)
}
.dijitCalendarSelectedYear {
color: var(--legacy-text-primary-color);
border: 1px solid transparent
}
.dijitA11ySideArrow {
display: none
}
.dijitInlineEditBoxDisplayMode {
border: 1px solid transparent;
padding: 3px;
cursor: pointer;
outline: 0 none
}
.dijitInlineEditBoxDisplayModeHover {
background-color: #f2f2f2;
border-color: #d0d0d0
}
.dijitInlineEditBoxDisplayModeDisabled {
cursor: default
}
.dijitToasterClip {
position: fixed;
z-index: 10000;
clip: inherit !important;
top: auto !important;
right: auto !important;
left: 24px !important
}
@media screen and (max-width:40em) {
.dijitToasterClip {
left: auto !important;
width: 100% !important
}
}
.dijitToasterClip:has(.dijitToasterAgeGatingCentered) {
left: calc(30%) !important;
right: auto !important
}
@media screen and (max-width:40em) {
.dijitToasterClip:has(.dijitToasterAgeGatingCentered) {
left: 0 !important;
width: 100% !important
}
}
.dijitToasterContainer {
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 40em;
min-height: 60px;
box-shadow: 0 2px 3px 0 rgba(149, 149, 149, 0.4);
background-color: #241c15;
color: #ffffff;
font-size: 1.6rem
}
@media screen and (max-width:40em) {
.dijitToasterContainer {
width: 95% !important;
margin: 0 auto
}
}
.dijitToasterContent {
width: 100%;
padding: 18px 24px
}
.dijitTitlePane {
display: block;
overflow: hidden
}
.dijitTitlePane .dijitArrowNode,
.dijitTitlePane .dijitArrowNodeInner {
display: none
}
.dijitTitlePane .dijitOpen::before,
.dijitTitlePane .dijitClosed::before {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
.dijitTitlePane .dijitOpen {
color: #237a91
}
.dijitTitlePane .dijitOpen::before {
content: "\e024"
}
.dijitTitlePane .dijitClosed::before {
content: "\e023"
}
.dijitTitlePaneTitle {
color: #2c9ab7;
cursor: pointer;
line-height: 30px
}
.dijitTitlePaneTitleHover {
color: #237a91
}
.dijitTitlePaneTitleActive {
outline: 0
}
.dijitTitlePaneTitleFocus {
outline: 0;
display: inline-block
}
.dijitTitlePaneTextNode {
line-height: 24px;
font-size: 1.6rem
}
.dijitTitlePaneContentInner {
padding-left: 24px
}
.dojoxRatingStar::before {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e069";
color: #d0d0d0;
line-height: 32px;
cursor: pointer
}
.dojoxRatingStarChecked::before,
.dojoxRatingStarHover::before {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e067";
color: #febe12;
line-height: 32px;
cursor: pointer
}
.dojoxColorPickerPreviewContainer {
display: none
}
.dojoxColorPicker {
z-index: 1000;
background: var(--legacy-bg-lvl-1-color);
border: 1px solid #dedddc;
border-radius: 3px
}
.dojoxColorPicker table {
border: 0 none
}
.dojoxColorPicker td {
padding: 0 3px;
vertical-align: middle
}
.dojoxHuePicker {
position: relative
}
.dojoxColorPickerBox {
position: relative;
margin: -1px 0 0 0;
border: 1px solid #dedddc;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.dojoxColorPickerUnderlay {
position: relative;
z-index: 1;
vertical-align: middle;
max-width: 100%
}
.dojoxColorPickerPoint,
.dojoxHuePickerPoint {
box-sizing: border-box;
position: absolute;
z-index: 3;
cursor: move;
width: 15px;
height: 15px;
border-radius: 50%;
margin-left: -2px;
outline: none
}
.dojoxColorPickerPoint {
background-color: transparent;
border: solid 2px #ffffff;
box-shadow: 0 0 0 2px rgba(55, 55, 55, 0.3), 0 0 10px 0 rgba(55, 55, 55, 0.4);
margin-left: -2px;
margin-top: -2px
}
.dojoxHuePickerUnderlay {
position: relative;
width: 12px;
height: 150px;
z-index: 1;
text-align: center;
background: linear-gradient(to top, #ff0000 0, #ffff00 15%, #00ff00 30%, #00ffff 50%, #0000ff 65%, #ff00ff 80%, #ff0000 100%)
}
.dojoxHuePickerPoint {
background-color: #efeeea;
border: 2px solid #959595;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6), 0 0 10px 0 rgba(55, 55, 55, 0.4);
margin-left: -1px;
margin-top: -3px
}
.dojoxColorPickerOptional {
clear: both;
margin-bottom: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.dojoxColorPickerOptional td {
padding: 4px 4px 4px 3px;
border: none
}
.dojoxColorPickerHsv input {
width: 66px !important;
margin: 0 0 6px 0 !important
}
.mojoCustomColorContainer {
clear: both;
user-select: none
}
.mojoCustomColorContainer--special {
margin-top: 6px
}
.mojoCustomColor {
height: 18px;
width: 18px;
border-radius: 3px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
display: inline-block;
margin: 0;
cursor: pointer
}
.mojoCustomColor:hover {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4)
}
.mojoCustomColor--special {
overflow: visible;
white-space: nowrap;
text-indent: 24px;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
background: linear-gradient(135deg, #ffffff 0, #ffffff 45%, #e85c41 45%, #e85c41 55%, #ffffff 55%, #ffffff 100%);
line-height: 18px;
font-size: 13px;
color: var(--legacy-text-secondary-color)
}
table.dojoxColorPicker {
margin-top: 12px
}
table.dojoxColorPicker td {
vertical-align: top;
padding-bottom: 6px
}
table.dojoxColorPicker .dojoxColorPickerHsv,
table.dojoxColorPicker .dojoxColorPickerHex {
display: none
}
.dojoxColorPicker {
background: #ffffff;
border: 1px solid #dedddc;
padding: 10px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2)
}
.dojoxColorPickers {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 6px;
width: 170px
}
.dojoxColorPickerOptional label {
font-size: 13px;
text-transform: capitalize;
line-height: 18px;
font-weight: normal;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif
}
.dojoxColorPickerArrow {
display: none
}
.c-colorInput {
width: 114px;
padding: 0
}
.c-colorInput .dijitInputField {
padding: 0 0 0 3px
}
.c-colorInput_previewSwatch {
position: relative;
height: 24px;
width: 24px;
margin: 5px;
border-radius: 2px;
float: left;
border: 1px solid #dedddc
}
.c-colorInput_previewSwatch--large {
height: 30px;
width: 30px
}
.c-colorInput--swatchOnly {
width: 30px;
border: none
}
.c-colorInput--swatchOnly .dijitInputField {
display: none
}
.v-unsetSwatch {
background: #ffffff;
background: linear-gradient(135deg, #ffffff 0, #ffffff 45%, #e85c41 45%, #e85c41 55%, #ffffff 55%, #ffffff 100%)
}
.mojoCustomColors {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
font-size: 15px;
line-height: 24px;
outline: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.mojoCustomColors--special {
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.mojoCustomColorLabel {
color: var(--legacy-text-primary-color);
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
border: 0;
font-style: inherit;
vertical-align: baseline;
font-size: 15px;
line-height: 18px;
font-weight: 600;
display: block;
max-width: 635px;
padding-bottom: .8em;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
input {
-webkit-appearance: none
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type="number"] {
-moz-appearance: textfield
}
.dojoxColorPickerRgb {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.dojoxColorPickerHexCode[type="text"],
.dojoxColorPickerRgbInput[type="number"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: content-box;
vertical-align: middle;
border-radius: 3px;
max-width: 635px;
background-color: #ffffff;
border: 1px solid rgba(36, 28, 21, 0.3);
-webkit-appearance: none;
margin: 0;
height: 22px;
min-height: 0;
font-size: 13px;
text-align: center;
padding: 0;
display: block
}
.dojoxColorPickerHexCode[type="text"]:hover,
.dojoxColorPickerRgbInput[type="number"]:hover {
border: 1px solid rgba(36, 28, 21, 0.3)
}
.dojoxColorPickerHexCode[type="text"]:focus,
.dojoxColorPickerRgbInput[type="number"]:focus {
border: 1px solid #007c89;
outline: none
}
.dojoxColorPickerHexCode[type="text"] {
width: 68px;
text-transform: lowercase;
text-align: center
}
.dojoxColorPickerRgbInput[type="number"] {
width: 30px;
min-width: 30px
}
.dojoxColorPickerControl {
text-align: center;
padding-bottom: 0;
color: var(--legacy-text-secondary-color)
}
.dojoxColorPickerRgb>.dojoxColorPickerControl {
float: left
}
.dojoxColorPickerRgbInput[type="number"] {
border-radius: 0
}
.dojoxColorPickerControl:first-child>.dojoxColorPickerRgbInput[type="number"] {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right-width: 0
}
.dojoxColorPickerControl:last-child>.dojoxColorPickerRgbInput[type="number"] {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-left-width: 0
}
.dijitSliderMoveable {
z-index: 99;
position: absolute !important;
right: 0
}
.dj_a11y .dijitSliderImageHandle,
.dijitSliderImageHandle {
position: relative !important;
border: 2px solid #004e56;
background: var(--legacy-bg-lvl-1-color);
width: 30px;
height: 30px;
cursor: pointer;
border-radius: 200px;
outline: none !important
}
.dj_a11y .dijitSliderImageHandle:hover,
.dijitSliderImageHandle:hover,
.dj_a11y .dijitSliderImageHandle:focus,
.dijitSliderImageHandle:focus {
border-color: #004e56
}
.dijitDisabled .dijitSliderImageHandle {
background: #f2f2f2;
cursor: not-allowed;
box-shadow: none
}
.dijitSliderImageHandleH {
left: 50%;
top: -12px
}
.dijitSliderBar {
cursor: default;
-webkit-tap-highlight-color: transparent
}
.dijitSliderBarContainerH {
position: relative
}
.dj_gecko .dijitSliderBarContainerH,
.dj_ie .dijitSliderBarContainerH {
top: -6px
}
.dijitSliderBarH {
height: 6px;
top: 0
}
.dijitSliderProgressBar {
background: #007c89
}
.dijitSliderProgressBarH {
position: absolute;
width: 0;
vertical-align: middle;
overflow: visible;
z-index: 3
}
.dijitSliderRemainingBar {
overflow: hidden;
background: #efeeea;
top: 0;
right: 0;
z-index: 2
}
.dijitSliderRemainingBarH {
width: 100% !important
}
.dijitSliderBumper {
overflow: hidden
}
.dijitSliderBumperH {
width: 6px;
height: 6px
}
.dijitSliderLeftBumper {
border-radius: 4px 0 0 4px;
background: #007c89
}
.dijitSliderRightBumper {
border-radius: 0 4px 4px 0;
background: #efeeea
}
.dijitSliderDecoration {
text-align: center;
height: 18px
}
.dijitSliderDecorationC {
position: relative
}
.dijitSliderDecorationH {
width: 100%
}
.dj_a11y .dijitSliderButtonInner {
visibility: visible !important
}
.dijitSliderButtonContainer {
text-align: center;
height: 0
}
.dijitSliderButtonContainer * {
cursor: pointer;
-webkit-tap-highlight-color: transparent
}
.dijitSlider .dijitButtonNode {
padding: 0;
display: block
}
.dijitRuleContainer {
position: relative;
overflow: visible;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.dijitRuleMark {
position: absolute;
border: 1px solid #ffffff;
line-height: 0;
height: 6px;
top: -6px;
z-index: 4
}
.dijitRuleMarkH {
width: 0;
border-top-width: 0 !important;
border-bottom-width: 0 !important;
border-left-width: 0 !important
}
.dijitRuleLabelContainerH {
text-align: center;
display: inline-block
}
.dijitRuleLabelH {
position: relative;
font-size: 13px
}
.dj_a11y .dijitSliderReadOnly,
.dj_a11y .dijitSliderDisabled {
opacity: .6
}
.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar {
filter: alpha(opacity=40)
}
.dj_a11y .dijitSlider .dijitSliderButtonContainer div {
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
font-size: 1em;
line-height: 1em;
height: auto;
width: auto;
margin: 0 4px
}
.dijitSliderPotentialBar {
background: #b1e0ec;
-ms-transition: width 0.23s cubic-bezier(0.7, 0, 0.175, 1) 0s;
transition: width 0.23s cubic-bezier(0.7, 0, 0.175, 1) 0s
}
.dijitSlider.tall-slider .dijitSliderBarH,
.dijitSlider.tall-slider .dijitSliderBumperH,
.dijitSlider.tall-slider .dijitRuleMarkH {
height: 12px
}
.dijitSlider.tall-slider .dijitRuleMark {
top: -12px
}
.dijitSlider.tall-slider .dijitSliderImageHandleH {
top: -9px
}
.dijitSlider.tall-slider .dijitSliderLeftBumper {
border-radius: 8px 0 0 8px
}
.dijitSlider.tall-slider .dijitSliderRightBumper {
border-radius: 0 8px 8px 0
}
.dijitSlider.gradient-slider .dijitSliderLeftBumper {
background: #007c89
}
.dijitSlider.gradient-slider .dijitSliderProgressBar {
background: #007c89
}
.slider-label {
width: 36px;
height: 30px;
line-height: 30px;
background: rgba(36, 28, 21, 0.9);
color: #ffffff;
top: -81px;
left: 15px
}
.slider-label::before {
content: '';
position: absolute;
top: 30px;
left: 13px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(36, 28, 21, 0.9)
}
.dojoxCheckedMultiSelect select[multiple] {
display: none
}
.dojoxCheckedMultiSelectHidden {
display: none
}
.dojoxCheckedMultiSelectButton {
padding: 0 8px;
margin-bottom: 24px;
vertical-align: middle;
min-width: 50px;
max-width: 635px;
width: 100%;
min-height: 36px;
background-color: var(--inputBackgroundColor, #ffffff);
border: 1px solid var(--legacy-border-input-color);
border-radius: var(--legacy-border-input-radius);
color: var(--color-text-primary);
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
width: auto;
overflow: hidden;
cursor: pointer;
margin-right: 18px;
border-radius: 2px;
display: inline-block
}
.dojoxCheckedMultiSelectButton:focus {
outline: none;
border: 1px solid var(--input-border-focus, #007c89);
box-shadow: inset 0 0 0 1px var(--input-shadow-focus, #007c89)
}
.dojoxCheckedMultiSelectButton.invalid {
border-color: var(--input-border-error, #a73205);
box-shadow: inset 0 0 0 1px var(--input-shadow-error, #a73205)
}
.dojoxCheckedMultiSelectButton[disabled] {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5;
cursor: not-allowed
}
.dojoxCheckedMultiSelectButton .dijitDownArrowButton {
border-left: none
}
.dojoxCheckedMultiSelectButton .dijitButtonNodeHover {
background-color: transparent
}
.dojoxCheckedMultiSelectButtonOpenedFocused {
-ms-transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89
}
.dojoxCheckedMultiSelectMenu {
overflow-y: auto !important;
max-width: 350px
}
.dojoxCheckedMultiSelectMenu .dijitMenuItemIconCell {
background-position: 0 -26px
}
.dojoxCheckedMultiSelectMenu .dijitMenuItem {
cursor: pointer;
width: 100%
}
.dojoxCheckedMultiSelectMenu .dijitMenuItem.dijitMenuItemFocused .dijitMenuItemIconCell {
background-position: 0 -52px
}
.dojoxCheckedMultiSelectMenu .dijitMenuItem.dojoxCheckedMultiSelectMenuItemChecked .dijitMenuItemIconCell {
background-position: 0 -104px
}
.dojoxCheckedMultiSelectMenu .dijitMenuItem.dojoxCheckedMultiSelectMenuItemChecked.dijitMenuItemFocused .dijitMenuItemIconCell {
background-position: 0 -130px
}
.dojoxCheckedMultiSelectMenu .dijitMenuItemIconCell {
position: relative;
display: block;
margin: 0 0 0 16px
}
.dojoxCheckedMultiSelectMenu .dijitMenuItemIconCell .dojoxCheckedMultiSelectMenuCheckBoxItemIcon {
opacity: 0;
visibility: hidden;
width: 0
}
.dojoxCheckedMultiSelectMenu .dijitMenuItemLabel {
width: 100%;
background-color: transparent
}
.c-channelIcon--sms {
background: url("https://cdn-images.mailchimp.com/product/sprites/sms.svg") no-repeat scroll 0 0 transparent !important;
width: 24px;
height: 25px;
background-position: 0 -32px;
background-size: 24px 313px
}
.icon-info-circle {
background: url("https://cdn-images.mailchimp.com/product/sprites/info-circle.svg") no-repeat scroll 0 0 transparent !important;
width: 24px
}
.icon80 {
background: url("https://cdn-images.mailchimp.com/product/icons/integration-hero-icons.png") no-repeat scroll 0 0 transparent;
width: 80px;
height: 80px;
margin: 0 auto
}
.icon80.directory {
background-position: -90px 0
}
.icon64 {
height: 64px;
width: 64px
}
.icon64.active {
background: url("https://cdn-images.mailchimp.com/product/icons/integration-icons-color.png") 0 0 transparent no-repeat
}
.icon64.inactive {
background: url("https://cdn-images.mailchimp.com/product/icons/integration-icons-gray.png") 0 0 transparent no-repeat
}
.icon64.twitter {
background-position: 0 -94px
}
.icon64.mandrill {
background-position: 0 -188px
}
.icon64.smonkey {
background-position: 0 -282px
}
.icon64.google {
background-position: 0 -376px
}
.icon64.shopify {
background-position: 0 -470px
}
.icon64.eventbrite {
background-position: 0 -564px
}
.icon64.gizmo {
background-position: 0 -658px
}
.icon64.highrise {
background-position: 0 -752px
}
.icon64.salesforce {
background-position: 0 -846px
}
.icon64.freshbooks {
background-position: 0 -940px
}
.icon64.zendesk {
background-position: 0 -1034px
}
.icon64.zoho {
background-position: 0 -1128px
}
.icon64.capsule {
background-position: 0 -1222px
}
.icon64.amazonses {
background-position: 0 -1504px
}
.icon64.goal {
background-position: 0 -1598px
}
.icon64.paypal {
background-position: 0 -1786px
}
.icon64.bigcommerce {
background-position: 0 -2162px
}
.icon64.magento {
background-position: 0 -2256px
}
.icon64.woocommerce {
background-position: 0 -2350px
}
.v-icon--withOffset {
margin: 12px 0 11px 30px
}
.partners {
background: url("https://cdn-images.mailchimp.com/product/third-party-logos/partners.png") no-repeat 8px 6px transparent;
margin-top: 6px
}
.partners.ss {
background-position: 0 -166px
}
.partners.tw {
background-position: 0 -582px
}
.partners.wf {
background-position: 0 -793px
}
.c-channelIcon {
width: 24px;
height: 25px;
background: url("https://cdn-images.mailchimp.com/product/sprites/channel-icons-v4.svg") no-repeat;
background-position: 0 -32px;
background-size: 24px 313px
}
.c-channelIcon--ad {
background-position: 0 0
}
.c-channelIcon--email {
background-position: 0 -32px
}
.c-channelIcon--site {
background-position: 0 -64px
}
.c-channelIcon--settings {
background-position: 0 -96px
}
.c-channelIcon--code {
background-position: 0 -128px
}
.c-channelIcon--page {
background-position: 0 -160px
}
.c-channelIcon--postcard {
background-position: 0 -192px
}
.c-channelIcon--social {
background-position: 0 -223px
}
.c-channelIcon--product {
background-position: 0 -256px
}
.c-channelIcon--survey {
background-position: 0 -288px
}
[data-colorscheme="dark"] .c-channelIcon {
filter: invert(100%) hue-rotate(186deg) brightness(300%) saturate(200%) contrast(200%)
}
.profile {
display: block;
height: inherit;
vertical-align: top
}
.st-overlay {
display: none;
z-index: -1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.9)
}
.st-overlay.loading {
z-index: 2;
display: block
}
.st-overlay img {
left: 50%;
top: 48px;
position: absolute
}
.segmentation-overlay {
background-color: var(--legacy-bg-lvl-1-color);
margin-left: 15px;
margin-right: 15px
}
#member-grid-wrap.disabled {
display: none
}
.subscriber-table {
padding: 0 15px
}
.st {
border: 1px solid #dedddc;
border-bottom: 0 none;
left: 0;
right: 0
}
.st .star-rating {
line-height: inherit
}
.st:only-child {
border: 1px solid #dedddc
}
.st:only-child .col-head {
border-bottom: 1px solid #dedddc
}
.st+.st {
border-bottom: 1px solid #dedddc
}
.st+.few-rows .col-head {
font-weight: 500;
background-color: #f2f2f2;
border-bottom: 1px solid #dedddc
}
.st+.few-rows .row-select {
min-height: 49px
}
.st+.few-rows .row-select+td {
line-height: 48px
}
.st a,
.st a:visited {
color: var(--legacy-text-primary-color)
}
.st .inner {
overflow-x: auto;
overflow-y: hidden;
background: linear-gradient(90deg, #ffffff 100%, rgba(255, 255, 255, 0)) 0 0, linear-gradient(270deg, #ffffff 100%, rgba(255, 255, 255, 0)) 100% 0, linear-gradient(90deg, #e3e3e3 95%, rgba(255, 255, 255, 0)) 0 0, linear-gradient(270deg, #e3e3e3 0, rgba(255, 255, 255, 0)) 100% 0;
background-repeat: no-repeat;
background-color: var(--legacy-bg-lvl-1-color);
background-size: 301px 100%, 12px 100%, 301px 100%, 12px 100%;
background-attachment: local, local, scroll, scroll
}
@media only screen and (max-width:64em) {
.st .inner {
background: var(--legacy-bg-lvl-1-color)
}
}
.st img {
max-height: 45px
}
.st .freddicon {
line-height: inherit
}
.st table {
margin-left: 288px;
table-layout: auto;
font-size: 13px;
cursor: default
}
@media only screen and (max-width:40em) {
.st table {
margin-left: 0 !important
}
}
.st .email-only {
margin-left: 0;
width: 100%
}
.st .profile-view::after {
font-family: 'freddicons';
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e023";
position: absolute;
right: 12px;
top: 15px;
color: #b7b7b7;
speak: none
}
.st .profile-view>a {
display: block;
line-height: 48px;
width: 95%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.st .phone-profile-view>a {
display: block;
line-height: 48px;
width: 100%
}
.st td {
line-height: 48px;
padding: 0 18px;
white-space: nowrap;
vertical-align: top;
border-bottom: 1px solid #dedddc;
overflow-x: hidden;
overflow-y: auto
}
.st .address {
height: 48px;
overflow-x: hidden;
overflow-y: auto;
line-height: 21px
}
.st .row-head {
height: 49px;
background: var(--legacy-bg-lvl-1-color);
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
position: absolute;
left: 0;
border-right: 1px solid #f2f2f2;
min-width: 240px !important;
max-width: 240px !important
}
.st .row-head.row-select,
.st .row-head.profile-select {
text-align: center;
min-width: 48px !important;
max-width: 48px !important;
padding: 0
}
.st .row-head .dijitCheckBox {
margin: -3px 0 0
}
.st .row-head+.row-head {
left: 48px
}
@media only screen and (max-width:40em) {
.st .row-head+.row-head {
left: 0
}
}
.st .row-head.col-head {
background-color: #f2f2f2
}
@media only screen and (max-width:40em) {
.st .row-head {
position: relative
}
}
.st .no-checkbox .row-head {
min-width: 288px !important;
max-width: 288px !important
}
.st .col-head {
border-bottom: 0 none;
font-weight: 500
}
.st .sortable:hover {
background-color: #fff2cf;
cursor: pointer
}
.st .sorted {
background-color: #f2f2f2
}
.st .sorted::after {
font-family: "freddicons";
font-weight: normal;
margin-left: 6px;
line-height: 1;
vertical-align: baseline
}
.st .sort-a::after {
content: "\e030"
}
.st .sort-d::after {
content: "\e029"
}
.st .row-head {
font-weight: 500;
color: var(--legacy-text-primary-color)
}
.st .row-select {
overflow: visible;
z-index: 1
}
.st .row-select a {
text-align: left
}
.st .row-select .hover-list>li>a {
text-align: center;
padding: 0
}
.st .row-select .hover-list>li>a::after {
line-height: 48px;
margin: 0
}
.st .row-select+td {
line-height: 48px
}
.st .table-contents tr:last-child td {
height: 48px;
border-bottom: 0 none
}
.st .table-contents tr:hover td:not(.col-head) {
background-color: #fff2cf
}
.st .table-header {
overflow: visible
}
.st.sticky {
border-bottom: 1px solid #dedddc;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
position: fixed;
z-index: 30;
top: 0;
right: auto;
left: auto;
max-width: 1240px;
margin: 0 auto
}
@media only screen and (max-width:64em) {
.st.sticky {
left: 15px;
right: 15px
}
}
.st.sticky .row-select+td {
line-height: 48px
}
.fixed-header .inner {
background: linear-gradient(90deg, #f2f2f2 100%, rgba(255, 255, 255, 0)) 0 0, linear-gradient(270deg, #f2f2f2 100%, rgba(255, 255, 255, 0)) 100% 0, linear-gradient(90deg, #e3e3e3 95%, rgba(255, 255, 255, 0)) 0 0, linear-gradient(270deg, #e3e3e3 0, rgba(255, 255, 255, 0)) 100% 0;
background-repeat: no-repeat;
background-color: #f2f2f2;
background-size: 304px 100%, 12px 100%, 304px 100%, 12px 100%;
background-attachment: local, local, scroll, scroll
}
@media only screen and (max-width:64em) {
.fixed-header .inner {
background: #f2f2f2
}
}
.dj_ie .fixed-header {
width: 100%
}
.adaHelpButton {
border-style: solid;
border-width: 1px;
border-color: rgba(36, 28, 21, 0.3);
line-height: 20px;
font-size: 1.3rem;
height: 30px;
text-transform: none;
color: #241c15;
background-color: #ffffff;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
margin: 2px 0 15px
}
.adaHelpButton:visited {
color: #241c15
}
.adaHelpButton:hover {
cursor: pointer;
color: #241c15;
background-color: #e6e6e6
}
.adaHelpButton:focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
outline-width: 0
}
.adaHelpButton:active,
.adaHelpButton.active {
background-color: #d9d9d9
}
.adaHelpButton[disabled],
.adaHelpButton.disabled,
.adaHelpButton.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.adaHelpButton[disabled].button--onDarkBg,
.adaHelpButton.disabled.button--onDarkBg,
.adaHelpButton.loading.button--onDarkBg {
opacity: .3
}
.adaHelpButton.disabled.clickable {
pointer-events: all
}
.adaHelpButton:focus {
border: .5px solid #007c89;
outline: 1px solid #007c89;
outline-offset: 1px
}
.adaHelpButton:hover {
border-color: #007c89;
color: #007c89;
background-color: #f6f6f4
}
.dj_ios .st table {
margin-left: 0
}
.dj_ios .st td {
background: var(--legacy-bg-lvl-1-color)
}
.dj_ios .st .col-head {
background: #f2f2f2
}
.dj_ios .st .row-head {
left: 48px
}
.dj_ios .st .profile-select,
.dj_ios .st .row-select {
left: 0
}
.dj_ios .st .row-head,
.dj_ios .st .row-select {
position: -webkit-sticky;
z-index: 2
}
.dj_ios .fixed-header {
position: -webkit-sticky !important;
top: 0 !important
}
.dj_ios .fixed-header .row-select {
z-index: 9
}
.stat-block {
padding-top: 30px;
padding-bottom: 30px;
border: 1px solid #bdbbb9;
border-left: 0 none
}
.stat-block.no-border {
border: none
}
.stat-block.no-border:first-child {
border: none
}
.stat-block:first-child {
border-left: 1px solid #bdbbb9;
border-radius: var(--legacy-border-data-radius) 0 0 var(--legacy-border-data-radius)
}
.stat-block:last-child {
border-radius: 0 var(--legacy-border-data-radius) var(--legacy-border-data-radius) 0
}
.stat-block:only-child {
border-radius: var(--legacy-border-data-radius)
}
.stat-block>.freddicon {
color: #d0d0d0;
display: block;
margin: 0 auto 12px
}
.stat-block p {
max-width: 100%;
margin-bottom: 0
}
@media only screen and (max-width:40em) {
.stat-block p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
.stat-block p .freddicon {
color: #b7b7b7
}
.stat-block .hover-list>li>ul {
left: auto;
right: auto;
top: 42px
}
@media only screen and (max-width:40em) {
.stat-block {
padding-top: 12px;
padding-bottom: 12px;
border-left: 1px solid #bdbbb9;
border-top: 0 none
}
.stat-block:nth-child(n) {
border-radius: 0
}
.stat-block:first-child {
border-top: 1px solid #bdbbb9;
border-radius: 4px 4px 0 0
}
.stat-block:last-child {
border-radius: 0 0 4px 4px
}
}
@media only screen and (max-width:40em) {
.c-statBlock {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.c-unavailableStat {
color: #d9d9d9
}
.radio-grid {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.radio-grid li {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-width: 210px;
max-width: 25%;
width: 25%;
padding: 0 15px 15px 0
}
@media only screen and (max-width:60em) {
.radio-grid li {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
@media only screen and (max-width:40em) {
.radio-grid li {
max-width: none;
width: 100%
}
}
@media only screen and (max-width:60em) {
.dj_safari .radio-grid li {
min-width: 25%
}
}
.radio-grid.small-grid li {
min-width: 100px;
max-width: none;
width: 33%
}
.radio-grid label {
-ms-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
border: 1px solid rgba(36, 28, 21, 0.3);
width: 100%;
position: relative
}
.radio-grid label:focus,
.radio-grid label:hover {
border-color: #007c89
}
.radio-grid label::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e036";
-ms-transition: color .2s ease-in-out 0s;
transition: color .2s ease-in-out 0s;
color: transparent;
position: absolute;
top: 6px;
right: 6px
}
.radio-grid input[type="radio"] {
top: auto;
left: 0;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
.radio-grid input[type="radio"]:checked+label {
border-color: #007c89
}
.radio-grid input[type="radio"]:checked+label::after {
color: #007c89
}
.switchWrapperDisabled {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5
}
.switch {
width: 66px;
height: 28px;
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 15px
}
.switch label {
display: block;
position: relative;
width: 100%;
height: 100%;
padding: 0;
border-radius: 40px;
background: var(--legacy-bg-lvl-1-color);
box-shadow: inset 0 0 0 1px rgba(36, 28, 21, 0.3);
-ms-transition: background 0.2s ease-in-out 0s;
transition: background 0.2s ease-in-out 0s
}
.switchWrapperDisabled .switch label {
background: #efeeea
}
.switch label span {
display: block;
height: 24px;
width: 24px;
border-radius: 50%;
background: #efeeea;
position: absolute;
z-index: 2;
right: 39px;
top: 2px;
-ms-transition: background 0.2s ease-in-out 0s;
transition: background 0.2s ease-in-out 0s;
-ms-transition: right 0.1s ease-in 0s;
transition: right 0.1s ease-in 0s
}
.switchWrapperDisabled .switch label span {
background: #ffffff
}
.switch label span::before {
font-family: 'freddicons';
font-size: 15px;
color: transparent;
content: "\e037";
position: absolute;
top: 50%;
margin-top: -9px;
right: -27px
}
.switch input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
z-index: 100;
width: 100%;
height: 100%;
margin: 0;
cursor: pointer
}
.switch input:checked~label {
box-shadow: none;
background: #007c89
}
.switchWrapperDisabled .switch input:checked~label {
background: #efeeea
}
.switch input:checked~label span {
background: var(--legacy-bg-lvl-1-color);
right: 3px
}
.switch input:checked~label span::before {
font-family: 'freddicons';
font-size: 17px;
content: "\e036";
right: 33px;
color: #ffffff
}
.switchWrapperDisabled .switch input:checked~label span::before {
color: rgba(36, 28, 21, 0.3)
}
.switch--clearMargin .switch {
margin-right: 0
}
.switchDescription {
display: inline-block;
vertical-align: middle;
font-size: 14px;
text-align: left
}
.switchDescription p {
margin-bottom: 0
}
img.emoji {
display: inline;
width: 16px;
height: 16px
}
.emoji-pop.mc-dijitMenu {
max-width: 240px
}
.emoji-pop.mc-dijitMenu .dijitTooltipContainer {
position: relative;
height: 236px
}
.emoji-pop.mc-dijitMenu .dijitTooltipContainer .esprite,
.emoji-pop.mc-dijitMenu .dijitTooltipContainer .eunicode {
cursor: pointer
}
.emoji-pop.mc-dijitMenu .dijitTooltipContainer .esprite:hover,
.emoji-pop.mc-dijitMenu .dijitTooltipContainer .eunicode:hover {
border-color: #e6f2f3;
background-color: #e6f2f3
}
.emoji-pop.mc-dijitMenu .dijitTooltipConnector {
display: block
}
@media screen and (max-width:40em) {
.emoji-pop.mc-dijitMenu {
max-width: 100%
}
.emoji-pop.mc-dijitMenu .dijitTooltipContainer {
height: 388px
}
.emoji-pop.mc-dijitMenu .emojiscroll {
height: 332px
}
}
.emojibutton {
background: none !important;
outline: none;
min-width: auto;
border: none;
position: absolute;
right: 0;
top: 0;
z-index: 10;
opacity: .4
}
.emojibutton .dijitButtonNode {
padding: 6px 0 0 0
}
.emojibutton .dijitButtonText {
line-height: 18px;
height: 22px
}
.emojibutton .dijitArrowButtonInner {
display: none
}
.emojibutton .dijitbelow-altArrowButton {
background: transparent
}
.emojibutton .dijitbelow-altArrowButton::after {
display: none
}
.emojibutton .esprite {
border-color: transparent;
border-width: 0 8px
}
.emojibutton.dijitDropDownButtonHover {
opacity: 1
}
.emojibutton.dijitDropDownButtonFocused {
opacity: 1;
box-shadow: inset 0 0 0 2px #007c89
}
.emojiscroll {
height: 190px;
overflow: auto;
border-bottom: 1px solid #d0d0d0;
padding: 4px 0 0 4px
}
.esprite {
background-image: url("https://cdn-images.mailchimp.com/product/emoji/sprite48.png");
background-repeat: no-repeat;
background-size: 900px;
display: inline-block;
width: 24px;
height: 24px;
border: 6px solid #ffffff;
box-sizing: content-box
}
.eunicode {
background: none;
display: inline-block;
overflow: visible;
width: 36px;
height: 36px;
padding: 6px;
margin: 0;
line-height: unset;
font-size: 24px;
font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort
}
.eunicode:hover {
border-color: #e6f2f3;
background-color: #e6f2f3
}
.e-cat {
display: flex;
flex-wrap: wrap;
flex-direction: row
}
.e-cat-nav {
position: absolute;
bottom: 0;
left: 4px
}
.e-1f004 {
background-position: -3px -3px
}
.e-1f0cf {
background-position: -33px -3px
}
.e-1f170 {
background-position: -63px -3px
}
.e-1f171 {
background-position: -93px -3px
}
.e-1f17e {
background-position: -123px -3px
}
.e-1f17f {
background-position: -153px -3px
}
.e-1f18e {
background-position: -183px -3px
}
.e-1f191 {
background-position: -213px -3px
}
.e-1f192 {
background-position: -243px -3px
}
.e-1f193 {
background-position: -273px -3px
}
.e-1f194 {
background-position: -303px -3px
}
.e-1f195 {
background-position: -333px -3px
}
.e-1f196 {
background-position: -363px -3px
}
.e-1f197 {
background-position: -393px -3px
}
.e-1f198 {
background-position: -423px -3px
}
.e-1f199 {
background-position: -453px -3px
}
.e-1f19a {
background-position: -483px -3px
}
.e-1f1e6 {
background-position: -513px -3px
}
.e-1f1e7 {
background-position: -543px -3px
}
.e-1f1e8 {
background-position: -573px -3px
}
.e-1f1e8-1f1f3 {
background-position: -603px -3px
}
.e-1f1e9 {
background-position: -633px -3px
}
.e-1f1e9-1f1ea {
background-position: -663px -3px
}
.e-1f1ea {
background-position: -693px -3px
}
.e-1f1ea-1f1f8 {
background-position: -723px -3px
}
.e-1f1eb {
background-position: -753px -3px
}
.e-1f1eb-1f1f7 {
background-position: -783px -3px
}
.e-1f1ec {
background-position: -813px -3px
}
.e-1f1ec-1f1e7 {
background-position: -843px -3px
}
.e-1f1ed {
background-position: -3px -33px
}
.e-1f1ee {
background-position: -33px -33px
}
.e-1f1ee-1f1f9 {
background-position: -63px -33px
}
.e-1f1ef {
background-position: -93px -33px
}
.e-1f1ef-1f1f5 {
background-position: -123px -33px
}
.e-1f1f0 {
background-position: -153px -33px
}
.e-1f1f0-1f1f7 {
background-position: -183px -33px
}
.e-1f1f1 {
background-position: -213px -33px
}
.e-1f1f2 {
background-position: -243px -33px
}
.e-1f1f3 {
background-position: -273px -33px
}
.e-1f1f4 {
background-position: -303px -33px
}
.e-1f1f5 {
background-position: -333px -33px
}
.e-1f1f6 {
background-position: -363px -33px
}
.e-1f1f7 {
background-position: -393px -33px
}
.e-1f1f7-1f1fa {
background-position: -423px -33px
}
.e-1f1f8 {
background-position: -453px -33px
}
.e-1f1f9 {
background-position: -483px -33px
}
.e-1f1fa {
background-position: -513px -33px
}
.e-1f1fa-1f1f8 {
background-position: -543px -33px
}
.e-1f1fb {
background-position: -573px -33px
}
.e-1f1fc {
background-position: -603px -33px
}
.e-1f1fd {
background-position: -633px -33px
}
.e-1f1fe {
background-position: -663px -33px
}
.e-1f1ff {
background-position: -693px -33px
}
.e-1f201 {
background-position: -723px -33px
}
.e-1f202 {
background-position: -753px -33px
}
.e-1f21a {
background-position: -783px -33px
}
.e-1f22f {
background-position: -813px -33px
}
.e-1f232 {
background-position: -843px -33px
}
.e-1f233 {
background-position: -3px -63px
}
.e-1f234 {
background-position: -33px -63px
}
.e-1f235 {
background-position: -63px -63px
}
.e-1f236 {
background-position: -93px -63px
}
.e-1f237 {
background-position: -123px -63px
}
.e-1f238 {
background-position: -153px -63px
}
.e-1f239 {
background-position: -183px -63px
}
.e-1f23a {
background-position: -213px -63px
}
.e-1f250 {
background-position: -243px -63px
}
.e-1f251 {
background-position: -273px -63px
}
.e-1f300 {
background-position: -303px -63px
}
.e-1f301 {
background-position: -333px -63px
}
.e-1f302 {
background-position: -363px -63px
}
.e-1f303 {
background-position: -393px -63px
}
.e-1f304 {
background-position: -423px -63px
}
.e-1f305 {
background-position: -453px -63px
}
.e-1f306 {
background-position: -483px -63px
}
.e-1f307 {
background-position: -513px -63px
}
.e-1f308 {
background-position: -543px -63px
}
.e-1f309 {
background-position: -573px -63px
}
.e-1f30a {
background-position: -603px -63px
}
.e-1f30b {
background-position: -633px -63px
}
.e-1f30c {
background-position: -663px -63px
}
.e-1f30d {
background-position: -693px -63px
}
.e-1f30e {
background-position: -723px -63px
}
.e-1f30f {
background-position: -753px -63px
}
.e-1f310 {
background-position: -783px -63px
}
.e-1f311 {
background-position: -813px -63px
}
.e-1f312 {
background-position: -843px -63px
}
.e-1f313 {
background-position: -3px -93px
}
.e-1f314 {
background-position: -33px -93px
}
.e-1f315 {
background-position: -63px -93px
}
.e-1f316 {
background-position: -93px -93px
}
.e-1f317 {
background-position: -123px -93px
}
.e-1f318 {
background-position: -153px -93px
}
.e-1f319 {
background-position: -183px -93px
}
.e-1f31a {
background-position: -213px -93px
}
.e-1f31b {
background-position: -243px -93px
}
.e-1f31c {
background-position: -273px -93px
}
.e-1f31d {
background-position: -303px -93px
}
.e-1f31e {
background-position: -333px -93px
}
.e-1f31f {
background-position: -363px -93px
}
.e-1f320 {
background-position: -393px -93px
}
.e-1f330 {
background-position: -423px -93px
}
.e-1f331 {
background-position: -453px -93px
}
.e-1f332 {
background-position: -483px -93px
}
.e-1f333 {
background-position: -513px -93px
}
.e-1f334 {
background-position: -543px -93px
}
.e-1f335 {
background-position: -573px -93px
}
.e-1f337 {
background-position: -603px -93px
}
.e-1f338 {
background-position: -633px -93px
}
.e-1f339 {
background-position: -663px -93px
}
.e-1f33a {
background-position: -693px -93px
}
.e-1f33b {
background-position: -723px -93px
}
.e-1f33c {
background-position: -753px -93px
}
.e-1f33d {
background-position: -783px -93px
}
.e-1f33e {
background-position: -813px -93px
}
.e-1f33f {
background-position: -843px -93px
}
.e-1f340 {
background-position: -3px -123px
}
.e-1f341 {
background-position: -33px -123px
}
.e-1f342 {
background-position: -63px -123px
}
.e-1f343 {
background-position: -93px -123px
}
.e-1f344 {
background-position: -123px -123px
}
.e-1f345 {
background-position: -153px -123px
}
.e-1f346 {
background-position: -183px -123px
}
.e-1f347 {
background-position: -213px -123px
}
.e-1f348 {
background-position: -243px -123px
}
.e-1f349 {
background-position: -273px -123px
}
.e-1f34a {
background-position: -303px -123px
}
.e-1f34b {
background-position: -333px -123px
}
.e-1f34c {
background-position: -363px -123px
}
.e-1f34d {
background-position: -393px -123px
}
.e-1f34e {
background-position: -423px -123px
}
.e-1f34f {
background-position: -453px -123px
}
.e-1f350 {
background-position: -483px -123px
}
.e-1f351 {
background-position: -513px -123px
}
.e-1f352 {
background-position: -543px -123px
}
.e-1f353 {
background-position: -573px -123px
}
.e-1f354 {
background-position: -603px -123px
}
.e-1f355 {
background-position: -633px -123px
}
.e-1f356 {
background-position: -663px -123px
}
.e-1f357 {
background-position: -693px -123px
}
.e-1f358 {
background-position: -723px -123px
}
.e-1f359 {
background-position: -753px -123px
}
.e-1f35a {
background-position: -783px -123px
}
.e-1f35b {
background-position: -813px -123px
}
.e-1f35c {
background-position: -843px -123px
}
.e-1f35d {
background-position: -3px -153px
}
.e-1f35e {
background-position: -33px -153px
}
.e-1f35f {
background-position: -63px -153px
}
.e-1f360 {
background-position: -93px -153px
}
.e-1f361 {
background-position: -123px -153px
}
.e-1f362 {
background-position: -153px -153px
}
.e-1f363 {
background-position: -183px -153px
}
.e-1f364 {
background-position: -213px -153px
}
.e-1f365 {
background-position: -243px -153px
}
.e-1f366 {
background-position: -273px -153px
}
.e-1f367 {
background-position: -303px -153px
}
.e-1f368 {
background-position: -333px -153px
}
.e-1f369 {
background-position: -363px -153px
}
.e-1f36a {
background-position: -393px -153px
}
.e-1f36b {
background-position: -423px -153px
}
.e-1f36c {
background-position: -453px -153px
}
.e-1f36d {
background-position: -483px -153px
}
.e-1f36e {
background-position: -513px -153px
}
.e-1f36f {
background-position: -543px -153px
}
.e-1f370 {
background-position: -573px -153px
}
.e-1f371 {
background-position: -603px -153px
}
.e-1f372 {
background-position: -633px -153px
}
.e-1f373 {
background-position: -663px -153px
}
.e-1f374 {
background-position: -693px -153px
}
.e-1f375 {
background-position: -723px -153px
}
.e-1f376 {
background-position: -753px -153px
}
.e-1f377 {
background-position: -783px -153px
}
.e-1f378 {
background-position: -813px -153px
}
.e-1f379 {
background-position: -843px -153px
}
.e-1f37a {
background-position: -3px -183px
}
.e-1f37b {
background-position: -33px -183px
}
.e-1f37c {
background-position: -63px -183px
}
.e-1f380 {
background-position: -93px -183px
}
.e-1f381 {
background-position: -123px -183px
}
.e-1f382 {
background-position: -153px -183px
}
.e-1f383 {
background-position: -183px -183px
}
.e-1f384 {
background-position: -213px -183px
}
.e-1f385 {
background-position: -243px -183px
}
.e-1f386 {
background-position: -273px -183px
}
.e-1f387 {
background-position: -303px -183px
}
.e-1f388 {
background-position: -333px -183px
}
.e-1f389 {
background-position: -363px -183px
}
.e-1f38a {
background-position: -393px -183px
}
.e-1f38b {
background-position: -423px -183px
}
.e-1f38c {
background-position: -453px -183px
}
.e-1f38d {
background-position: -483px -183px
}
.e-1f38e {
background-position: -513px -183px
}
.e-1f38f {
background-position: -543px -183px
}
.e-1f390 {
background-position: -573px -183px
}
.e-1f391 {
background-position: -603px -183px
}
.e-1f392 {
background-position: -633px -183px
}
.e-1f393 {
background-position: -663px -183px
}
.e-1f3a0 {
background-position: -693px -183px
}
.e-1f3a1 {
background-position: -723px -183px
}
.e-1f3a2 {
background-position: -753px -183px
}
.e-1f3a3 {
background-position: -783px -183px
}
.e-1f3a4 {
background-position: -813px -183px
}
.e-1f3a5 {
background-position: -843px -183px
}
.e-1f3a6 {
background-position: -3px -213px
}
.e-1f3a7 {
background-position: -33px -213px
}
.e-1f3a8 {
background-position: -63px -213px
}
.e-1f3a9 {
background-position: -93px -213px
}
.e-1f3aa {
background-position: -123px -213px
}
.e-1f3ab {
background-position: -153px -213px
}
.e-1f3ac {
background-position: -183px -213px
}
.e-1f3ad {
background-position: -213px -213px
}
.e-1f3ae {
background-position: -243px -213px
}
.e-1f3af {
background-position: -273px -213px
}
.e-1f3b0 {
background-position: -303px -213px
}
.e-1f3b1 {
background-position: -333px -213px
}
.e-1f3b2 {
background-position: -363px -213px
}
.e-1f3b3 {
background-position: -393px -213px
}
.e-1f3b4 {
background-position: -423px -213px
}
.e-1f3b5 {
background-position: -453px -213px
}
.e-1f3b6 {
background-position: -483px -213px
}
.e-1f3b7 {
background-position: -513px -213px
}
.e-1f3b8 {
background-position: -543px -213px
}
.e-1f3b9 {
background-position: -573px -213px
}
.e-1f3ba {
background-position: -603px -213px
}
.e-1f3bb {
background-position: -633px -213px
}
.e-1f3bc {
background-position: -663px -213px
}
.e-1f3bd {
background-position: -693px -213px
}
.e-1f3be {
background-position: -723px -213px
}
.e-1f3bf {
background-position: -753px -213px
}
.e-1f3c0 {
background-position: -783px -213px
}
.e-1f3c1 {
background-position: -813px -213px
}
.e-1f3c2 {
background-position: -843px -213px
}
.e-1f3c3 {
background-position: -3px -243px
}
.e-1f3c4 {
background-position: -33px -243px
}
.e-1f3c6 {
background-position: -63px -243px
}
.e-1f3c7 {
background-position: -93px -243px
}
.e-1f3c8 {
background-position: -123px -243px
}
.e-1f3c9 {
background-position: -153px -243px
}
.e-1f3ca {
background-position: -183px -243px
}
.e-1f3e0 {
background-position: -213px -243px
}
.e-1f3e1 {
background-position: -243px -243px
}
.e-1f3e2 {
background-position: -273px -243px
}
.e-1f3e3 {
background-position: -303px -243px
}
.e-1f3e4 {
background-position: -333px -243px
}
.e-1f3e5 {
background-position: -363px -243px
}
.e-1f3e6 {
background-position: -393px -243px
}
.e-1f3e7 {
background-position: -423px -243px
}
.e-1f3e8 {
background-position: -453px -243px
}
.e-1f3e9 {
background-position: -483px -243px
}
.e-1f3ea {
background-position: -513px -243px
}
.e-1f3eb {
background-position: -543px -243px
}
.e-1f3ec {
background-position: -573px -243px
}
.e-1f3ed {
background-position: -603px -243px
}
.e-1f3ee {
background-position: -633px -243px
}
.e-1f3ef {
background-position: -663px -243px
}
.e-1f3f0 {
background-position: -693px -243px
}
.e-1f400 {
background-position: -723px -243px
}
.e-1f401 {
background-position: -753px -243px
}
.e-1f402 {
background-position: -783px -243px
}
.e-1f403 {
background-position: -813px -243px
}
.e-1f404 {
background-position: -843px -243px
}
.e-1f405 {
background-position: -3px -273px
}
.e-1f406 {
background-position: -33px -273px
}
.e-1f407 {
background-position: -63px -273px
}
.e-1f408 {
background-position: -93px -273px
}
.e-1f409 {
background-position: -123px -273px
}
.e-1f40a {
background-position: -153px -273px
}
.e-1f40b {
background-position: -183px -273px
}
.e-1f40c {
background-position: -213px -273px
}
.e-1f40d {
background-position: -243px -273px
}
.e-1f40e {
background-position: -273px -273px
}
.e-1f40f {
background-position: -303px -273px
}
.e-1f410 {
background-position: -333px -273px
}
.e-1f411 {
background-position: -363px -273px
}
.e-1f412 {
background-position: -393px -273px
}
.e-1f413 {
background-position: -423px -273px
}
.e-1f414 {
background-position: -453px -273px
}
.e-1f415 {
background-position: -483px -273px
}
.e-1f416 {
background-position: -513px -273px
}
.e-1f417 {
background-position: -543px -273px
}
.e-1f418 {
background-position: -573px -273px
}
.e-1f419 {
background-position: -603px -273px
}
.e-1f41a {
background-position: -633px -273px
}
.e-1f41b {
background-position: -663px -273px
}
.e-1f41c {
background-position: -693px -273px
}
.e-1f41d {
background-position: -723px -273px
}
.e-1f41e {
background-position: -753px -273px
}
.e-1f41f {
background-position: -783px -273px
}
.e-1f420 {
background-position: -813px -273px
}
.e-1f421 {
background-position: -843px -273px
}
.e-1f422 {
background-position: -3px -303px
}
.e-1f423 {
background-position: -33px -303px
}
.e-1f424 {
background-position: -63px -303px
}
.e-1f425 {
background-position: -93px -303px
}
.e-1f426 {
background-position: -123px -303px
}
.e-1f427 {
background-position: -153px -303px
}
.e-1f428 {
background-position: -183px -303px
}
.e-1f429 {
background-position: -213px -303px
}
.e-1f42a {
background-position: -243px -303px
}
.e-1f42b {
background-position: -273px -303px
}
.e-1f42c {
background-position: -303px -303px
}
.e-1f42d {
background-position: -333px -303px
}
.e-1f42e {
background-position: -363px -303px
}
.e-1f42f {
background-position: -393px -303px
}
.e-1f430 {
background-position: -423px -303px
}
.e-1f431 {
background-position: -453px -303px
}
.e-1f432 {
background-position: -483px -303px
}
.e-1f433 {
background-position: -513px -303px
}
.e-1f434 {
background-position: -543px -303px
}
.e-1f435 {
background-position: -573px -303px
}
.e-1f436 {
background-position: -603px -303px
}
.e-1f437 {
background-position: -633px -303px
}
.e-1f438 {
background-position: -663px -303px
}
.e-1f439 {
background-position: -693px -303px
}
.e-1f43a {
background-position: -723px -303px
}
.e-1f43b {
background-position: -753px -303px
}
.e-1f43c {
background-position: -783px -303px
}
.e-1f43d {
background-position: -813px -303px
}
.e-1f43e {
background-position: -843px -303px
}
.e-1f440 {
background-position: -3px -333px
}
.e-1f442 {
background-position: -33px -333px
}
.e-1f443 {
background-position: -63px -333px
}
.e-1f444 {
background-position: -93px -333px
}
.e-1f445 {
background-position: -123px -333px
}
.e-1f446 {
background-position: -153px -333px
}
.e-1f447 {
background-position: -183px -333px
}
.e-1f448 {
background-position: -213px -333px
}
.e-1f449 {
background-position: -243px -333px
}
.e-1f44a {
background-position: -273px -333px
}
.e-1f44b {
background-position: -303px -333px
}
.e-1f44c {
background-position: -333px -333px
}
.e-1f44d {
background-position: -363px -333px
}
.e-1f44e {
background-position: -393px -333px
}
.e-1f44f {
background-position: -423px -333px
}
.e-1f450 {
background-position: -453px -333px
}
.e-1f451 {
background-position: -483px -333px
}
.e-1f452 {
background-position: -513px -333px
}
.e-1f453 {
background-position: -543px -333px
}
.e-1f454 {
background-position: -573px -333px
}
.e-1f455 {
background-position: -603px -333px
}
.e-1f456 {
background-position: -633px -333px
}
.e-1f457 {
background-position: -663px -333px
}
.e-1f458 {
background-position: -693px -333px
}
.e-1f459 {
background-position: -723px -333px
}
.e-1f45a {
background-position: -753px -333px
}
.e-1f45b {
background-position: -783px -333px
}
.e-1f45c {
background-position: -813px -333px
}
.e-1f45d {
background-position: -843px -333px
}
.e-1f45e {
background-position: -3px -363px
}
.e-1f45f {
background-position: -33px -363px
}
.e-1f460 {
background-position: -63px -363px
}
.e-1f461 {
background-position: -93px -363px
}
.e-1f462 {
background-position: -123px -363px
}
.e-1f463 {
background-position: -153px -363px
}
.e-1f464 {
background-position: -183px -363px
}
.e-1f465 {
background-position: -213px -363px
}
.e-1f466 {
background-position: -243px -363px
}
.e-1f467 {
background-position: -273px -363px
}
.e-1f468 {
background-position: -303px -363px
}
.e-1f469 {
background-position: -333px -363px
}
.e-1f46a {
background-position: -363px -363px
}
.e-1f46b {
background-position: -393px -363px
}
.e-1f46c {
background-position: -423px -363px
}
.e-1f46d {
background-position: -453px -363px
}
.e-1f46e {
background-position: -483px -363px
}
.e-1f46f {
background-position: -513px -363px
}
.e-1f470 {
background-position: -543px -363px
}
.e-1f471 {
background-position: -573px -363px
}
.e-1f472 {
background-position: -603px -363px
}
.e-1f473 {
background-position: -633px -363px
}
.e-1f474 {
background-position: -663px -363px
}
.e-1f475 {
background-position: -693px -363px
}
.e-1f476 {
background-position: -723px -363px
}
.e-1f477 {
background-position: -753px -363px
}
.e-1f478 {
background-position: -783px -363px
}
.e-1f479 {
background-position: -813px -363px
}
.e-1f47a {
background-position: -843px -363px
}
.e-1f47b {
background-position: -3px -393px
}
.e-1f47c {
background-position: -33px -393px
}
.e-1f47d {
background-position: -63px -393px
}
.e-1f47e {
background-position: -93px -393px
}
.e-1f47f {
background-position: -123px -393px
}
.e-1f480 {
background-position: -153px -393px
}
.e-1f481 {
background-position: -183px -393px
}
.e-1f482 {
background-position: -213px -393px
}
.e-1f483 {
background-position: -243px -393px
}
.e-1f484 {
background-position: -273px -393px
}
.e-1f485 {
background-position: -303px -393px
}
.e-1f486 {
background-position: -333px -393px
}
.e-1f487 {
background-position: -363px -393px
}
.e-1f488 {
background-position: -393px -393px
}
.e-1f489 {
background-position: -423px -393px
}
.e-1f48a {
background-position: -453px -393px
}
.e-1f48b {
background-position: -483px -393px
}
.e-1f48c {
background-position: -513px -393px
}
.e-1f48d {
background-position: -543px -393px
}
.e-1f48e {
background-position: -573px -393px
}
.e-1f48f {
background-position: -603px -393px
}
.e-1f490 {
background-position: -633px -393px
}
.e-1f491 {
background-position: -663px -393px
}
.e-1f492 {
background-position: -693px -393px
}
.e-1f493 {
background-position: -723px -393px
}
.e-1f494 {
background-position: -753px -393px
}
.e-1f495 {
background-position: -783px -393px
}
.e-1f496 {
background-position: -813px -393px
}
.e-1f497 {
background-position: -843px -393px
}
.e-1f498 {
background-position: -3px -423px
}
.e-1f499 {
background-position: -33px -423px
}
.e-1f49a {
background-position: -63px -423px
}
.e-1f49b {
background-position: -93px -423px
}
.e-1f49c {
background-position: -123px -423px
}
.e-1f49d {
background-position: -153px -423px
}
.e-1f49e {
background-position: -183px -423px
}
.e-1f49f {
background-position: -213px -423px
}
.e-1f4a0 {
background-position: -243px -423px
}
.e-1f4a1 {
background-position: -273px -423px
}
.e-1f4a2 {
background-position: -303px -423px
}
.e-1f4a3 {
background-position: -333px -423px
}
.e-1f4a4 {
background-position: -363px -423px
}
.e-1f4a5 {
background-position: -393px -423px
}
.e-1f4a6 {
background-position: -423px -423px
}
.e-1f4a7 {
background-position: -453px -423px
}
.e-1f4a8 {
background-position: -483px -423px
}
.e-1f4a9 {
background-position: -513px -423px
}
.e-1f4aa {
background-position: -543px -423px
}
.e-1f4ab {
background-position: -573px -423px
}
.e-1f4ac {
background-position: -603px -423px
}
.e-1f4ad {
background-position: -633px -423px
}
.e-1f4ae {
background-position: -663px -423px
}
.e-1f4af {
background-position: -693px -423px
}
.e-1f4b0 {
background-position: -723px -423px
}
.e-1f4b1 {
background-position: -753px -423px
}
.e-1f4b2 {
background-position: -783px -423px
}
.e-1f4b3 {
background-position: -813px -423px
}
.e-1f4b4 {
background-position: -843px -423px
}
.e-1f4b5 {
background-position: -3px -453px
}
.e-1f4b6 {
background-position: -33px -453px
}
.e-1f4b7 {
background-position: -63px -453px
}
.e-1f4b8 {
background-position: -93px -453px
}
.e-1f4b9 {
background-position: -123px -453px
}
.e-1f4ba {
background-position: -153px -453px
}
.e-1f4bb {
background-position: -183px -453px
}
.e-1f4bc {
background-position: -213px -453px
}
.e-1f4bd {
background-position: -243px -453px
}
.e-1f4be {
background-position: -273px -453px
}
.e-1f4bf {
background-position: -303px -453px
}
.e-1f4c0 {
background-position: -333px -453px
}
.e-1f4c1 {
background-position: -363px -453px
}
.e-1f4c2 {
background-position: -393px -453px
}
.e-1f4c3 {
background-position: -423px -453px
}
.e-1f4c4 {
background-position: -453px -453px
}
.e-1f4c5 {
background-position: -483px -453px
}
.e-1f4c6 {
background-position: -513px -453px
}
.e-1f4c7 {
background-position: -543px -453px
}
.e-1f4c8 {
background-position: -573px -453px
}
.e-1f4c9 {
background-position: -603px -453px
}
.e-1f4ca {
background-position: -633px -453px
}
.e-1f4cb {
background-position: -663px -453px
}
.e-1f4cc {
background-position: -693px -453px
}
.e-1f4cd {
background-position: -723px -453px
}
.e-1f4ce {
background-position: -753px -453px
}
.e-1f4cf {
background-position: -783px -453px
}
.e-1f4d0 {
background-position: -813px -453px
}
.e-1f4d1 {
background-position: -843px -453px
}
.e-1f4d2 {
background-position: -3px -483px
}
.e-1f4d3 {
background-position: -33px -483px
}
.e-1f4d4 {
background-position: -63px -483px
}
.e-1f4d5 {
background-position: -93px -483px
}
.e-1f4d6 {
background-position: -123px -483px
}
.e-1f4d7 {
background-position: -153px -483px
}
.e-1f4d8 {
background-position: -183px -483px
}
.e-1f4d9 {
background-position: -213px -483px
}
.e-1f4da {
background-position: -243px -483px
}
.e-1f4db {
background-position: -273px -483px
}
.e-1f4dc {
background-position: -303px -483px
}
.e-1f4dd {
background-position: -333px -483px
}
.e-1f4de {
background-position: -363px -483px
}
.e-1f4df {
background-position: -393px -483px
}
.e-1f4e0 {
background-position: -423px -483px
}
.e-1f4e1 {
background-position: -453px -483px
}
.e-1f4e2 {
background-position: -483px -483px
}
.e-1f4e3 {
background-position: -513px -483px
}
.e-1f4e4 {
background-position: -543px -483px
}
.e-1f4e5 {
background-position: -573px -483px
}
.e-1f4e6 {
background-position: -603px -483px
}
.e-1f4e7 {
background-position: -633px -483px
}
.e-1f4e8 {
background-position: -663px -483px
}
.e-1f4e9 {
background-position: -693px -483px
}
.e-1f4ea {
background-position: -723px -483px
}
.e-1f4eb {
background-position: -753px -483px
}
.e-1f4ec {
background-position: -783px -483px
}
.e-1f4ed {
background-position: -813px -483px
}
.e-1f4ee {
background-position: -843px -483px
}
.e-1f4ef {
background-position: -3px -513px
}
.e-1f4f0 {
background-position: -33px -513px
}
.e-1f4f1 {
background-position: -63px -513px
}
.e-1f4f2 {
background-position: -93px -513px
}
.e-1f4f3 {
background-position: -123px -513px
}
.e-1f4f4 {
background-position: -153px -513px
}
.e-1f4f5 {
background-position: -183px -513px
}
.e-1f4f6 {
background-position: -213px -513px
}
.e-1f4f7 {
background-position: -243px -513px
}
.e-1f4f9 {
background-position: -273px -513px
}
.e-1f4fa {
background-position: -303px -513px
}
.e-1f4fb {
background-position: -333px -513px
}
.e-1f4fc {
background-position: -363px -513px
}
.e-1f500 {
background-position: -393px -513px
}
.e-1f501 {
background-position: -423px -513px
}
.e-1f502 {
background-position: -453px -513px
}
.e-1f503 {
background-position: -483px -513px
}
.e-1f504 {
background-position: -513px -513px
}
.e-1f505 {
background-position: -543px -513px
}
.e-1f506 {
background-position: -573px -513px
}
.e-1f507 {
background-position: -603px -513px
}
.e-1f508 {
background-position: -633px -513px
}
.e-1f509 {
background-position: -663px -513px
}
.e-1f50a {
background-position: -693px -513px
}
.e-1f50b {
background-position: -723px -513px
}
.e-1f50c {
background-position: -753px -513px
}
.e-1f50d {
background-position: -783px -513px
}
.e-1f50e {
background-position: -813px -513px
}
.e-1f50f {
background-position: -843px -513px
}
.e-1f510 {
background-position: -3px -543px
}
.e-1f511 {
background-position: -33px -543px
}
.e-1f512 {
background-position: -63px -543px
}
.e-1f513 {
background-position: -93px -543px
}
.e-1f514 {
background-position: -123px -543px
}
.e-1f515 {
background-position: -153px -543px
}
.e-1f516 {
background-position: -183px -543px
}
.e-1f517 {
background-position: -213px -543px
}
.e-1f518 {
background-position: -243px -543px
}
.e-1f519 {
background-position: -273px -543px
}
.e-1f51a {
background-position: -303px -543px
}
.e-1f51b {
background-position: -333px -543px
}
.e-1f51c {
background-position: -363px -543px
}
.e-1f51d {
background-position: -393px -543px
}
.e-1f51e {
background-position: -423px -543px
}
.e-1f51f {
background-position: -453px -543px
}
.e-1f520 {
background-position: -483px -543px
}
.e-1f521 {
background-position: -513px -543px
}
.e-1f522 {
background-position: -543px -543px
}
.e-1f523 {
background-position: -573px -543px
}
.e-1f524 {
background-position: -603px -543px
}
.e-1f525 {
background-position: -633px -543px
}
.e-1f526 {
background-position: -663px -543px
}
.e-1f527 {
background-position: -693px -543px
}
.e-1f528 {
background-position: -723px -543px
}
.e-1f529 {
background-position: -753px -543px
}
.e-1f52a {
background-position: -783px -543px
}
.e-1f52b {
background-position: -813px -543px
}
.e-1f52c {
background-position: -843px -543px
}
.e-1f52d {
background-position: -3px -573px
}
.e-1f52e {
background-position: -33px -573px
}
.e-1f52f {
background-position: -63px -573px
}
.e-1f530 {
background-position: -93px -573px
}
.e-1f531 {
background-position: -123px -573px
}
.e-1f532 {
background-position: -153px -573px
}
.e-1f533 {
background-position: -183px -573px
}
.e-1f534 {
background-position: -213px -573px
}
.e-1f535 {
background-position: -243px -573px
}
.e-1f536 {
background-position: -273px -573px
}
.e-1f537 {
background-position: -303px -573px
}
.e-1f538 {
background-position: -333px -573px
}
.e-1f539 {
background-position: -363px -573px
}
.e-1f53a {
background-position: -393px -573px
}
.e-1f53b {
background-position: -423px -573px
}
.e-1f53c {
background-position: -453px -573px
}
.e-1f53d {
background-position: -483px -573px
}
.e-1f550 {
background-position: -513px -573px
}
.e-1f551 {
background-position: -543px -573px
}
.e-1f552 {
background-position: -573px -573px
}
.e-1f553 {
background-position: -603px -573px
}
.e-1f554 {
background-position: -633px -573px
}
.e-1f555 {
background-position: -663px -573px
}
.e-1f556 {
background-position: -693px -573px
}
.e-1f557 {
background-position: -723px -573px
}
.e-1f558 {
background-position: -753px -573px
}
.e-1f559 {
background-position: -783px -573px
}
.e-1f55a {
background-position: -813px -573px
}
.e-1f55b {
background-position: -843px -573px
}
.e-1f55c {
background-position: -3px -603px
}
.e-1f55d {
background-position: -33px -603px
}
.e-1f55e {
background-position: -63px -603px
}
.e-1f55f {
background-position: -93px -603px
}
.e-1f560 {
background-position: -123px -603px
}
.e-1f561 {
background-position: -153px -603px
}
.e-1f562 {
background-position: -183px -603px
}
.e-1f563 {
background-position: -213px -603px
}
.e-1f564 {
background-position: -243px -603px
}
.e-1f565 {
background-position: -273px -603px
}
.e-1f566 {
background-position: -303px -603px
}
.e-1f567 {
background-position: -333px -603px
}
.e-1f5fb {
background-position: -363px -603px
}
.e-1f5fc {
background-position: -393px -603px
}
.e-1f5fd {
background-position: -423px -603px
}
.e-1f5fe {
background-position: -453px -603px
}
.e-1f5ff {
background-position: -483px -603px
}
.e-1f600 {
background-position: -513px -603px
}
.e-1f601 {
background-position: -543px -603px
}
.e-1f602 {
background-position: -573px -603px
}
.e-1f603 {
background-position: -603px -603px
}
.e-1f604 {
background-position: -633px -603px
}
.e-1f605 {
background-position: -663px -603px
}
.e-1f606 {
background-position: -693px -603px
}
.e-1f607 {
background-position: -723px -603px
}
.e-1f608 {
background-position: -753px -603px
}
.e-1f609 {
background-position: -783px -603px
}
.e-1f60a {
background-position: -813px -603px
}
.e-1f60b {
background-position: -843px -603px
}
.e-1f60c {
background-position: -3px -633px
}
.e-1f60d {
background-position: -33px -633px
}
.e-1f60e {
background-position: -63px -633px
}
.e-1f60f {
background-position: -93px -633px
}
.e-1f610 {
background-position: -123px -633px
}
.e-1f611 {
background-position: -153px -633px
}
.e-1f612 {
background-position: -183px -633px
}
.e-1f613 {
background-position: -213px -633px
}
.e-1f614 {
background-position: -243px -633px
}
.e-1f615 {
background-position: -273px -633px
}
.e-1f616 {
background-position: -303px -633px
}
.e-1f617 {
background-position: -333px -633px
}
.e-1f618 {
background-position: -363px -633px
}
.e-1f619 {
background-position: -393px -633px
}
.e-1f61a {
background-position: -423px -633px
}
.e-1f61b {
background-position: -453px -633px
}
.e-1f61c {
background-position: -483px -633px
}
.e-1f61d {
background-position: -513px -633px
}
.e-1f61e {
background-position: -543px -633px
}
.e-1f61f {
background-position: -573px -633px
}
.e-1f620 {
background-position: -603px -633px
}
.e-1f621 {
background-position: -633px -633px
}
.e-1f622 {
background-position: -663px -633px
}
.e-1f623 {
background-position: -693px -633px
}
.e-1f624 {
background-position: -723px -633px
}
.e-1f625 {
background-position: -753px -633px
}
.e-1f626 {
background-position: -783px -633px
}
.e-1f627 {
background-position: -813px -633px
}
.e-1f628 {
background-position: -843px -633px
}
.e-1f629 {
background-position: -3px -663px
}
.e-1f62a {
background-position: -33px -663px
}
.e-1f62b {
background-position: -63px -663px
}
.e-1f62c {
background-position: -93px -663px
}
.e-1f62d {
background-position: -123px -663px
}
.e-1f62e {
background-position: -153px -663px
}
.e-1f62f {
background-position: -183px -663px
}
.e-1f630 {
background-position: -213px -663px
}
.e-1f631 {
background-position: -243px -663px
}
.e-1f632 {
background-position: -273px -663px
}
.e-1f633 {
background-position: -303px -663px
}
.e-1f634 {
background-position: -333px -663px
}
.e-1f635 {
background-position: -363px -663px
}
.e-1f636 {
background-position: -393px -663px
}
.e-1f637 {
background-position: -423px -663px
}
.e-1f638 {
background-position: -453px -663px
}
.e-1f639 {
background-position: -483px -663px
}
.e-1f63a {
background-position: -513px -663px
}
.e-1f63b {
background-position: -543px -663px
}
.e-1f63c {
background-position: -573px -663px
}
.e-1f63d {
background-position: -603px -663px
}
.e-1f63e {
background-position: -633px -663px
}
.e-1f63f {
background-position: -663px -663px
}
.e-1f640 {
background-position: -693px -663px
}
.e-1f645 {
background-position: -723px -663px
}
.e-1f646 {
background-position: -753px -663px
}
.e-1f647 {
background-position: -783px -663px
}
.e-1f648 {
background-position: -813px -663px
}
.e-1f649 {
background-position: -843px -663px
}
.e-1f64a {
background-position: -3px -693px
}
.e-1f64b {
background-position: -33px -693px
}
.e-1f64c {
background-position: -63px -693px
}
.e-1f64d {
background-position: -93px -693px
}
.e-1f64e {
background-position: -123px -693px
}
.e-1f64f {
background-position: -153px -693px
}
.e-1f680 {
background-position: -183px -693px
}
.e-1f681 {
background-position: -213px -693px
}
.e-1f682 {
background-position: -243px -693px
}
.e-1f683 {
background-position: -273px -693px
}
.e-1f684 {
background-position: -303px -693px
}
.e-1f685 {
background-position: -333px -693px
}
.e-1f686 {
background-position: -363px -693px
}
.e-1f687 {
background-position: -393px -693px
}
.e-1f688 {
background-position: -423px -693px
}
.e-1f689 {
background-position: -453px -693px
}
.e-1f68a {
background-position: -483px -693px
}
.e-1f68b {
background-position: -513px -693px
}
.e-1f68c {
background-position: -543px -693px
}
.e-1f68d {
background-position: -573px -693px
}
.e-1f68e {
background-position: -603px -693px
}
.e-1f68f {
background-position: -633px -693px
}
.e-1f690 {
background-position: -663px -693px
}
.e-1f691 {
background-position: -693px -693px
}
.e-1f692 {
background-position: -723px -693px
}
.e-1f693 {
background-position: -753px -693px
}
.e-1f694 {
background-position: -783px -693px
}
.e-1f695 {
background-position: -813px -693px
}
.e-1f696 {
background-position: -843px -693px
}
.e-1f697 {
background-position: -3px -723px
}
.e-1f698 {
background-position: -33px -723px
}
.e-1f699 {
background-position: -63px -723px
}
.e-1f69a {
background-position: -93px -723px
}
.e-1f69b {
background-position: -123px -723px
}
.e-1f69c {
background-position: -153px -723px
}
.e-1f69d {
background-position: -183px -723px
}
.e-1f69e {
background-position: -213px -723px
}
.e-1f69f {
background-position: -243px -723px
}
.e-1f6a0 {
background-position: -273px -723px
}
.e-1f6a1 {
background-position: -303px -723px
}
.e-1f6a2 {
background-position: -333px -723px
}
.e-1f6a3 {
background-position: -363px -723px
}
.e-1f6a4 {
background-position: -393px -723px
}
.e-1f6a5 {
background-position: -423px -723px
}
.e-1f6a6 {
background-position: -453px -723px
}
.e-1f6a7 {
background-position: -483px -723px
}
.e-1f6a8 {
background-position: -513px -723px
}
.e-1f6a9 {
background-position: -543px -723px
}
.e-1f6aa {
background-position: -573px -723px
}
.e-1f6ab {
background-position: -603px -723px
}
.e-1f6ac {
background-position: -633px -723px
}
.e-1f6ad {
background-position: -663px -723px
}
.e-1f6ae {
background-position: -693px -723px
}
.e-1f6af {
background-position: -723px -723px
}
.e-1f6b0 {
background-position: -753px -723px
}
.e-1f6b1 {
background-position: -783px -723px
}
.e-1f6b2 {
background-position: -813px -723px
}
.e-1f6b3 {
background-position: -843px -723px
}
.e-1f6b4 {
background-position: -3px -753px
}
.e-1f6b5 {
background-position: -33px -753px
}
.e-1f6b6 {
background-position: -63px -753px
}
.e-1f6b7 {
background-position: -93px -753px
}
.e-1f6b8 {
background-position: -123px -753px
}
.e-1f6b9 {
background-position: -153px -753px
}
.e-1f6ba {
background-position: -183px -753px
}
.e-1f6bb {
background-position: -213px -753px
}
.e-1f6bc {
background-position: -243px -753px
}
.e-1f6bd {
background-position: -273px -753px
}
.e-1f6be {
background-position: -303px -753px
}
.e-1f6bf {
background-position: -333px -753px
}
.e-1f6c0 {
background-position: -363px -753px
}
.e-1f6c1 {
background-position: -393px -753px
}
.e-1f6c2 {
background-position: -423px -753px
}
.e-1f6c3 {
background-position: -453px -753px
}
.e-1f6c4 {
background-position: -483px -753px
}
.e-1f6c5 {
background-position: -513px -753px
}
.e-203c {
background-position: -543px -753px
}
.e-2049 {
background-position: -573px -753px
}
.e-2122 {
background-position: -603px -753px
}
.e-2139 {
background-position: -633px -753px
}
.e-2194 {
background-position: -663px -753px
}
.e-2195 {
background-position: -693px -753px
}
.e-2196 {
background-position: -723px -753px
}
.e-2197 {
background-position: -753px -753px
}
.e-2198 {
background-position: -783px -753px
}
.e-2199 {
background-position: -813px -753px
}
.e-21a9 {
background-position: -843px -753px
}
.e-21aa {
background-position: -3px -783px
}
.e-23-20e3 {
background-position: -33px -783px
}
.e-231a {
background-position: -63px -783px
}
.e-231b {
background-position: -93px -783px
}
.e-23e9 {
background-position: -123px -783px
}
.e-23ea {
background-position: -153px -783px
}
.e-23eb {
background-position: -183px -783px
}
.e-23ec {
background-position: -213px -783px
}
.e-23f0 {
background-position: -243px -783px
}
.e-23f3 {
background-position: -273px -783px
}
.e-24c2 {
background-position: -303px -783px
}
.e-25aa {
background-position: -333px -783px
}
.e-25ab {
background-position: -363px -783px
}
.e-25b6 {
background-position: -393px -783px
}
.e-25c0 {
background-position: -423px -783px
}
.e-25fb {
background-position: -453px -783px
}
.e-25fc {
background-position: -483px -783px
}
.e-25fd {
background-position: -513px -783px
}
.e-25fe {
background-position: -543px -783px
}
.e-2600 {
background-position: -573px -783px
}
.e-2601 {
background-position: -603px -783px
}
.e-260e {
background-position: -633px -783px
}
.e-2611 {
background-position: -663px -783px
}
.e-2614 {
background-position: -693px -783px
}
.e-2615 {
background-position: -723px -783px
}
.e-261d {
background-position: -753px -783px
}
.e-263a {
background-position: -783px -783px
}
.e-2648 {
background-position: -813px -783px
}
.e-2649 {
background-position: -843px -783px
}
.e-264a {
background-position: -3px -813px
}
.e-264b {
background-position: -33px -813px
}
.e-264c {
background-position: -63px -813px
}
.e-264d {
background-position: -93px -813px
}
.e-264e {
background-position: -123px -813px
}
.e-264f {
background-position: -153px -813px
}
.e-2650 {
background-position: -183px -813px
}
.e-2651 {
background-position: -213px -813px
}
.e-2652 {
background-position: -243px -813px
}
.e-2653 {
background-position: -273px -813px
}
.e-2660 {
background-position: -303px -813px
}
.e-2663 {
background-position: -333px -813px
}
.e-2665 {
background-position: -363px -813px
}
.e-2666 {
background-position: -393px -813px
}
.e-2668 {
background-position: -423px -813px
}
.e-267b {
background-position: -453px -813px
}
.e-267f {
background-position: -483px -813px
}
.e-2693 {
background-position: -513px -813px
}
.e-26a0 {
background-position: -543px -813px
}
.e-26a1 {
background-position: -573px -813px
}
.e-26aa {
background-position: -603px -813px
}
.e-26ab {
background-position: -633px -813px
}
.e-26bd {
background-position: -663px -813px
}
.e-26be {
background-position: -693px -813px
}
.e-26c4 {
background-position: -723px -813px
}
.e-26c5 {
background-position: -753px -813px
}
.e-26ce {
background-position: -783px -813px
}
.e-26d4 {
background-position: -813px -813px
}
.e-26ea {
background-position: -843px -813px
}
.e-26f2 {
background-position: -3px -843px
}
.e-26f3 {
background-position: -33px -843px
}
.e-26f5 {
background-position: -63px -843px
}
.e-26fa {
background-position: -93px -843px
}
.e-26fd {
background-position: -123px -843px
}
.e-2702 {
background-position: -153px -843px
}
.e-2705 {
background-position: -183px -843px
}
.e-2708 {
background-position: -213px -843px
}
.e-2709 {
background-position: -243px -843px
}
.e-270a {
background-position: -273px -843px
}
.e-270b {
background-position: -303px -843px
}
.e-270c {
background-position: -333px -843px
}
.e-270f {
background-position: -363px -843px
}
.e-2712 {
background-position: -393px -843px
}
.e-2714 {
background-position: -423px -843px
}
.e-2716 {
background-position: -453px -843px
}
.e-2728 {
background-position: -483px -843px
}
.e-2733 {
background-position: -513px -843px
}
.e-2734 {
background-position: -543px -843px
}
.e-2744 {
background-position: -573px -843px
}
.e-2747 {
background-position: -603px -843px
}
.e-274c {
background-position: -633px -843px
}
.e-274e {
background-position: -663px -843px
}
.e-2753 {
background-position: -693px -843px
}
.e-2754 {
background-position: -723px -843px
}
.e-2755 {
background-position: -753px -843px
}
.e-2757 {
background-position: -783px -843px
}
.e-2764 {
background-position: -813px -843px
}
.e-2795 {
background-position: -843px -843px
}
.e-2796 {
background-position: -873px -3px
}
.e-2797 {
background-position: -873px -33px
}
.e-27a1 {
background-position: -873px -63px
}
.e-27b0 {
background-position: -873px -93px
}
.e-27bf {
background-position: -873px -123px
}
.e-2934 {
background-position: -873px -153px
}
.e-2935 {
background-position: -873px -183px
}
.e-2b05 {
background-position: -873px -213px
}
.e-2b06 {
background-position: -873px -243px
}
.e-2b07 {
background-position: -873px -273px
}
.e-2b1b {
background-position: -873px -303px
}
.e-2b1c {
background-position: -873px -333px
}
.e-2b50 {
background-position: -873px -363px
}
.e-2b55 {
background-position: -873px -393px
}
.e-30-20e3 {
background-position: -873px -423px
}
.e-3030 {
background-position: -873px -453px
}
.e-303d {
background-position: -873px -483px
}
.e-31-20e3 {
background-position: -873px -513px
}
.e-32-20e3 {
background-position: -873px -543px
}
.e-3297 {
background-position: -873px -573px
}
.e-3299 {
background-position: -873px -603px
}
.e-33-20e3 {
background-position: -873px -633px
}
.e-34-20e3 {
background-position: -873px -663px
}
.e-35-20e3 {
background-position: -873px -693px
}
.e-36-20e3 {
background-position: -873px -723px
}
.e-37-20e3 {
background-position: -873px -753px
}
.e-38-20e3 {
background-position: -873px -783px
}
.e-39-20e3 {
background-position: -873px -813px
}
.e-a9 {
background-position: -873px -843px
}
.e-ae {
background-position: -3px -873px
}
.e-e50a {
background-position: -33px -873px
}
.e-mc-nature {
background-position: -63px -873px
}
.e-mc-objects {
background-position: -93px -873px
}
.e-mc-people {
background-position: -123px -873px
}
.e-mc-places {
background-position: -153px -873px
}
.e-mc-recent {
background-position: -183px -873px
}
.e-mc-symbols {
background-position: -213px -873px
}
.c-tagInput {
display: inline-block;
padding: 0 8px;
margin-bottom: 24px;
vertical-align: middle;
min-width: 50px;
max-width: 635px;
width: 100%;
min-height: 36px;
background-color: var(--inputBackgroundColor, #ffffff);
border: 1px solid var(--legacy-border-input-color);
border-radius: var(--legacy-border-input-radius);
color: var(--color-text-primary);
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
padding: 0 3px;
margin-bottom: 0;
cursor: text
}
.c-tagInput:focus {
outline: none;
border: 1px solid var(--input-border-focus, #007c89);
box-shadow: inset 0 0 0 1px var(--input-shadow-focus, #007c89)
}
.c-tagInput.invalid {
border-color: var(--input-border-error, #a73205);
box-shadow: inset 0 0 0 1px var(--input-shadow-error, #a73205)
}
.c-tagInput[disabled] {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5;
cursor: not-allowed
}
.c-tagInput--dropdown .c-tagInput {
padding-left: 69px
}
.c-tagList {
padding: 5px 2px 2px 2px;
overflow: hidden
}
.c-tagList_label {
line-height: 24px;
font-weight: normal
}
.c-tagInput--dropdown .c-tagListDropdown {
top: 1px;
left: 1px
}
.c-tagInput--dropdown .c-tagListDropdown .dijitSelect {
border: none;
border-radius: 0;
box-shadow: inset -1px 0 0 rgba(36, 28, 21, 0.3);
min-height: 34px;
width: 66px
}
.c-tagInput--dropdown .c-tagListDropdown .dijitSelect:focus {
box-shadow: inset 0 0 0 1px #007c89, 0 0 0 1px #007c89;
border-radius: 2px 0 0 2px
}
.c-tagInput--dropdown .c-tagListDropdown .dijitButtonText {
line-height: inherit;
height: auto;
font-weight: normal
}
.c-tagInput--dropdown .c-tagListDropdown .dijitButtonContents {
padding: 4px 18px 6px 12px
}
.c-tagInput--dropdown .c-tagListDropdown .dijitButtonContents::after {
line-height: 1.9em;
right: 6px;
font-size: 18px
}
.c-tagList_item {
margin: 0 6px 6px 0;
height: 24px;
background-color: #efeeea;
border-radius: var(--legacy-border-badge-radius)
}
.c-tagList_item--highlight {
background-color: #fbeeca
}
.c-tagList_item--highlight .c-tagList_remove {
background-color: #fbeeca
}
.c-tagList_item--highlight .c-tagList_remove:hover {
background-color: #f7df9b
}
.c-tagList_item--highlight .c-tagList_inner:hover {
background-color: #f7df9b
}
.c-tagList_item.active {
background-color: transparent;
border: 2px solid #007c89
}
.c-tagList_item.active:focus {
outline: none
}
.c-tagList_item .freddicon {
font-size: 8px !important;
line-height: 22px;
color: var(--legacy-text-primary-color)
}
.c-tagList_item.edit-mode {
background: none
}
.c-tagInput .c-tagList_item {
margin-bottom: 3px
}
.c-tagList_inner {
border-radius: 2px 0 0 2px;
max-height: 100%
}
.c-tagList_inner:hover {
background-color: #d9d7cd
}
.c-tagList_inner:active {
background-color: #efeeea
}
.active .c-tagList_inner {
padding: 0 4px;
margin-top: -2px
}
.active .c-tagList_inner:hover,
.active .c-tagList_inner:active {
background-color: transparent
}
.edit-mode .c-tagList_inner {
background: none
}
.c-tagList_remove {
border-radius: 0 2px 2px 0;
font-size: 12px;
height: 24px;
line-height: 24px;
-ms-transition: none;
transition: none
}
.active .c-tagList_remove {
padding: 0 4px;
margin-top: -2px;
background-color: transparent !important
}
.c-tagList_remove:focus {
border: none;
border-left: 2px solid #007c89;
box-shadow: none
}
.edit-mode .c-tagList_remove {
background: none
}
.c-tagList_input input[type="text"] {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 0;
box-shadow: none;
border: none;
min-height: 24px !important;
line-height: 24px;
font-weight: normal
}
.view-mode .c-tagList_input {
display: none
}
.c-tagList_input .dijitTextBox {
display: inline;
border: 0 none;
padding: 0
}
.c-tagList_input .dijitArrowButton {
display: none !important
}
.c-tagList_input .dijitInputInner {
padding: 0 !important;
font-size: 1.4rem;
font-weight: 500
}
.c-locationsWrapper~.field-help,
.c-tagInput+.invalid-error {
margin: 0
}
.c-thumbnailPreview {
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
@media screen and (max-width:64em) {
.c-thumbnailPreview {
width: 70%;
margin: auto;
margin-top: 6px
}
.c-thumbnailPreview .c-thumbnailPreview_image {
width: 100% !important;
height: auto !important
}
}
.c-thumbnailPreview_overlay {
-ms-transition: opacity .2s ease-out 0s;
transition: opacity .2s ease-out 0s;
opacity: 0;
background-color: rgba(0, 0, 0, 0.75)
}
.c-thumbnailPreview:hover .c-thumbnailPreview_overlay {
opacity: 1
}
.c-downgradeSpecialOffer h1 {
font-size: 2.8rem
}
.c-downgradeSpecialOffer li>a {
text-decoration: underline
}
.c-downgradeSpecialOffer sup {
line-height: normal
}
.c-downgradeSpecialOffer .c-decline {
color: var(--legacy-text-primary-color);
font-weight: 500;
text-decoration: underline
}
.c-sendTest_container {
background: #efeeea;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 12px 24px
}
@media only screen and (max-width:40em) {
.c-sendTest_container {
flex-direction: column-reverse
}
}
.c-sendTest_img {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: 18px
}
@media only screen and (max-width:40em) {
.c-sendTest_img {
align-self: center
}
}
.c-sendTest_text {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 24px;
padding-left: 24px;
line-height: 48px;
margin-bottom: 0
}
.cards-container {
margin-right: -15px
}
@media screen and (max-width:1270px) {
.cards-container {
margin-right: 0
}
}
.card-wrapper {
position: relative;
float: left;
margin: 0 15px 18px 0
}
@media screen and (max-width:1270px) {
.card-wrapper {
width: 100%;
float: none
}
}
@media screen and (max-width:1641px) and (min-width:1270px) {
.card-wrapper {
width: 48%
}
}
@media screen and (max-width:2014px) and (min-width:1641px) {
.card-wrapper {
width: 32%
}
}
@media screen and (min-width:2014px) {
.card-wrapper {
width: 24%
}
}
.c-card {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden
}
.card-content {
border: 1px solid rgba(36, 28, 21, 0.3);
background: #ffffff;
border-radius: var(--legacy-border-card-radius);
overflow: hidden
}
.card-footer {
bottom: 24px;
left: 0;
right: 0
}
.actionable-card {
height: 180px
}
.actionable-card:hover {
cursor: pointer;
box-shadow: inset 0 0 0 1px #52bad5;
border: 1px solid #52bad5
}
.actionable-card.selected {
cursor: default;
box-shadow: inset 0 0 0 1px #00d6a3;
border: 2px solid #00d6a3
}
.actionable-card.not-available {
cursor: default;
box-shadow: inset 0 0 0 0 #d0d0d0;
border: 1px solid #d0d0d0;
background: #f2f2f2
}
.meter {
position: relative;
background: #efeeea;
margin: 7px 0 30px;
height: 13px;
overflow: hidden;
border-radius: var(--legacy-border-pill-radius)
}
@media print {
.meter {
border: 1px solid #373737;
background: var(--legacy-bg-lvl-1-color);
-webkit-print-color-adjust: exact
}
}
#print-report .meter {
border: 1px solid #373737;
background: var(--legacy-bg-lvl-1-color)
}
.meter--large {
height: 24px
}
.meter .meterFill,
.meter>span {
position: relative;
display: block;
height: 100%;
overflow: hidden;
border-radius: 2px 0 0 2px;
background: #008547
}
@media print {
.meter .meterFill,
.meter>span {
background: #000000;
border-radius: 0
}
}
#print-report .meter .meterFill,
#print-report .meter>span {
background: #000000;
border-radius: 0
}
.meter.spectrum {
background-image: linear-gradient(to right, #f25f25, #e7b75f 33% 66%, #00c14e);
background-repeat: no-repeat;
background-size: 100%
}
.meter.spectrum .meterFill,
.meter.spectrum>span {
background: transparent
}
.meter--warning .meterFill,
.meter--warning span {
background: #d99536
}
.meter--error .meterFill,
.meter--error span {
background: #a73205
}
.meter--neutral .meterFill,
.meter--neutral span {
background: #692340
}
.c-meterToolTip {
border-right: 2px solid #484848
}
.c-meterToolTip_bubble {
top: 36px;
right: -24px
}
.c-meterToolTip_bubble::after {
position: absolute;
left: 50%;
bottom: 100%;
margin-left: -6px;
border: solid transparent;
border-bottom-color: #484848;
border-width: 6px;
width: 0;
height: 0;
content: " "
}
.c-meterAverageRange {
background-image: url("https://cdn-images.mailchimp.com/product/diagonal-pattern.svg");
background-repeat: repeat;
width: 30%;
left: 48%;
height: 100%
}
.c-inlineMeter_range,
.c-inlineMeter_perc {
padding-top: 3px
}
.c-inlineMeter_range {
flex: 0 0 36px
}
.c-inlineMeter_perc {
flex: 0 0 54px
}
@keyframes slideup {
from {
top: 100vh
}
to {
top: 0
}
}
.c-topSliderPane {
z-index: 999
}
.c-topSliderPane iframe {
display: block
}
.c-topSliderPane_content {
top: 60px
}
.c-topSliderPane.slide-in {
animation: slideup .3s forwards
}
@media only screen and (max-width:40em) {
.usabilla_live_button_container {
display: none
}
}
.lang-selector {
position: absolute;
right: 0;
top: 12px;
line-height: 3.5rem;
padding: 0;
text-align-last: center
}
.globalNav__languageSelector select {
border: none;
max-width: inherit;
width: auto;
color: var(--legacy-interactive-color);
margin: 0;
font-weight: 500;
vertical-align: middle;
background: no-repeat right center url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/product/dropdown--kale.svg");
background-size: 30px auto;
padding-left: 2.3em;
text-align: center;
border-radius: 0
}
.globalNav__languageSelector select:focus {
box-shadow: none
}
@-moz-document url-prefix() {
.globalNav__languageSelector select {
padding-top: 8px
}
}
.globalNav__languageSelector label::before {
content: '';
background: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/product/globe.svg") no-repeat center center;
background-size: auto;
min-height: 40px;
width: 26px;
position: absolute;
left: 0;
z-index: 1
}
.globalNav__languageSelector .signup-languageSelector svg path {
fill: #007c89
}
.main-navigation {
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
padding-left: constant(safe-area-inset-left);
padding-right: constant(safe-area-inset-right);
border-bottom: 1px solid #dedddc;
height: 60px;
outline: 0
}
.main-navigation li {
max-height: 60px;
line-height: 60px
}
.main-navigation .account-button {
padding-right: 6px;
line-height: 54px
}
.main-navigation .avatar {
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(36, 28, 21, 0.15);
width: 36px;
height: 36px;
position: relative;
vertical-align: middle;
background-size: 100%
}
.main-navigation .avatar-notification {
top: 50%;
right: 24px;
transform: translateY(-50%);
box-shadow: 0 0 0 2px #ffffff
}
.main-navigation .nav-external-link {
transform: scale(.6)
}
.navigationItem {
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
color: var(--legacy-text-secondary-color);
vertical-align: top;
position: relative;
font-size: 1.4rem;
line-height: 59px;
padding: 0 18px
}
@media only screen and (max-width:85.375em) {
.navigationItem {
padding: 0 9px
}
}
.navigationItem:focus,
.navigationItem:hover,
.navigationItem:visited {
color: var(--legacy-text-primary-color)
}
.navigationItem.selected {
color: #007c89;
font-weight: 500
}
.c-navigationItem_button {
overflow: hidden;
border: 0 none;
background: none;
border-radius: 0;
white-space: nowrap;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
background: transparent;
margin: 0;
display: block;
line-height: inherit;
height: inherit
}
.c-navigationItem_button:hover {
background: transparent
}
.c-navigationItem_button:focus {
border: 0 none;
box-shadow: inset 0 0 0 2px #007c89
}
@media only screen and (max-width:64em) {
.branding {
position: absolute;
left: 50%;
margin-left: -36px !important
}
}
.mc-content {
margin: 0 auto;
width: 100%;
max-width: var(--legacy-mc-content-full)
}
.mc-small-content {
max-width: 640px
}
.mc-small-content p {
max-width: 100%
}
.mc-mini-content {
max-width: 480px
}
.mobile-overlay .phone-overlay-container,
.mobile-overlay .tablet-overlay-container,
.account-overlay .account-overlay-container,
.search-overlay .search-overlay-container,
.mk-overlay .mk-overlay-container,
.kb-overlay .kb-overlay-container {
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mobile-nav {
width: 100%;
opacity: .4;
-ms-transition: opacity 0.25s linear 0s;
transition: opacity 0.25s linear 0s
}
.mobile-overlay .mobile-nav {
opacity: 1
}
.close-overlay {
color: var(--legacy-text-secondary-color)
}
.close-overlay:hover {
color: var(--legacy-text-primary-color)
}
.close-right {
right: 20px;
top: 20px;
right: constant(safe-area-inset-right)
}
.close-left {
left: 20px;
top: 20px;
left: constant(safe-area-inset-left)
}
.phone-menu-link,
.tablet-menu-link {
font-size: 1.6rem;
color: var(--legacy-text-primary-color);
-ms-transition: background-color 0.333s ease-in-out 0s;
transition: background-color 0.333s ease-in-out 0s
}
.phone-menu-link:hover,
.tablet-menu-link:hover,
.phone-menu-link:visited,
.tablet-menu-link:visited {
color: var(--legacy-text-primary-color)
}
.phone-menu-link:hover,
.tablet-menu-link:hover {
background-color: rgba(0, 124, 137, 0.1)
}
.tablet-menu-link {
font-size: 3.6rem;
display: block
}
.tablet-menu-link.selected {
color: var(--legacy-link-color);
font-weight: 500
}
.phone-menu-link.selected {
font-weight: 500;
color: #007c89
}
.sliding-card {
width: 20em;
height: 100%;
left: 100%;
top: 0;
z-index: 1;
overflow: hidden;
overflow-y: auto;
box-shadow: -1px 0 0 0 #dedddc
}
.sliding-card--container {
width: 40em;
height: auto
}
.sliding-card--mask {
width: 20em;
overflow: hidden
}
.sliding-card--sticky {
position: -webkit-sticky;
position: sticky;
z-index: 1;
top: 0;
background-color: rgba(255, 255, 255, 0.95);
border-bottom: 1px solid #dedddc
}
.sliding-card__cardHeader {
position: -webkit-sticky;
position: sticky;
display: flex;
flex-direction: row;
justify-content: space-between;
z-index: 1;
top: 0;
border-bottom: 1px solid #dedddc;
max-height: 60px;
line-height: 60px;
background-color: var(--legacy-bg-lvl-1-color)
}
.sliding-card__cardHeading {
flex: 1;
text-align: center;
font-weight: 500
}
.sliding-card__action {
color: #007c89;
background-color: transparent;
position: absolute;
right: 0;
padding: 0 12px;
max-height: 60px;
line-height: inherit;
height: unset
}
.sliding-card__action:visited {
color: #007c89
}
.sliding-card__action:hover {
cursor: pointer;
color: #007c89;
background-color: rgba(0, 0, 0, 0)
}
.sliding-card__action:focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
outline-width: 0
}
.sliding-card__action:active,
.sliding-card__action.active {
background-color: rgba(0, 0, 0, 0)
}
.sliding-card__action[disabled],
.sliding-card__action.disabled,
.sliding-card__action.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.sliding-card__action[disabled].button--onDarkBg,
.sliding-card__action.disabled.button--onDarkBg,
.sliding-card__action.loading.button--onDarkBg {
opacity: .3
}
.sliding-card__action.disabled.clickable {
pointer-events: all
}
.sliding-card__back {
color: #007c89;
background-color: transparent;
position: absolute;
left: 0;
padding: 0 12px;
max-height: 60px;
line-height: inherit;
height: unset
}
.sliding-card__back:visited {
color: #007c89
}
.sliding-card__back:hover {
cursor: pointer;
color: #007c89;
background-color: rgba(0, 0, 0, 0)
}
.sliding-card__back:focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
outline-width: 0
}
.sliding-card__back:active,
.sliding-card__back.active {
background-color: rgba(0, 0, 0, 0)
}
.sliding-card__back[disabled],
.sliding-card__back.disabled,
.sliding-card__back.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.sliding-card__back[disabled].button--onDarkBg,
.sliding-card__back.disabled.button--onDarkBg,
.sliding-card__back.loading.button--onDarkBg {
opacity: .3
}
.sliding-card__back.disabled.clickable {
pointer-events: all
}
.sliding-card--phone-container {
min-height: 426px
}
.sliding-card--phone-mask,
.sliding-card--phone-container,
.sliding-card--phone {
width: auto
}
.sliding-card--phone {
right: 0;
background-color: #fdfdfd
}
@media only screen and (max-width:64em) {
.sliding-card--phone {
right: auto;
width: 100%
}
}
.popoverMenu {
-ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
-ms-transform: translate3d(0, -10%, 0);
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 15px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
border-radius: 2px;
background-color: var(--legacy-bg-lvl-1-color);
visibility: hidden;
z-index: -1;
opacity: .01;
top: 66px;
box-sizing: content-box
}
@media screen and (min-width:40em) {
.popoverMenu {
border: solid 1px #bdbbb9
}
}
@media only screen and (max-width:40em) {
.popoverMenu .sliding-card,
.popoverMenu .sliding-card--container,
.popoverMenu.sliding-card--mask {
width: 100%;
box-shadow: none;
background-color: var(--legacy-bg-lvl-1-color);
z-index: 1000
}
}
@media only screen and (max-width:40em) {
.popoverMenu {
bottom: 0;
top: 0;
left: 0;
right: 0;
overflow-y: auto;
overflow-x: hidden;
background-color: #fdfdfd
}
}
@media only screen and (max-width:40em) {
.popoverMenu__cardContainer {
padding-bottom: 0;
height: 100%
}
}
.popoverMenu__item {
-ms-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s;
background-color: var(--legacy-bg-lvl-1-color);
border: 1px solid #ffffff;
padding: 12px;
margin-bottom: 6px;
display: block;
font-weight: 400;
font-size: 1.6rem;
height: inherit;
width: 100%;
text-align: left;
line-height: inherit;
color: var(--legacy-text-primary-color);
cursor: pointer;
border: 2px solid #ffffff;
box-sizing: border-box
}
@media only screen and (max-width:40em) {
.popoverMenu__item {
background-color: var(--legacy-bg-lvl-1-color)
}
}
.popoverMenu__item--active {
font-weight: 500;
color: var(--legacy-link-color)
}
.popoverMenu__item:hover,
.popoverMenu__item:active {
color: var(--legacy-text-primary-color);
background-color: #e6f2f3;
border: 2px solid #e6f2f3;
box-shadow: none;
outline: 0
}
.popoverMenu__item:focus {
border: 2px solid #007c89;
box-shadow: none;
outline: 0
}
.popoverMenu__title {
background-color: var(--legacy-bg-lvl-1-color);
padding: 24px 12px
}
@media only screen and (max-width:40em) {
.popoverMenu__title {
background-color: var(--legacy-bg-lvl-1-color)
}
}
.popoverMenu__divider {
background-color: var(--legacy-bg-lvl-1-color);
padding: 12px
}
.popoverMenu__divider--grey {
text-align: center
}
.popoverMenu--active {
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
z-index: 99;
visibility: visible
}
.global-search {
margin: 0 auto;
opacity: .4;
-ms-transition: opacity 0.25s linear 0s;
transition: opacity 0.25s linear 0s
}
@media only screen and (max-width:64em) {
.global-search {
max-width: 85%
}
}
.search-overlay .global-search,
.mk-overlay .global-search,
.kb-overlay .global-search {
opacity: 1
}
.big-search-container {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid #dedddc;
border-radius: 2px
}
@media only screen and (max-width:40em) {
.big-search-container {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border: none
}
}
.big-search-field {
color: var(--legacy-text-primary-color);
font-size: 24px;
font-weight: 300;
height: 54px;
line-height: 54px;
border: none !important;
padding-left: 18px !important;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
@media only screen and (max-width:40em) {
.big-search-field {
font-size: 1.7rem;
border: 1px solid #dedddc !important
}
}
.big-search-controls {
position: absolute;
top: 2px;
right: 2px;
height: 50px;
color: var(--legacy-text-secondary-color)
}
.big-search-controls:hover,
.big-search-controls:focus {
color: var(--legacy-text-primary-color)
}
@media only screen and (max-width:40em) {
.big-search-controls {
top: 60px
}
.kb-overlay .big-search-controls {
top: 0
}
}
.big-search-controls button {
background-color: transparent !important;
height: inherit;
color: var(--legacy-text-secondary-color)
}
.big-search-controls button:hover,
.big-search-controls button:focus {
border-color: transparent;
box-shadow: none;
color: var(--legacy-text-primary-color)
}
@media only screen and (max-width:40em) {
.big-search-controls button {
padding: 0 12px
}
}
.big-search-controls .clear-search {
right: 18px;
top: 13px;
z-index: 2
}
@media only screen and (max-width:40em) {
.big-search-controls .clear-search {
right: 15px
}
}
.big-search-filter {
border-radius: 2px;
background-color: transparent
}
.big-search-filter.dijitSelect {
margin-bottom: 0 !important;
border: none !important;
border-right: 1px solid #dedddc !important
}
.big-search-filter .dijitButtonContents {
height: 52px;
line-height: 52px
}
.big-search-filter .dijitButtonContents::after {
line-height: 52px
}
@media only screen and (max-width:40em) {
.big-search-filter.dijitSelect {
border: 1px solid #dedddc !important;
margin-bottom: 18px !important
}
.big-search-filter .dijitButtonContents {
height: auto
}
.big-search-filter .dijitButtonContents::after {
line-height: 36px
}
}
.loading-search {
background: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944/css/icons/loader-kale-large@2x.png) no-repeat 50% 50% transparent;
background-size: 40px;
display: block;
right: 0;
top: -3px
}
@media only screen and (max-width:40em) {
.loading-search {
top: 51px
}
.kb-overlay .loading-search {
top: -3px;
right: -3px
}
}
.search-results .cp-meta h4,
.search-results .cp-meta p {
padding-left: 60px
}
.search-results .campaign-results p {
margin: 0
}
.search-results .data h4,
.search-results .data p {
padding-left: 0
}
.kb-article h2 {
margin: 36px 0 18px
}
.kb-article h3 {
margin: 42px 0 18px
}
.kb-article h4 {
margin: 24px 0 9px
}
.kb-article ol {
padding: 0
}
.kb-article ul {
list-style: disc
}
.kb-article li {
margin: 0 0 18px 0
}
.kb-article li>a {
display: inline;
border-bottom: 1px solid
}
.kb-article pre {
background: var(--legacy-bg-lvl-1-color)
}
.kb-article-note {
background: #ccebf3;
border-radius: 6px;
padding: 24px;
margin: 0 -24px
}
.kb-article-note h3 {
margin-top: 0
}
.kb-article-note a {
border-bottom: 1px solid
}
.kb-article img {
margin: 1em 0
}
.kb-article u {
text-decoration: none
}
.kb-article-code .CodeMirror {
height: auto;
margin: 1em 0
}
.kb-article-mergetag {
margin: 0 0 36px
}
.kb-article-mergetag input {
margin: 0 0 12px
}
.kb-article-intro-video,
.kb-article-video-link {
position: relative;
padding-bottom: 67.25%;
height: 0
}
.kb-article-intro-video iframe,
.kb-article-video-link iframe {
position: absolute;
top: 0;
left: 0
}
.kb-results ol {
padding: 0 0 0 15px
}
.kb-results ul {
list-style: disc;
padding-left: 15px
}
.kb-results li>a {
display: inline;
border-bottom: 1px solid
}
.wrap {
background-color: var(--legacy-bg-lvl-1-color);
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0
}
.content {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
background-color: inherit
}
@media only screen and (max-width:64em) {
.content {
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.main-content {
height: calc(100vh - 60px);
padding: 0 15px;
-webkit-overflow-scrolling: touch
}
@media only screen and (max-width:64em) {
.main-content {
padding: 0;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
.local-nav-container {
position: relative;
z-index: 3;
margin-bottom: 30px
}
.local-nav-container>div {
overflow: visible
}
.mobile-top-nav {
display: none
}
.mobile-top-nav>a {
padding: 12px 15px 11px;
line-height: 24px;
border-top: solid 1px #dedddc;
border-bottom: solid 1px #dedddc;
display: block
}
.mobile-top-nav>a::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e024";
margin-left: 6px;
float: right
}
.mobile-top-nav.active>a {
padding-bottom: 12px;
color: var(--legacy-link-color)
}
.mobile-top-nav.active>a::after {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
@media only screen and (max-width:40em) {
.mobile-top-nav {
display: block
}
}
.local-nav {
border-bottom: solid 1px #dedddc;
display: block
}
@media only screen and (max-width:40em) {
.local-nav {
border-bottom: 0
}
}
@media only screen and (max-width:40em) {
.local-nav>li {
border-bottom: 1px solid #dedddc
}
}
@media only screen and (max-width:40em) {
.local-nav .hover-list>li>a::after {
float: right;
font-size: 1.6rem;
line-height: 24px
}
}
.local-nav .hover-list>li>ul {
top: 53px;
border-radius: 0 0 6px 6px;
z-index: 1000
}
@media only screen and (max-width:40em) {
.local-nav .hover-list>li>ul {
border-radius: 0;
position: relative;
top: 0;
box-shadow: none;
border: 0 none;
padding: 0;
font-size: 1.6rem
}
.local-nav .hover-list>li>ul>li>a:hover {
background-color: #ccebf3
}
}
@media only screen and (max-width:40em) {
.local-nav .stayopen>li>a {
color: #007c89 !important;
background-color: #ccebf3;
border: 0
}
.local-nav .stayopen>li>a::after {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
}
.local-nav>li {
display: inline-block;
overflow: visible;
vertical-align: top
}
.local-nav>li>a,
.local-nav>li .hover-list>li>a {
color: var(--legacy-text-primary-color);
font-weight: 500;
padding: 14px 24px 15px 0;
line-height: 24px;
float: left;
font-size: 1.6rem
}
.local-nav>li>a:hover,
.local-nav>li .hover-list>li>a:hover {
color: var(--legacy-link-color)
}
@media only screen and (max-width:40em) {
.local-nav>li>a,
.local-nav>li .hover-list>li>a {
padding: 12px 15px 11px;
float: none
}
}
.local-nav>li>a.active,
.local-nav>li .hover-list>li>a.active {
color: var(--legacy-link-color)
}
.local-nav>li .hover-list>li>ul>li.current>a {
color: var(--legacy-link-color)
}
.local-nav>li.current>a,
.local-nav>li.current>ul>li>a {
color: var(--legacy-link-color)
}
@media only screen and (max-width:40em) {
.local-nav>li {
position: relative;
display: block
}
.local-nav>li:last-child>a,
.local-nav>li:last-child .hover-list>li>a {
border: 0 none
}
}
.local-nav .data-nav {
float: right
}
@media only screen and (max-width:64em) {
.local-nav .data-nav {
float: none
}
}
.local-nav .data-nav a {
font-size: 2.8rem;
color: var(--legacy-text-primary-color);
margin: 0
}
.local-nav .data-nav a:hover {
color: var(--legacy-link-color)
}
@media only screen and (max-width:64em) {
.local-nav .data-nav a {
padding: 15px 24px 15px 0
}
}
@media only screen and (max-width:40em) {
.local-nav .data-nav a {
padding: 15px
}
}
.local-nav .data-nav li {
display: inline-block;
vertical-align: bottom
}
.local-nav .subscriber-nav .freddicon {
padding: 10px
}
@media only screen and (max-width:40em) {
.local-nav .subscriber-nav .freddicon {
padding-right: 15px
}
}
.local-nav .subscriber-nav .hover-list>li>ul {
left: auto;
right: 0
}
.local-nav.local-tabs {
border-top: none
}
.local-nav.local-tabs>li>a {
-ms-transition: all .1s ease-in 0s;
transition: all .1s ease-in 0s;
padding: 15px 24px;
color: #737373;
border: 0 solid #ffffff
}
.local-nav.local-tabs>.current>a,
.local-nav.local-tabs>li>a:hover {
padding: 15px 24px 10px;
color: var(--legacy-text-primary-color);
border-bottom: 5px solid #241c15
}
@media only screen and (max-width:40em) {
.local-nav {
display: none
}
.active+.local-nav {
display: block
}
}
.header {
overflow: visible;
margin: 48px 0;
position: relative;
z-index: 5
}
.header::before,
.header::after {
content: " ";
display: table
}
.header::after {
clear: both
}
.header::before,
.header::after {
content: " ";
display: table
}
.header::after {
clear: both
}
@media screen and (max-width:40em) {
.header {
margin-bottom: 18px
}
}
.header--checklist {
margin-bottom: 30px
}
@media screen and (max-width:40em) {
.header--checklist {
margin: 18px 0
}
}
.header .add-btn {
float: right;
display: inline-block;
margin: 6px 0 0 15px
}
@media screen and (max-width:40em) {
.header .add-btn {
margin: 24px 0 0;
width: 100%;
display: block;
float: none
}
.header .add-btn+.add-btn {
margin-top: 17px
}
}
.header .dijitSelect.add-btn {
display: block;
overflow: hidden
}
@media screen and (max-width:40em) {
.header .dijitSelect.add-btn {
display: table;
width: 100%
}
.header .dijitSelect.add-btn .dijitButtonContents {
width: 100%
}
.header .dijitSelect.add-btn .dijitButtonText {
float: none
}
}
@media screen and (max-width:40em) {
.header .p0 {
height: 48px;
line-height: 48px
}
.header .p0 .dijitArrowButtonInner::after {
line-height: 48px !important
}
}
.header .hover-list {
display: inline-block;
float: left;
margin-top: 6px
}
.header .hover-list.draft-picker {
float: right;
margin-top: 6px
}
.header .hover-list>li>ul {
right: auto;
top: auto
}
@media screen and (max-width:40em) {
.header .hover-list>li>ul {
max-width: 40em
}
.header .hover-list>li>ul a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
@media screen and (max-width:31.25em) {
.header .hover-list>li>ul {
max-width: 14em
}
}
.header .hover-list>li>a {
padding: 0 12px 0 0
}
.header .title,
.header .sub-count {
float: left;
margin: 0 12px 0 0;
display: inline-block
}
#freddie-send {
height: inherit
}
@keyframes shakeAndPoint {
0% {
transform: translate(0, -15px)
}
40% {
transform: rotate(.18deg)
}
41% {
transform: rotate(-0.18deg)
}
42% {
transform: rotate(.18deg)
}
43% {
transform: rotate(-0.18deg)
}
44% {
transform: rotate(.18deg)
}
45% {
transform: rotate(.18deg)
}
46% {
transform: rotate(-0.15deg)
}
47% {
transform: rotate(.1deg)
}
48% {
transform: rotate(-0.1deg)
}
49% {
transform: rotate(.1deg)
}
50% {
transform: translate(0, 0)
}
51% {
transform: rotate(.1deg)
}
52% {
transform: rotate(-0.1deg)
}
53% {
transform: rotate(.15deg)
}
54% {
transform: rotate(-0.15deg)
}
55% {
transform: rotate(.15deg)
}
56% {
transform: rotate(.18deg)
}
57% {
transform: rotate(-0.18deg)
}
58% {
transform: rotate(.2deg)
}
59% {
transform: rotate(-0.2deg)
}
100% {
transform: translate(0, -15px)
}
}
@-webkit-keyframes shakeAndPoint {
0% {
-webkit-transform: translate(0, -15px)
}
40% {
-webkit-transform: rotate(.18deg)
}
41% {
-webkit-transform: rotate(-0.18deg)
}
42% {
-webkit-transform: rotate(.18deg)
}
43% {
-webkit-transform: rotate(-0.18deg)
}
44% {
-webkit-transform: rotate(.18deg)
}
45% {
-webkit-transform: rotate(.18deg)
}
46% {
-webkit-transform: rotate(-0.15deg)
}
47% {
-webkit-transform: rotate(.1deg)
}
48% {
-webkit-transform: rotate(.1deg)
}
49% {
-webkit-transform: rotate(.1deg)
}
50% {
-webkit-transform: translate(0, 0)
}
51% {
-webkit-transform: rotate(.1deg)
}
52% {
-webkit-transform: rotate(-0.1deg)
}
53% {
-webkit-transform: rotate(.15deg)
}
54% {
-webkit-transform: rotate(-0.15deg)
}
55% {
-webkit-transform: rotate(.15deg)
}
56% {
-webkit-transform: rotate(.18deg)
}
57% {
-webkit-transform: rotate(-0.18deg)
}
58% {
-webkit-transform: rotate(.2deg)
}
59% {
-webkit-transform: rotate(-0.2deg)
}
100% {
-webkit-transform: translate(0, -15px)
}
}
.shakeAndPoint {
-webkit-animation: shakeAndPoint 4.5s ease infinite;
animation: shakeAndPoint 4.5s ease infinite
}
@keyframes rockingHover {
0% {
transform-origin: 50% 100%;
transform: rotate(0deg);
-ms-transform-origin: 50% 100%;
-ms-transform: rotate(0deg)
}
25% {
transform-origin: 50% 100%;
transform: rotate(-2deg);
-ms-transform-origin: 50% 100%;
-ms-transform: rotate(-2deg)
}
75% {
transform-origin: 50% 100%;
transform: rotate(2deg);
-ms-transform-origin: 50% 100%;
-ms-transform: rotate(2deg)
}
100% {
transform-origin: 50% 100%;
transform: rotate(0deg);
-ms-transform-origin: 50% 100%;
-ms-transform: rotate(0deg)
}
}
@-webkit-keyframes rockingHover {
0% {
-webkit-transform-origin: 50% 100%;
-webkit-transform: rotate(0deg)
}
25% {
-webkit-transform-origin: 100% 50%;
-webkit-transform: rotate(-2deg)
}
75% {
-webkit-transform-origin: 50% 100%;
-webkit-transform: rotate(2deg)
}
100% {
-webkit-transform-origin: 50% 100%;
-webkit-transform: rotate(0deg)
}
}
.rockingHover {
-webkit-animation: rockingHover 3s linear 500ms infinite;
animation: rockingHover 3s linear 500ms infinite
}
.delayed-reveal {
opacity: 0;
animation-name: loadSlow;
animation-iteration-count: 1;
animation-delay: 1s;
animation-duration: 500ms;
animation-fill-mode: forwards;
animation-timing-function: ease-in
}
@keyframes loadSlow {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes password-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.bg-login {
-webkit-overflow-scrolling: touch
}
.bg-login .dijitDialog button {
margin-bottom: 0
}
.bg-login .dijitTextBox {
width: 99%
}
.bg-login #av-flash-block {
top: 0
}
.bg-login img[class^='optanon-category'] {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
@media only screen and (max-height:800px) {
.c-loginContainer {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0
}
}
#QSIFeedbackButton-btn {
height: initial
}
.c-loginContent {
max-width: 540px
}
.c-langSelectorHeader {
position: relative
}
.input-append input[type="text"],
.input-append input[type="search"],
.input-append input[type="password"] {
width: 70%;
border-radius: 3px 0 0 3px;
z-index: 1
}
.input-append .add-on {
position: absolute;
right: 0;
width: 30%;
display: inline-block;
min-height: 32px;
border-radius: 0 3px 3px 0;
border: 2px solid rgba(36, 28, 21, 0.3);
border-left: none;
background: #e0e0e0
}
.stay-signed-in {
background: #e0e0e0;
height: 48px
}
@media only screen and (max-width:64em) {
.stay-signed-in {
height: 36px
}
}
.password-requirements.signup {
position: relative;
opacity: 0;
max-height: 0;
display: flex;
-ms-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s
}
.password-requirements.signup span {
margin-left: 10px
}
.password-requirements.signup ul li {
-ms-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s
}
.password-requirements.signup ul li::before {
margin-right: 10px
}
.password-requirements.signup ul li.completed {
color: #008547
}
.password-requirements.signup ul li.completed::before {
display: contents;
font-family: 'freddicons';
content: '\e036'
}
.password-requirements.signup ul li.not-completed {
color: #8c8c8c
}
.password-requirements.signup ul li.not-completed::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin-right: 5px;
border-radius: 8px;
background: #8c8c8c
}
.password-requirements.signup.open,
.password-requirements.signup.always-open {
opacity: 1;
max-height: 200px
}
.password-requirements.signup.show-errors span {
margin-left: 10px
}
.password-requirements.signup.show-errors ul li {
-ms-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s
}
.password-requirements.signup.show-errors ul li::before {
margin-right: 10px
}
.password-requirements.signup.show-errors ul li.completed {
color: #008547
}
.password-requirements.signup.show-errors ul li.completed::before {
display: contents;
font-family: 'freddicons';
content: '\e036'
}
.password-requirements.signup.show-errors ul li.not-completed {
color: #8c8c8c
}
.password-requirements.signup.show-errors ul li.not-completed::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin-right: 5px;
border-radius: 8px;
background: #8c8c8c
}
.password-requirements.signup.show-errors.open,
.password-requirements.signup.show-errors.always-open {
opacity: 1;
max-height: 200px
}
.password-requirements:not(.signup) {
position: relative;
opacity: 0;
max-height: 0;
display: flex;
-ms-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s
}
.password-requirements:not(.signup) span {
margin-left: 10px
}
.password-requirements:not(.signup) ul li {
-ms-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s
}
.password-requirements:not(.signup) ul li::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin-right: 10px;
border-radius: 8px;
background: #007c89
}
.password-requirements:not(.signup) ul li.completed {
color: #007c89
}
.password-requirements:not(.signup) ul li.completed::before {
display: inline-block
}
.password-requirements:not(.signup).open,
.password-requirements:not(.signup).always-open {
opacity: 1;
max-height: 200px
}
.gsso-error-feedback-block-wrapper,
.gsso-update-password-section-feedback-block-wrapper {
display: flex;
padding: 16px;
align-items: center;
background: #f6f6f4;
margin-bottom: 24px;
border: 1px solid rgba(36, 28, 21, 0.15);
box-shadow: 4px 0 0 0 #241c15 inset
}
.gsso-error-feedback-block-wrapper svg,
.gsso-update-password-section-feedback-block-wrapper svg {
width: 34px;
height: 34px
}
@media screen and (min-width:64em) {
.gsso-error-feedback-block-wrapper svg,
.gsso-update-password-section-feedback-block-wrapper svg {
width: 24px;
height: 24px
}
}
.gsso-error-feedback-block-wrapper .gsso-error-feedback-block,
.gsso-update-password-section-feedback-block-wrapper .gsso-error-feedback-block {
margin-left: 10px;
font-size: 13px
}
@media screen and (min-width:64em) {
.gsso-error-feedback-block-wrapper .gsso-error-feedback-block,
.gsso-update-password-section-feedback-block-wrapper .gsso-error-feedback-block {
margin-left: 15px
}
}
.gsso-error-feedback-block-wrapper .gsso-error-feedback-block .gsso-error-feedback-block-heading,
.gsso-update-password-section-feedback-block-wrapper .gsso-error-feedback-block .gsso-error-feedback-block-heading {
font-size: 13px;
font-weight: 500;
line-height: 20px;
margin-bottom: 0
}
.gsso-error-feedback-block-wrapper .gsso-error-feedback-block .gsso-error-feedback-block-subheading,
.gsso-update-password-section-feedback-block-wrapper .gsso-error-feedback-block .gsso-error-feedback-block-subheading {
font-size: 13px;
margin-bottom: 0;
line-height: 20px
}
.gsso-error-feedback-block-wrapper {
box-shadow: 4px 0 0 0 #d99536 inset
}
.gsso-error-feedback-block-wrapper svg {
color: #d99536
}
.gsso-update-password-section-feedback-block-wrapper {
display: none
}
.forgot-password-feedback-block-background {
background: white
}
.accountSelectBox a {
color: var(--legacy-text-primary-color);
outline: 0;
height: 60px;
line-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.accountSelectBox .focus a {
background-color: var(--legacy-interactive-color);
color: #ffffff
}
.accountSelectBox .freddicon {
right: 18px
}
.login-oauth--connection {
height: 60px;
margin: 30px auto
}
.login-oauth--connection-new {
margin: 30px auto
}
.login-oauth--icon {
width: 60px
}
.login-oauth--connector {
width: 120px
}
.login-oauth--freddie {
background: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/product/brand_assets/logos/mc-freddie-dark.svg") no-repeat scroll 50% 0 transparent;
background-size: 52px
}
.login-oauth--freddie-new {
min-width: 228px
}
.login-oauth--freddie-new-mobile {
min-width: 144px;
margin-left: auto;
margin-right: auto;
width: 100%
}
.login-oauth--text-authorize {
text-align: center
}
.login-oauth--text-authorize-description {
font-weight: 500
}
.login-oauth--heading {
text-transform: none
}
.c-billboard {
height: 100%;
position: relative
}
.c-billboard.v_position--top .c-billboard__image {
background-position-y: center
}
.c-billboard.v_position--top .c-billboard__cta,
.c-billboard.v_position--top .c-billboard__message {
top: 10%
}
.c-billboard.v_position--center .c-billboard__image {
background-position-y: center
}
.c-billboard.v_position--center .c-billboard__cta,
.c-billboard.v_position--center .c-billboard__message {
top: 50%;
transform: translateY(-50%)
}
.c-billboard.v_position--bottom .c-billboard__image {
background-position-y: center
}
.c-billboard.v_position--bottom .c-billboard__cta,
.c-billboard.v_position--bottom .c-billboard__message {
bottom: 10%
}
.c-billboard.h_position--left .c-billboard__image {
background-position-x: center
}
.c-billboard.h_position--left .c-billboard__cta {
left: 5%
}
.c-billboard.h_position--left .c-billboard__message {
right: auto
}
@media screen and (max-width:75em) {
.c-billboard.h_position--left .c-billboard__message {
max-width: 60%
}
}
@media screen and (max-width:75em) {
.c-billboard.h_position--left .c-billboard__message__line {
display: inline
}
}
.c-billboard.h_position--center .c-billboard__image {
background-position-x: center
}
.c-billboard.h_position--center .c-billboard__cta {
text-align: center;
max-width: 600px;
left: 0;
right: 0
}
.c-billboard.h_position--center .c-billboard__message {
text-align: center
}
.c-billboard.h_position--center .c-billboard__message p {
max-width: 100%
}
.c-billboard.h_position--right .c-billboard__image {
background-position-x: center
}
.c-billboard.h_position--right .c-billboard__cta {
right: 5%
}
.c-billboard.h_position--right .c-billboard__message {
left: auto
}
@media screen and (max-width:75em) {
.c-billboard.h_position--right .c-billboard__message {
max-width: 60%
}
}
@media screen and (max-width:75em) {
.c-billboard.h_position--right .c-billboard__message__line {
display: inline
}
}
.c-billboard__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #d9d9d9;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.c-billboard__cta {
position: absolute;
max-width: 40%;
margin: auto;
padding-top: 0
}
.c-billboard__cta__title {
font-size: 21px;
font-weight: 500;
text-transform: none
}
.c-billboard__cta__button {
background: transparent;
color: var(--legacy-text-primary-color);
font-weight: 500;
border: 2px solid #241c15;
margin: 0;
height: auto;
opacity: 1;
transition: opacity .15s linear
}
.c-billboard__cta__button:active,
.c-billboard__cta__button:focus,
.c-billboard__cta__button:hover {
background: transparent;
opacity: .7
}
.c-billboard__cta__link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.c-billboard__message {
position: absolute;
right: 5%;
left: 5%;
margin: auto;
padding-top: 0
}
.c-billboard__message__title {
font-size: 21px;
font-weight: 500;
text-transform: none
}
.c-billboard__message__button {
background: transparent;
color: var(--legacy-text-primary-color);
font-weight: 500;
border: 2px solid #241c15;
height: auto;
opacity: 1;
transition: opacity .15s linear
}
.c-billboard__message__button:active,
.c-billboard__message__button:focus,
.c-billboard__message__button:hover {
background: transparent;
opacity: .7
}
.c-billboard__message__line {
display: block
}
.c-billboard__message__link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.error-container {
display: flex;
align-items: normal;
flex-direction: column-reverse
}
.mc-login-content-wrapper {
width: 100%;
max-width: 504px;
margin-block-start: 21px
}
.mc-login-content-wrapper--wide {
width: 100%;
max-width: 1000px;
margin-block-start: 21px
}
@media only screen and (max-width:40em) {
.mc-login-btn {
width: 100%
}
}
.qb-login-btn {
background-color: #0d333f;
border-radius: 0
}
.mc-login-entry-wrapper {
align-items: center
}
.mc-login-content {
background-color: #ffffff;
border-radius: 12px;
border: 1px solid rgba(36, 28, 21, 0.15);
padding: 60px
}
@media only screen and (max-width:31.25em) {
.mc-login-content {
padding: 18px;
border: unset;
border-radius: unset
}
}
.project-runway .mc-login-content {
background-color: var(--legacy-bg-lvl-1-color);
border: 1px solid var(--legacy-color-container-border-primary)
}
@media only screen and (max-width:31.25em) {
.white-bg {
background-color: #ffffff
}
}
.signup-background {
background-color: var(--legacy-bg-lvl-2-color)
}
@media screen and (max-width:31.25em) {
.signup-background {
background-color: #ffffff
}
}
.qb-signup-background {
background-color: #ffffff
}
.success-h2 {
font-family: var(--legacy-font-family--brand);
font-size: 32px;
font-weight: 400;
line-height: 36px
}
.mc-logout-content-wrapper {
max-width: 504px;
padding-inline: 0;
margin-inline: auto;
width: 100%
}
.logout-checkmark {
margin-inline: 15px
}
.logout-checkmark.v-isFreddicon {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.margin-block-start-2 {
margin-block-start: 12px
}
.qb-login-content-wrapper {
width: 100%;
max-width: none;
margin-block-start: 21px
}
.qb-login-content-wrapper input {
max-width: none
}
@font-face {
font-family: "Mailchimp Serif";
src: url("https://pollyfills.api.intuit.com/font/6de4baf41d47a25e2122afa4923b57f07f9e23bad30e0dea652ebcbf6ffbbb66.woff") format("woff")
}
.mailchimp-font {
font-family: "Mailchimp Serif", serif;
font-size: 0;
height: 0;
width: 0;
padding: 0
}
.qb-login-content {
padding: 60px;
border: none;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif)
}
@media only screen and (max-width:31.25em) {
.qb-login-content {
padding: 18px;
border: unset;
border-radius: unset
}
}
.google-sso-login-form-wrapper {
max-width: 384px
}
.google-sso-login-form-wrapper .google-sso-login-content {
margin-top: 10px;
padding: 40px 35px 50px 35px
}
.google-sso-login-form-wrapper #login-form .google-sso-fieldset-wrapper fieldset .google-sso-link-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 28px !important
}
.google-sso-login-form-wrapper #login-form .google-sso-fieldset-wrapper fieldset .google-sso-forgot-username-link,
.google-sso-login-form-wrapper #login-form .google-sso-fieldset-wrapper fieldset .google-sso-cannot-login-link {
font-size: 11px
}
.google-sso-login-form-wrapper #login-form .google-sso-fieldset-wrapper fieldset .google-sso-forgot-password-link {
margin-left: 0;
font-size: 11px
}
.google-sso-login-form-wrapper #login-form .google-sso-login-form-heading {
font-size: 36px
}
.google-sso-login-form-wrapper #login-form .google-sso-login-form-subheading {
max-width: none;
font-size: 13px
}
.bottom-panel {
border-top: 1.5px solid #dbd9d2;
padding-top: 20px
}
.bottom-panel .bottom-panel-subheading {
font-size: 13px;
padding-bottom: 10px
}
.bottom-panel .continue-with-google-button {
background-color: #ffffff;
width: 100%;
height: 44px;
border: 1px solid;
color: #241c15;
font-size: 13px;
font-weight: 500;
line-height: 20px;
text-align: center;
text-transform: none;
margin-right: 0
}
.google-button-wrapper {
display: flex;
align-items: center
}
.google-button-wrapper img {
position: absolute
}
.google-sso-vertical-line {
display: flex;
width: 1px;
background: #dbd9d2;
margin: 0 auto
}
@media screen and (max-width:40em) {
.google-sso-login-form-heading {
margin-bottom: 8px !important
}
.google-sso-login-form-wrapper {
max-width: 100%
}
.google-sso-login-form-wrapper .google-sso-login-content {
padding: 32px 25px
}
}
.fusion-alpha-feedback-block-wrapper,
.fusion-alpha-section-feedback-block-wrapper {
display: flex;
margin: 15px;
padding: 16px;
align-items: center;
background: #f6f6f4;
margin-bottom: 24px;
border: 1px solid rgba(36, 28, 21, 0.15);
box-shadow: 4px 0 0 0 #241c15 inset
}
.fusion-alpha-feedback-block-wrapper svg,
.fusion-alpha-section-feedback-block-wrapper svg {
width: 34px;
height: 34px
}
@media screen and (min-width:64em) {
.fusion-alpha-feedback-block-wrapper svg,
.fusion-alpha-section-feedback-block-wrapper svg {
width: 24px;
height: 24px
}
}
.fusion-alpha-feedback-block-wrapper .fusion-alpha-feedback-block,
.fusion-alpha-section-feedback-block-wrapper .fusion-alpha-feedback-block {
margin-left: 10px;
font-size: 13px
}
@media screen and (min-width:64em) {
.fusion-alpha-feedback-block-wrapper .fusion-alpha-feedback-block,
.fusion-alpha-section-feedback-block-wrapper .fusion-alpha-feedback-block {
margin-left: 15px
}
}
.fusion-alpha-feedback-block-wrapper .fusion-alpha-feedback-block .fusion-alpha-feedback-block-heading,
.fusion-alpha-section-feedback-block-wrapper .fusion-alpha-feedback-block .fusion-alpha-feedback-block-heading {
font-size: 13px;
font-weight: 500;
line-height: 20px;
margin-bottom: 0
}
.fusion-alpha-feedback-block-wrapper .fusion-alpha-feedback-block .fusion-alpha-feedback-block-subheading,
.fusion-alpha-section-feedback-block-wrapper .fusion-alpha-feedback-block .fusion-alpha-feedback-block-subheading {
font-size: 13px;
margin-bottom: 0;
line-height: 20px
}
.fusion-alpha-section-feedback-block-wrapper-reset-password {
display: flex;
padding: 16px;
align-items: center;
background: var(--Feedback-Squash, #FBEECA);
margin-bottom: 24px;
border: 1px solid rgba(36, 28, 21, 0.15)
}
.fusion-alpha-section-feedback-block-wrapper-reset-password svg {
width: 34px;
height: 34px
}
@media screen and (min-width:64em) {
.fusion-alpha-section-feedback-block-wrapper-reset-password svg {
width: 24px;
height: 24px
}
}
.fusion-alpha-section-feedback-block-wrapper-reset-password .fusion-alpha-feedback-block {
margin-left: 10px;
font-size: 13px
}
@media screen and (min-width:64em) {
.fusion-alpha-section-feedback-block-wrapper-reset-password .fusion-alpha-feedback-block {
margin-left: 15px
}
}
.fusion-alpha-section-feedback-block-wrapper-reset-password .fusion-alpha-feedback-block .fusion-alpha-feedback-block-heading {
font-size: 13px;
font-weight: 500;
line-height: 20px;
margin-bottom: 0
}
.fusion-alpha-section-feedback-block-wrapper-reset-password .fusion-alpha-feedback-block .fusion-alpha-feedback-block-subheading {
font-size: 13px;
margin-bottom: 0;
line-height: 20px
}
.fusion-alpha-feedback-block-wrapper {
box-shadow: 4px 0 0 0 #d99536 inset
}
.fusion-alpha-feedback-block-wrapper svg {
color: #d99536
}
.identifier-initial-signin-container {
max-width: 480px
}
.identifier-initial-signin-container .identifier-initial-signin-form-content {
padding: 60px;
font-weight: 500
}
.identifier-initial-signin-container #unified-login-form .intuit-mailchimp-logo {
display: block;
margin-left: auto;
margin-right: auto
}
.identifier-initial-signin-container #unified-login-form .identifier_first_login_form_heading {
font-size: 2rem;
text-align: center !important;
margin-top: 12px
}
.identifier-initial-signin-container #unified-login-form .google-sso-fieldset-wrapper .identifier-first-pass-field-hide {
display: none
}
.identifier-initial-signin-container #unified-login-form .google-sso-fieldset-wrapper .keep-me-logged-in {
display: none
}
.identifier-initial-signin-container #unified-login-form .google-sso-fieldset-wrapper .identifier-first-field-show {
display: block !important
}
.identifier-initial-signin-container #unified-login-form .identifier_first_login_form-subheading {
font-weight: 400;
font-size: 1.6rem;
justify-content: center
}
.identifier-initial-signin-container #unified-login-form .identifier_first_login_form-subheading a {
font-weight: 500;
font-size: 1.6rem
}
.identifier-initial-signin-container #unified-login-form .identifier-first-login-banner-wrapper {
display: flex;
padding: 16px;
align-items: center;
background: #f9e0fa;
margin: 24px 0 0 0;
border: 1px solid #dedddc;
box-shadow: 3px 0 0 0 #ff3ebf inset
}
.identifier-initial-signin-container #unified-login-form .identifier-first-login-banner-wrapper .identifier-first-login-banner {
margin-left: 15px;
font-size: 13px
}
@media screen and (min-width:64em) {
.identifier-initial-signin-container #unified-login-form .identifier-first-login-banner-wrapper .identifier-first-login-banner {
margin-left: 15px
}
}
.identifier-initial-signin-container #unified-login-form .identifier-first-login-banner-wrapper .identifier-first-login-banner .identifier-first-login-banner-text {
font-size: 13px;
line-height: 20px;
margin-bottom: 0
}
.identifier-initial-signin-container #unified-login-form .identifier-first-login-banner-wrapper svg {
width: 31px;
height: 31px
}
@media screen and (max-width:40em) {
.identifier-initial-signin-container #unified-login-form .identifier-first-login-banner-wrapper svg {
width: 40px;
height: 31px
}
}
.identifier_first_login_form_wrapper {
max-width: 488px
}
.identifier_first_login_form_wrapper .identifier-first-login-form-content {
padding: 32px
}
.identifier_first_login_form_wrapper #login-form .intuit-mailchimp-logo {
display: block;
margin-left: auto;
margin-right: auto
}
.identifier_first_login_form_wrapper #login-form .identifier_first_login_form_heading {
font-size: 32px;
text-align: center !important;
margin-top: 12px
}
.identifier_first_login_form_wrapper #login-form .identifier_first_login_form-subheading {
font-weight: 400;
font-size: 16px;
justify-content: center
}
.identifier_first_login_form_wrapper #login-form .identifier_first_login_form-subheading a {
font-weight: 500;
font-size: 16px
}
.identifier_first_login_form_wrapper #login-form .identifier-first-login-banner-wrapper {
display: flex;
padding: 16px;
align-items: center;
background: #f9e0fa;
margin: 24px 0 0 0;
border: 1px solid #dbd9d2;
box-shadow: 3px 0 0 0 #ff3ebf inset
}
.identifier_first_login_form_wrapper #login-form .identifier-first-login-banner-wrapper .identifier-first-login-banner {
margin-left: 15px;
font-size: 13px
}
@media screen and (min-width:64em) {
.identifier_first_login_form_wrapper #login-form .identifier-first-login-banner-wrapper .identifier-first-login-banner {
margin-left: 15px
}
}
.identifier_first_login_form_wrapper #login-form .identifier-first-login-banner-wrapper .identifier-first-login-banner .identifier-first-login-banner-text {
font-size: 13px;
line-height: 20px;
margin-bottom: 0
}
.identifier_first_login_form_wrapper #login-form .identifier-first-login-banner-wrapper svg {
width: 31px;
height: 31px
}
@media screen and (max-width:40em) {
.identifier_first_login_form_wrapper #login-form .identifier-first-login-banner-wrapper svg {
width: 40px;
height: 31px
}
}
.identifier-first-login-btn {
width: 100%;
height: 36px;
border-radius: 4px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center
}
.identifier-first-login-btn img {
margin-right: 8px
}
.identifier-first-link-wrapper {
display: flex;
justify-content: space-evenly
}
.identifier-first-link-wrapper .identifier-first-forgot-username-link,
.identifier-first-link-wrapper .identifier-first-forgot-password-link {
font-size: 16px;
font-weight: 500
}
.identifier-first-password-field .identifier-first-password {
margin-bottom: 15px
}
.bottom-panel .identifier-first-bottom-panel-subheading {
font-size: 16px;
margin-bottom: 8px
}
.c-signupContent {
max-width: 900px
}
@media only screen and (max-width:64em) {
.c-signupContent {
max-width: calc(600px)
}
}
.sms-consent-chechbox {
display: none
}
.recommended-phone-text {
color: rgba(36, 28, 21, 0.65)
}
.c-showPassword {
color: var(--legacy-link-color);
padding-left: 30px
}
.c-showPassword:hover {
color: #004e56
}
.c-showPassword--showIcon::before {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: '\e054';
position: absolute;
left: 0
}
.c-showPassword--hideIcon::before {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: '\e107';
position: absolute;
left: -6px
}
.c-createAccountButton {
margin: 0 30px 0 0
}
@media only screen and (max-width:64em) {
.c-createAccountButton {
margin: 36px 0 0 0;
order: 1
}
}
.c-termsAndMarketingAgreement {
font-weight: normal;
font-size: 1.4rem;
line-height: 1.5
}
.c-signupShell {
--branded-border-style: 8px solid #ffe01b;
--pane-bg-layer-1: no-repeat bottom 10% left 0 url("https://cdn-images.mailchimp.com/product/brand_assets/illos/art-hero-flowers.png");
--pane-bg-layer-2: linear-gradient(to left, #ffe01b 85%, transparent 85%);
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border-left: var(--branded-border-style)
}
.c-signupShell--tx {
--pane-bg-layer-1: no-repeat bottom 10% left 0 url("https://cdn-images.mailchimp.com/product/brand_assets/illos/art-hero-mailtrumpet.png")
}
@media only screen and (max-width:40em) {
.c-signupShell {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-left: unset;
border-top: var(--branded-border-style)
}
}
.c-signupShell_freddie {
margin: 12px
}
.c-signupShell_freddie--tx {
max-width: 348px
}
.c-signupShell_freddie--integration {
margin-right: 6px
}
.c-signupShell_lockup {
max-width: 162px
}
@media only screen and (max-width:64em) {
.c-signupShell_mainBody {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
.c-signupShell_rightPane {
background: var(--pane-bg-layer-1), var(--pane-bg-layer-2);
z-index: 99;
width: 30%
}
@supports (width: clamp(1px, 1rem, 100px)) {
.c-signupShell_rightPane {
width: clamp(200px, 30%, 650px)
}
}
@media only screen and (max-width:64em) {
.c-signupShell_rightPane {
display: none
}
}
.c-signupShell--takeover {
background-color: #ffe01b;
border-left: unset
}
.c-signupShell--takeover ::selection {
background: rgba(255, 255, 255, 0.8)
}
.c-signupShell--takeover ::-moz-selection {
background: rgba(255, 255, 255, 0.8)
}
.c-signupShell .c-signupShell_mainBody {
position: relative
}
.c-signupShell.jasmineBackground {
background-color: var(--legacy-bg-lvl-2-color)
}
.c-signupShell_seamlessContainer {
display: flex;
align-items: center
}
.c-signupShell_seamlessText {
margin: 0 0 0 4px;
font-size: 2.5rem
}
.c-langSelectorHeader {
position: relative
}
.signup-v3-background {
background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/SignupV3Background.png") no-repeat center center
}
.signup-v3-background-new {
background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("https://digitalasset.intuit.com/content/dam/intuit/mc-fe/en_us/images/dotcom/signup/SignupV3Background.jpg") no-repeat center center
}
@media screen and (max-width:40em) {
.signup-v3-background-new {
background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)) no-repeat center center
}
}
.signup-v3-freddie {
content: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/logos/logo-freddie-white.svg")
}
.signup-v3-freddie-new {
content: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/product/brand_assets/logos/mc-freddie-dark.svg")
}
.signup-v3-language-select select {
filter: brightness(0) invert(1)
}
.signup-v3-language-select::before {
filter: brightness(0) invert(1)
}
.signup-v3-legal-notice {
filter: brightness(0) invert(1)
}
.c-signupShell h1.alignc,
.c-signupShell h1.text-align--center,
.c-signupShell h1.center-on-medium {
text-align: unset !important
}
.c-confirmationHeading {
text-transform: none
}
@supports (width: clamp(1px, 1rem, 100px)) {
.c-confirmationHeading {
--heading-max-size: 7.2rem;
font-size: var(--heading-max-size);
font-size: clamp(4.4rem, calc(3.5rem + 3vw), var(--heading-max-size))
}
}
.c-getStartedHeading {
text-transform: none
}
@supports (width: clamp(1px, 1rem, 100px)) {
.c-getStartedHeading {
--heading-max-size: 3rem;
font-size: var(--heading-max-size) !important;
font-size: clamp(4.4rem, calc(3.5rem + 3vw), var(--heading-max-size))
}
}
.button-large~a.c-getStartedCta-no-underline {
border: 1px solid #007c89;
background: none;
color: var(--legacy-interactive-color)
}
@media only screen and (min-width:40em) {
.c-confirmationSubHeading {
font-family: var(--legacy-font-family--brand);
line-height: 1.1
}
@supports (width: clamp(1px, 1rem, 100px)) {
.c-confirmationSubHeading {
font-size: 3.2rem;
font-size: clamp(1.6rem, calc(1.6rem + 1vw), 3.2rem)
}
}
}
@media only screen and (min-height:1500px) {
.c-confirmationLayout {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width:64em) {
.c-confirmationLayout {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 20% 10%
}
@supports (width: clamp(1px, 1rem, 100px)) {
.c-confirmationLayout {
margin: 0 clamp(12px, 6%, 60px)
}
}
}
.c-confirmationLayout_item {
margin: 12px
}
@media only screen and (max-width:64em) {
.c-confirmationLayout_item:last-of-type {
margin-top: 24px
}
}
@media only screen and (max-width:64em) {
.c-confirmationIllustration {
max-height: 600px;
transform: translateX(-20%)
}
}
.c-headingSignUp {
font-size: 32px
}
@media screen and (max-width:40em) {
.c-signupMobileSizer {
position: fixed;
top: 30% !important;
transform: translate(0, -50%);
bottom: unset !important;
height: unset !important
}
}
.c-recaptchaDisclaimer {
font-size: 1.2rem;
color: rgba(36, 28, 21, 0.65);
line-height: 1.5;
margin-top: 24px
}
.c-translationDisclaimer {
font-size: 1.2rem;
color: rgba(36, 28, 21, 0.65);
line-height: 1.5;
margin-top: 24px
}
.verification-code-wrapper {
margin-bottom: 48px
}
.verification-code-txt-box,
.verification-code-wrapper .invalid-error {
width: 400px !important
}
@media screen and (max-width:40em) {
.verification-code-txt-box,
.verification-code-wrapper .invalid-error {
width: 100% !important
}
}
.verification-code-wrapper .opacity-70 {
opacity: 70% !important;
background-color: #ffffff !important
}
.success-check {
background: no-repeat right 15px top 11px url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/product/signup/tick-circle-fill.svg");
background-size: 20px 20px;
-ms-transition: none !important;
transition: none !important
}
.c-largeForm input.success-check {
padding: 0 50px 0 15px
}
.verification-code-wrapper .loading input {
background: no-repeat right 15px top 11px url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944/css/icons/loader-kale-large@2x.png);
background-size: 20px 20px;
-ms-transition: none !important;
transition: none !important
}
.signup-wrap .hide {
display: none
}
#verify_loading_modal {
display: none;
background: #ffffff no-repeat center center url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944/css/icons/loader-kale-large@2x.png);
height: 100px
}
#verify_loading_modal.loading {
display: block
}
.header-frame {
padding: 10px 20px 10px 0
}
.header-frame .branding-logo img {
width: auto;
max-height: 35px
}
.header-frame .header-title {
padding-left: 30px;
align-items: center
}
@media screen and (max-width:40em) {
.header-frame .header-title {
display: none
}
}
.header-frame .header-title span {
padding-bottom: 2px;
font-size: 12px;
color: #8c8c8c
}
.header-frame .header-title span.active {
border-bottom: 3px solid #007c89;
color: #241c15
}
.header-frame .header-title span.arrow {
font-size: 12px !important;
padding: 0 6px;
color: #241c15
}
.header-frame .header-title h1 {
--heading-max-size: 1.8rem;
font-size: var(--heading-max-size);
margin-bottom: 0
}
.bar {
width: 100vw;
border-bottom: 1px solid #dedddc;
position: absolute;
z-index: 0;
left: 0
}
.c-gdprNotification {
display: grid;
grid-template-columns: 8fr 5fr;
column-gap: 25px;
margin-top: 24px
}
.c-gdprText {
text-align: left;
font-size: 1.2rem;
line-height: 1.5;
color: rgba(36, 28, 21, 0.65)
}
.c-gdprImg {
justify-self: end;
max-width: 100%;
max-height: 100%;
margin-top: 0
}
.qb-headingSignup {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-weight: 500
}
.integrationSignup__subheading {
font-size: 32px;
font-family: var(--legacy-font-family--brand);
line-height: 1.1
}
.integrationSignup____row {
display: flex
}
.integrationSignup__subheading {
font-size: 22px;
font-family: var(--legacy-font-family--brand);
line-height: 1.1
}
.integrationSignup__field--reduceMargin {
margin-bottom: 10px !important
}
.integrationSignup__subCopy {
font-size: 1.4rem;
color: #403b3b
}
.integrationSignup__row {
display: flex;
gap: 20px
}
.integrationSignup__line {
flex: 1
}
.integrationSignup input {
max-width: 100%
}
@media screen and (min-width:64em) {
.google-sso-form-wrapper {
display: flex;
gap: 36px;
width: 702px
}
.mc-login-entry-wrapper .google-sso-body {
max-width: 767px
}
.mc-login-entry-wrapper .signup-v3-popup {
margin-bottom: 0;
height: 100%
}
.mc-login-entry-wrapper .signup-v3-popup .mc-login-content-wrapper {
height: 100%;
display: flex;
margin-block-start: 0;
align-items: center;
transform: translateY(-24px)
}
.mc-login-entry-wrapper .signup-v3-popup .mc-login-content-wrapper .c-headingSignUp {
height: auto
}
.google-sso-terms-and-conditions,
.google-sso-terms-and-conditions-label {
font-size: 1.1rem
}
.hide-gsso-terms-and-conditions {
display: none
}
.google-sso-login-content-wrapper {
max-width: 100%;
min-height: 727px
}
.google-sso-login-content-wrapper .google-sso-signup-form {
padding: 50px 40px 50px 40px
}
.google-sso-login-content-wrapper .google-sso-signup-form .hide {
display: none
}
.google-sso-login-content-wrapper .google-sso-signup-form h1 {
text-align: center;
height: 42px;
font-size: 40px;
margin-bottom: 20px !important
}
.google-sso-login-content-wrapper .google-sso-signup-form .subheading-wrapper {
text-align: center
}
.google-sso-login-content-wrapper .google-sso-signup-form .subheading {
margin-bottom: 30px !important;
text-align: center;
font-size: 11px;
font-weight: 400;
width: 480px;
display: inline-block;
line-height: 16px
}
.google-sso-login-content-wrapper .google-sso-signup-form .google-sso-form {
width: 300px
}
.right-panel {
margin-top: -8px
}
}
.right-panel {
display: flex;
flex-direction: column
}
.right-panel .right-panel-subheading {
font-size: 13px;
padding-bottom: 10px
}
.right-panel .continue-with-google-button {
background-color: #ffffff;
width: 300px;
height: 44px;
border: 1px solid;
color: #241c15;
font-size: 13px;
font-weight: 500;
line-height: 20px;
text-align: center
}
.google-button-wrapper {
display: flex;
align-items: center
}
.google-button-wrapper img {
position: absolute
}
.google-sso-vertical-line {
display: flex;
width: 1px;
background: #dbd9d2;
margin: 0 auto
}
@media screen and (max-width:64em) {
.google-sso-login-content-wrapper .google-sso-signup-form {
padding: 45px
}
.google-sso-login-content-wrapper .google-sso-signup-form .subheading {
font-size: 14px
}
.google-sso-footer-content {
padding-left: 25px;
padding-right: 25px
}
.right-panel {
border-top: 1px solid #dbd9d2;
margin: 16px 0 25px 0;
padding-top: 16px;
align-items: center
}
.right-panel .right-panel-subheading {
margin-top: 0 !important
}
.right-panel .continue-with-google-button {
width: 100%;
margin-right: 0
}
}
@media screen and (max-width:40em) {
.google-sso-login-content-wrapper .google-sso-signup-form {
padding: 25px 25px 0 25px
}
.google-sso-login-content-wrapper .google-sso-signup-form .subheading {
font-size: 13px
}
.right-panel {
border-top: 1px solid #dbd9d2;
margin: 16px 0 25px 0;
padding-top: 16px;
align-items: center
}
.right-panel .continue-with-google-button {
width: 300px
}
}
.sign-up-v3-legal-disclaimer-tooltip {
display: inline-block;
margin-bottom: 0;
font-size: 1.2rem;
color: var(--legacy-text-secondary-color);
line-height: 1.5;
text-decoration: underline
}
@media screen and (max-width:64em) {
.sign-up-v3-legal-disclaimer-tooltip {
display: inline-block
}
.sign-up-v3-legal-disclaimer-tooltip .tooltip-link {
padding-left: 25px
}
}
.tooltip-container {
position: relative;
display: inline-block
}
.tooltip-link {
color: inherit;
padding-left: 18px;
margin: 0;
font: inherit;
filter: brightness(0) invert(1);
cursor: pointer
}
.tooltip-text {
visibility: hidden;
opacity: 0;
width: 420px;
background-color: black;
color: #ffffff;
font-size: 1.2rem;
text-align: left;
border-radius: 6px;
padding: 18px;
position: absolute;
line-height: 1.6;
transition: opacity .3s;
z-index: 1000;
bottom: 100%;
left: 30px
}
.tooltip-text a {
text-decoration: underline;
filter: brightness(0) invert(1)
}
.tooltip-container.show-tooltip .tooltip-text {
visibility: visible;
opacity: 1
}
.c-entryShellContainer {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh
}
.c-entryShellNotifications>.c-entryShellNotificationItem:not(:only-child) {
border-bottom: 1px solid #bdbbb9
}
.c-entryShell {
--branded-border-style: 8px solid #ffe01b;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-left: var(--branded-border-style);
overflow-y: auto
}
@media only screen and (max-width:40em) {
.c-entryShell {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-left: unset;
border-top: var(--branded-border-style)
}
}
.c-entryShellBody {
max-width: 600px;
margin: 0 auto 48px auto
}
.c-entryShellBody--wide {
width: 90%;
max-width: 601px;
margin: 0 auto 48px auto
}
.qb-c-entryShellBody {
margin: 0 auto 48px auto;
max-width: none
}
.c-entryShellIlloPane {
--pane-bg-layer-1: no-repeat bottom 10% left 0 url("https://cdn-images.mailchimp.com/product/brand_assets/illos/art-hero-flowers.png");
--pane-bg-layer-2: linear-gradient(to left, #ffe01b 85%, transparent 85%);
z-index: 99;
background: var(--pane-bg-layer-1), var(--pane-bg-layer-2);
width: 30%
}
.c-entryShellIlloPane--tx {
--pane-bg-layer-1: no-repeat bottom 10% left 0 url("https://cdn-images.mailchimp.com/product/brand_assets/illos/art-hero-mailtrumpet.png")
}
@supports (width: clamp(1px, 1rem, 100px)) {
.c-entryShellIlloPane {
width: clamp(200px, 30%, 650px)
}
}
@media only screen and (max-width:64em) {
.c-entryShellIlloPane {
display: none
}
}
.c-entryShellImagePane {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 30%
}
@supports (width: clamp(1px, 1rem, 100px)) {
.c-entryShellImagePane {
width: clamp(200px, 30%, 650px)
}
}
@media only screen and (max-width:64em) {
.c-entryShellImagePane {
display: none
}
}
.c-entryShellImagePane_img {
object-fit: cover;
width: 100%
}
.c-langSelectorHeader {
position: relative
}
.c-entryShellSignupImage {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
width: 40%
}
@supports (width: clamp(1px, 1rem, 100px)) {
.c-entryShellSignupImage {
width: clamp(200px, 40%, 650px)
}
}
@media only screen and (max-width:64em) {
.c-entryShellSignupImage {
display: none
}
}
.c-entryShellSignupImage::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(transparent, 70%, #000000)
}
.c-entryShellSignupImage_img {
object-fit: cover;
width: 100%
}
.c-entryShellSignupImage_testimonial {
background-color: #ffe01b;
padding: 30px;
position: absolute;
bottom: 24px;
margin: 0 30px
}
.c-entryShellSignupImage_testimonial h3 {
margin-bottom: 30px;
font-size: 24px;
font-family: "Means Web", Georgia, Times, "Times New Roman", serif
}
.c-entryShellSignupImage_testimonial p {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-size: 13px;
margin-bottom: 0
}
@media only screen and (max-width:64em) {
label[for^="notify"]:first-child {
margin-bottom: 12px !important
}
}
.needsAttention {
background: #fbcfbd
}
.border-above {
padding-top: 23px;
margin-top: 24px;
border-top: 1px dotted #dedddc
}
.border-below {
padding-bottom: 23px;
margin-bottom: 24px;
border-bottom: 1px dotted #dedddc
}
.pmt-block {
padding-left: 48px
}
.pmt-block::after {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 40px;
height: 23px;
margin-bottom: -5px;
background: url("https://cdn-images.mailchimp.com/product/icons/payment-sprite.png");
background-size: auto 23px;
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent
}
.pmt-Visa::after {
background-position: -50px 0
}
.pmt-Mast::after {
background-position: -100px 0
}
.pmt-Amex::after {
background-position: -150px 0
}
.pmt-Disc::after {
background-position: -200px 0
}
.pmt-Bank {
padding-left: 30px
}
.pmt-Bank::after {
background-position: -250px 0;
width: 30px
}
.pmt-Paypal {
padding-left: 30px
}
.pmt-Paypal::after {
background-position: -300px 0;
width: 30px
}
.pmt-Adyen {
padding-left: 80px
}
.pmt-Adyen::after {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 72px;
height: 23px;
margin-bottom: -5px;
background: url("https://cdn-images.mailchimp.com/product/icons/adyen.png");
background-size: auto 23px;
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent
}
.pricing-table td {
padding: 12px 15px !important
}
.pricing-table td:last-child {
text-align: right
}
.integration-item {
padding: 15px 0;
border-bottom: 1px solid #dedddc;
position: relative
}
.integration-item>ul {
margin-bottom: 0
}
.integration-item>ul>li {
padding: 0 0 0 2em
}
.integration-item .panel-header h4 {
margin: 0;
font-size: 1.6rem
}
.integration-item .panel-header p {
max-width: none
}
.integration-item .panel-header .int-connected {
float: right
}
.integration-item .integration-summary {
padding-left: 6em;
position: relative
}
.integration-item .icon64 {
position: absolute;
top: 0;
left: 0;
width: 64px;
height: 64px
}
.integration-item table {
text-align: left
}
.integration-item .disclosure-open,
.integration-item .disclosure-closed {
color: var(--legacy-text-primary-color)
}
.integration-item .disclosure-open::before,
.integration-item .disclosure-closed::before {
display: block;
height: 0;
left: 15px;
position: absolute;
top: 36px;
color: #959595
}
.panel-status {
padding-left: 8em
}
@media screen and (max-width:31.25em) {
.panel-status {
padding-left: 2em
}
}
.connection-results li a {
cursor: pointer
}
.test-results,
.test-connection {
margin: 1em 0 0
}
.security-challenge .disclosure-open::before,
.security-challenge .disclosure-closed::before {
top: auto
}
.challenge-panel {
margin: 1em 0 0 30px
}
.api-result.cross {
color: #f25f25
}
.api-result.tick {
color: #00c14e
}
.textarea {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-size: 15px;
line-height: 18px;
font-weight: normal;
height: auto;
-ms-overflow-style: scrollbar;
display: inline-block;
padding: 0 8px;
margin-bottom: 24px;
vertical-align: middle;
min-width: 50px;
max-width: 635px;
width: 100%;
min-height: 36px;
background-color: var(--inputBackgroundColor, #ffffff);
border: 1px solid var(--legacy-border-input-color);
border-radius: var(--legacy-border-input-radius);
color: var(--color-text-primary);
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
min-height: 200px;
resize: none
}
.textarea:focus {
outline: none;
border: 1px solid var(--input-border-focus, #007c89);
box-shadow: inset 0 0 0 1px var(--input-shadow-focus, #007c89)
}
.textarea.invalid {
border-color: var(--input-border-error, #a73205);
box-shadow: inset 0 0 0 1px var(--input-shadow-error, #a73205)
}
.textarea[disabled] {
filter: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(100%);
opacity: .5;
cursor: not-allowed
}
.loader {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: inherit;
width: inherit;
background-color: var(--legacy-bg-lvl-1-color);
opacity: .85;
z-index: 3
}
.loader img {
float: none;
margin-left: auto;
margin-right: auto
}
.img-overlay {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 50%;
position: relative;
width: 96px;
height: 96px;
border: 1px solid #dedddc;
margin: 6px 0 0;
overflow: hidden
}
.img-overlay .edit-img {
-ms-transition: background-color 0.15s ease-in-out 0s;
transition: background-color 0.15s ease-in-out 0s;
width: 100%;
z-index: 2;
text-align: center;
position: absolute;
bottom: 0;
padding: 6px;
color: #ffffff;
background-color: rgba(36, 28, 21, 0.7)
}
.img-overlay .edit-img:hover {
background-color: rgba(36, 28, 21, 0.7);
opacity: 1
}
.seats-upgrade-container .seatsUpgradeImageContainer {
overflow: hidden
}
.seats-upgrade-container .seatsUpgradeImageContainer.seatsUpgradeImageContainer--hide {
max-height: 0;
opacity: 0
}
.seats-upgrade-container .seatsUpgradeImageContainer_image {
max-height: 144px
}
@media screen and (min-width:64em) {
.seats-upgrade-container .seatsUpgradeImageContainer {
max-height: 500px;
transition: max-height .5s ease, opacity .4s ease
}
}
.seats-upgrade-container_button-wrapper {
border: 2px dashed #dedddc
}
.seats-upgrade-container .buttonContainer {
display: inline-block
}
.agency-empty-state {
background-color: var(--legacy-bg-lvl-2-color)
}
.agency-empty-state img {
max-width: 250px
}
@media only screen and (max-width:64em) {
.agency-empty-state img {
margin-bottom: 36px
}
}
.take-picture-modal-container .dijitDialogCloseIcon {
display: none
}
.take-picture-modal-container .dijitDialogPaneContent {
min-width: 400px !important
}
.take-picture-modal {
height: 480px;
width: 480px;
overflow: hidden;
margin: 0 !important;
padding: 0 !important
}
.take-picture-modal .video-container {
margin: 0 !important;
padding: 0 !important;
height: 480px;
width: 480px;
overflow: hidden
}
.take-picture-modal .video-container video {
margin-left: -80px
}
.take-picture-modal .save-cancel-group {
z-index: 1;
background: var(--legacy-bg-lvl-1-color);
padding: 18px;
bottom: 0;
left: 0;
right: 0
}
.c-packageBillEstimate {
background: var(--legacy-bg-lvl-3-color)
}
.c-packageBillEstimate .currency-symbol {
font-size: 3.6rem;
vertical-align: top
}
.minh-lv3 {
min-height: 3em
}
.minh-lv6 {
min-height: 6em
}
.account-access-explaination span {
transform: scale(.75)
}
.account-access-explaination span.tick {
color: #00c14e
}
.account-access-explaination span.cross {
color: #f25f25
}
@media only screen and (max-width:64em) {
.clients-moved {
flex-direction: column-reverse
}
.clients-moved img {
margin-bottom: 24px
}
}
.long-link {
border-bottom: none
}
.long-link:hover {
border-bottom: 1px solid
}
.level-title {
color: #241c15
}
.mandrill-cobrand {
background: url("https://cdn-images.mailchimp.com/product/brand_assets/logos/mandrill_by_mailchimp_dark.png") no-repeat scroll transparent;
max-width: 331px;
height: 35px;
margin: 10px auto;
background-size: 100%
}
.mandrill-cobrand.left {
margin-left: 0
}
.tx-launch-modal {
padding: 0 42px
}
.tx-launch-modal .dijitDialogPaneActionBar {
padding-left: 42px;
border: 0
}
.tx-launch-modal .dijitDialogPaneContentArea {
padding-left: 0
}
.tx-launch-modal .dijitDialogTitleBar {
background-color: var(--legacy-bg-lvl-1-color)
}
.tx-launch-modal .menu-right {
font-size: 45px !important;
margin-top: calc(30px)
}
.tx-launch-modal .left-chevron {
margin-right: -15px;
opacity: .25
}
.tx-launch-modal .middle-chevron {
margin-left: -15px;
margin-right: -15px;
opacity: .5
}
.tx-launch-modal .right-chevron {
margin-left: -15px
}
#list-or-group {
-ms-transition: all .25s cubic-bezier(.7, 0, .175, 1) 0s;
transition: all .25s cubic-bezier(.7, 0, .175, 1) 0s
}
#list-or-group .lastUnit,
#list-or-group .panel-block {
-ms-transition: all .25s cubic-bezier(.7, 0, .175, 1) 0s;
transition: all .25s cubic-bezier(.7, 0, .175, 1) 0s;
padding: 0;
max-height: 0;
opacity: 0;
z-index: -1
}
#list-or-group.active .lastUnit,
#list-or-group.active .panel-block {
max-height: 20em;
opacity: 1;
z-index: 0
}
#list-or-group.active .panel-block {
padding: 24px 15px
}
#list-or-group.active .lastUnit {
padding: 0 15px
}
#list-or-group .button {
margin-right: 11px
}
.remind select,
.remind p {
margin-bottom: 12px
}
.member-segment-nav>* {
vertical-align: top;
display: inline-block
}
.member-segment-nav>a:first-child {
background-image: none
}
.member-segment-nav>a:first-child.disclosure-open {
background-color: #52bad5;
margin-right: 9px
}
.member-segment-nav>a:first-child.disclosure-open:hover {
background-color: #52bad5
}
.member-segment-nav select {
width: auto
}
.member-segment-nav .button,
.member-segment-nav select,
.member-segment-nav .dijitSelect {
margin: 0 18px 12px 0;
-ms-transition: none;
transition: none
}
.member-segment-nav .reorder {
display: inline-block
}
@media only screen and (max-width:40em) {
.member-segment-nav>* {
display: block;
float: none;
margin: 0 0 12px
}
.member-segment-nav .dijitSelect {
margin: 0
}
.member-segment-nav .reorder {
display: block;
width: 100%;
margin-bottom: 30px
}
.member-segment-nav .reorder .button {
margin: 0;
width: inherit
}
}
.column-toggle-button,
.tagging-button {
padding-right: 11px
}
.column-toggle,
.tags-toggle {
-ms-transform: translate3d(0, -5%, 0);
-webkit-transform: translate3d(0, -5%, 0);
transform: translate3d(0, -5%, 0);
-ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 6px 0 18px 0;
top: 42px;
position: absolute;
background-color: var(--legacy-bg-lvl-1-color);
outline: 0 none;
min-width: 25em;
max-width: 30em;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
visibility: hidden;
z-index: -1;
opacity: .01
}
.column-toggle--active,
.tags-toggle--active {
opacity: 1;
z-index: 3;
visibility: visible;
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.column-toggle .button,
.tags-toggle .button {
margin: 0 11px 0 0
}
.column-toggle .dijitCheckBox,
.tags-toggle .dijitCheckBox {
margin: 0 8px 0 0
}
.column-toggle label,
.tags-toggle label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 85%;
-webkit-user-select: all;
-ms-user-select: all;
-moz-user-select: all;
user-select: all
}
@media only screen and (max-width:40em) {
.column-toggle,
.tags-toggle {
max-width: 20em;
right: auto
}
}
@media only screen and (max-width:40em) {
.column-toggle,
.tags-toggle {
min-width: 16em
}
}
.column-toggle .dojoDndItemBefore,
.tags-toggle .dojoDndItemBefore,
.column-toggle .dojoDndItemAfter+.dojoDndItem,
.tags-toggle .dojoDndItemAfter+.dojoDndItem {
border-top: solid 2px #000000;
padding-top: 12px
}
.tags-toggle li {
list-style: none
}
.column-toggle ul {
max-height: 15em;
overflow: hidden;
overflow-y: auto;
border-bottom: 1px solid #dedddc;
margin-bottom: 18px;
padding-bottom: 18px
}
.column-toggle ul+.button {
margin-left: 15px
}
.column-toggle li {
border-top: 2px solid transparent;
padding: 12px 15px 12px 8;
line-height: 0
}
.column-toggle li:hover {
background-color: #ccebf3
}
.triangle {
border: 10px solid #ffffff;
border-color: transparent transparent #ffffff;
height: 0;
width: 0;
position: absolute;
top: -20px;
left: 8px
}
.triangle.center {
left: 50%
}
.overview-chart li {
margin-right: 15px;
margin-top: 6px
}
.merge-fields-table .options-heading {
margin-top: 12px
}
.merge-fields-table .field-name-input {
max-width: 185px;
float: left;
margin-right: 15px
}
.merge-fields-table .field-name-input.options-input {
margin-bottom: 12px
}
.merge-fields-table .field-name-input.merge-var {
max-width: 140px;
margin-left: 3px;
margin-right: 3px;
float: none
}
.add-delete {
display: block;
width: 25px;
height: 25px;
border-radius: 25px;
padding: 0;
margin: 0;
background: #efeeea;
text-indent: -9999px;
position: relative;
margin-right: 3px !important;
margin-top: 6px;
float: left !important
}
.add-delete::after {
content: "";
width: 11px;
height: 3px;
background: #484848;
display: block;
position: absolute;
top: 11px;
left: 7px
}
.add-delete.add::before {
content: "";
height: 11px;
width: 3px;
background: #484848;
display: block;
position: absolute;
left: 11px;
top: 7px
}
.add-delete:hover {
background: #e4e2dc
}
#list-settings-fieldlist .button {
float: left;
margin-right: 6px;
margin-bottom: 12px
}
.tips {
list-style: disc outside none;
margin-left: 18px
}
.tips .item {
max-width: 635px
}
.tips .item a {
display: inline
}
.form-pathway-icon {
width: 100px;
height: 100px;
margin: 0 auto;
background: url("https://cdn-images.mailchimp.com/product/signup-pathway-sprites.png") no-repeat 0 0;
background-size: 400px
}
.form-pathway-icon.general-form {
background-position: -100px 0
}
.form-pathway-icon.ecommerce-popup {
background-position: 0 0
}
.form-pathway-icon.embeddable-form {
background-position: -300px 0
}
.form-pathway-icon.integrations-form {
background-position: -200px 0
}
.edit-profile .interestgroup_row {
list-style: none
}
.edit-profile label {
margin-right: 15px
}
.edit-profile label:last-child {
margin-right: 0
}
.edit-profile .radio-group,
.edit-profile .checkbox-group {
margin-bottom: 30px
}
.edit-profile .datefield {
margin: 0 0 24px
}
.edit-profile .dijitDateTextBox {
width: auto
}
.edit-profile .subfields {
display: block;
margin-bottom: 30px
}
.edit-profile .subfields label {
display: none
}
.edit-profile .subfields .subfield {
display: inline-block
}
.edit-profile .subfields .subfield input {
width: 40px;
margin-bottom: 0
}
.edit-profile .subfields .subfield:last-child input {
width: 60px;
margin-right: 15px
}
.edit-profile .addressfield .subfield label {
display: none
}
.two-up p,
.two-up label,
.two-up textarea,
.two-up input[type="text"],
.two-up input[type="datetime"],
.two-up input[type="datetime-local"],
.two-up input[type="date"],
.two-up input[type="month"],
.two-up input[type="time"],
.two-up input[type="week"],
.two-up input[type="number"],
.two-up input[type="email"],
.two-up input[type="url"],
.two-up input[type="tel"],
.two-up select {
max-width: inherit
}
.form-integrations .media-image {
height: 38px;
width: 38px;
margin-right: 0
}
.form-integrations .media {
border-bottom: solid 1px #dedddc;
padding: 12px 0;
margin-bottom: 0
}
@media only screen and (max-width:40em) {
.form-integrations .media .button.float-right {
float: left !important
}
}
.form-integrations .tweet-field {
width: auto
}
.tweet-followers li {
min-height: 216px
}
#subscriber-nav {
z-index: 3;
padding-right: 15px
}
@media only screen and (max-width:40em) {
.member-content h3+a {
float: right;
margin: 0
}
}
.view-profile .req {
display: none
}
.paging p {
margin: 0 12px 0 0
}
.paging .button {
padding: 0 8px
}
.paging .button:first-child {
border-radius: 3px 0 0 3px
}
.paging .button:last-child {
border-radius: 0 3px 3px 0
}
.import-to-group-options {
clear: both
}
.new-group-inputs-container {
padding-left: 48px
}
.new-group-inputs-container .dnd-input-container {
padding: 12px 0;
margin: -10px 0;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent
}
.new-group-inputs-container .dojoDndItemBefore .dnd-input-container {
border-top: solid 2px #000000
}
.new-group-inputs-container .dojoDndItemAfter .dnd-input-container {
border-bottom: solid 2px #000000
}
#new-interest-grouping {
margin-left: -42px
}
#groups-list {
margin-bottom: 8em
}
#groups-list>li {
cursor: default;
border-bottom: solid 1px #dedddc;
padding: 15px 0
}
#groups-list>li:first-child {
border-top: solid 1px #dedddc
}
#groups-list>li .view-group {
margin-bottom: 10px
}
@media only screen and (max-width:40em) {
#groups-list>li .view-group {
margin-top: 0;
margin-bottom: 24px;
float: left
}
}
.descending-tree {
position: relative
}
.dojoDndAvatar .descending-tree {
padding: 0;
margin: 0 !important
}
.dojoDndAvatar .descending-tree::before,
.dojoDndAvatar .descending-tree::after {
display: none !important
}
.dojoDndAvatar .descending-tree>div {
border: 0;
margin: 0
}
.dojoDndAvatar .descending-tree .stat-block {
padding: 0;
margin: 0;
border: 0 none
}
.descending-tree::before {
content: "";
width: 9px;
height: 64px;
border-left: solid 2px #dedddc;
border-bottom: solid 2px #dedddc;
position: absolute;
top: -42px;
left: 6px
}
.descending-tree:last-of-type::after {
top: -56px;
z-index: -1
}
.dojoDndAvatar .interest-groups-ctr {
padding: 12px !important
}
.subgroup::before {
height: 60px;
left: 12px;
top: -18px
}
.subgroup.dojoDndItemBefore::before {
height: 180px
}
.subgroup::after {
position: absolute;
content: "";
border-left: solid 2px #dedddc;
height: 90px;
top: 42px;
left: 12px
}
.subgroup .drop-target,
.subgroup .drop-target-last {
visibility: hidden;
height: 0;
opacity: 0
}
.subgroup.dojoDndItemBefore .drop-target,
.subgroup.dojoDndItemAfter+.subgroup .drop-target,
.subgroup:last-of-type.dojoDndItemAfter .drop-target-last {
opacity: 1;
visibility: visible;
margin: 0 0 12px 30px;
padding: 6px 12px;
background: #ffe8aa;
color: #484848;
border-radius: 6px;
font-size: 18px;
background: #ffeebf;
border: 2px dashed #d6b250;
color: #d6b250;
content: "Drop here";
display: block !important;
min-height: 102px
}
.subgroup:last-of-type.dojoDndItemAfter .drop-target-last {
margin-top: 18px
}
.interest-name-edit-container,
.grouping-name-edit-container {
display: none;
margin-bottom: 6px
}
.interest-name-edit-container input,
.grouping-name-edit-container input {
width: 250px;
margin: 0 18px 0 0
}
.another-group-form {
padding-left: 30px;
margin-top: -60px;
padding-top: 60px
}
.another-group-form::before {
left: 12px;
height: 30px;
top: 42px
}
li~.another-group-form::before {
height: 114px;
top: -42px
}
.add-single-group {
margin-left: 30px !important;
float: none !important
}
.c-productRecommendations .product-listing {
padding-right: 36px;
padding-bottom: 36px
}
@media only screen and (max-width:40em) {
.c-productRecommendations .product-listing {
padding-right: 18px;
padding-bottom: 18px
}
}
.c-productRecommendations .product-img {
width: 128px;
height: 128px;
background-color: #f2f2f2;
background-size: cover;
background-position: 50%;
min-width: 128px
}
.c-productRecommendations .product-title {
max-width: 130px
}
#email-headers input {
margin: 0
}
#preview-container .iframe-wrap {
margin-right: 280px
}
#preview-container.no-col .iframe-wrap {
margin-right: 0
}
#preview-container .iframe-wrap iframe {
width: 100%;
min-height: 800px
}
#preview-container .preview-sidebar {
position: absolute;
top: 0;
right: 0;
width: 280px;
max-height: 800px;
padding-left: 20px
}
#build-panel-options .button {
margin: 0 0 10px 0;
width: 100%
}
#preview-container .dijitTabContainerTop-dijitContentPane {
padding-top: 12px
}
#list-form-build-panel .dijitTabContainerTop-container {
margin: 0
}
#preview-sidebar-toggle {
position: absolute;
top: 10px;
z-index: 2;
width: 22px;
height: 106px;
text-indent: -9999px;
cursor: pointer;
right: 0;
background: url("https://cdn-images.mailchimp.com/product/buttons/show-themes.png") no-repeat
}
#preview-sidebar-toggle.sidebar-hider {
right: 280px;
background: url("https://cdn-images.mailchimp.com/product/buttons/hide-themes.png") no-repeat
}
#preview-container #mobile-view {
padding: 10px;
border: 2px solid #ffffff;
background: #f2f2f2
}
#merge-choices-form input {
width: 175px;
float: left;
margin-right: 10px
}
#design-edittabs {
border-bottom: 1px solid #dedddc
}
#embed-form-display {
width: 100%;
height: 300px;
overflow: auto;
border: 1px solid #dedddc
}
.slim .hide-slim,
.horizontal-slim .hide-horizontal-slim,
.naked .hide-naked,
.show-slim,
.show-classic,
.show-naked {
display: none
}
.slim .show-slim,
.classic .show-classic,
.naked .show-naked {
display: block
}
@media only screen and (max-width:64em) {
#preview-container .preview-sidebar {
max-height: none;
right: -280px;
-ms-transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s;
transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s;
background: var(--legacy-bg-lvl-1-color)
}
#preview-container .iframe-wrap {
margin-right: 0
}
body.open-drawer #preview-container .preview-sidebar {
right: 0
}
.contact-subscriber-stats-container {
padding-left: 12px
}
.audience-data-container {
margin-bottom: 6px
}
}
.info-nav {
padding: 18px 18px 18px 48px;
position: relative
}
.info-nav .button,
.info-nav .button-small {
margin-right: 0
}
.info-nav .cross-fill {
position: absolute;
left: 18px;
top: 19px
}
@media only screen and (max-width:40em) {
.info-nav>div:first-child {
margin-bottom: 12px
}
}
@media only screen and (max-width:40em) {
.info-nav .paging {
margin-top: 18px
}
}
.info-nav .paging p {
margin: 0 12px 0 0
}
.info-nav .paging .button-group .button {
padding: 0 8px
}
.avatar-notes {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
width: 54px;
height: 54px;
border-radius: 3px
}
@media screen and (max-width:40em) {
.subscriber-exports .filter-btn {
width: 100% !important
}
.subscriber-exports .filter-btn .dijitDropDownButton {
width: 100%
}
.subscriber-exports .filter-btn .dijitDropDownButton .dijitButtonNode {
display: block
}
}
.link-modal.dijitDialogShow~.dijitDialog {
z-index: 10 !important
}
.popup-iframe-wrapper {
pointer-events: none;
cursor: default
}
#fields-pane .field label.checkbox {
position: relative;
left: 25px;
padding-right: 25px;
line-height: inherit
}
#fields-pane .field .move-handle {
cursor: grab;
display: none;
margin: 1px 0 0;
position: absolute;
width: 25px
}
#fields-pane .field .switchWrapper {
display: none
}
#fields-pane .field.selected .move-handle {
display: block
}
#fields-pane .field.selected .switchWrapper {
display: block
}
.popup-description .cke_contents {
border-bottom: none !important
}
.field .field-drop {
border: 2px dashed #dedddc;
display: none;
height: 30px;
margin: 0 0 15px 0
}
.field .field-drop::before {
color: #dedddc;
content: "Drop field";
padding-left: 10px
}
.field .group-label {
opacity: .8;
font-size: 13px;
position: relative;
left: 42px
}
#fields-pane .dojoDndSourceMoved .field.dojoDndItemOver .field-drop {
display: block !important
}
#fields-pane .dojoDndSourceMoved .field.dojoDndItemOver .group,
#fields-pane .dojoDndSourceMoved .field.dojoDndItemOver .lastGroup {
display: none
}
.dojoDndAvatar .field {
min-width: 300px
}
.dojoDndAvatar .field .checkbox {
padding-left: 16px
}
#custom-translations.rtl input {
text-align: right
}
.contact-subscriber-stats-container .data {
padding-left: 0;
width: 114px
}
#fields-pane .wa-field-card,
#fields-pane .field {
border: 1px solid var(--color-container-border-primary);
border-radius: var(--radius-action, 6px);
padding: 12px;
margin-bottom: 8px
}
#fields-pane .wa-field-card .field {
border: 0;
padding: 0;
margin-bottom: 0
}
#fields-pane .wa-channel-selector-section {
padding-left: 66px;
margin-bottom: 12px
}
#fields-pane .wa-channel-selector {
box-sizing: border-box;
width: 100%;
height: 36px;
padding: 0 32px 0 12px;
border: 1px solid var(--color-container-border-primary);
border-radius: var(--radius-action, 6px);
background-color: var(--color-container-background-primary);
color: var(--color-text-primary);
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-size: 14px;
line-height: 20px;
appearance: none;
background-image: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944data:image/svg+xml;utf8,);
background-repeat: no-repeat;
background-position: right 10px center
}
.wa-country-popover {
position: absolute;
z-index: 1000;
width: 240px;
max-height: 280px;
overflow: hidden;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
color: var(--color-text-primary);
background-color: var(--color-container-background-primary);
border: .5px solid var(--color-container-border-primary);
border-radius: var(--radius-small, 4px);
box-shadow: 0 4px 16px 0 var(--color-shadow, rgba(76, 85, 91, 0.2))
}
.wa-country-popover .wa-country-popover-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
border-bottom: .5px solid var(--color-container-border-primary)
}
.wa-country-popover .wa-country-popover-title {
font-size: 14px;
font-weight: 500;
line-height: 20px
}
.wa-country-popover .wa-country-popover-close {
padding: 0;
line-height: 1;
font-size: 16px;
color: var(--color-text-secondary);
cursor: pointer;
background: none;
border: 0
}
.wa-country-popover .wa-country-popover-list {
max-height: 236px;
padding: 4px 0;
overflow-y: auto
}
.wa-country-popover .wa-country-popover-row {
display: flex;
gap: 8px;
align-items: center;
padding: 6px 12px;
font-size: 14px
}
.wa-country-popover .wa-country-popover-empty {
padding: 8px 12px;
font-size: 14px;
color: var(--color-text-secondary)
}
.segment-editor-container {
margin: 0 0 18px 36px
}
.segment-editor {
position: relative
}
.segment-editor .dijitInlineTable {
width: 100px;
padding: 0
}
.segment-editor input {
width: auto;
margin-bottom: 0
}
.segment-editor select {
width: auto;
margin: 0 15px
}
.segment-editor select[multiple] {
max-width: none
}
.segment-editor .relative {
border-top: 1px dotted #d9d9d9
}
.segment-condition {
padding-top: 15px;
border-bottom: 1px dotted #d9d9d9
}
.add-button {
border-bottom: 1px dotted #d9d9d9
}
.segment-condition {
clear: left
}
.segment-condition select {
margin: 0
}
@media only screen and (max-width:31.25em) {
.segment-condition select {
width: 100%
}
}
.segment-condition input {
min-width: 210px
}
.segment-block {
display: inline-block;
margin: 0 15px 15px 0;
vertical-align: top
}
@media only screen and (max-width:64em) {
.segment-block {
margin-right: 6px
}
}
@media only screen and (max-width:40em) {
.segment-block {
display: block
}
}
.segment-block .dijitTextBox {
margin-bottom: 0
}
.segment-block span {
line-height: 32px;
margin-bottom: 0
}
.segment-value input,
.segment-value select {
margin-right: 15px
}
.segment-value .ipgeo-distance-select-container {
display: inline-block
}
.segment-value .ipgeo-distance-select-container select {
margin: 0;
width: auto
}
.segment-value .ipgeo-distance-select-container input {
width: auto;
margin-bottom: 0
}
.geo-field-group input {
margin-bottom: 0;
margin-top: -4px;
margin-right: 11px
}
.geo-field-group a.button-small {
margin-top: -4px;
margin-bottom: 0
}
.segment-editor .dijitDateTextBox+a {
text-decoration: none
}
.c-plainTextEditor {
position: absolute;
right: 50%;
padding: 0
}
@media only screen and (max-width:40em) {
.c-plainTextEditor {
position: relative;
right: auto;
padding: 0 30px 30px 30px
}
}
.c-plainTextEditor textarea {
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
resize: none;
max-width: none;
height: 100%;
border: none;
padding: 30px 18px 6px 18px
}
@media only screen and (max-width:40em) {
.c-plainTextEditor textarea {
height: 250px;
padding: 0 12px 0 12px;
border: 1px solid #dedddc;
overflow: auto
}
}
.c-plainTextDetails {
position: absolute;
left: 50%
}
@media only screen and (max-width:40em) {
.c-plainTextDetails {
position: relative;
left: auto
}
}
.a-b-container {
position: relative;
overflow: hidden;
display: block;
height: 105px;
width: 100%;
margin-bottom: 12px;
background: #dedddc;
border-radius: 5px;
z-index: 0
}
.a-b-container .a-b-wrapper {
position: absolute;
top: 0;
left: 0;
border: 4px solid #484848;
height: inherit;
background: #b1e0ec;
font-weight: bold;
border-radius: 5px;
width: 10%;
z-index: 2
}
.a-b-container .a-b-wrapper::before {
content: "A";
line-height: 100px;
text-align: center;
display: block;
height: 100%;
width: 50%;
background: #52bad5;
float: left
}
.a-b-container .a-b-wrapper::after {
content: "B";
line-height: 100px;
text-align: center;
width: 50%;
display: block;
float: right
}
.a-b-container .a-b-handle {
position: absolute;
top: 0;
left: 9%;
cursor: col-resize;
background: url("https://cdn-images.mailchimp.com/product/ab-split-handle.png") 50% 50% no-repeat #484848;
border-radius: 5px;
width: 20px;
height: 100%;
z-index: 3
}
.a-b-container .a-b-handle:hover {
background-color: #626262;
cursor: col-resize
}
.a-b-container .remainder-label {
position: absolute;
top: 40%;
right: 30px
}
#test-subjectSelect .dijitSelectLabel,
#test-subjectSelect_menu .dijitMenuItemLabel {
font-weight: 500
}
.wizard-form label .badge {
display: inline-block;
margin: 0;
text-indent: 0
}
ul.mini-tabs {
border-bottom: 1px solid #dedddc;
margin-bottom: 24px;
font-weight: 500
}
ul.mini-tabs li {
display: inline-block;
line-height: 32px
}
ul.mini-tabs a {
display: inline-block;
color: var(--legacy-text-secondary-color);
border-bottom: 1px solid #dedddc;
position: relative;
bottom: -1px;
line-height: 32px;
margin: 0 24px 0 0
}
ul.mini-tabs a:hover {
color: var(--legacy-text-primary-color)
}
ul.mini-tabs a.active {
color: var(--legacy-link-color);
border-bottom-color: var(--legacy-link-color)
}
ul.mini-tabs.alignr a {
margin: 0 0 0 24px
}
.promotion-preview {
border: 1px solid #dedddc;
background: #f2f2f2;
overflow: auto
}
.pr-preview {
padding: 0 10px 24px 10px
}
.pr-preview .media {
margin-top: 24px
}
.pr-preview .media-image {
display: block;
float: none;
margin: 0
}
.pr-preview .media-body {
position: relative
}
#pr-twitter .media {
width: 530px;
padding: 12px 12px 24px 12px;
background: var(--legacy-bg-lvl-1-color);
border: 1px solid #dedddc;
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}
#pr-twitter .media-image {
margin: 0 0 18px 0
}
#pr-twitter .pr-url {
font-size: 14px;
color: #0084b4;
text-decoration: none
}
#pr-twitter .pr-url:hover {
text-decoration: underline
}
#pr-twitter .pr-title {
font-size: 14px;
color: #373737;
font-weight: bold;
overflow: hidden;
word-wrap: break-word;
margin: 0 0 5px 0
}
#pr-twitter .pr-desc {
font-size: 14px;
line-height: 18px;
color: var(--legacy-text-primary-color);
overflow: hidden;
word-wrap: break-word;
margin: 6px 5px 6px 0
}
#pr-facebook .media {
width: 484px;
background: var(--legacy-bg-lvl-1-color);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.1)
}
#pr-facebook .media-body {
padding: 12px
}
#pr-facebook .pr-url {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
#pr-facebook .pr-title {
font-family: Georgia, 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #141823;
margin-bottom: 5px
}
#pr-facebook .pr-desc {
font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 12px;
line-height: 16px;
max-height: 64px;
overflow: hidden;
color: #333333
}
#pr-facebook .pr-domain {
font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
color: #9197a3;
padding-top: 9px
}
#pr-facebook-small .media-body {
height: 158px
}
#pr-facebook-small .media-image {
float: left;
width: 156px;
height: 156px;
margin: 1px;
background-size: cover
}
#pr-facebook-small .pr-title {
max-height: 44px;
overflow: hidden
}
#pr-facebook-small .pr-domain {
position: absolute;
bottom: 12px;
left: 12px
}
#pr-facebook-large .media-image {
width: 482px;
height: 255px;
margin: 1px;
background-size: cover
}
#pr-pinterest .media {
margin-top: 0;
width: 475px;
padding: 0;
background: var(--legacy-bg-lvl-1-color);
border-radius: 0 0 5px 5px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2)
}
#pr-pinterest .media-image {
background: #f2f2f2
}
#pr-pinterest .media-image img {
margin: 0 auto
}
#pr-pinterest .pr-domain-wrap {
border: 1px solid #dedddc;
border-width: 1px 0;
font-weight: bold;
font-size: 15px;
color: var(--legacy-text-secondary-color);
padding: 8px 16px
}
#pr-pinterest .pr-title {
font-size: 20px;
color: var(--legacy-text-secondary-color);
font-weight: bold;
overflow: hidden;
word-wrap: break-word;
padding: 18px 16px 5px 16px
}
#pr-pinterest .pr-favicon {
background: url("https://cdn-images.mailchimp.com/product/icons/pinterest-richpin-favicon.png") no-repeat 18px center;
padding: 0 16px 0 44px;
margin-bottom: 14px
}
#pr-pinterest .pr-desc {
font-size: 14px;
color: var(--legacy-text-primary-color);
overflow: hidden;
word-wrap: break-word;
background: #f2f2f2;
border-top: 1px solid #dedddc;
padding: 14px 16px
}
#share-settings .promotion-settings .switch {
margin-right: 0 !important
}
#share-settings .promotion-settings .pr-img-bg {
width: 150px;
height: 100px;
background-size: cover
}
#share-settings .disabled {
opacity: .3;
pointer-events: none
}
#share-settings .disabled .media-image,
#share-settings .disabled .pr-title,
#share-settings .disabled .pr-desc {
display: none
}
.predelivery-checklist {
width: 80%;
max-width: 960px
}
.predelivery-checklist [data-workflow-mode="view"] {
display: block;
margin: 0 !important
}
.predelivery-checklist [data-workflow-mode="view"] ul {
font-size: inherit;
margin: 0 !important
}
.predelivery-checklist [data-workflow-mode="view"] ul li {
border: none;
padding: 0;
margin-bottom: 6px
}
.predelivery-checklist .step {
min-width: 90px
}
@media only screen and (max-width:40em) {
.predelivery-checklist .step {
margin: 12px 0 0
}
}
.comma-spans span::after {
content: ", "
}
.comma-spans span.font-weight--bold::after,
.comma-spans span:last-child::after {
content: ""
}
.edit-plaintext-dialog textarea {
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
height: 360px;
margin-bottom: 72px
}
.campaign-finished .high-five,
.campaign-finished .rock-on {
width: 400px;
height: 400px;
margin: 0 auto 36px auto
}
@media only screen and (max-width:31.25em) {
.campaign-finished .high-five,
.campaign-finished .rock-on {
width: 200px;
height: 200px
}
}
.campaign-finished .high-five,
.campaign-finished .rock-on {
background: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944/css/icons/high-five-freddie.png) no-repeat scroll 50% 50% transparent;
background-size: 100% auto
}
.campaign-finished .rock-on {
background-image: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944/css/icons/scheduled-freddie.png)
}
.campaign-finished>div {
margin: 36px auto
}
#preview-template {
width: 100%
}
#editor-tabs {
height: 230px
}
#editor-tabs .dijitTabPaneWrapper {
margin: 0
}
#edit-styles-wrap {
height: 100px;
overflow: auto
}
.editor-tab {
padding-top: 10px !important
}
#design-edittabs div[id^="editor-tab-"] {
overflow: hidden
}
.editor-subtabs .dijitTab {
top: 0;
height: 32px;
font-size: 1.4rem
}
.editor-subtabs {
margin-top: -5px
}
.editor-subtabs .dijitTabContainerTop-tabs {
height: 32px
}
#editor-tab-monkeyrewards #list-badge-list {
width: 43%;
right: 30%
}
#editor-tab-monkeyrewards #list-badge-list a {
text-decoration: none
}
.edit-style {
float: left;
overflow: hidden;
margin-right: 10px
}
.edit-style label {
padding-bottom: 5px;
font-size: 1.4rem
}
.edit-style select {
width: auto;
padding: 4px;
margin-top: 2px;
height: 36px;
min-width: 90px;
margin-bottom: 15px
}
.dj_webkit .edit-style select {
padding: 4px 35px 4px 10px
}
.edit-style input {
width: 100px;
float: left;
margin-right: 4px;
margin-top: 2px;
margin-bottom: 15px
}
.editor-subtab .tips {
float: left;
clear: both;
font-size: 1.2rem
}
.edit-style .border-fields select,
.edit-style .border-fields input,
.edit-style .border-fields span,
.edit-style .padding input {
float: left;
width: 20px
}
.edit-style span.suffix {
height: 30px;
padding: 6px 3px 0 0;
float: left
}
.border-type {
margin-right: 4px
}
.edit-style .border-fields select.border-type {
width: 90px
}
.edit-style .border-fields input.border-color,
.edit-style input.color-picker-field-fg,
.edit-style input.color-picker-field-bg {
width: 90px
}
#list-form-translate-panel .inline-label {
line-height: 24px
}
.rewards-badge-list {
display: block;
max-width: 635px;
overflow-y: auto
}
.rewards-badge-list li {
display: inline-block
}
#edit-content-modal .dijitDialogPaneContent {
max-height: none
}
.link-modal .dijitDialogPaneContent {
min-width: 0
}
#file-manager-modal {
width: 95%;
max-width: 1090px;
min-height: 350px
}
#file-manager-modal .dijitDialogPaneContent {
padding: 0;
min-height: 425px;
background: none;
width: auto !important;
overflow-x: hidden !important
}
#file-manager-modal .template-thumbnail img {
width: auto;
height: auto;
max-height: 110px;
vertical-align: top
}
.tertiary-nav li {
line-height: 1.8em
}
.tertiary-nav li a {
padding: 0 10px;
border-radius: 3px;
margin-left: -10px
}
.tertiary-nav li.current a {
background: #f2f2f2;
color: #373737
}
.merge-cheatsheet {
position: relative
}
.merge-cheatsheet .merges {
border: 1px solid #dedddc
}
.merges {
max-height: 230px !important;
overflow-y: auto !important;
overflow-x: hidden !important
}
#merges-list {
border-collapse: separate;
margin-bottom: 60px;
position: relative;
top: 24px;
left: 0;
right: 0;
background: var(--legacy-bg-lvl-1-color)
}
#merges-list td {
padding: 4px 10px
}
.mcd .cke_skin_mc a.cke_toolbox_collapser {
visibility: hidden;
border: none !important;
margin: -40px 8px 0 0 !important;
width: 30px !important;
height: 30px !important;
background: transparent none !important;
position: relative
}
.cke_skin_mc a.cke_toolbox_collapser::after {
content: "\25be";
font-size: 20px;
color: #373737;
position: absolute;
top: 5px;
right: 5px;
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.cke_skin_mc a.cke_toolbox_collapser_min::after {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
.template-thumbnail img {
border: solid 1px #dedddc
}
#email-headers tr>th:first-child {
padding-right: 15px
}
.no-header tr:first-child td {
border-top: dotted 1px #dedddc
}
.entrypoint-container {
justify-content: space-between;
background-color: #d8eacc
}
@media only screen and (max-width:660px) {
.entrypoint-container {
flex-direction: column
}
}
.entrypoint-heading {
font-family: var(--legacy-font-family--brand);
padding-top: 18px
}
.entrypoint-img {
background: url("https://cdn-images.mailchimp.com/product/calendar-image-w-sms-optimized.png");
background-size: contain;
background-repeat: no-repeat;
background-position: right;
width: 100%;
height: 100%
}
.entrypoint-img-wrapper {
width: 40%;
height: auto
}
@media only screen and (max-width:660px) {
.entrypoint-img-wrapper {
width: 100%;
height: 247px;
margin-top: 24px
}
}
.entrypoint-copy-container {
width: 60%
}
@media only screen and (max-width:660px) {
.entrypoint-copy-container {
width: 100%
}
}
.entrypoint-dismiss-button {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-weight: 500;
font-size: 13px;
color: var(--legacy-interactive-color);
margin: 30px;
cursor: pointer !important
}
.discover-ACP-card {
width: 236px;
border: 1px solid #efeeea;
box-shadow: 0 4px 12px rgba(36, 28, 21, 0.12);
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
z-index: 1
}
@media only screen and (max-width:1360px) {
.discover-ACP-card {
width: auto;
max-width: 236px;
min-width: 175px
}
}
@media only screen and (max-width:640px) {
.discover-ACP-card {
max-width: none
}
}
.discover-ACP-card .top-container {
text-align: right;
margin-bottom: 6px
}
.discover-ACP-card .card-contents {
padding: 0 18px 18px
}
.discover-img {
width: -webkit-fill-available;
height: 19ch;
background-image: url("https://cdn-images.mailchimp.com/product/spa-campaign.png");
background-size: 105% 100%;
margin: -24px -18px
}
@media only screen and (max-width:640px) {
.discover-img {
height: 31ch;
background-size: auto;
background-repeat: no-repeat
}
}
.discover-headline {
font-family: var(--legacy-font-family--brand);
line-height: 28px;
margin-bottom: 8px !important;
display: flex;
align-items: center;
color: #241c15
}
.discover-copy {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
color: rgba(36, 28, 21, 0.65)
}
.discover-link {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-weight: 500;
font-size: 13px;
color: var(--legacy-interactive-color)
}
.all-campaigns-header {
padding: 0 15px
}
.all-campaigns-header h3 {
border-bottom: 1px solid rgba(36, 28, 21, 0.15);
font-family: var(--legacy-font-family--brand);
font-size: 2.4rem;
margin-bottom: 32px;
padding: 16px 0
}
.survey-link-root {
z-index: 100;
position: absolute;
right: 0;
bottom: 0
}
.survey-link-root .megaphone-icon {
display: inline-block;
min-width: 16px;
min-height: 16px;
max-width: 72px;
max-height: 72px;
height: 24px;
width: 24px;
fill: currentColor;
box-sizing: border-box
}
.survey-link-root .survey-link-container {
position: fixed;
right: 76px;
bottom: 14px;
display: flex;
align-items: center;
padding: 8px;
background-color: #ffffff;
color: #007c89;
font-size: 1.3rem;
font-weight: 500;
box-shadow: 0 4px 12px rgba(36, 28, 21, 0.12)
}
.survey-link-root .survey-link-container a {
text-decoration: none;
margin-left: 4px
}
.c-adTouDialog {
width: 660px
}
.c-ad3dsDialog {
width: 660px;
min-height: 300px
}
@media only screen and (max-width:40em) {
.v-adThumbnailItem {
margin-right: 12px
}
}
.v-adThumbnailItem--row {
margin-right: 12px
}
.v-adThumbnailItem--row:last-of-type {
margin-right: 0
}
.c-adThumbnail {
background-position: 50% 50%;
background-size: cover;
border: 2px solid var(--color-container-border-primary);
padding: 2px;
background-clip: content-box;
cursor: pointer
}
.c-adThumbnail:hover,
.c-adThumbnail:focus {
border-color: var(--color-container-border-tertiary)
}
.c-adThumbnail--rect {
min-width: 110px;
height: 90px;
padding: 6px 4px 4px
}
@media only screen and (max-width:40em) {
.c-adThumbnail--rect {
min-width: 72px;
height: 72px
}
}
.c-adThumbnail~.c-adThumbnail {
margin-top: 18px
}
.c-adThumbnail_avatar {
width: 10px;
height: 10px;
background-color: var(--color-container-background-tertiary)
}
.c-adThumbnail_text {
width: 40%;
height: 3px;
background-color: var(--color-container-background-tertiary)
}
.c-adThumbnail_text::after {
display: block;
content: "";
speak: none;
width: 55%;
height: 3px;
margin-top: 6px;
background-color: var(--color-container-background-tertiary)
}
.c-adThumbnail_img {
width: 100%;
height: 60px;
background-color: var(--color-container-background-secondary)
}
.c-adThumbnail_img--empty {
opacity: .4;
background-position: center 30%
}
@media only screen and (max-width:40em) {
.c-adThumbnail_img {
height: 40px
}
}
.c-adThumbnailControl:checked+.c-adThumbnail,
.c-adThumbnailControl:checked+.c-adThumbnail:hover,
.c-adThumbnailControl:checked+.c-adThumbnail:focus {
border-color: var(--color-container-border-accent)
}
.c-adThumbnailControl:checked+.c-adThumbnail .c-adThumbnail_button {
display: block
}
.c-adThumbnailControl:checked~.c-adThumbnail_button {
display: block
}
.c-adThumbnail_button {
display: none;
top: -9px;
right: -9px;
box-shadow: -2px -1px var(--color-page-background-primary), 24px 24px var(--color-page-background-primary) inset;
z-index: 2
}
.c-adThumbnail_add {
border: 1px dashed var(--color-container-border-secondary)
}
.c-adThumbnail_add--rect {
padding-top: 4px
}
.v-fbAttachment {
width: 100%
}
.v-fbAttachment--default {
width: 100%;
padding-bottom: 52.36%;
height: 0
}
.v-fbAttachment--carousel {
width: 52.36%;
padding-bottom: 52.36%;
height: 0;
margin: 0 auto
}
.c-attachment_overlay {
visibility: hidden;
opacity: .001;
background-color: rgba(0, 0, 0, 0.62);
-ms-transition: all 0.23s ease-in-out 0s;
transition: all 0.23s ease-in-out 0s
}
.c-attachment:hover .c-attachment_overlay {
visibility: visible;
opacity: 1
}
.max-width--textBox {
max-width: 175px
}
.c-adsActionBar .dijitSelect.dijitInline {
margin: 0
}
.c-previewPager_item+.c-previewPager_item {
margin-left: 18px
}
@media only screen and (max-width:40em) {
.c-previewPager_item+.c-previewPager_item {
margin-left: 6px
}
}
.c-previewPager_thumbnail {
border: 2px solid transparent;
padding: 3px;
width: 72px;
height: 72px
}
.c-previewPager_thumbnail--active {
border-color: var(--color-container-border-accent)
}
@media only screen and (max-width:40em) {
.c-previewPager_thumbnail {
width: 48px;
height: 48px
}
}
.c-previewContent {
height: calc(100vh - 60px - 108px - 2px)
}
.c-ghostBrowser {
max-width: 1024px
}
.c-ghostBrowser::before {
content: "● ● ●";
position: absolute;
top: 18px;
left: 18px;
display: block;
font-size: 26px;
line-height: 0;
speak: none;
color: var(--color-text-tertiary)
}
.v-stripedBackground--gray {
background: linear-gradient(to bottom, var(--color-container-background-secondary), var(--color-container-background-secondary) 50%, var(--color-page-background-primary) 50%, var(--color-page-background-primary));
background-size: 100% 30px
}
.c-adsPlacementSummary .u-adsItem--hidden\@summary {
display: none
}
.c-adsChannelItem {
width: calc((50% - 6px * 3) + (6px * 3 / 2))
}
@media only screen and (max-width:64em) {
.c-adsChannelItem {
width: 100%
}
}
.c-adsChannelItem_placementList {
font-size: 1.4rem;
line-height: 18px
}
.v-channelAvatarThumbnail {
width: 36px;
height: 36px
}
.v-channelIndicator {
border: 1px solid var(--color-page-background-primary);
right: -6px;
bottom: -6px
}
.invalid-error ul {
list-style-type: disc;
padding: 0 0 0 18px;
font-size: 1.4rem;
line-height: 18px
}
.c-adsChoiceCard {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box: 1 1 100%;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-right: 18px;
position: relative;
min-height: 96px
}
@media only screen and (max-width:64em) {
.c-adsChoiceCard {
margin-right: 0;
margin-bottom: 12px
}
}
.c-adsChoiceCard_label {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box: 1 1 100%;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 24px 18px;
position: relative;
text-align: center
}
.c-adsChoiceCard_description {
font-size: 1.4rem;
line-height: 18px
}
.c-audienceTargetSummary_item {
margin-bottom: 18px
}
.c-audienceTargetSummary_item:last-of-type {
margin-bottom: unset
}
.c-audienceTargetSummary_subItem {
margin-bottom: 6px
}
.c-audienceTargetSummary_subItem:last-of-type {
margin-bottom: unset
}
.c-checklistContainer {
width: 75%
}
@media screen and (max-width:64em) {
.c-checklistContainer {
width: 65%
}
}
@media screen and (max-width:60em) {
.c-checklistContainer {
width: 100%
}
}
@media screen and (max-width:40em) {
.c-checklistContainer {
border-top: solid 1px var(--color-container-border-primary);
border-bottom: solid 1px var(--color-container-border-primary)
}
}
.c-checklistSidebar {
width: 25%
}
@media screen and (max-width:64em) {
.c-checklistSidebar {
width: 35%
}
}
@media screen and (max-width:60em) {
.c-checklistSidebar {
width: 635px
}
}
@media screen and (max-width:40em) {
.c-checklistSidebar {
width: 100%
}
}
.c-actionBarToaster {
background-color: var(--color-action-standard);
color: var(--color-text-inverse);
padding-top: 6px;
padding-bottom: 6px
}
#cc-security-wrapper input,
#cc-security-wrapper .c-adyenInput {
border-color: var(--color-input-border-primary)
}
.v-gAttachment {
width: 100%
}
.v-gAttachment--1x91 {
width: 100%;
padding-bottom: 52.36%;
height: 0
}
.v-gAttachment--1x1 {
width: 100%;
padding-bottom: 100%;
height: 0;
margin: 0 auto
}
.c-gAdThumbnail {
border: 2px solid rgba(0, 0, 0, 0);
padding: 2px;
min-width: 108px;
height: 108px
}
.c-gAdThumbnail--rect {
height: 90px;
padding: 4px 4px 6px;
border-color: var(--color-container-border-primary)
}
.c-gAdThumbnail--rect:hover,
.c-gAdThumbnail--rect:focus {
border-color: var(--color-container-border-tertiary)
}
@media only screen and (max-width:64em) {
.c-gAdThumbnail--rect {
min-width: 72px;
height: 72px
}
}
.c-gAdThumbnail--blank {
padding: 0;
border: 0;
height: 100%
}
.c-gAdThumbnail~.c-gAdThumbnail {
margin-top: 18px
}
@media only screen and (max-width:64em) {
.c-gAdThumbnail {
min-width: 72px;
height: 72px
}
}
.c-gAdThumbnail_image {
background-position: 50% 50%;
background-size: cover;
background-clip: content-box
}
.c-gAdThumbnail_image--rect {
height: 60px
}
@media only screen and (max-width:64em) {
.c-gAdThumbnail_image--rect {
height: 40px
}
}
.c-gAdThumbnail_label {
left: 6px;
bottom: 6px
}
.c-gAdThumbnailControl:checked+.c-gAdThumbnail,
.c-gAdThumbnailControl:checked+.c-gAdThumbnail:hover,
.c-gAdThumbnailControl:checked+.c-gAdThumbnail:focus {
border: 2px solid var(--color-container-border-accent)
}
.c-gAdThumbnailControl:checked+.c-gAdThumbnail .c-adThumbnail_button {
display: block
}
.c-gAdThumbnailControl:checked~.c-gAdThumbnail_button {
display: block
}
.c-gAdThumbnail_button {
display: none;
top: -9px;
right: -9px;
box-shadow: -2px -1px var(--color-page-background-primary), 24px 24px var(--color-page-background-primary) inset;
z-index: 2;
padding: 0
}
.c-gAdThumbnail_add {
color: #241c15;
background-color: #f2f2f2;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
border: 1px dashed var(--color-container-border-secondary)
}
.c-gAdThumbnail_add:visited {
color: #241c15
}
.c-gAdThumbnail_add:hover {
cursor: pointer;
color: #241c15;
background-color: #d9d9d9
}
.c-gAdThumbnail_add:focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
outline-width: 0
}
.c-gAdThumbnail_add:active,
.c-gAdThumbnail_add.active {
background-color: #ccc
}
.c-gAdThumbnail_add[disabled],
.c-gAdThumbnail_add.disabled,
.c-gAdThumbnail_add.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.c-gAdThumbnail_add[disabled].button--onDarkBg,
.c-gAdThumbnail_add.disabled.button--onDarkBg,
.c-gAdThumbnail_add.loading.button--onDarkBg {
opacity: .3
}
.c-gAdThumbnail_add.disabled.clickable {
pointer-events: all
}
.c-gAdThumbnail_add--rect {
padding: 4px;
border: 1px dashed var(--color-container-border-secondary)
}
.c-gAdThumbnail--rect .c-gAdThumbnail_add {
border: 0
}
.c-adPreview {
font-family: Roboto;
color: #000000;
font-weight: 300
}
.c-adPreview--160x600 {
width: 160px;
height: 600px
}
.c-adPreview--970x90 {
width: 970px;
height: 92px
}
.c-adPreview--300x250 {
width: 300px;
height: 250px
}
.c-adPreview--320x50 {
width: 320px;
height: 50px
}
.c-adProduct--160 {
width: 158px;
height: 83px !important
}
.c-adProduct--300 {
width: 298px;
height: 157px !important
}
.c-adProduct--320 {
width: 95px;
height: 50px !important
}
.c-adProduct--970 {
width: 171px;
height: 90px !important
}
.c-adHeadline--160 {
color: #ffffff;
background-color: #535353;
font-weight: 700;
font-size: 21px;
line-height: 1.5;
height: 120px
}
.c-adHeadline--970 {
color: #ffffff;
background-color: #535353;
font-weight: 700;
font-size: 32px;
line-height: normal;
width: 401px !important;
white-space: nowrap
}
.c-adHeadline--300 {
color: #ffffff;
background-color: #535353;
font-weight: 700;
font-size: 18px;
line-height: 32px;
height: 32px;
white-space: nowrap
}
.c-adHeadline--320 {
color: #535353;
font-weight: 700;
font-size: 18px;
line-height: 1;
width: 170px
}
.c-adDescription--160 {
color: #000000;
font-weight: 300;
font-size: 16px;
line-height: 1.6;
height: 310px
}
.c-adDescription--970 {
color: #535353;
font-weight: 400;
font-size: 18px;
line-height: normal;
width: 327px !important
}
.c-adDescription--300 {
color: #000000;
font-weight: 300;
font-size: 10px;
line-height: normal;
width: 220px
}
.c-adUrl--160 {
color: #000000;
font-weight: 300;
font-size: 14px;
line-height: 42px
}
.c-adUrl--970 {
color: #ffffff;
font-weight: 300;
font-size: 14px;
line-height: normal;
left: 12px
}
.c-adUrl--300 {
color: #000000;
font-weight: 300;
font-size: 10px;
line-height: normal
}
.c-facebookDesktopPreview {
font-family: Helvetica, Arial, sans-serif;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-radius: 3px;
max-width: 500px
}
.c-facebookMobilePreview {
font-family: Helvetica, Arial, sans-serif;
padding: 10px 0;
background-color: #dddfe2;
max-width: 320px;
width: 100%
}
.c-fbAdContainer {
padding: 12px 12px 0;
text-align: left;
color: #1d2129;
background-color: #ffffff
}
.c-fbAdContainer--mobile {
padding: 0
}
.c-fbContent_container {
overflow: scroll !important
}
.c-fbPageContainer {
line-height: 1.35;
color: #90949c
}
.c-fbPageContainer--mobile {
line-height: 17px;
color: #1d2129
}
.c-fbPage_avatar {
width: 40px;
height: 40px;
margin-right: 8px;
border: 1px solid rgba(0, 0, 0, 0.3)
}
.c-fbPage_name {
font-size: 14px;
font-weight: 700;
line-height: 1.38;
font-family: Helvetica, Arial, sans-serif
}
.c-fbContentMeta {
font-size: 12px;
color: #90949c
}
.c-fbContentMeta--small {
font-size: 11px;
line-height: 11px
}
.c-fbContentMeta--mobile {
line-height: 16px;
height: 16px;
color: #1d2129
}
.c-fblink--desktop {
color: #365899
}
.c-fblink--mobile {
color: #1d2129;
font-weight: bold
}
.c-fbAdButton {
background-color: #f6f7f9;
color: #4b4f56;
border-radius: 2px;
border: 1px solid #ced0d4;
-webkit-font-smoothing: antialiased;
white-space: nowrap;
padding: 0 8px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: capitalize
}
.c-fbAdButton--mobile {
border: 1px solid;
border-radius: 4px;
background-color: transparent;
line-height: 16px;
font-weight: normal;
font-family: sans-serif;
text-transform: uppercase;
padding: 3px 8px
}
.c-fbAdCta--carousel {
bottom: -4px;
margin: 15px 2px 0 2px;
font-family: Helvetica, Arial, sans-serif
}
.c-fbAdCta--carouselMobile {
margin-left: 8px;
line-height: 28px;
height: 28px;
border-radius: 2px;
padding: 0 9px;
text-transform: capitalize
}
.c-fbAdCta:empty {
display: none
}
.c-fbAdMessage {
text-align: left;
line-height: 1.38;
font-size: 14px;
color: #1d2129;
font-family: Helvetica, Arial, sans-serif
}
.c-fbAdMessage--mobile {
padding: 0 10px;
margin: 8px 0
}
.c-fbAdHeader {
padding: 10px 10px 0
}
.c-fbAdIcon {
display: inline-block;
background-image: url("https://cdn-images.mailchimp.com/product/ads/facebook-icon-sprite.png");
background-repeat: no-repeat;
background-size: auto;
height: 16px;
width: 16px
}
.c-fbAdIcon--carousel {
background-image: url("https://cdn-images.mailchimp.com/product/ads/facebook-carousel-sprite.png");
width: 20px;
height: 20px
}
.c-fbAdIcon--thumbup {
background-position: -72px -185px
}
.c-fbAdIcon--thumbupMobile {
background-position: -72px -110px;
width: 24px;
height: 24px
}
.c-fbAdIcon--ellispse {
background-position: 0 -143px;
width: 20px;
height: 20px
}
.c-fbAdIcon--globe {
background-position: -88px -48px;
width: 10px;
height: 11px;
margin-left: 4px
}
.c-fbAdIcon--chevronLeft {
background-position: 0 0
}
.c-fbAdIcon--chevronRight {
background-position: 0 -21px
}
.c-fbAdIcon--like {
background-position: -62px -163px;
width: 20px;
height: 20px
}
.c-fbAdIcon--share {
background-position: -84px -163px;
width: 20px;
height: 20px
}
.c-fbAdIcon--comment {
background-position: -42px -163px;
width: 20px;
height: 20px
}
.c-fbContent_container {
transition: 500ms
}
.c-fbAdContent_item {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px rgba(0, 0, 0, 0.1)
}
.c-fbAdContent_item--default {
width: 100%
}
.c-fbAdContent_item--carousel {
min-width: 300px;
margin-right: 6px
}
.c-fbAdContent_item--carouselMobile {
min-width: 230px;
margin-right: 10px;
border-radius: 4px
}
.c-fbAdContent_item--carouselMobile:first-of-type {
margin-left: 10px
}
.c-fbAdContent_item--mobile {
box-shadow: none
}
.c-fbAdContent_img {
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.c-fbAdContent_img--default {
height: 250px
}
.c-fbAdContent_img--defaultMobile {
padding-bottom: 52.188%
}
.c-fbAdContent_img--carousel {
height: 300px;
border: 1px solid rgba(0, 0, 0, 0.1)
}
.c-fbAdContent_img--carouselMobile {
width: 230px;
height: 230px;
border-radius: 4px 4px 0 0;
border: 1px solid rgba(0, 0, 0, 0.1)
}
.c-fbAdContent_title {
font-family: Helvetica, Arial, sans-serif
}
.c-fbAdContent_title--default {
font-family: Georgia, serif;
font-size: 18px;
font-weight: 500;
line-height: 22px;
margin-bottom: 5px;
max-height: 110px
}
.c-fbAdContent_title--mobile {
overflow: hidden;
-webkit-line-clamp: 2;
white-space: normal;
text-overflow: ellipsis;
font-size: 14px;
font-weight: bold;
line-height: 18px;
font-family: Helvetica, Arial, sans-serif
}
.c-fbAdContent_title--carousel {
-webkit-box-orient: horizontal;
display: -webkit-box;
height: 36px;
-webkit-line-clamp: 2;
line-height: 18px;
font-weight: bold;
font-size: 12px
}
.c-fbAdContent_title--carouselMobile {
font-size: 14px;
text-overflow: ellipsis
}
.c-fbAdContent_desc {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
max-height: 80px
}
.c-fbAdContent_section {
padding: 12px
}
.c-fbAdContent_section--mobile {
background-color: #e8eaee
}
.c-fbAdContent_details--default {
padding: 12px
}
.c-fbAdContent_details--carousel {
height: 54px;
padding: 6px 8px;
box-sizing: content-box
}
.c-fbAdContent_details--carouselMobile {
padding: 8px
}
.c-fbAdCarousel_actions {
position: absolute;
z-index: 1;
top: 0;
height: 100%
}
.c-fbAdCarousel_button {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 94px;
cursor: pointer;
transition: background-color 200ms
}
.c-fbAdCarousel_button--prev {
transform: translateX(-14px)
}
.c-fbAdCarousel_button--next {
transform: translateX(14px)
}
.c-fbAdCarousel_button--large {
width: 182px
}
.c-fbAdCarousel_button--hover {
background-color: rgba(233, 235, 238, 0.5)
}
.c-fbAdCarousel_action {
position: relative;
background-color: #ffffff;
border: 1.5px solid #dfe0e4;
border-radius: 2px;
line-height: 1;
padding: 8px 9px
}
.c-fbAdSeeMore {
font-size: 12px;
line-height: 1.2
}
.c-fbIconActions {
padding: 10px
}
.c-fbIconActions--mobile::before {
height: 1px;
width: 100%;
display: block;
margin: 15px 0 10px;
border-top: 1px solid #ced0d4;
content: ''
}
.c-fbIconAction {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
font-size: 12px;
font-weight: 600;
color: #616770
}
.c-instagramPreview {
font-family: Helvetica, Arial, sans-serif;
padding-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.3);
max-width: 320px
}
.c-igBrand_header {
height: 40px;
background-image: url("https://cdn-images.mailchimp.com/product/ads/instagram-action-sprite.png");
background-size: 321px 67px;
background-position: 0 0;
background-repeat: no-repeat
}
.c-igBrand_icon {
display: inline-block;
background-image: url("https://cdn-images.mailchimp.com/product/ads/instagram-action-sprite.png");
background-repeat: no-repeat;
background-size: auto;
height: 18px;
width: 21px
}
.c-igBrand_icon--chevron-right {
background-position: -123px -48px;
width: 16px;
height: 16px
}
.c-igBrand_icon--bookmark {
background-position: -85px -48px;
width: 18px;
height: 18px
}
.c-igBrand_icon--dot {
display: inline-block;
height: 3px;
width: 3px;
margin: 0 1px;
border-radius: 100px;
background-color: #000000
}
.c-igBrand_icon--heart {
background-position: 0 -48px
}
.c-igBrand_icon--bubble {
background-position: -44px -48px
}
.c-igBrand_icon--send {
background-position: -65px -48px
}
.c-igBrand_icon--action {
margin-right: 15px
}
.c-igPage_avatar {
width: 26px;
height: 26px;
margin-right: 8px;
border-radius: 100px
}
.c-igPageHandleContainer {
line-height: 1
}
.c-igPage_handleName {
font-size: 11px;
font-weight: 600;
font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
color: #111111;
line-height: 1.2
}
.c-igPage_handleName--secondary {
letter-spacing: 0;
display: inline-block;
margin-right: 3px
}
.c-igContentMeta {
font-size: 10px;
font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif
}
.c-igAdAttachment_img {
width: 100%;
height: 305px;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.c-igAdAttachment_singleImg {
width: 318px;
height: 100%
}
.c-igButtonContainer {
padding: 10px 10px 0
}
.c-igAdCta {
border-bottom: 1px solid #e9eaeb;
padding-bottom: 8px
}
.c-igAdButton {
color: #3397f0;
font-family: 'Freight Sans Bold', Helvetica, Arial, sans-serif !important;
font-weight: bold;
font-size: 12px;
text-align: left;
text-transform: capitalize
}
.c-igAdIconActions {
margin: 0 10px;
padding: 8px 0
}
.c-igAdContents {
margin: 0 10px
}
.c-igAdMessage {
text-align: left;
font-size: 11px;
line-height: 15px;
min-height: 60px;
letter-spacing: .5px;
font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical
}
.c-igAdCarousel_action {
background-image: url("https://cdn-images.mailchimp.com/product/ads/instagram-icon-sprite.png");
background-size: 49px 867px;
background-position: -19px -362px;
height: 32px;
width: 18px;
opacity: .5;
transition: 300ms;
cursor: pointer
}
.c-igAdCarousel_action:first-of-type {
background-position: 0 -362px
}
.c-igAdCarousel_action:hover {
opacity: 1
}
.c-igAdCarousel_actions {
position: absolute;
top: 50%;
z-index: 1;
width: 100%;
height: 35px;
padding: 0 20px;
transform: translateY(-50%)
}
.c-igAdCarousel_bullets {
position: absolute;
left: 50%;
transform: translateX(-50%)
}
.c-igAdCarousel_bullet {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 100px;
background-color: #3897f0;
margin: 0 2px
}
.c-igAdCarousel_bullet--deselected {
background-color: #c6c9cc
}
.c-igAdImageContainer {
transition: 500ms ease-in-out
}
.segment-condition {
padding-top: 15px;
clear: left
}
.segment-condition select {
margin: 0;
width: auto
}
@media only screen and (max-width:31.25em) {
.segment-condition select {
width: 100%
}
}
.segment-condition input {
width: auto;
margin-bottom: 0
}
.segment-condition .radio,
.segment-condition .checkbox {
min-width: 210px;
line-height: 36px;
margin-bottom: 0;
cursor: pointer
}
.segment-condition:only-child {
border-bottom: none
}
.segment-condition:only-child .condition-actions {
margin-left: 0
}
.segment-condition:only-child .category-fields {
margin-left: 0
}
.segment-condition:only-child .delete-link {
display: none
}
.segment-condition .segment-unit {
margin-bottom: 18px
}
.segment-condition .category-fields {
margin-left: 40px
}
.segment-condition .delete {
-ms-transition: color .2s ease-out 0s;
transition: color .2s ease-out 0s;
line-height: 36px;
margin-right: 11px;
cursor: pointer;
color: var(--legacy-text-secondary-color)
}
.segment-condition .delete:hover {
color: var(--legacy-text-primary-color)
}
.segment-count-fixed {
position: fixed;
top: 60px;
margin: 0;
width: calc(100% - 40px);
background-color: var(--legacy-bg-lvl-1-color);
border-bottom: 1px solid #dedddc;
z-index: 1
}
.condition-actions {
clear: both;
margin: 0 0 18px 40px
}
.adv-segmentation {
max-width: 1300px
}
.adv-segmentation .action-row {
padding: 18px;
padding-left: 36px
}
.adv-segmentation .condition-row {
padding: 6px 36px 0 36px
}
.adv-segmentation .condition-row:first-of-type {
margin-top: 18px
}
.adv-segmentation .nested-group {
background-color: #efeeea;
border: 1px solid #dedddc;
border-radius: 3px;
margin: 12px 18px 18px 36px
}
.adv-segmentation .condition-row {
-ms-transition: background-color .2s ease-out 0s;
transition: background-color .2s ease-out 0s;
background-color: transparent
}
.adv-segmentation .condition-row.edit-mode {
box-shadow: 0 -1px 5px 2px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
background: var(--legacy-bg-lvl-1-color)
}
.adv-segmentation .condition-row.edit-mode .condition-block {
margin-right: 12px
}
.adv-segmentation .condition-row.view-mode .condition-block {
margin: 0 12px 12px 0
}
.adv-segmentation .condition-row .remove-row {
position: absolute;
top: 0;
left: 0
}
.adv-segmentation .condition-row .remove-row>a {
-ms-transition: color .2s ease-out 0s;
transition: color .2s ease-out 0s;
color: var(--legacy-text-secondary-color);
line-height: 30px
}
.adv-segmentation .condition-row .remove-row>a:hover {
color: var(--legacy-text-primary-color)
}
.adv-segmentation .flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap
}
.adv-segmentation .condition-block.segment-field,
.adv-segmentation .condition-block.segment-op {
-webkit-flex: 0 0 265px;
-ms-flex: 0 0 265px;
flex: 0 0 265px
}
@media only screen and (max-width:64em) {
.adv-segmentation .condition-block.segment-field,
.adv-segmentation .condition-block.segment-op {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
.adv-segmentation .condition-block.segment-value {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
min-width: 300px
}
.adv-segmentation .condition-block.segment-value .dojoxRating {
margin-left: 20px
}
.adv-segmentation .condition-block.segment-value .tag-input {
max-width: inherit
}
.adv-segmentation .condition-block .condition-value {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 12px 6px 0
}
@media only screen and (max-width:40em) {
.adv-segmentation .nested-conditions>li:not(:last-of-type) {
margin-bottom: 12px
}
}
.adv-segmentation .view-mode-label {
border-bottom: 1px dotted #bdbbb9;
font-weight: 500
}
.adv-segmentation .view-mode-label:not(:empty) {
padding: 0 12px 6px
}
.adv-segmentation .inline-copy {
white-space: nowrap
}
.adv-segmentation .email-marketing-status-container .dojoxCheckedMultiSelectButton {
margin-bottom: 0;
margin-right: 0
}
.adv-segmentation .segment-extra-select-store {
display: flex;
flex-flow: row wrap;
align-items: center
}
.adv-segmentation .segment-extra-select-store .store-copy {
padding-right: 10px;
padding-top: 7px
}
.adv-segmentation .segment-extra-select-store .freddicon {
padding-bottom: 5px
}
.bananaphone {
margin: 18px auto;
width: 350px;
height: 620px;
padding: 54px 12px 76px;
position: relative;
border: 2px solid #007c89;
border-radius: 35px;
overflow: hidden;
-ms-transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s
}
.bananaphone .iframe-wrapper {
position: relative;
border: 2px solid #dedddc;
width: 324px;
height: 484px
}
.bananaphone iframe {
width: 320px;
height: 480px
}
.bananaphone iframe.mobile-text {
background: var(--legacy-bg-lvl-1-color)
}
.landscape .bananaphone {
margin: -80px auto;
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.landscape .bananaphone iframe {
position: absolute;
top: 80px;
left: -80px;
width: 480px;
height: 320px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
min-height: 0 !important
}
.landscape .bananaphone.nochrome iframe {
top: 152px;
left: -90px
}
.bananaphone.nochrome {
width: 320px;
height: 640px;
padding: 0;
border: none;
overflow: visible;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none
}
.bananaphone.nochrome::after,
.bananaphone.nochrome::before {
display: none
}
.bananaphone.nochrome .iframe-wrapper {
border: none
}
.bananaphone.nochrome iframe {
border: 1px solid #dedddc
}
.merge-next,
.merge-back {
position: absolute;
top: 0
}
.merge-next {
right: 0
}
.merge-back {
left: 0
}
.sp-card {
width: 500px;
border: dashed 1px #000000;
padding: 30px
}
.disclosure-open,
.disclosure-closed {
color: var(--legacy-link-color);
cursor: pointer;
display: block;
padding-left: 18px
}
.disclosure-open::before,
.disclosure-closed::before {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e023";
margin-left: -18px;
position: relative;
color: var(--legacy-link-color)
}
.disclosure-open.border-above,
.disclosure-closed.border-above {
border-top: 1px solid #dedddc;
padding-top: 18px;
margin-top: 12px
}
.disclosure-open::before {
content: "\e024"
}
.numbered-step {
width: 20px;
height: 20px;
line-height: 20px;
font-weight: 500;
font-size: 1.4rem;
color: #ffffff;
background: #241c15;
border-radius: 50%;
text-align: center
}
.c-uidCopyButton {
overflow: hidden;
border: 0 none;
background: none;
border-radius: 0;
white-space: nowrap;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
--copyBtnColor: rgba(255, 255, 255, 0.5);
--copyBtnColorHover: #ffffff;
padding: 0;
color: var(--copyBtnColor);
margin-left: 6px
}
.c-uidCopyButton:hover {
background: transparent
}
.c-uidCopyButton:focus {
border: 0 none;
box-shadow: inset 0 0 0 2px #007c89
}
.c-uidCopyButton--light {
--copyBtnColor: #241c15;
--copyBtnColorHover: rgba(36, 28, 21, 0.65)
}
.c-uidCopyButton .copyIconSvg {
margin-left: 6px;
fill: var(--copyBtnColor)
}
.c-uidCopyButton:focus,
.c-uidCopyButton:hover {
color: var(--copyBtnColorHover)
}
.c-uidCopyButton:focus .copyIconSvg,
.c-uidCopyButton:hover .copyIconSvg {
fill: var(--copyBtnColorHover)
}
.onboarding {
width: 96px;
height: 96px;
display: block;
background: url("https://cdn-images.mailchimp.com/product/dashboard-onboarding-sprites.png") no-repeat;
background-size: 96px;
background-position: 0 0
}
.onboarding span {
display: inline-block;
text-indent: -9999em;
opacity: 0;
visibility: hidden;
position: absolute
}
.onboarding.create-campaigns {
background-position: 0 0
}
.onboarding.create-lists {
background-position: 0 -144px
}
.onboarding.signup-forms {
background-position: 0 -288px
}
.onboarding.invite-users {
background-position: 0 -432px
}
.onboarding.verify-domains {
background-position: 0 -576px
}
.c-sourcesChartNoData {
height: 204px
}
.add-btn {
float: right;
margin: 3px 0 0 0
}
@media screen and (max-width:31.25em) {
.add-btn {
float: none;
margin: 24px 0 0 0
}
}
.member-segment-nav .sort-selector-label {
display: none
}
.add-circle {
margin-right: 6px
}
.slats .add-circle {
margin: 0
}
.slats li .drop-target,
.slats li .drop-target-last {
visibility: hidden;
height: 0;
opacity: 0;
text-align: center;
padding: 0;
margin: 0;
color: #484848
}
.slats li.dojoDndItemOver.dojoDndItemBefore,
.slats li.dojoDndItemAfter+.dojoDndItem {
border-top: none
}
.slats li.dojoDndItemOver.dojoDndItemBefore .slat-dnd-display-container,
.slats li.dojoDndItemAfter+.dojoDndItem .slat-dnd-display-container {
border-top: solid 1px #dedddc;
padding-top: 15px
}
.slats li.dojoDndItemOver.dojoDndItemBefore::before,
.slats li.dojoDndItemAfter+.dojoDndItem::before {
border-radius: 6px;
font-size: 18px;
background: #ffeebf;
border: 2px dashed #d6b250;
color: #d6b250;
content: "Drop here";
display: block !important;
opacity: 1;
min-height: 36px;
visibility: visible;
margin: 0 0 12px;
padding: 6px 12px
}
.slats li:last-of-type.dojoDndItemAfter::after {
border-radius: 6px;
font-size: 18px;
background: #ffeebf;
border: 2px dashed #d6b250;
color: #d6b250;
content: "Drop here";
display: block !important;
opacity: 1;
min-height: 36px;
visibility: visible;
margin: 12px 0 0;
padding: 6px 12px
}
.action-bar .button,
.action-bar .button-small,
.action-bar .dijitSelect {
margin: 0 15px 0 0
}
.action-bar .dojoxTriStateCheckBox {
margin: 0 25px 0 0
}
@media screen and (max-width:40em) {
.action-bar .dojoxTriStateCheckBox {
display: none
}
}
.action-bar .filter-btn,
.action-bar .folders-btn {
display: inline-block
}
@media screen and (max-width:40em) {
.action-bar .filter-btn,
.action-bar .folders-btn {
width: 48%
}
}
@media screen and (max-width:40em) {
.action-bar .filter-btn {
float: right
}
}
.slats {
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.slats>ul {
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 0 15px
}
.slats>ul>li {
border-bottom: 1px solid #dedddc;
padding: 17px 0
}
.slats>ul>li:first-child {
border-top: 1px solid #dedddc
}
.slats.notopborder>ul>li:first-child {
border-top: none
}
.slats.with-hover>ul>li {
-ms-transition: background-color .2s ease-out 0s;
transition: background-color .2s ease-out 0s;
cursor: pointer
}
.slats.with-hover>ul>li:hover {
background-color: #ccebf3
}
.slats form {
padding-left: 54px
}
@media screen and (max-width:40em) {
.slats form {
padding-left: 0
}
}
.slats form label {
line-height: 1.5
}
.slats form .dijitCheckBox {
margin: 0 12px 0 0
}
.slats form .button {
margin-right: 11px
}
.slats form .feedback-block {
padding: 15px
}
.slats form>* {
font-size: inherit;
line-height: 1.5
}
.slats .form-wrapper {
padding: 0
}
.slats .form-wrapper .dijitContentPane {
margin-top: 18px
}
.slats .form-wrapper h2 {
padding-left: 54px
}
@media screen and (max-width:40em) {
.slats .form-wrapper h2 {
padding-left: 0
}
}
.slats .move-handle {
width: 0;
opacity: 0;
visibility: hidden;
-ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s
}
.slats .drag-mode .move-handle {
opacity: 1;
visibility: visible;
width: 30px
}
.slats .drag-mode .move-handle+.dijitCheckBox {
margin-right: 18px
}
@media screen and (max-width:40em) {
.slats .drag-mode .move-handle {
display: none
}
}
.slats .drag-mode .list-meta-container p,
.slats .drag-mode .list-meta-container h4 {
padding-left: 72px
}
@media screen and (max-width:40em) {
.slats .drag-mode .list-meta-container p,
.slats .drag-mode .list-meta-container h4 {
padding-left: 0
}
}
.meta .size1of2:first-child {
max-width: 100%
}
.meta .dijitCheckBox {
float: left;
margin: 3px 0 0;
position: relative;
z-index: 1
}
.meta .dijitCheckBox+img {
margin: 0 0 0 30px
}
@media screen and (max-width:64em) {
.meta .dijitCheckBox+img {
margin-left: 18px
}
}
.meta .dijitCheckBox+.freddicon,
.meta .dijitCheckBox+.c-slatIcon {
float: left;
margin-left: 30px
}
@media screen and (max-width:64em) {
.meta .dijitCheckBox+.freddicon,
.meta .dijitCheckBox+.c-slatIcon {
margin-left: 18px
}
}
@media screen and (max-width:40em) {
.meta .dijitCheckBox {
display: none
}
}
.meta .freddicon {
color: #959595
}
.meta .freddicon.star-fill::after,
.meta .freddicon.graystar-fill::after {
margin-right: -5px
}
.meta .tick-circle-large::after {
color: #72c1b0
}
.meta .warning {
color: #fed156
}
.meta .success {
color: #72c1b0
}
.meta .error {
color: #e85c41
}
.meta .published {
background-color: #c5e5de;
color: #484848
}
.meta .campaign-status {
float: left;
display: inline-block;
font-size: 42px
}
.meta h4 {
margin: 0
}
.meta p {
margin: 0
}
@media screen and (max-width:40em) {
.meta p+p {
margin-top: 6px
}
}
.meta h4,
.meta p {
padding-left: 52px
}
@media screen and (max-width:40em) {
.meta h4,
.meta p {
padding-left: 0
}
}
.meta .member-rating {
margin-top: 0
}
@media screen and (max-width:40em) {
.meta .member-rating {
margin-right: 12px
}
.meta .member-rating .freddicon {
vertical-align: baseline
}
}
.meta .number-container {
display: none
}
.meta .stats-container:hover .number-container {
display: inherit
}
.meta .stats-container:hover .percentage-container {
display: none
}
.cp-meta h4,
.cp-meta p {
padding-left: 123px
}
@media screen and (max-width:64em) {
.cp-meta h4,
.cp-meta p {
padding-left: 93px
}
}
@media screen and (max-width:40em) {
.cp-meta h4,
.cp-meta p {
padding-left: 0
}
}
.rss-children-list .cp-meta h4,
.rss-children-list .cp-meta p,
.landing-pages-list .cp-meta h4,
.landing-pages-list .cp-meta p {
padding-left: 0
}
@media screen and (max-width:60em) {
.cp-meta p {
margin-bottom: 6px
}
}
@media screen and (max-width:40em) {
.cp-meta+.meta-actions .dijitComboButton {
display: block
}
.cp-meta+.meta-actions .dijitStretch {
width: 93%
}
}
.unread .cp-meta::after {
content: "";
position: absolute;
top: 15px;
left: 30px;
background: #6dc5dc;
height: 12px;
width: 12px;
border-radius: 14px
}
.cp-meta .dijitCheckBox {
position: relative;
z-index: 1
}
.cp-meta .dotted-list {
padding-left: 122px
}
@media screen and (max-width:60em) {
.cp-meta .dotted-list {
padding-left: 0
}
}
.rss-children-list .cp-meta .dotted-list {
padding-left: 0
}
.rp-meta h4,
.rp-meta p {
padding-left: 0
}
.rp-meta-status h4,
.rp-meta-status p {
padding-left: 54px
}
@media screen and (max-width:40em) {
.rp-meta-status h4,
.rp-meta-status p {
padding: 0
}
}
.data {
text-align: left;
padding-left: 30px
}
.data h4,
.data p {
padding-left: 0
}
@media screen and (max-width:40em) {
.data {
padding-left: 45px;
margin-right: 30px
}
}
.swatch {
width: 12px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
vertical-align: baseline
}
.swatch.circle {
border-radius: 50%
}
.swatch.yellow {
background-color: #fed156
}
.swatch.red {
background-color: #ee836e
}
.swatch.green {
background-color: #72c1b0
}
.swatch.blue {
background-color: #52bad5
}
.swatch.gray {
background-color: #d0d0d0
}
.swatch.pattern {
background-image: url("https://cdn-images.mailchimp.com/product/diagonal-pattern.svg");
background-repeat: repeat
}
.swatch.matchMeter {
background-color: #008547
}
.conv-meta h4,
.conv-meta p {
padding-left: 15px
}
.conv-meta .media {
padding-left: 30px
}
@media screen and (max-width:40em) {
.conv-meta .media {
padding: 0 0 12px 0
}
}
@media screen and (max-width:40em) {
.conv-meta+.meta-actions .dijitComboButton {
display: block
}
.conv-meta+.meta-actions .dijitStretch {
width: 93%
}
.unread .conv-meta::after {
left: 0
}
}
.conv-meta .dijitCheckBox {
position: relative;
z-index: 1
}
.unread .msg-date {
padding: 0 0 0 18px;
margin: 3px 0 12px
}
.unread .msg-date::after {
content: "";
position: absolute;
top: 5px;
left: 0;
background: #6dc5dc;
height: 12px;
width: 12px;
border-radius: 14px
}
.meta-actions .button:last-child,
.meta-actions .button-small:last-child,
.meta-actions .dijitComboButton:last-child {
margin: 0
}
.meta-actions .new-comments-notification,
.meta-actions .new-conversation-notification {
margin: 0 12px 0 0
}
@media screen and (max-width:64em) {
.conversations-list .meta-actions.aresp {
padding-left: 130px
}
.meta-actions .new-comments-notification,
.meta-actions .new-conversation-notification {
position: absolute;
right: 0;
bottom: 17px;
margin-right: 0
}
.meta-actions .new-comments-notification:nth-of-type(2),
.meta-actions .new-conversation-notification:nth-of-type(2) {
margin-right: 48px
}
}
@media screen and (max-width:40em) {
.meta-actions.conv {
padding-left: 90px
}
.meta-actions .button-small {
width: 100%;
margin: 0
}
.meta-actions .button-small:first-child {
margin-bottom: 11px;
margin-top: 8px
}
.meta-actions .button-small:only-child {
margin: 0
}
}
.filter-btn,
.folders-btn {
margin-right: 15px
}
@media only screen and (max-width:40em) {
.filter-btn,
.folders-btn {
margin-right: 0
}
}
.mc-dijitMenu {
width: 20em !important
}
.mc-dijitMenu .dijitTooltipContainer {
padding: 0;
font-size: 1.6rem
}
.mc-dijitMenu .dijitTooltipContainer a {
display: block;
padding: 0 18px
}
@media screen and (max-width:40em) {
.mc-dijitMenu .dijitTooltipContainer {
bottom: 0;
right: 0;
left: 0;
top: 0;
position: absolute
}
}
@media screen and (max-width:40em) {
.mc-dijitMenu .dijitTooltipContents {
position: absolute;
background-color: var(--legacy-bg-lvl-1-color);
bottom: 6px;
top: 0;
left: 0;
right: 0;
overflow: hidden
}
}
.mc-dijitMenu .dijitTooltipConnector {
display: none
}
@media screen and (max-width:40em) {
.mc-dijitMenu {
width: 100% !important;
top: 0;
position: absolute;
bottom: 0;
padding-top: 0
}
}
@media screen and (max-width:40em) {
.mc-dijitMenu .cp-filter {
background-color: var(--legacy-bg-lvl-1-color);
bottom: 12px;
top: 12px
}
.mc-dijitMenu .cp-filter+div {
background-color: var(--legacy-bg-lvl-1-color);
bottom: 0;
position: absolute;
left: 0;
right: 0;
top: auto
}
}
.mc-dijitMenu .title {
border-bottom: 1px dotted #dedddc;
background-color: #dedddc;
border-radius: 6px 6px 0 0
}
.popup-list {
max-height: 20em
}
.cp-filter {
max-height: 24em !important
}
.cp-filter .dijitButtonContents::after {
right: 12px
}
.cp-filter .dijitSelect {
display: block
}
.cp-filter tbody {
width: 85%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.cp-filter .dijitButtonText {
text-align: left
}
.cp-filter+div {
padding: 12px 18px
}
.cp-filter,
.popup-list {
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.cp-filter li,
.popup-list li {
font-size: 1.4rem;
padding: 12px 18px;
cursor: pointer;
max-height: 48px
}
@media screen and (max-width:40em) {
.cp-filter li,
.popup-list li {
padding: 6px 18px;
max-height: 38px
}
}
.cp-filter li .freddicon,
.popup-list li .freddicon {
color: #b7b7b7
}
.cp-filter li:hover,
.popup-list li:hover,
.cp-filter li.selected,
.popup-list li.selected {
background-color: #e6f2f3
}
.cp-filter li:hover .badge,
.popup-list li:hover .badge,
.cp-filter li.selected .badge,
.popup-list li.selected .badge {
background-color: var(--legacy-bg-lvl-1-color);
color: var(--legacy-text-primary-color)
}
.cp-filter li.selected,
.popup-list li.selected {
background-color: #cce5e7
}
.cp-filter li:first-child,
.popup-list li:first-child,
.cp-filter li:first-child+li,
.popup-list li:first-child+li {
border-radius: 6px 6px 0 0
}
@media screen and (max-width:40em) {
.cp-filter li:first-child,
.popup-list li:first-child,
.cp-filter li:first-child+li,
.popup-list li:first-child+li {
border-radius: 0
}
}
.cp-filter li.empty-message:hover,
.popup-list li.empty-message:hover {
background-color: transparent;
color: var(--legacy-text-primary-color);
cursor: auto
}
.cp-filter .dijitOffScreen,
.popup-list .dijitOffScreen {
left: auto !important
}
.cp-filter .dijitInlineEditBoxDisplayMode,
.popup-list .dijitInlineEditBoxDisplayMode {
outline: 0 none
}
.cp-filter .dijitInlineEditBoxDisplayMode a,
.popup-list .dijitInlineEditBoxDisplayMode a,
.cp-filter .dijitInlineEditBoxDisplayMode span,
.popup-list .dijitInlineEditBoxDisplayMode span {
float: left;
display: inline-block
}
.cp-filter .dijitInlineEditBoxDisplayMode a,
.popup-list .dijitInlineEditBoxDisplayMode a {
padding: 0 0 0 18px;
line-height: inherit;
display: none
}
@media screen and (max-width:40em) {
.cp-filter .dijitInlineEditBoxDisplayMode a,
.popup-list .dijitInlineEditBoxDisplayMode a {
position: absolute;
right: 66px
}
.cp-filter .dijitInlineEditBoxDisplayMode a.edit,
.popup-list .dijitInlineEditBoxDisplayMode a.edit {
right: 18px
}
}
.cp-filter .dijitInlineEditBoxDisplayMode a:hover,
.popup-list .dijitInlineEditBoxDisplayMode a:hover {
color: var(--legacy-text-primary-color)
}
.cp-filter .dijitInlineEditBoxDisplayMode span,
.popup-list .dijitInlineEditBoxDisplayMode span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.cp-filter .badge,
.popup-list .badge {
display: inline-block
}
.cp-filter .dijitTextBox,
.popup-list .dijitTextBox {
margin: 15px;
max-width: 20em
}
.cp-filter.filter-list li:hover,
.popup-list.filter-list li:hover,
.cp-filter.filter-list li.selected,
.popup-list.filter-list li.selected {
background-color: transparent
}
.cp-filter li,
.height-normal li {
max-height: inherit
}
@media screen and (max-width:40em) {
.cp-filter li,
.height-normal li {
max-height: inherit
}
}
.popup-list .dijitInlineEditBoxDisplayMode span {
width: 70%
}
.popup-list label {
padding: 0;
text-indent: 0
}
.edit-mode .dijitInlineEditBoxDisplayMode .badge {
display: none
}
.edit-mode .dijitInlineEditBoxDisplayMode a {
display: inline-block
}
.cp-footer {
padding: 18px;
border-top: 1px solid #dedddc;
cursor: pointer;
font-weight: 500;
font-size: 1.4rem !important
}
@media screen and (max-width:40em) {
.cp-footer {
padding: 6px
}
}
.close-popover {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 0 6px;
text-align: right;
color: #959595;
z-index: 12
}
.folder-archive {
border-top: 1px solid #dedddc;
padding: 12px 0 !important;
font-size: 1.4rem !important
}
@media screen and (max-width:40em) {
.folder-archive {
padding: 6px !important
}
}
.switcher {
max-height: 30em;
overflow-y: auto;
min-width: 20em;
width: auto;
margin: 6px 0
}
.switcher>li>a {
padding-right: 30px !important
}
.switcher .withdates {
position: relative;
max-width: 450px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 130px !important
}
.switcher .withdates .small-meta {
position: absolute;
right: 15px
}
.error-message {
max-width: 10000px
}
.adaHistoryButton {
border-style: solid;
border-width: 1px;
border-color: rgba(36, 28, 21, 0.3);
line-height: 20px;
font-size: 1.3rem;
height: 30px;
text-transform: none;
color: #241c15;
background-color: #ffffff;
-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
margin: 0 10px 2px
}
.adaHistoryButton:visited {
color: #241c15
}
.adaHistoryButton:hover {
cursor: pointer;
color: #241c15;
background-color: #e6e6e6
}
.adaHistoryButton:focus {
border: 1px solid #007c89;
box-shadow: inset 0 0 0 1px #007c89;
outline-width: 0
}
.adaHistoryButton:active,
.adaHistoryButton.active {
background-color: #d9d9d9
}
.adaHistoryButton[disabled],
.adaHistoryButton.disabled,
.adaHistoryButton.loading {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.adaHistoryButton[disabled].button--onDarkBg,
.adaHistoryButton.disabled.button--onDarkBg,
.adaHistoryButton.loading.button--onDarkBg {
opacity: .3
}
.adaHistoryButton.disabled.clickable {
pointer-events: all
}
.adaHistoryButton:focus {
border: .5px solid #007c89;
outline: 1px solid #007c89;
outline-offset: 1px
}
.adaHistoryButton:hover {
border-color: #007c89;
color: #007c89;
background-color: #f6f6f4
}
.c-activityTimeline .activity-date {
width: 134px
}
@media only screen and (max-width:40em) {
.c-activityTimeline .activity-date {
width: 96px
}
}
.c-activityTimeline>ul>li {
border: 2px solid #dedddc;
border-radius: 6px;
-ms-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
position: relative
}
.c-activityTimeline>ul>li::before {
content: '';
position: absolute;
top: -31px;
width: 2px;
height: 22px;
background: #e0e0e0;
left: 65px
}
@media only screen and (max-width:40em) {
.c-activityTimeline>ul>li::before {
left: 46px
}
}
.c-activityTimeline .activity-meta {
width: 134px
}
@media only screen and (max-width:40em) {
.c-activityTimeline .activity-meta {
width: 96px
}
}
.c-activityTimeline .activity-time {
margin-bottom: 18px
}
@media only screen and (max-width:40em) {
.c-activityTimeline .activity-time {
margin-bottom: 12px
}
}
.c-activityTimeline .activity-content {
-webkit-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
width: calc(100% - 134px);
word-wrap: break-word
}
@media only screen and (max-width:40em) {
.c-activityTimeline .activity-content {
width: calc(100% - 96px)
}
}
.c-activityTimeline .activity-icon {
height: 60px;
width: 60px;
border-radius: 50%
}
.c-activityTimeline .activity-icon.success {
background-color: #c5e5de
}
.c-activityTimeline .activity-icon.error {
background-color: #f5b7ab
}
.c-activityTimeline .activity-icon.info {
background-color: #b1e0ec
}
.c-activityTimeline .activity-sprite {
background-image: url(/release/1.1.1ad5a140f36e126fff5e42743866ce770b1c79944/css/icons/dashboard-sprites.svg);
background-size: 30px auto;
background-repeat: no-repeat;
background-color: transparent;
background-position: 2px 0;
width: 35px;
height: 30px;
margin: 15px auto
}
.c-activityTimeline .activity-sprite.report {
background-position: 2px -30px
}
.c-activityTimeline .activity-sprite.campaign-sent {
background-position: 2px -60px
}
.c-activityTimeline .activity-sprite.campaign-opened {
background-position: 2px -90px
}
.c-activityTimeline .activity-sprite.campaign-clicked {
background-position: 2px -120px
}
.c-activityTimeline .activity-sprite.campaign-purchase {
background-position: 2px -150px
}
.c-activityTimeline .activity-sprite.subscribe {
background-position: 2px -270px
}
.c-activityTimeline .activity-sprite.unsubscribe {
background-position: 2px -180px
}
.c-activityTimeline .activity-sprite.abuse-report {
background-position: 2px -210px
}
.c-activityTimeline .activity-sprite.bounced {
background-position: 2px -240px
}
.c-activityTimeline .activity-sprite.import {
background-position: 2px -300px
}
.c-activityTimeline .activity-sprite.inbox-inspection {
background-position: 2px -331px
}
.c-activityTimeline .activity-sprite.profile-update {
background-position: 2px -361px
}
.c-activityTimeline .activity-sprite.forward-to-friend {
background-position: 2px -389px
}
.c-activityTimeline .activity-sprite.facebook-like {
background-position: 2px -419px
}
.c-productListing {
width: 235px
}
@media only screen and (max-width:40em) {
.c-productListing {
max-width: 100%;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start
}
}
.c-productListing_img {
width: 62px;
height: 62px;
background-color: #f2f2f2;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
min-width: 62px;
margin-right: 18px
}
@media only screen and (max-width:40em) {
.c-productListing_img {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
}
.c-productListing_quantity {
position: absolute;
top: -10px;
right: -8px;
line-height: 18px;
background-color: #52bad5;
color: #ffffff;
box-shadow: 0 0 0 2px #ffffff;
text-align: center
}
.c-productListing_title {
line-height: 20px;
vertical-align: middle
}
.c-productListing_tooltip {
background-color: var(--legacy-bg-lvl-1-color);
border: 1px solid #dedddc;
width: 315px;
min-height: 125px;
top: 25px;
left: -9999px;
box-shadow: 0 0 9px 0 rgba(183, 183, 183, 0.3);
opacity: 0
}
.c-productListing_tooltip .c-productListing_img {
width: 98px;
height: 98px
}
.c-productListing_tooltip .c-productListing_desc {
max-width: 175px
}
.c-productListing:hover .c-productListing_tooltip {
-webkit-animation: fadeIn .1s linear .75s 1 normal;
animation: fadeIn .1s linear .75s 1 normal;
animation-fill-mode: forwards
}
@-webkit-keyframes fadeIn {
0% {
left: -9999px;
opacity: 0
}
50% {
left: 25px;
opacity: 0
}
100% {
left: 25px;
opacity: 1
}
}
@keyframes fadeIn {
0% {
left: -9999px;
opacity: 0
}
50% {
left: 25px;
opacity: 0
}
100% {
left: 25px;
opacity: 1
}
}
.c-callout {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.c-callout-card {
padding: 12px;
line-height: 21px
}
@media screen and (max-width:64em) {
.c-callout-card {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 18px
}
}
.closeConfirmed {
margin: 60px auto 0;
max-width: 635px
}
.closeConfirmed__header {
background-color: var(--legacy-bg-lvl-3-color);
text-align: center
}
.closeConfirmed__title {
font-size: 3.6rem
}
.closeConfirmed__lineItem {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.closeConfirmed__supportLink {
text-align: center
}
.calendlyPromptCard {
margin: 24px auto 0;
max-width: 635px
}
.calendlyPromptCard__text {
font-size: 19px;
font-family: 'Means Web', var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
font-weight: 400
}
.calendlyPromptCard__interviewLink {
text-align: center
}
.calendlyPromptCard__CTAtext {
color: #007c89 !important
}
.closeSurveyCard__buttonContainer {
text-align: center
}
.closeSurveyCard__CTAtext {
border: 1px solid #007c89 !important;
color: #007c89 !important
}
.c-wizardBasicContent--classic {
top: 60px;
bottom: 60px;
z-index: 3
}
.c-wizardBasicContent--simple {
top: 60px;
bottom: 0;
z-index: 3
}
.c-wizardBasicContent--fixedColumn {
border-bottom: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: inherit
}
@media only screen and (min-width:64em) {
.c-wizardBasicContent--fixedColumn {
border-bottom: none;
position: fixed;
top: 60px
}
}
.website .av-neapolitan-content {
top: 136px;
bottom: 0
}
.website .progress-bar--current {
color: #241c15 !important;
border-bottom: 4px solid #007c89
}
.website .progress-bar--step::after {
content: ""
}
.website .progress-bar--step:last-child::after {
content: ""
}
.website .progress-bar--step:hover {
color: var(--legacy-text-primary-color)
}
.website .c-wizardLink--bottom {
line-height: 72px;
margin: 0 6px;
padding: 0 12px;
font-weight: 500;
color: rgba(36, 28, 21, 0.5)
}
.website .c-wizardLink--bottom:hover,
.website .c-wizardLink--bottom:focus {
color: var(--legacy-text-primary-color)
}
.website .c-wizardLink--step {
line-height: 72px;
margin: 0 6px;
padding: 0 12px;
font-weight: 500;
color: rgba(36, 28, 21, 0.5)
}
.website .c-wizardLink--step:hover {
color: #ffffff
}
.website .review-button {
margin-top: 12px;
margin-right: 24px
}
.website .site-back-button {
color: #241c15;
line-height: 76px;
font-weight: 500;
padding: 0 18px;
margin: 0;
transition: background-color .3s ease-in-out
}
.website .site-back-button .freddicon {
color: #241c15;
margin-right: 6px
}
.siteProgress {
top: 60px;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4)
}
.c-wizardNavigation {
height: 60px;
color: rgba(255, 255, 255, 0.5)
}
.c-wizardNavigation--overlay {
color: rgba(36, 28, 21, 0.65)
}
.c-wizardNavigation--overlay .badge {
background-color: #ffffff;
margin-right: 12px
}
.c-wizardButton {
margin-top: 14px
}
.c-wizardLink--top,
.c-wizardLink--top a {
color: rgba(255, 255, 255, 0.5);
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s
}
.stayopen .c-wizardLink--top,
.stayopen .c-wizardLink--top a,
.c-wizardLink--top:hover,
.c-wizardLink--top a:hover,
.c-wizardLink--top:focus,
.c-wizardLink--top a:focus {
color: #ffffff
}
@media only screen and (max-width:64em) {
.stayopen .c-wizardLink--top,
.stayopen .c-wizardLink--top a,
.c-wizardLink--top:hover,
.c-wizardLink--top a:hover,
.c-wizardLink--top:focus,
.c-wizardLink--top a:focus {
color: var(--legacy-interactive-color)
}
}
.c-wizardLink--overlay {
color: var(--color-icon-primary);
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s
}
.c-wizardLink--overlay:hover,
.c-wizardLink--overlay:focus {
color: var(--color-icon-primary)
}
.c-wizardLink--bottom {
color: rgba(255, 255, 255, 0.5)
}
.c-wizardLink--bottom:hover,
.c-wizardLink--bottom:focus {
color: #ffffff
}
.c-wizardLink--step {
color: rgba(255, 255, 255, 0.5)
}
.c-wizardLink--step .freddicon {
color: rgba(255, 255, 255, 0.5)
}
.c-wizardLink--step:hover {
color: #ffffff;
background: #007c89
}
.c-wizardLink--step:hover .freddicon {
color: #ffffff
}
.wizard-freddie {
-ms-transition: all 0.29s ease-in-out 0s;
transition: all 0.29s ease-in-out 0s;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 93px;
height: 60px
}
.wizard-freddie:hover {
background-color: #040302
}
.wizard-title {
left: 108px
}
.wizard-title .campaign-title {
line-height: 60px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@media only screen and (min-width:105em) {
.wizard-title .campaign-title {
max-width: 84em
}
}
@media only screen and (max-width:105em) {
.wizard-title .campaign-title {
max-width: 52.5em
}
}
@media only screen and (max-width:85.375em) {
.wizard-title .campaign-title {
max-width: 42.6875em
}
}
@media only screen and (max-width:75em) {
.wizard-title .campaign-title {
max-width: 37.5em
}
}
@media only screen and (max-width:64em) {
.wizard-title .campaign-title {
max-width: 32em
}
}
@media only screen and (max-width:40em) {
.wizard-title .campaign-title {
max-width: 24em
}
}
@media only screen and (max-width:31.25em) {
.wizard-title .campaign-title {
max-width: 18.75em
}
}
.exitnav .right-edge {
top: 60px;
border-radius: 0 0 2px 2px;
border-top: 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12)
}
@media only screen and (max-width:64em) {
.exitnav .right-edge {
width: 100% !important;
top: 0;
position: inherit !important;
border-radius: 0;
border: 0;
box-shadow: none
}
}
.goToNextStepContainer.disabled>* {
opacity: .4;
pointer-events: none
}
.progress-bar--step::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e023";
position: absolute;
top: 20px;
right: -10px;
color: rgba(255, 255, 255, 0.5)
}
.progress-bar--step:last-child::after {
content: ""
}
.progress-bar--substep {
color: rgba(255, 255, 255, 0.5)
}
.progress-bar--substep::after {
content: "|";
position: absolute;
top: 18px;
right: -6px;
color: rgba(255, 255, 255, 0.5)
}
.progress-bar--nonlinear::after {
content: "|";
position: absolute;
top: 18px;
right: -6px
}
.progress-bar--current {
color: #ffffff !important
}
.absplit-a ul.hover-list ul li,
.absplit-b ul.hover-list ul li,
.subject ul.hover-list ul li {
padding: 6px 15px
}
.c-deliveryOptions_button {
margin-left: 18px
}
.c-deliveryOptions_button:first-child {
margin: 0
}
.c-deliveryOptions_button:only-child {
margin-right: 18px
}
@media only screen and (max-width:40em) {
.c-deliveryOptions .dijitStretch {
width: auto
}
}
.c-contactInfoModal .dijitDialogPaneContent {
overflow: hidden
}
.ar-send input,
.ar-send select {
width: auto
}
.goal-events-container .add-delete {
margin-top: 6px;
margin-right: 12px !important
}
.goal-events-container .add-delete {
display: none
}
.goal-events-container.multiple-on .add-delete {
display: block
}
.add-button {
border-bottom: none
}
.c-simpleWizardContinueBtn {
margin: 0
}
@media only screen and (max-width:64em) {
.c-simpleWizardContinueBtn {
background-color: var(--legacy-bg-lvl-1-color);
color: var(--legacy-text-primary-color);
height: auto;
padding: 12px 18px;
text-align: left;
width: 100%
}
.c-simpleWizardContinueBtn:visited {
color: var(--legacy-text-primary-color)
}
.c-simpleWizardContinueBtn:hover {
background-color: var(--legacy-bg-lvl-1-color);
color: var(--legacy-interactive-color)
}
}
@media only screen and (min-width:64em) {
.c-simpleWizardContinueBtn_wrapper {
border-left: 1px solid rgba(255, 255, 255, 0.2);
margin: 12px 0;
padding: 0 48px
}
}
.c-contextualScrollRow {
top: 60px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
padding: 18px 30px
}
.c-recipientCountBar {
line-height: 32px
}
.c-recipientCountBar_circularLoader {
height: 24px
}
@media only screen and (max-width:64em) {
.c-wizardLink--top {
color: #484848
}
.hover-item {
border-bottom: 1px solid #dedddc
}
.divider {
display: none !important
}
.stayopen .c-wizardLink--top {
background-color: #ccebf3;
color: #2c9ab7
}
.stayopen .c-wizardLink--top::after {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.wizard-menu-nav {
background: var(--legacy-bg-lvl-1-color);
display: none;
position: fixed;
width: 100%;
left: 0;
top: 60px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12)
}
.active+.wizard-menu-nav {
display: block
}
.wizard-menu-nav li {
float: none
}
.wizard-menu-nav .hover-link:hover {
background-color: #ccebf3
}
.wizard-menu-nav .hover-link::after {
float: right
}
.exitnav .mobile-top-nav {
display: block;
cursor: pointer
}
.exitnav .mobile-top-nav.active {
background-color: #484848
}
.hover-list ul a {
padding: 18px 18px 18px 30px
}
.hover-list ul a:hover {
color: #2c9ab7
}
.c-topSliderPane .mobile-top-nav {
color: var(--legacy-text-primary-color)
}
}
.grid-slat-module [class*="grid-"]:not([class*="dijitComboButton"]) {
vertical-align: middle;
display: inline-block;
margin-right: 18px
}
.grid-slat-module li:first-child {
border-top: 1px solid #dedddc
}
.grid-slat-module li {
padding: 18px 0;
border-bottom: 1px solid #dedddc;
position: relative
}
.grid-slat-module h4,
.grid-slat-module p {
margin: 0;
word-wrap: break-word
}
.grid-slat-module .no-data p {
margin: 0 auto
}
.grid-slat-module .c-noDataBlock_message {
margin: 0 auto
}
.grid-slat-module .size::after {
content: " \00b7 "
}
.grid-slat-module .grid-actions {
position: absolute;
right: 0;
top: 18px;
margin: 0
}
@media only screen and (max-width:40em) {
.grid-slat-module .grid-actions {
position: static;
width: 100%;
margin-top: 12px
}
.grid-slat-module .grid-actions a {
margin: 0;
display: block
}
}
.grid-image {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
height: 72px;
width: 72px
}
.grid-image-purchased {
height: 80px;
width: 120px
}
.templates-list-item .grid-meta,
.templates-list-item .dijitCheckBox {
vertical-align: top
}
.slat-template-image {
height: 90px;
border: 1px solid #dedddc;
margin-left: 18px
}
@media screen and (max-width:40em) {
.slat-template-image {
margin-left: 0
}
}
.grid-active [class*="grid-"] {
display: block;
margin: 0;
padding-bottom: 18px
}
.grid-active ul {
width: 100%
}
.grid-active li {
float: left;
padding: 0;
border-bottom: 0 none;
width: 19.2%;
margin: 0 .5% 36px
}
.grid-active li:nth-child(5n) {
clear: right;
margin-right: 0
}
.grid-active li:nth-child(5n + 1) {
margin-left: 0;
clear: left
}
@media only screen and (max-width:1900px) {
.grid-active li {
width: 24%;
margin: 0 .66666667% 36px
}
.grid-active li:nth-child(5n),
.grid-active li:nth-child(5n + 1) {
clear: none;
margin: 0 .66666667% 36px
}
.grid-active li:nth-child(4n) {
clear: right;
margin-right: 0
}
.grid-active li:nth-child(4n + 1) {
margin-left: 0;
clear: left
}
}
@media only screen and (max-width:1400px) {
.grid-active li {
width: 32%;
margin: 0 1% 36px
}
.grid-active li:nth-child(5n),
.grid-active li:nth-child(5n + 1),
.grid-active li:nth-child(4n),
.grid-active li:nth-child(4n + 1) {
clear: none;
margin: 0 1% 36px
}
.grid-active li:nth-child(3n) {
clear: right;
margin-right: 0
}
.grid-active li:nth-child(3n + 1) {
margin-left: 0;
clear: left
}
}
@media only screen and (max-width:64em) {
.grid-active li {
width: 48%;
margin: 0 2% 36px
}
.grid-active li:nth-child(5n),
.grid-active li:nth-child(5n + 1),
.grid-active li:nth-child(4n),
.grid-active li:nth-child(4n + 1),
.grid-active li:nth-child(3n),
.grid-active li:nth-child(3n + 1) {
clear: none;
margin: 0 2% 36px
}
.grid-active li:nth-child(2n) {
clear: right;
margin-right: 0
}
.grid-active li:nth-child(2n + 1) {
margin-left: 0;
clear: left
}
}
@media only screen and (max-width:40em) {
.grid-active li {
width: 96%;
display: block
}
.grid-active li:nth-child(n) {
margin: 0 .5% 36px
}
}
.grid-active .template-wrap {
padding: 18px;
border: 1px solid #dedddc
}
@media only screen and (max-width:1600px) {
.grid-active .template-wrap {
padding: 12px
}
}
.grid-active .grid-image {
height: 0;
width: 100%;
padding-bottom: 66.67%
}
.grid-active span {
display: block
}
.grid-active .size::after {
content: ""
}
.template-wrap {
border-radius: 4px;
border: 1px solid #dedddc
}
.template-wrap .grid-image {
padding-bottom: 125%;
background-position: center top;
border: 1px solid #dedddc
}
.code-own .template-wrap .grid-image {
background-size: 50% auto;
background-position: center center;
background-color: #f2f2f2
}
.template-wrap .grid-meta {
word-wrap: break-word;
font-weight: 500;
font-size: 15px;
padding-left: 18px
}
@media only screen and (max-width:1600px) {
.template-wrap .grid-meta {
padding-left: 12px
}
}
.template-wrap .grid-meta p {
font-size: 13px;
line-height: 18px;
margin-bottom: 6px
}
.template-wrap .grid-meta p:first-child {
font-size: 15px
}
@media only screen and (max-width:1280px) {
.template-wrap .grid-meta p:first-child {
font-size: 13px
}
}
.template-wrap .button,
.template-wrap .link,
.template-wrap .card-actions p {
left: 18px;
right: auto;
bottom: 0
}
@media only screen and (max-width:1600px) {
.template-wrap .button,
.template-wrap .link,
.template-wrap .card-actions p {
left: 12px
}
}
.template-wrap .card-actions p {
bottom: 18px
}
.template-wrap.selected {
border: 2px solid #95d1c4 !important
}
.template-wrap.selected .button {
background-color: #95d1c4;
color: #ffffff
}
.template,
.template-meta {
width: 50%
}
.template-meta {
height: 0;
padding-bottom: 62.5%
}
@media only screen and (max-width:40em) {
.c-templateContainer .folders-btn {
margin-bottom: 24px
}
}
#template-container_tablist {
position: absolute;
top: 0
}
#template-container_tablist~.dijitTabContainerTop-container .dijitTabContainerTop-dijitContentPane {
padding-top: 54px
}
@media only screen and (max-width:40em) {
#template-container_tablist~.dijitTabContainerTop-container .dijitTabContainerTop-dijitContentPane {
padding-top: 84px
}
}
.swm #template-container_tablist~.dijitTabContainerTop-container .dijitTabContainerTop-dijitContentPane {
padding-top: 0
}
.c-codeEditorContainer fieldset {
padding-bottom: 24px !important
}
.c-codeEditorContainer .CodeMirror {
top: 0;
bottom: 60px;
position: absolute;
width: 100%;
height: auto
}
.c-codeEditor {
top: 60px;
bottom: 60px
}
.drag-split {
position: absolute;
top: 0;
bottom: 0;
right: -5px;
width: 12px;
cursor: col-resize;
z-index: 4
}
.html-url .field-wrapper.with-button,
.html-paste .field-wrapper.with-button {
margin-right: 18px
}
.html-url .field-wrapper.with-button input,
.html-paste .field-wrapper.with-button input {
padding-right: 90px
}
.html-url .field-wrapper.with-button .button,
.html-paste .field-wrapper.with-button .button {
opacity: 1 !important
}
.html-url fieldset.section,
.html-paste fieldset.section {
margin-bottom: 30px !important
}
@media only screen and (max-width:40em) {
.c-templateControls .folders-btn {
width: 100%
}
.c-templateControls .button,
.c-templateControls .dijitSelect {
display: inline-block;
margin: 0
}
.c-templateControls .c-templateSelect {
margin-bottom: 18px
}
.c-templateControls .c-templateSort {
margin-right: 12px
}
}
@media only screen and (max-width:40em) {
.template-list .dijitCheckBox {
display: none
}
.template-list .slat-template-image {
float: left
}
.template-list .grid-meta {
display: inline
}
}
.sidebar-left .split-left {
left: 0;
width: 456px;
border-right: 1px solid #dedddc;
-ms-transition: left .25s cubic-bezier(.7, 0, .175, 1) 0s;
transition: left .25s cubic-bezier(.7, 0, .175, 1) 0s
}
.sidebar-left .split-right {
right: 0;
width: calc(100% - 456px)
}
.sidebar-left .drawer-tab {
position: absolute;
top: 21px;
left: 456px;
cursor: pointer
}
.sidebar-left .drawer-tab::after {
content: "\e023";
font-family: 'freddicons';
display: none;
font-size: 20px;
width: 39px;
height: 40px;
line-height: 40px;
background: var(--legacy-bg-lvl-1-color);
border: 1px solid #dedddc;
border-left: none;
border-radius: 0 6px 6px 0;
text-align: center
}
.sidebar-right .split-left {
left: 0;
width: calc(100% - 456px)
}
.sidebar-right .split-right {
right: 0;
width: 456px;
border-left: 1px solid #dedddc;
-ms-transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s;
transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s
}
.sidebar-right .drawer-tab {
position: absolute;
top: 21px;
left: -40px;
cursor: pointer
}
.sidebar-right .drawer-tab::after {
content: "\e021";
font-family: 'freddicons';
display: none;
font-size: 20px;
width: 39px;
height: 40px;
line-height: 40px;
background: var(--legacy-bg-lvl-1-color);
border: 1px solid #dedddc;
border-right: none;
border-radius: 6px 0 0 6px;
text-align: center
}
@media only screen and (max-width:64em) {
.sidebar-left .split-left {
z-index: 2;
left: -456px;
background: var(--legacy-bg-lvl-1-color)
}
.sidebar-left .split-right {
z-index: 1;
width: 100% !important
}
.sidebar-left .drawer-tab::after {
display: block
}
.sidebar-right .split-left {
z-index: 1;
width: 100%
}
.sidebar-right .split-right {
z-index: 2;
right: -456px;
background: var(--legacy-bg-lvl-1-color)
}
.sidebar-right .drawer-tab::after {
display: block
}
body.open-drawer .sidebar-left .split-left {
left: 0
}
body.open-drawer .sidebar-left .drawer-tab::after {
content: "\e021"
}
body.open-drawer .sidebar-right .split-right {
right: 0
}
body.open-drawer .sidebar-right .drawer-tab::after {
content: "\e023"
}
}
.sidebar-section {
border-bottom: 1px solid #d0d0d0
}
.sidebar-section:last-child {
border-bottom: none
}
.split-wrapper .column fieldset {
padding: 0
}
.c-templateSelection.minimal {
margin-left: -6px;
margin-right: -6px
}
.c-templateSelection.minimal .c-templateSelection_item {
padding-left: 6px;
padding-right: 6px
}
.c-templateSelection.minimal .c-templateSelection_item .c-choiceCard_innerContainer {
text-align: center;
height: 210px;
position: relative;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center
}
.c-templateSelection.minimal .c-templateSelection_item .c-choiceCard_innerContainer .c-templateSelection_item_icon {
text-align: center
}
.c-templateSelection.minimal .c-templateSelection_item .c-choiceCard_innerContainer .c-templateSelection_item_icon svg {
width: 24px;
height: 24px
}
.c-templateSelection.minimal .c-templateSelection_item .c-choiceCard_innerContainer .c-templateSelection_item_overlay {
display: none
}
.c-templateSelection.minimal .c-templateSelection_item .c-choiceCard_innerContainer:hover {
border-color: transparent
}
.c-templateSelection.minimal .c-templateSelection_item .c-choiceCard_innerContainer:hover .c-templateSelection_item_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: visibility, opacity .15s ease-in-out;
border: 2px solid #007c89
}
.importHtmlModal {
max-width: 800px;
width: 100%
}
.importHtmlModal .fileInput-parentContainer>*+* {
margin-top: 6px
}
.importHtmlModal .fileInput-parentContainer .fileInput-warning {
border: 1px solid #dbd9d2;
background: #f6f6f4;
border-radius: 4px
}
.importHtmlModal .fileInput-parentContainer .fileInput-warning .warning-icon {
margin-right: 9px
}
.importHtmlModal .fileInput-parentContainer .fileInput-warning .warning-description {
color: #241c15
}
.importHtmlModal .fileInput-parentContainer .fileInput-container {
border-radius: 4px;
border: 1px dashed #dbd9d2;
background: #ffffff;
height: auto;
min-height: 129px;
width: 100%;
transform: none;
transition: border 200ms ease-in-out 0s, background-color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
word-wrap: break-word;
overflow-wrap: break-word
}
.importHtmlModal .fileInput-parentContainer .fileInput-container:first-child {
margin-top: 0
}
.importHtmlModal .fileInput-parentContainer .fileInput-container:hover {
border: 1px dashed #241c15;
background: #ffffff
}
.importHtmlModal .fileInput-parentContainer .fileInput-container .fileInput-title {
color: #241c15
}
.importHtmlModal .fileInput-parentContainer .fileInput-container .fileInput-title:first-child {
margin-top: 0
}
.importHtmlModal .fileInput-parentContainer .fileInput-container .fileInput-description {
color: #484848;
text-wrap: auto;
text-transform: none
}
.importHtmlModal .fileInput-parentContainer .fileInput-container .fileinput {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute !important;
white-space: nowrap;
width: 1px
}
.importHtmlModal .fileInput-parentContainer .selectedFiles {
align-self: stretch
}
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile {
width: 100%;
border-radius: 4px;
background: #c5dbf2
}
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile>*+* {
margin-left: 6px
}
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile .selectedFile-metadata .selectedFile-name,
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile .selectedFile-metadata .selectedFile-size,
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile .selectedFile-metadata .selectedFile-description {
color: #241c15;
line-height: 15px;
text-transform: none
}
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile .selectedFile-metadata .selectedFile-size {
color: #484848
}
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile.selectedFile--error,
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile.selectedFile--not-allowed {
background-color: #fbcfbd
}
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile .selectedFile-removeBtn {
opacity: .5;
transition: opacity 200ms ease-in-out
}
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile .selectedFile-removeBtn::after {
font-size: 12px !important
}
.importHtmlModal .fileInput-parentContainer .selectedFiles .selectedFile .selectedFile-removeBtn:hover {
opacity: 1
}
.c-productActivityThumbnail {
width: 78px;
height: 78px
}
.r-overview .size1of2 {
max-width: 100%
}
@media only screen and (max-width:40em) {
.r-overview p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
@media only screen and (max-width:40em) {
.r-overview strong {
display: inline-block;
width: 5em
}
}
.r-overview .top-links li>a {
display: inline-block;
max-width: 92%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@media only screen and (max-width:40em) {
.r-overview .top-links li>a {
width: 85%
}
}
.r-overview .url {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.r-overview .activity h2>a {
font-size: 1.4rem;
float: right
}
@media only screen and (max-width:31.25em) {
.r-overview .activity h2>a {
float: none;
display: inline-block
}
}
.star-rating li {
display: inline-block
}
.report-clicks .track-url {
max-width: 0
}
.report-clicks .track-url>a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.perf-chart {
position: inherit;
overflow-y: hidden
}
.perf-chart .dijitTabListContainer-top,
.perf-chart .dijitTabPaneWrapper {
position: relative !important
}
.perf-chart .dijitTabContainerTop-dijitContentPane,
.perf-chart .dijitTabPaneWrapper {
height: auto !important;
width: inherit !important
}
.perf-chart .dijitTabPaneWrapper {
top: auto !important;
margin: 0
}
.perf-chart .dijitTabContainerTop-dijitContentPane {
overflow-y: hidden
}
.perf-chart .legend li {
font-size: 1.6rem;
margin-right: 30px
}
.perf-chart .legend li:last-child {
margin-right: 0
}
@media only screen and (max-width:40em) {
.perf-chart .legend li {
width: 100%
}
}
.perf-chart .legend li>span {
width: 12px;
height: 12px;
display: inline-block;
vertical-align: baseline;
margin-right: 6px
}
.growth-chart .swatch {
width: 12px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
vertical-align: baseline;
margin-right: 9px;
margin-left: 3px
}
.growth-chart .swatch.circle {
border-radius: 50%
}
.growth-chart .swatch.yellow {
background-color: #fed156
}
.growth-chart .swatch.red {
background-color: #ee836e
}
.growth-chart .swatch.green {
background-color: #72c1b0
}
.growth-chart .swatch.blue {
background-color: #52bad5
}
.growth-chart .swatch.gray {
background-color: #d0d0d0
}
.growth-chart .swatch.pattern {
background-image: url("https://cdn-images.mailchimp.com/product/diagonal-pattern.svg");
background-repeat: repeat
}
.growth-chart .swatch.matchMeter {
background-color: #008547
}
.growth-chart .c0 {
background-color: #b1e0ec
}
.growth-chart .c1 {
background-color: #6dc5dc
}
.growth-chart .c2 {
background-color: #2c9ab7
}
#ab-report-container .winner {
color: #72c1b0
}
#absplit-report-a td,
#absplit-report-b td,
#absplit-report-a th,
#absplit-report-b th {
padding: 6px;
font-size: 1.4rem
}
#absplit-report-a th,
#absplit-report-b th {
font-weight: bold
}
#absplit-report-a .odd,
#absplit-report-b .odd {
background: var(--legacy-bg-lvl-1-color)
}
#absplit-report-a .even,
#absplit-report-b .even {
background: #e0e0e0
}
#absplit-clicks .track-url {
max-width: 400px
}
#absplit-clicks .a-click {
background: #ccebf3
}
#absplit-clicks .b-click {
background: #f8d0c8
}
#absplit-clicks .alignr {
text-align: right
}
.team-b thead th,
.team-b tbody td {
text-align: right
}
.team-b th {
text-align: left
}
.team-b th {
background: #f8d0c8
}
.team-a th {
background: #ccebf3
}
.win-loss-col {
width: 45px
}
#ab-report-container .won {
background-image: url("https://cdn-images.mailchimp.com/product/icons/icons24.png");
background-position: center -2780px;
background-repeat: no-repeat
}
#timnewarp-map-header {
width: 30%;
margin-bottom: -12px;
padding: 5px 10px;
background: #f2f2f2;
color: var(--legacy-text-primary-color);
font-weight: bold;
border-radius: 4px
}
#timewarp-deliver-status {
margin-top: -4px;
font-size: 12px;
color: var(--legacy-text-secondary-color);
font-weight: normal
}
#timewarp-map-wrapper #map {
position: relative;
top: auto;
left: auto;
width: 860px;
height: 510px;
margin: 10px 0;
padding: 5px 10px;
background: url("https://cdn-images.mailchimp.com/product/timewarp-map.png") no-repeat 11px 5px;
border: 1px solid #dedddc;
border-radius: 4px
}
#print-report {
background: #737373;
padding-top: 100px
}
#print-report .hide-print {
display: none
}
#print-report .page-content {
width: 800px;
background: var(--legacy-bg-lvl-1-color);
padding: 50px;
min-height: 850px;
margin: 0 auto 30px auto;
box-shadow: 0 0 5px #484848
}
#print-report .page-content * {
color: #000000
}
#print-report .page-content .v-textColorWhite--print {
color: #ffffff
}
#print-report .top-links li>a {
word-break: break-all;
max-width: 85%
}
#print-report h2 {
font-size: 20px
}
#print-report h3.page-title {
border-bottom: 2px solid #241c15;
margin: 45px 15px 15px 15px;
padding-bottom: .5em
}
#print-report #custom-report {
padding-left: 42px
}
#print-report #print-bar {
width: 100%;
padding: 10px 15px;
position: fixed;
top: 0;
left: 0;
box-shadow: 0 0 5px #484848;
z-index: 1000;
background-color: #f2f2f2
}
#print-report #campaign-title {
margin: 200px 0 30px 0;
font-size: 68px;
letter-spacing: -3px
}
#print-report #cover-page p.sent-stat {
position: absolute;
bottom: 100px
}
#print-report .no-data h2 {
padding: 0 10px
}
#print-report .no-data>.icon {
width: 100px;
height: 100px;
padding: 25px
}
#print-report .QSIFeedbackButton {
display: none !important
}
.domain-alert {
flex-direction: row;
align-items: center;
margin-bottom: 30px;
justify-content: space-between;
padding: 16px;
height: 72px;
left: 274px;
top: 174px;
background: #f6f6f4;
border: 1px solid rgba(36, 28, 21, 0.15);
box-sizing: border-box;
box-shadow: inset 4px 0 0 #d99536
}
.alert-information {
display: flex;
flex-direction: row;
align-items: center
}
.alert-button {
align-self: center;
color: var(--interactive-color);
background-color: transparent;
text-decoration: none;
margin: 0
}
.alert-text {
margin-left: 15px;
font-size: 13px
}
.campaign-data li {
margin-bottom: 12px
}
.campaign-data .title-wide {
width: 10em
}
.meter-data {
vertical-align: bottom
}
.meter-data>span {
line-height: inherit
}
.not-active {
pointer-events: none;
cursor: default;
color: #241c15 !important
}
.percent-spacer {
display: inline-block;
min-width: 3.5em
}
.conversation-message ul li {
margin-left: 20px;
list-style: disc outside
}
.conv-meta.unread::after {
content: "";
position: absolute;
top: 24px;
left: 155px;
background: #692340;
height: 12px;
width: 12px;
border-radius: 14px
}
.convo-select-all {
margin-left: 15px
}
#filter.convfilter>div {
display: block !important
}
.report-card-wrapper {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: -10px;
border: none !important
}
.report-card-scores {
padding-top: 35px;
height: 152px
}
.report-card-met-header {
margin: -3px
}
.report-card-meter {
background: #959595 !important;
height: 5px;
width: 100%;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important
}
.report-card-font-category {
font-size: medium
}
.report-card-font-sub-text {
font-size: 14px !important;
color: #959595 !important
}
.report-card-best-practices-met {
font-size: 15px !important
}
.metric-logo-container {
position: relative
}
.metric-logo-container .coin {
position: absolute;
width: 28px;
height: 28px;
left: -36px;
top: -4px;
background: var(--legacy-bg-lvl-1-color);
border: 1px solid #f6f6f4;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.07);
border-radius: 50%;
margin-right: 8px
}
.metric-logo-container .coin.tooltip-adjacent {
display: inline-block;
left: -8px;
top: 0;
margin-right: 0;
position: relative
}
.revenue-data-feedback-block {
padding: 12px;
border-radius: 4px;
border: 1px solid var(--color-container-border-secondary);
background: var(--color-container-background-secondary);
margin-bottom: 12px
}
.revenue-data-feedback-block-container {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: normal;
align-content: normal
}
.revenue-data-feedback-block-content {
flex: 1;
flex-grow: 1;
flex-shrink: 1
}
.revenue-data-feedback-block-content-button {
align-self: center
}
.revenue-data-feedback-block-view-reports {
background: var(--color-action-passive);
color: var(--color-text-primary);
font-size: var(--font-size-component-small);
font-weight: var(--font-weight-component)
}
.revenue-data-feedback-block-view-reports:hover {
background: var(--color-action-passive-hover);
color: var(--color-text-primary)
}
.revenue-data-feedback-block-link {
background: none;
border-radius: var(--radius-action);
color: var(--color-text-primary);
font-size: var(--font-size-component-small);
font-weight: var(--font-weight-component);
margin-right: var(--space-component-gap-medium)
}
.revenue-data-feedback-block-link:hover {
background: var(--color-action-passive-subtle-hover);
color: var(--color-text-primary)
}
.reports-breadcrumb {
display: flex;
align-items: center;
margin-bottom: 16px;
font-size: 14px;
line-height: 1.5
}
.reports-breadcrumb a {
color: #007c89;
text-decoration: none;
font-weight: 400
}
.reports-breadcrumb a:hover {
color: #004e56;
text-decoration: underline
}
.reports-breadcrumb a:focus {
outline: 2px solid #007c89;
outline-offset: 2px;
border-radius: 2px
}
.reports-breadcrumb__separator {
color: rgba(36, 28, 21, 0.65);
margin: 0 8px;
user-select: none
}
.reports-breadcrumb__current {
color: rgba(36, 28, 21, 0.65);
font-weight: 400
}
.n .coachmark {
position: absolute;
background-color: #241c15;
color: #ffffff;
padding: 18px;
font-size: 1.4rem;
z-index: 10
}
.n .coachmark::after {
content: "";
position: absolute;
border: 8px solid transparent;
width: 0;
height: 0
}
.n .coachmark a {
border-bottom: 1px solid;
color: #ffffff
}
.n .coachmark.arrowup::after {
bottom: 100%;
left: 36%;
border-bottom-color: #241c15
}
.n .coachmark.arrowdown::after {
top: 100%;
left: 50%;
border-top-color: #241c15
}
.n .coachmark.arrowleft::after {
top: 50%;
right: 100%;
margin-top: -8px;
border-right-color: #241c15
}
.n .coachmark.arrowright::after {
top: 50%;
left: 100%;
margin-top: -8px;
border-left-color: #241c15
}
#neapolitan-coachmark-step1 {
position: relative;
margin: 0 18px 18px;
z-index: 0
}
#neapolitan-coachmark-step1.coachmark.arrowdown::after {
left: 52px
}
#neapolitan-coachmark-step2 {
right: 0;
top: 18px;
width: 400px
}
#neapolitan-coachmark-step3 {
left: 0;
margin-left: -115px;
bottom: 120px;
width: 330px;
top: auto
}
#neapolitan-coachmark-step4 {
left: 50%;
top: 80px;
margin-left: 296px;
width: 300px
}
#neapolitan-coachmark-step5 {
position: absolute;
top: 12px;
left: 12px;
right: 12px
}
#neapolitan-coachmark-step5.coachmark.arrowright::after {
top: 15px
}
#neapolitan-coachmark-step6 {
left: 20px;
right: 20px;
top: 65px
}
#neapolitan-coachmark-step7 {
position: relative;
margin: 0 20px 20px 0
}
.website #template-section-hide-coachmark-step1 {
top: 145px;
left: 50%;
right: 20px
}
#template-section-hide-coachmark-step1 {
top: 50px;
left: 50%;
right: 20px
}
.mojoBlockSourceItem {
margin: 0 0 18px 18px;
width: 114px;
height: 120px;
white-space: nowrap;
text-overflow: ellipsis;
border: 1px solid #d0d0d0;
background-color: #ffffff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);
border-radius: 6px
}
.dojoDndAvatar .mojoBlockSourceItem {
margin: 0
}
.mojoBlockSourceItem:hover {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18)
}
.style-field {
margin: 0 0 18px 0;
width: 100%
}
.mojoBorderWidth {
width: 30%;
min-width: 66px;
margin: 0 18px 6px 0
}
.mojoMeasurementInput {
margin-bottom: 18px
}
.mojoMeasurementInput .dijitTextBox {
width: 60px;
margin-right: 6px
}
.mojoFontSizeInput {
width: 114px
}
.mojoFontSizeInput_button {
top: 1px;
right: 1px;
height: 34px;
border-radius: 0;
border-left: none;
padding: 0 12px;
margin: 0;
line-height: 30px
}
.dijitTextBoxFocused+.mojoFontSizeInput_button {
border: 1px solid #007c89;
border-left: none
}
.mojoFontSizeInput_menuPopup {
width: 114px;
max-height: 30em;
overflow-x: hidden !important;
overflow-y: auto !important
}
.dijitSelectLabel .mojoFontFamilyInputLabel {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif) !important
}
.dijitSelectMenu .mojoFontFamilyInputLabel {
font-weight: normal
}
.mojoPreviewSelect {
display: block;
position: relative
}
.mojoPreviewSelect::after {
content: "";
position: absolute;
top: 0;
left: 144px;
right: 0;
text-align: right
}
.mojoPreviewSelect.border-style::after {
border-top: 6px solid #b7b7b7;
top: 9px
}
.mojoPreviewSelect.border-style.none::after {
border-top-style: none
}
.mojoPreviewSelect.border-style.dashed::after {
border-top-style: dashed
}
.mojoPreviewSelect.border-style.dotted::after {
border-top-style: dotted
}
.mojoPreviewSelect.border-style.groove::after {
border-top-style: groove
}
.mojoPreviewSelect.border-style.ridge::after {
border-top-style: ridge
}
.mojoPreviewSelect.border-style.inset::after {
border-top-style: inset
}
.mojoPreviewSelect.border-style.outset::after {
border-top-style: outset
}
.mojoEditorSection .dijitTextBoxDisabled {
padding: 0
}
.mojoEditorSection .dijitTextBoxDisabled input:not([type="submit"])[disabled] {
border-radius: 0;
padding: 0 6px !important
}
.mojoEditorSection .dijitTextBoxDisabled .dijitPlaceHolder {
left: 6px
}
.c-commentMessageSummary {
max-height: 54px;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 72px
}
.c-feedbackItem.done .feedbackItem__inner::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e036";
color: #72c1b0;
position: absolute;
top: 36%;
right: 42px
}
.c-feedbackItem.newreply .feedbackItem__inner::after {
border-radius: 50%;
border: 6px solid #52bad5;
content: "";
position: absolute;
top: calc(44%);
right: 42px
}
.c-linkCheckImage {
width: 66px;
height: 66px
}
.c-linkCheckImage img {
max-width: 66px;
max-height: 66px
}
.c-linkCheckImage::before {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: '\e055';
position: absolute;
top: 20px;
left: 23px;
color: #484848
}
.c-linkCheckImage.icon-available::before {
content: ''
}
.mojoImageItem,
.mojoItemListItem {
display: block;
position: relative;
padding: 12px 18px 12px 48px;
cursor: default;
border-bottom: 1px solid #dedddc
}
.mojoImageItem:hover .mojoItemListItemHandle,
.mojoItemListItem:hover .mojoItemListItemHandle {
-ms-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s;
opacity: .8
}
.mojoImageEditor .mojoImageItem,
.mojoImageEditor .mojoItemListItem,
.mojoImageWithCaptionEditor .mojoImageItem,
.mojoImageWithCaptionEditor .mojoItemListItem {
padding-left: 18px;
border-bottom: none
}
.style-backgroundimage .mojoImageItem,
.style-backgroundimage .mojoItemListItem {
padding: 0;
border-bottom: none
}
.mojoItems--mobile .mojoImageItem,
.mojoItems--mobile .mojoItemListItem {
padding-left: 18px
}
.mojoImageItemIcon {
width: 84px;
max-width: 84px
}
.mojoItemListItemHandle {
left: 2px;
top: 3px
}
.mojoImageListOverlay {
display: none;
background: rgba(255, 255, 255, 0.8)
}
.addFromCanvaButtonContainer {
display: inline-block;
position: relative
}
.tooltip {
position: absolute;
top: 130%;
left: -5%;
width: 232px;
height: 56px;
background-color: #403b3b;
visibility: hidden;
z-index: 1
}
.tooltip .tooltipText {
display: inline-block;
padding: 12px 14px;
color: #ffffff;
font-size: 10px;
font-weight: normal;
line-height: 1.5em
}
.tooltip .tooltipText::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #403b3b transparent
}
.c-actionButtonsPane,
.c-builder .save-cancel-group {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #dedddc;
padding: 0 18px;
height: 60px;
line-height: 60px;
background: var(--legacy-bg-lvl-1-color)
}
.c-editortabs {
padding-left: 18px
}
.c-editortabs_item {
color: var(--legacy-text-primary-color);
text-decoration: none
}
.c-editortabs_item.active {
color: var(--legacy-link-color);
border-bottom: 1px solid #484848
}
.c-monkeyRewardImageListItem {
min-height: 108px
}
.c-monkeyRewardImage--selected {
outline: 2px solid #007c89
}
.c-paneSectionHeader {
background: #f2f2f2;
background: linear-gradient(-90deg, #f8f8f8, #f2f2f2);
border-top: 1px solid #bdbbb9;
font-size: 1.6rem;
font-weight: normal;
margin: 0 -18px 18px -18px;
padding: 6px 18px
}
fieldset:first-child .c-paneSectionHeader:first-child {
border-top: none
}
.c-paneSectionMinimalHeader {
background: #ffffff;
font-size: 1.4rem;
font-weight: normal;
color: var(--legacy-text-secondary-color);
padding: 12px 0
}
fieldset:first-child .c-paneSectionMinimalHeader:first-child {
border-top: none
}
.c-paneLabel--small {
margin-bottom: 6px;
font-size: 1.4rem;
line-height: 18px
}
.c-panelSectionFooter {
position: absolute;
left: 0;
bottom: 0;
height: 146px;
width: 100%;
border-top: 1px solid #d9d9d9;
padding: 18px
}
.c-panelSectionFooterImage {
border: 1px solid #d9d9d9
}
.v-paneFieldsetWrapper {
padding-left: 18px;
padding-right: 18px
}
.c-iconStyleSelector .iconStyle {
display: inline-block;
margin: 18px 18px 0 0;
cursor: pointer
}
.c-iconStyleSelector .iconStyle:hover {
outline: 3px solid #bdbbb9
}
.c-iconStyleSelector .iconStyle.selected {
outline: 3px solid #373737
}
.c-iconStyleSelector .iconStyle.light {
background: #f2f2f2
}
.c-iconStyleSelector img {
width: 36px;
height: 36px;
margin: 6px
}
.mojoImageGroupLayout,
.mojoTextSplitLayout {
opacity: .4;
border: 3px solid #373737;
cursor: pointer;
width: 76px;
height: 91px;
padding: 3px;
margin-right: 15px
}
.mojoImageGroupLayout:hover,
.mojoTextSplitLayout:hover,
.mojoImageGroupLayout.selected,
.mojoTextSplitLayout.selected {
-ms-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s;
opacity: .9
}
.mojoImageRadioButtonList {
display: flex
}
.mojoImageRadioButton {
text-align: center
}
.mojoImageRadioButton.selected label {
color: #007c89
}
.mojoImageRadioButton.selected .mojoImageRadioButtonIcon {
box-shadow: inset 0 0 0 2px #007c89;
background-color: #e6f2f3
}
.mojoImageRadioButtonIcon {
height: auto;
border: 0;
background-color: initial
}
.mojoImageRadioButtonIcon:hover {
background-color: #e6f2f3
}
.mojoImageRadioButtonIcon:focus {
border: 0;
box-shadow: inset 0 0 0 2px #007c89
}
.mojoTextSplitColumn {
height: 78px;
background: #373737;
float: left;
margin-right: 3px
}
.mojoTextSplitColumn.last {
margin-right: 0
}
.mojoTextSplitColumn.with50 {
width: 30px
}
.mojoTextSplitColumn.with35 {
width: 21px
}
.mojoTextSplitColumn.with65 {
width: 39px
}
.mojoImageGroupLayout .mojoImageGroupImageIcon {
display: block;
margin-bottom: 2px;
background: #373737;
float: left
}
.mojoImageGroupLayout:last-child {
margin-right: 0
}
.mojoImageGroupLayoutRow.with1 .mojoImageGroupImageIcon {
height: 25px;
width: 64px
}
.mojoImageGroupLayoutRow.with2 .mojoImageGroupImageIcon {
height: 18px;
width: 31px;
margin: 0 1px 2px 0
}
.mojoImageGroupLayoutRow.with2 .mojoImageGroupImageIcon:last-child {
margin: 0 0 2px 1px
}
.mojoImageGroupLayoutRow.with3 .mojoImageGroupImageIcon {
height: 15px;
width: 20px;
margin: 0 2px 2px 0
}
.mojoImageGroupLayoutRow.with3 .mojoImageGroupImageIcon:last-child {
margin: 0 0 2px 0
}
.neapolitan.dojoDndMove .dojoDndAvatar {
width: auto;
min-width: 420px
}
.neapolitan.dojoDndMove .dojoDndAvatar .dojoDndItemAnchor {
border: solid 1px #dedddc;
background: var(--legacy-bg-lvl-1-color);
padding: 12px 18px;
max-width: 400px
}
.neapolitan.dojoDndMove .dojoDndAvatar .hide-dnd-avatar {
display: none
}
.neapolitan.dojoDndMove .dojoDndItemAnchor {
background: #e0e0e0
}
.neapolitan.dojoDndMove .dojoDndItemBefore {
border-top: solid 3px #000000;
margin-top: -1px
}
.neapolitan.dojoDndMove .dojoDndItemBefore:first-child {
margin-top: 0
}
.neapolitan.dojoDndMove .dojoDndItemAfter {
border-bottom: solid 3px #000000 !important
}
.c-hotkeyHelpPane {
display: none;
z-index: 9999;
top: 24px;
left: 24px;
background: rgba(0, 0, 0, 0.85)
}
.c-hotkeyHelpPane_indent {
width: 60px;
color: #ffffff;
display: inline-block
}
html.n,
html.n body {
height: 100vh
}
html.n.dj_ios,
html.n.dj_ios body {
position: fixed
}
.av-neapolitan-content {
position: absolute;
top: 60px;
left: 0;
right: 0;
bottom: 60px
}
.av-neapolitan-content--simple {
bottom: 0
}
html.n .c-builder #main {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background: none;
overflow: hidden
}
html.n .responsive-overview-heading {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@media screen and (max-width:1199px) {
html.n .responsive-overview-heading {
max-width: 300px
}
}
@media screen and (max-width:1099px) and (min-width:1025px) {
html.n .responsive-overview-heading {
max-width: 225px
}
}
html.n .c-builder.neapolitan #topmsg,
html.n #av-flash-block,
html.n #footerwrap {
display: none
}
html.n .ck_field_wrapper {
margin: -18px -18px 0 -18px
}
html.n #wizard-form {
display: inline
}
html.n .mcd.c-builder .dijitContentPaneLoading {
display: block;
margin: 50px auto;
width: 70px
}
html.n .c-builder .merge-cheatsheet {
display: none
}
html.n .c-builder .cke_top {
border: 1px solid #dedddc;
border-width: 0 0 1px 0;
border-radius: 0;
padding-left: 15px
}
html.n .c-builder .cke_contents {
border: none;
border-bottom: 1px dashed #dedddc
}
html.n .c-builder .codeMirror-on .cke_contents {
height: auto !important
}
html.n .c-builder .codeMirror-on a.cke_toolbox_collapser {
display: none
}
html.n .c-builder .contentEditorScrolled .cke_top {
display: block;
background: var(--legacy-bg-lvl-1-color);
border-width: 1px 1px 1px 0;
position: fixed;
top: 174px;
z-index: 5;
box-sizing: border-box
}
html.n .c-builder .contentEditorScrolled.mojoEditableTextSection .cke_top {
top: 129px
}
html.n .c-builder .editorPaneHiding .contentEditorScrolled .cke_top {
display: none
}
html.n .c-builder .cke_skin_mc .CodeMirror {
font-size: 1.4rem
}
html.n .c-builder .cke_skin_mc .CodeMirror-scroll {
height: auto;
overflow: visible
}
html.n .c-builder .cke_contents>textarea {
display: none
}
html.n iframe#preview-template {
width: 100%;
height: 800px;
min-width: 620px;
overflow-y: hidden;
overflow-x: auto;
position: absolute;
top: 0;
left: 0
}
body.swm .av-neapolitan-content #main {
overflow: scroll
}
.c-builder .column {
position: absolute;
top: 0;
bottom: 0
}
.split-left {
right: 456px;
left: 0
}
.split-right {
width: 456px;
right: 0
}
.colheader {
position: absolute;
top: 0;
right: 0;
line-height: 60px;
width: 100%
}
#previewcol .colheader {
width: auto
}
.colbody {
position: absolute;
top: 60px;
left: 0;
bottom: 0;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.colbody--top-bar {
margin-top: 60px
}
.colbody--has-panel-footer {
bottom: 146px
}
.colbody .colbody {
top: 61px
}
#previewcol .colbody {
border-right: 1px solid #dedddc;
width: auto;
top: 0;
right: 0;
bottom: 0;
background: #f2f2f2
}
.colbodyInner {
top: 0;
bottom: 60px
}
.connectButtons {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly
}
.colbodyInnerConnect {
top: 0;
bottom: 0
}
.mojoDividerEditor .mojoEditorSection .colbody {
top: 0;
border-top: 1px solid #dedddc
}
.mojoCodeEditor .mojoEditorSection.colbody {
top: 0
}
.mojoCodeEditor .codeDisclaimer {
padding: 21px;
border-top: 1px dashed #dedddc
}
#editor-pane {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
overflow: hidden;
display: none;
z-index: 3
}
#editor-pane .cke_inner,
#editor-pane .cke_wysiwyg_frame {
background: none
}
#editor-pane .editorscroll.no-buttons {
bottom: 0
}
.editorscroll {
position: absolute;
top: 60px;
right: 0;
bottom: 60px;
left: 0;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.editorscroll--noPanel {
top: 0
}
.wizard-header {
height: 60px;
line-height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: space-around;
justify-content: space-around
}
.wizard-header-offset {
padding-bottom: 60px
}
.panel-button-nav {
padding: 0 18px;
height: inherit;
width: 100%
}
.editordivider {
border-bottom: 1px solid #dedddc;
line-height: 60px
}
.mojoStyleEditor .colbody {
top: 53px;
bottom: 50px;
border-top: 1px solid #dedddc
}
.mojoEditorSection.colbody {
top: 46px;
overflow: none
}
.mojoEditorSection .dijitDialogPaneContentArea {
margin: 0;
padding: 0;
max-height: none
}
.drillnavbar {
position: relative;
height: 60px
}
.drillnavbar .drillback {
position: absolute;
left: 18px;
background: none;
padding: 0;
margin: 0;
line-height: 60px;
border: 0 none;
top: 0;
height: inherit
}
.drillnavbar h4 {
margin: 0;
line-height: 60px
}
.drillnavbar .feedback-container {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
padding: 12px
}
.drillnavbar .feedback-container button {
padding: 0 12px;
color: var(--legacy-text-primary-color)
}
.drillnavbar .feedback-container button:hover {
color: var(--legacy-text-primary-color)
}
.drillnavbar.dynamicContentEnabled {
padding: 0 12px;
display: flex;
align-items: center
}
.drillnavbar.dynamicContentEnabled h4 {
flex: 1 0 auto;
text-align: left
}
.drillnavbar.dynamicContentEnabled .dynamicContentSettingsButtonContainer {
flex: 0 0 auto
}
.drillnavbar.dynamicContentEnabled .dynamicContentSettingsBackButton {
flex: 1 0 auto;
text-align: left
}
.drillnav li>* {
display: block;
position: relative;
padding: 12px 30px 12px 18px;
color: var(--legacy-text-primary-color);
border-bottom: 1px solid #dedddc;
cursor: pointer;
-ms-transition: background-color 0.333s ease-in-out 0s;
transition: background-color 0.333s ease-in-out 0s
}
.drillnav li>*:hover {
background-color: #f2f2f2
}
.drillnav li>*::after {
font-family: 'freddicons';
speak: none;
vertical-align: top;
display: inline-block;
line-height: unset;
font-weight: normal !important;
font-style: normal !important;
text-transform: none !important;
font-size: 20px !important;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
content: "\e023";
position: absolute;
top: 50%;
right: 12px;
margin-top: -12px;
color: #959595
}
.togglenav {
margin-bottom: 18px
}
.togglenav li {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: relative;
padding: 12px 18px 12px 18px;
color: var(--legacy-text-primary-color);
border-bottom: 1px solid #dedddc
}
.togglenav li:first-child {
border-top: 1px solid #dedddc
}
.dynamicContentSettingsPanels {
display: flex;
align-items: center;
width: 200%;
flex: 1 1 auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: transform 250ms cubic-bezier(.7, 0, .175, 1.06) 0s;
transform: translateX(0)
}
.showConfirmation .dynamicContentSettingsPanels {
transform: translateX(-50%)
}
@media screen and (max-height:620px) {
.dynamicContentSettingsPanels {
align-items: flex-start
}
}
.dynamicContentSettingsPanel {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%
}
.dynamicContentSettingsButton {
display: flex;
align-items: center;
border-radius: 4px !important;
padding: 0 12px
}
.dynamicContentSettingsButtonIcon {
margin-right: 6px
}
.dynamicContentSettingsEditorScroll {
width: 100%;
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.dynamicContentSettingsPane {
display: flex;
flex-direction: column;
background: #ffffff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: transform 250ms cubic-bezier(.7, 0, .175, 1.06) 0s;
transform: translateX(100%);
z-index: 10
}
.showSettings .dynamicContentSettingsPane {
transform: translateX(0)
}
.dynamicContentSettingsPanelButtonContainer {
justify-content: center
}
@media only screen and (max-width:64em) {
.dynamicContentSettingsPanelButtonContainer {
width: 100%;
padding-top: 36px
}
.dynamicContentSettingsPanelButtonContainer>button {
margin: 0
}
.dynamicContentSettingsPanelButtonContainer>button:last-of-type {
margin-top: 24px
}
}
.dynamicContentFooter {
border-top: 1px solid #dedddc;
padding: 24px 48px;
display: flex
}
@media only screen and (max-width:64em) {
.dynamicContentFooter {
flex-direction: column;
padding: 12px 24px
}
}
.dynamicContentFooterImage {
margin-right: 18px;
max-width: 114px;
align-self: flex-start
}
@media only screen and (max-width:64em) {
.dynamicContentFooterImage {
display: none
}
}
@media only screen and (max-height:630px) {
.dynamicContentFooterImage {
display: none
}
}
.dynamicContentSettingsContent {
width: 100%;
max-width: 462px;
max-height: 100%;
text-align: center;
padding: 24px
}
@media only screen and (max-width:64em) {
.dynamicContentSettingsContent h3 {
font-size: 2rem
}
}
.dynamicContentSettingsImage {
width: 100%;
max-width: 222px;
margin-bottom: 18px
}
.dynamicContentUpsellImage {
width: 100%;
margin-bottom: 18px;
max-width: 318px
}
.dynamicContentFieldsSelect {
flex: 1 1 auto
}
@media only screen and (max-width:64em) {
.dynamicContentFieldsSelect {
margin: 0
}
}
.dynamicContentConditionSelect {
flex: 0 0 auto;
min-width: 22%
}
@media only screen and (max-width:64em) {
.dynamicContentConditionSelect {
margin: 0
}
}
@media only screen and (max-width:64em) {
.dynamicContentInput .dijitTextBox {
margin: 0
}
}
.dynamicContentInput input {
font-size: 1.4rem
}
.slider-editor .split-left {
top: 0;
left: 0;
bottom: 0;
right: 420px;
overflow: auto;
border-right: 1px solid #dedddc
}
.slider-editor .split-right {
width: 420px
}
.slider-editor .drawer-tab {
z-index: 101
}
.slider-editor #editor-pane {
z-index: 1000
}
.slider-editor .av-neapolitan-content {
bottom: 0
}
.column label::first-letter {
text-transform: capitalize
}
.column fieldset {
margin: 0 !important;
padding: 0 18px
}
.mojoStyleEditor .column fieldset {
padding-bottom: 24px
}
.column .dijitSelect {
position: relative;
width: 100%;
max-width: 100%;
margin-bottom: 18px
}
.mojoItemListItem .typeSelectIcon {
width: 36px;
height: 36px
}
.mojoItemListItem .typeSelectContainer {
margin-left: 48px
}
.mojoSocialFollowEditor .mojoItemListItem .typeSelectContainer,
.mojoSocialShareEditor .mojoItemListItem .typeSelectContainer {
margin-bottom: 12px
}
.mojoItemListItem .dijitSelect {
width: 60% !important;
margin: 0
}
.mojoItemListItem .removeLink {
line-height: 36px;
color: var(--legacy-text-secondary-color);
font-size: 20px;
padding: 0 16px
}
.mojoItemListItem input {
margin-bottom: 10px
}
.mojoSocialLayoutList li {
border: 3px solid #000000;
opacity: .3;
width: 44%;
min-width: 130px;
float: left;
margin: 0 12px 10px 0;
padding: 0;
cursor: pointer
}
.mojoSocialLayoutList li:hover {
opacity: .5
}
.mojoSocialLayoutList li.selected {
opacity: .9
}
.mojoSocialLayoutList img {
display: block
}
.mojoSocialLayoutList .textOnly li {
height: 40px
}
.mojoSocialLayoutList .textOnly .inlineHorizontal>img {
padding: 10px 0 0
}
.mojoSocialLayoutList .iconOnly .stackedVertical {
height: 132px
}
.mojoSocialLayoutList .iconAndText .stackedVertical {
height: 138px
}
.mojoSocialShareEditor .inlineHorizontal {
height: 52px
}
.mojoSocialShareEditor .inlineHorizontal>img {
padding: 15px 0 0
}
.preview-content {
position: absolute;
top: 60px;
bottom: 0;
width: 100%
}
.viewcol {
position: absolute;
top: 0;
bottom: 0
}
#mobile-toggle {
display: none
}
.desktop-view-inner {
background: var(--legacy-bg-lvl-1-color);
position: absolute;
top: 0;
bottom: 0;
width: 100%;
border-right: 1px solid #dedddc
}
.desktop-view-inner .iframe-wrapper {
display: inline;
height: 100%
}
.desktop-view-inner iframe {
height: 100%;
min-height: 100%
}
a.close-preview {
color: #ffffff;
padding: 0 10px;
font-size: 22px;
line-height: 56px
}
.iframe-wrapper.loading {
height: 100%;
overflow: hidden
}
.iframe-loading-message {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background: var(--legacy-bg-lvl-1-color);
opacity: .8;
z-index: 1;
padding: 320px 0
}
.iframe-dnd-overlay {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
overflow-y: hidden
}
.dojoDndCopy .iframe-dnd-overlay {
display: block
}
.website .mc-container-ghost {
margin-top: 66px
}
.mc-container-ghost {
display: none;
border: 2px solid #373737;
position: absolute
}
.mc-container-ghost .sectionLabel {
display: inline-block;
text-transform: capitalize;
padding: 3px 8px;
height: 24px;
margin: -24px 0 0 -2px;
background: #373737;
color: #ffffff;
font-size: 11px;
line-height: 18px;
position: absolute;
top: 0;
left: 0
}
.mc-container-ghost .mojoDropFlag {
position: absolute;
top: 0;
left: 0;
right: 4px;
text-align: center;
display: block;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
font-size: 14px;
background: #ccebf3;
border-top: 2px solid #52bad5;
border-bottom: 2px solid #52bad5;
color: #237a91
}
.mc-container-ghost.active {
display: block
}
.mc-container-ghost.dojoDndContainerOver {
border-color: #52bad5
}
.mc-container-ghost.dojoDndContainerOver .sectionLabel {
background: #52bad5
}
.mc-container-ghost.dojoDndContainerOver li.dojoDndItemOver {
border: none;
padding: 0;
position: relative
}
.mc-container-ghost.dojoDndContainerOver li.dojoDndItemAfter .mojoDropFlag {
top: auto;
bottom: 0;
margin-bottom: -40px
}
.viewer-list {
color: var(--legacy-text-primary-color)
}
.viewer-list ul::after {
content: " ";
position: absolute;
border: 8px solid transparent;
width: 0;
height: 0;
bottom: 100%;
left: 50%;
border-bottom-color: #000000
}
.viewer-list ul::before {
font-family: 'freddicons';
color: #ffffff;
font-size: 20px;
content: '\e010';
position: absolute;
top: 5px;
right: 15px !important;
width: 16px
}
.viewer-list ul:hover::before {
opacity: .8
}
.viewer-list a.viewer-status {
display: inline-block;
color: #febe12;
background: none !important
}
.viewer-list>li>ul {
border: 2px solid #000000;
font-weight: normal
}
.viewer-list li.title {
padding: 0 10px
}
.viewer-list li.viewer {
padding: 5px 15px 5px 40px;
position: relative;
overflow: hidden;
text-overflow: ellipsis
}
.userColor {
position: absolute;
top: 9px;
left: 10px;
width: 18px;
height: 18px
}
.ios-iframe-scroll {
-webkit-overflow-scrolling: touch;
overflow: auto;
position: relative;
width: 100%;
height: 100%;
display: block !important
}
@media only screen and (min-width:64em) {
.split-left {
right: 420px
}
.split-right {
width: 420px
}
.contentEditorScrolled .cke_top {
width: 420px
}
.contentEditorScrolled .cke_contents {
padding-top: 114px
}
body.slider-editor .split-left {
right: 414px !important
}
body.slider-editor .split-right {
width: 414px !important
}
}
@media only screen and (min-width:85.375em) {
.split-left {
right: 665px
}
.split-left--wide-templates {
right: 420px
}
.split-right {
width: 665px
}
.split-right--wide-templates {
width: 420px
}
.contentEditorScrolled .cke_top {
width: 665px
}
.contentEditorScrolled .cke_contents {
padding-top: 72px
}
body.slider-editor .split-left {
right: 665px !important
}
body.slider-editor .split-right {
width: 665px !important
}
}
@media only screen and (max-width:64em) {
.drag-split {
display: none
}
.split-left {
right: 0 !important
}
.split-right {
width: 420px;
right: -419px;
background: var(--legacy-bg-lvl-1-color);
border-left: 1px solid #dedddc;
-ms-transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s;
transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s
}
body.slider-editor .split-left {
right: 0 !important
}
body.slider-editor .split-right {
width: -416px !important
}
.drawer-tab {
position: absolute;
top: 21px;
left: -40px;
cursor: pointer
}
.drawer-tab::after {
content: "\e021";
font-family: 'freddicons';
display: block;
font-size: 20px;
width: 39px;
height: 40px;
line-height: 40px;
background: var(--legacy-bg-lvl-1-color);
border: 1px solid #dedddc;
border-right: none;
border-radius: 6px 0 0 6px;
text-align: center
}
body.open-drawer .split-right {
right: 0
}
body.open-drawer .drawer-tab::after {
content: "\e023"
}
.contentEditorScrolled .cke_top {
width: 420px
}
.contentEditorScrolled .cke_contents {
padding-top: 114px
}
#mobile-toggle {
display: block
}
#mobile-preview {
top: 60px;
left: 100%;
right: 0;
border-left: 0;
width: 100% !important;
overflow: auto
}
#mobile-preview.show {
left: 0
}
#neapolitan-coachmark-step2 {
right: 275px;
top: 22px
}
}
@media only screen and (max-width:31.25em) {
span.step-details {
display: none
}
.split-right {
width: 320px !important;
right: -321px
}
.contentEditorScrolled .cke_top {
width: 320px
}
.contentEditorScrolled .cke_contents {
padding-top: 176px
}
}
.c-topSliderPaneContainer {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.topBarCloseMobile {
display: none
}
.landingPagePreviewContainer.page_banner_updates,
.websitePreviewContainer.page_banner_updates {
position: relative
}
.landingPagePreviewContainer.page_banner_updates .mcnTemplatePageBanner,
.websitePreviewContainer.page_banner_updates .mcnTemplatePageBanner {
position: fixed;
left: 32px;
bottom: 18px;
box-sizing: border-box;
box-shadow: 0 2px 3px rgba(36, 28, 21, 0.1);
border: 1px solid #dedddc
}
.landingPagePreviewContainer.page_banner_updates .mcnPageBannerContainer,
.websitePreviewContainer.page_banner_updates .mcnPageBannerContainer {
display: flex;
justify-content: center;
padding: 18px
}
.landingPagePreviewContainer.page_banner_updates .mcnPageBannerContainer p,
.websitePreviewContainer.page_banner_updates .mcnPageBannerContainer p {
margin: 0;
max-width: 100%
}
.landingPagePreviewContainer.page_banner_updates .mcnPageBannerContentContainer,
.websitePreviewContainer.page_banner_updates .mcnPageBannerContentContainer {
padding: 0 24px 0 0
}
.landingPagePreviewContainer.page_banner_updates .mcnCloseButton,
.websitePreviewContainer.page_banner_updates .mcnCloseButton {
opacity: .4;
position: absolute;
top: 18px;
right: 18px;
height: 24px;
width: 24px
}
.landingPagePreviewContainer.page_banner_updates .mcnCloseButton:hover,
.websitePreviewContainer.page_banner_updates .mcnCloseButton:hover {
opacity: .9
}
.landingPagePreviewContainer.page_banner_updates .sr-only,
.websitePreviewContainer.page_banner_updates .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.landingPagePreviewContainer.page_banner_updates .mcnTemplatePageBanner {
bottom: 78px
}
.n .websitePreviewContainer {
flex-direction: column;
padding: 18px;
background-color: var(--legacy-bg-lvl-3-color)
}
.n .websitePreviewContainer iframe#preview-template {
position: relative;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
min-width: 0
}
.websiteEditorHeader__title {
display: flex;
flex-direction: row;
padding: 30px 24px 18px;
text-align: center;
border-bottom: 1px solid #dedddc
}
.websiteEditorHeader__title .freddicon {
line-height: 2rem;
font-size: 2rem;
flex: 0
}
.websiteEditorHeader__title h2 {
flex: 1;
margin-bottom: 0;
font-family: var(--legacy-font-family--brand);
font-size: 2rem;
line-height: 2rem
}
.websiteWizardHeader .title {
margin: 30px 12px 12px;
text-align: center
}
.websiteWizardHeader .title h2 {
margin-bottom: 0
}
.websiteWizardHeader .description {
text-align: center;
height: 48px
}
.websiteWizardHeader .description p {
text-align: center;
padding: 0 18px 6px;
font-size: 1.4rem;
line-height: 1.5;
display: inline-block;
color: var(--legacy-text-secondary-color)
}
.colbodyWebsite {
top: 135px
}
.c-editorSelectionContainer {
position: relative
}
.c-editorSelectionContainer.loading::before {
content: "";
animation: fade 1s ease-out;
background: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/css/icons/pulse_compressed.gif") no-repeat 50% 50% #ffffff;
background-size: 40px auto;
height: 100%;
position: absolute;
width: 100%;
z-index: 10
}
.aiPromptPane {
display: flex;
flex-direction: column;
background: #ffffff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: transform 250ms cubic-bezier(.7, 0, .175, 1.06) 0s;
transform: translateX(100%);
z-index: 10
}
.showPane .aiPromptPane {
transform: translateX(0)
}
.aiPromptPaneBody {
overflow-y: auto;
display: flex;
flex-direction: column
}
.promptPanelImprovements .aiPromptPaneBody .originalTextLabel,
.promptPanelImprovements .aiPromptPaneBody .generatedTextLabel,
.promptPanelImprovements .aiPromptPaneBody .sectionHeading {
font-weight: 500
}
.promptPanelImprovements .aiPromptPaneBody .aiOriginalTextContainer .aiResponseBubble {
background-color: #F2F2F2
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions {
display: flex;
flex-wrap: wrap
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction {
display: inline-flex;
align-items: center;
color: #241C15;
border: 1px solid #DBD9D2;
margin-right: 6px;
margin-top: 6px;
background-color: unset;
border-radius: 4px;
white-space: nowrap;
padding: 6px 8px;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-transform: inherit
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction:disabled {
opacity: .5
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction:hover,
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction.active {
background-color: rgba(0, 124, 137, 0.1)
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction svg {
margin-right: 4px;
width: 16px;
height: 16px;
flex-shrink: 0
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction.aiQuickActionTone {
font-weight: 500;
padding: 0
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction.aiQuickActionTone .dijitButtonNode {
padding: 6px 8px
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction.aiQuickActionTone .dijitButtonNode .dijitButtonContents {
display: flex;
align-items: center
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction.aiQuickActionTone .dijitButtonNode .dijitButtonContents .dijitButtonText {
font-size: 12px;
display: inline-flex;
align-items: center;
font-weight: normal;
height: 16px
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction.aiQuickActionTone .dijitButtonNode .dijitButtonContents .dijitArrowButtonInner {
display: flex
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickAction.aiQuickActionTone .dijitButtonNode .dijitButtonContents .dijitArrowButtonInner:after {
line-height: 16px
}
.promptPanelImprovements .aiPromptPaneBody .aiQuickActions .aiQuickActionToneContainer {
display: inline
}
.promptPanelImprovements .aiPromptPaneBody .aiGeneratedTextHeader,
.promptPanelImprovements .aiPromptPaneBody .aiResponseBubble.generatedText {
background-color: #f2f8f9
}
.promptPanelImprovements .aiPromptPaneBody .aiGeneratedTextHeader {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 16px 16px 0
}
.promptPanelImprovements .aiPromptPaneBody .aiGeneratedTextHeader .pagination {
display: flex;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px
}
.promptPanelImprovements .aiPromptPaneBody .aiGeneratedTextHeader .pagination .button {
display: inline-flex;
align-items: center;
background-color: transparent;
border: 0;
padding: 0;
margin: 0;
width: 24px;
height: 24px
}
.promptPanelImprovements .aiPromptPaneBody .aiGeneratedTextHeader .pagination .button.disabled {
opacity: .15
}
.promptPanelImprovements .aiPromptPaneBody .aiResponseBubble {
padding: 16px
}
.promptPanelImprovements .aiPromptPaneBody .aiResponseBubble.generatedText {
flex-wrap: nowrap;
align-items: center
}
.promptPanelImprovements .aiPromptPaneBody .aiResponseBubble.generatedText .applyButton {
background-color: #007c89;
color: #ffffff;
display: block;
padding: 0 12px;
flex-shrink: 0;
margin-left: auto
}
.promptPanelImprovements .aiPromptPaneBody .aiResponseBubble.generatedText .applyButton:disabled {
pointer-events: none;
border: 1px solid #dedddc;
color: #bdbbb9;
background-color: transparent
}
.promptPanelImprovements .aiPromptPaneBody .aiResponseBubble.withMultipleResponses {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.promptPanelImprovements .aiPromptPaneBody .aiStarterPrompt {
display: flex;
padding: 8px 0;
flex-direction: column;
align-items: flex-start;
border-radius: 8px;
border: 1px solid rgba(36, 28, 21, 0.15);
background: #ffffff
}
.promptPanelImprovements .aiPromptPaneBody .aiStarterPrompt h3 {
display: flex;
padding: 6px 12px;
align-items: center;
gap: 8px;
color: rgba(36, 28, 21, 0.65);
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 16px;
margin: 0
}
.promptPanelImprovements .aiPromptPaneBody .aiStarterPrompt .aiStarterPromptAction {
background: transparent;
border-radius: 0;
margin: 0;
display: inline-flex;
padding: 6px 12px;
align-items: center;
gap: 4px;
align-self: stretch;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px;
text-transform: initial
}
.promptPanelImprovements .aiPromptPaneBody .aiStarterPrompt .aiStarterPromptAction:hover {
background: rgba(0, 124, 137, 0.1)
}
.promptPanelImprovements .aiPromptPaneBody .aiStarterPrompt .aiStarterPromptAction .aiStarterPromptActionSuggestionPlaceholder {
color: rgba(36, 28, 21, 0.3)
}
.promptPanelImprovements .save-cancel-group .applyTextButton {
text-transform: inherit
}
.aiPromptPaneContainer .footerFeedbackContainer {
position: relative;
top: 18px;
display: inline-block;
float: right;
margin-top: -5px
}
.aiPromptPaneContainer .footerFeedbackContainer button.thumbFeedbackButton {
align-items: center;
background-color: transparent;
border-radius: 100%;
cursor: pointer;
display: inline-flex;
justify-content: center;
line-height: normal;
margin: 0;
padding: 0;
overflow: hidden;
user-select: none;
vertical-align: middle;
height: 32px;
width: 32px
}
.aiPromptPaneContainer .footerFeedbackContainer button.thumbFeedbackButton:hover {
background-color: rgba(0, 124, 137, 0.1)
}
.aiHistoryList {
min-height: 0
}
.aiPromptInput {
padding: 4px;
border: 2px solid #007c89;
border-radius: 4px;
display: flex;
flex-direction: row
}
.aiPromptInput .genAiLogo {
background-color: #f6f6f4;
border-radius: 50px;
padding: 4px
}
.aiPromptInput .aiPromptInputTextInput {
border: none;
margin-bottom: 0
}
.aiPromptInput .aiPromptInputTextInput:active {
border: none
}
.aiPromptInput .aiPromptInputTextInput:focus {
border: none;
box-shadow: none
}
.aiPromptInput .aiPromptInputButton {
width: 145px;
margin-left: auto;
margin-right: 0
}
.aiLoadingPulse {
width: 25px
}
.aiResponseBubble {
border-radius: 4px;
background-color: rgba(197, 219, 242, 0.3)
}
.ai-write-button {
display: flex;
align-items: center;
background-color: #ffffff;
border-radius: 4px !important;
border-color: #236cff;
margin-right: 12px;
text-transform: none
}
.ai-write-button img {
margin-right: 5px
}
.ai-write-button.withBoxShadow {
box-shadow: 0 4px 12px 0 rgba(36, 28, 21, 0.12);
border-radius: 8px !important;
border: 1px solid rgba(36, 28, 21, 0.15);
display: inline-flex;
padding: 8px 12px 8px 8px;
justify-content: center;
align-items: center;
gap: 4px
}
.aiPromptWriteButtonMcEditPosition {
position: absolute;
top: 13px;
right: 0
}
.aiButtonBottomContainer {
width: 100%;
display: flex;
position: sticky;
bottom: 0;
padding: 12px;
flex-direction: row;
justify-content: center;
margin-top: 12px;
background-color: rgba(255, 255, 255, 0.8)
}
.aiResponseActionsContainer {
display: flex;
flex-flow: wrap;
justify-content: flex-start;
color: var(--legacy-interactive-color)
}
.aiResponseActions {
color: var(--legacy-interactive-color);
border: none;
margin-right: 6px;
margin-top: 6px;
background-color: unset;
border-radius: 30px;
white-space: nowrap;
padding: 0 12px
}
.aiResponseActions:disabled {
border: none
}
.aiResponseActions:first-child:not([disabled]) {
background-color: var(--legacy-interactive-color);
color: #ffffff
}
.aiResponseActions:first-child:not([disabled]):hover {
background: #006570
}
.aiResponseActions:hover {
background-color: var(--legacy-interactive-color);
color: #ffffff
}
.aiResponseToneAction {
background-color: unset;
line-height: 1em;
font-size: 1.4rem;
font-weight: 500;
border-radius: 30px;
border: none;
margin: 6px 9px 6px 0;
padding: 0 6px
}
.aiResponseToneAction:hover {
background-color: var(--legacy-interactive-color);
color: #ffffff
}
.aiStarterPromptActions {
border: 1px solid #007c89;
background-color: unset;
line-height: 1em;
margin-right: 6px;
margin-top: 6px;
font-size: 1.4rem;
font-weight: 500;
padding: 4px 8px;
border-radius: 30px;
color: var(--legacy-interactive-color);
white-space: nowrap
}
.aiStarterPromptActions:hover {
background-color: var(--legacy-interactive-color);
color: #ffffff
}
.migrate-to-nuni-banner {
background-color: #f6f6f4;
min-height: 100px;
display: flex;
flex-direction: row;
border: solid 1px #dbd9d2;
border-radius: 11px;
margin: 18px;
margin-bottom: 6px;
overflow: hidden;
box-shadow: rgba(36, 28, 21, 0.12) 0 4px 12px
}
.migrate-to-nuni-banner h3 {
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 4px
}
.migrate-to-nuni-banner .migrate-to-nuni-banner-content {
padding: 6px
}
.migrate-to-nuni-banner .migrate-to-nuni-banner-content p {
font-size: 1.4rem;
margin-bottom: 2px;
line-height: 1.6rem
}
.migrate-to-nuni-banner .migrate-to-nuni-banner-content a {
font-size: 1.4rem;
line-height: 1.6rem;
font-weight: 500
}
.migrate-to-nuni-banner .migrate-to-nuni-banner-image-container {
background-color: #dbd9d2;
margin-right: 12px;
width: 110px;
display: block;
position: relative;
flex: 0 0 auto;
padding: 4px
}
.migrate-to-nuni-banner .migrate-to-nuni-banner-image-container img {
width: 98px;
position: absolute;
left: 50%;
margin-left: -49px;
top: 50%;
margin-top: -44px
}
@keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.preview-frame {
margin: 0 auto;
-ms-transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s
}
.preview-desktop .preview-frame {
width: 100%;
padding-bottom: 60px
}
.preview-mobile .preview-frame {
width: 320px;
border: 1px solid #007c89
}
.preview-split--wide {
width: 65%
}
.preview-split--narrow {
width: 35%
}
.preview-split--left {
-ms-transition: width 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
transition: width 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
left: 0
}
.preview-split--right {
-ms-transition: width 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
transition: width 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
right: 0
}
.preview-split--full {
width: 100%;
left: 0;
right: 0
}
.no-right-pane .preview-split--left {
width: 100%
}
.no-right-pane .preview-split--right {
width: 0
}
.inbox-preview-nodata-icon {
max-width: 720px
}
.inbox-preview-row-header {
padding: 6px 18px
}
.inbox-preview-row {
position: relative;
padding: 18px;
-ms-transition: background-color 0.23s ease-in-out 0s;
transition: background-color 0.23s ease-in-out 0s
}
@media only screen and (max-width:60em) {
.inbox-preview-row {
padding: 12px
}
}
.inbox-preview-row:hover {
background: #f2f2f2;
cursor: pointer
}
.inbox-preview-row.active {
background: #ccebf3
}
.inbox-preview-row.unread::after {
border-radius: 50%;
content: "";
position: absolute;
top: calc(44%);
right: 24px;
border: 6px solid #52bad5
}
@media only screen and (max-width:60em) {
.inbox-preview-row.unread::after {
top: 12px;
right: 12px
}
}
@keyframes inbox-shine-loader {
0% {
left: 0;
opacity: 1
}
50% {
left: 90%;
opacity: 0
}
100% {
left: 90%;
opacity: 0
}
}
.animate-preview-pane::after {
content: "";
position: absolute;
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 95%);
animation: inbox-shine-loader 3s ease-out infinite
}
.top-clients>li {
border-bottom: 1px dotted #dedddc;
padding: 12px 36px
}
.top-clients>li::before,
.top-clients>li::after {
content: " ";
display: table
}
.top-clients>li::after {
clear: both
}
.top-clients>li::before,
.top-clients>li::after {
content: " ";
display: table
}
.top-clients>li::after {
clear: both
}
.top-clients>li:first-of-type {
padding-top: 0
}
.top-clients>li:last-of-type {
border-bottom: none
}
@media only screen and (max-width:64em) {
.top-clients>li {
padding: 12px 18px
}
}
.contentManager-tabs {
margin-left: 60px;
height: 48px
}
@media only screen and (max-width:40em) {
.contentManager-tabs {
display: none
}
}
.contentManager-tabs .dijitTabListContainer-top {
height: 38px !important
}
.contentManager-tabs .dijitTabListWrapper {
overflow: visible
}
.c-contentManager {
height: 100%
}
.c-contentManager__pagination {
position: fixed;
bottom: 0;
left: 0;
right: 0
}
.c-contentManager__pagination .dijitDownArrowButton {
margin-bottom: 0 !important
}
.c-contentManager__pagination .paging-controls .button-small {
padding: 0 8px
}
.c-contentManager__pagination .paging-controls .button-small:first-child {
margin-left: 12px !important;
margin-right: 0 !important
}
.c-contentManager__pagination .paging-controls .button-small:last-child {
margin-left: 6px !important;
margin-right: 0 !important
}
div#main-content .c-contentManager {
margin-top: 12px;
margin-left: 0
}
div#main-content.c-mainContent .c-fileMgrSidebarContainer {
width: 60px
}
div#main-content.c-mainContent .c-fileMgrSidebarContainer p {
display: none
}
.c-mainContent {
margin-left: 0
}
.c-mainContent .header {
margin-top: 24px
}
.c-contextMessage .section {
margin-bottom: 0
}
.v-gridView--active .u-hide\@GridActive {
display: none
}
.v-listView--active .u-hide\@listActive {
display: none
}
.c-fileItem {
width: 100%
}
.c-fileItem .c-fileItem_label {
cursor: pointer
}
.c-fileItem .c-media {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.c-fileItem.disabled .c-fileGridItem {
border: 1px solid #efeeea;
background: none
}
.c-fileItem.disabled .c-fileGridItemImage_img,
.c-fileItem.disabled .c-mediaImage,
.c-fileItem.disabled .c-mediaBody--centered {
opacity: .2
}
.c-fileItem.disabled .v-buttonGroupMenuItem:hover {
background-color: inherit
}
.c-fileItem.disabled .c-fileItem_label {
cursor: not-allowed
}
.v-gridView--active .c-fileItem {
width: calc((100% / 6 - 12px) + (12px / 6));
margin-right: 12px;
margin-bottom: 12px;
height: 12vw
}
.v-gridView--active .c-fileItem:nth-child(6n) {
margin-right: 0
}
@media only screen and (max-width:85.375em) {
.v-gridView--active .c-fileItem {
width: calc((100% / 5 - 12px) + (12px / 5));
margin-right: 12px;
margin-bottom: 12px;
height: 14vw
}
.v-gridView--active .c-fileItem:nth-child(6n) {
margin-right: 12px
}
.v-gridView--active .c-fileItem:nth-child(5n) {
margin-right: 0
}
}
@media only screen and (max-width:75em) {
.v-gridView--active .c-fileItem {
width: calc((100% / 4 - 12px) + (12px / 4));
margin-right: 12px;
margin-bottom: 12px;
height: 17vw
}
.v-gridView--active .c-fileItem:nth-child(5n) {
margin-right: 12px
}
.v-gridView--active .c-fileItem:nth-child(4n) {
margin-right: 0
}
}
@media only screen and (max-width:64em) {
.v-gridView--active .c-fileItem {
width: calc((100% / 3 - 12px) + (12px / 3));
margin-right: 12px;
margin-bottom: 12px;
height: 30vw
}
.v-gridView--active .c-fileItem:nth-child(4n) {
margin-right: 12px
}
.v-gridView--active .c-fileItem:nth-child(3n) {
margin-right: 0
}
}
@media only screen and (max-width:40em) {
.v-gridView--active .c-fileItem {
width: calc((100% / 2 - 12px) + (12px / 2));
margin-right: 12px;
margin-bottom: 12px;
height: 45vw
}
.v-gridView--active .c-fileItem:nth-child(3n) {
margin-right: 12px
}
.v-gridView--active .c-fileItem:nth-child(2n) {
margin-right: 0
}
}
.v-listView--active .c-fileItem {
border-radius: 4px;
margin-bottom: 6px
}
.v-listView--active .c-fileItem:nth-child(even) {
background-color: #efeeea
}
.c-fileGridItem {
-ms-transition: background-color .2s cubic-bezier(.17, .16, .24, .9) .0001s;
transition: background-color .2s cubic-bezier(.17, .16, .24, .9) .0001s;
background-color: #efeeea
}
.c-fileGridItem--selected {
background-color: #e6f2f3
}
.c-fileGridItem--selected .c-fileGridItemCheckmark {
transform: scale(1, 1);
opacity: 1;
z-index: 1
}
.c-fileGridItem--selected .c-fileGridItemImage_img {
filter: brightness(85%)
}
.c-fileGridItem--selected .c-fileGridItemImage_overlay,
.c-fileGridItem--selected .c-fileGridItemImage_overlay:hover {
opacity: 0
}
.c-fileGridItemImage_img {
-ms-transition: filter .2s cubic-bezier(.17, .16, .24, .9) .0001s;
transition: filter .2s cubic-bezier(.17, .16, .24, .9) .0001s;
height: auto;
max-height: 12vw
}
@media only screen and (max-width:85.375em) {
.c-fileGridItemImage_img {
max-height: 14vw
}
}
@media only screen and (max-width:75em) {
.c-fileGridItemImage_img {
max-height: 17vw
}
}
@media only screen and (max-width:64em) {
.c-fileGridItemImage_img {
max-height: 30vw
}
}
@media only screen and (max-width:40em) {
.c-fileGridItemImage_img {
max-height: 45vw
}
}
.c-fileGridItemImage_overlay {
-ms-transition: opacity .2s cubic-bezier(.17, .16, .24, .9) .0001s;
transition: opacity .2s cubic-bezier(.17, .16, .24, .9) .0001s;
opacity: 0
}
.c-fileGridItemImage_overlay:hover {
opacity: .25
}
.c-fileGridItemImage_overlay_disabled {
-ms-transition: opacity .2s cubic-bezier(.17, .16, .24, .9) .0001s;
transition: opacity .2s cubic-bezier(.17, .16, .24, .9) .0001s;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.c-fileGridItemImage_overlay_disabled:hover {
opacity: 1
}
.c-fileGridItemCheckmark {
-ms-transition: all .15s cubic-bezier(.73, .15, .33, .88) .0001s;
transition: all .15s cubic-bezier(.73, .15, .33, .88) .0001s;
transform: scale(.75, .75);
opacity: 0
}
.c-errorIcon {
width: calc(24px);
height: calc(24px)
}
.c-errorIcon svg {
background-color: #ffffff;
border-radius: 12px
}
.v-versionsBadgeBackground {
background-color: rgba(0, 0, 0, 0.7)
}
.v-disabledBadgeBackground {
background-color: #fbcfbd;
color: var(--legacy-text-primary-color)
}
.c-fileGridItemImage_canva_disabled {
background-color: #241c15;
color: #ffffff;
width: calc(210px);
height: auto;
text-wrap: auto;
z-index: 100
}
.c-listViewVersionBadge {
margin: 0 -12px -6px 0
}
.c-listViewImgThumbnail {
width: 54px;
height: 54px
}
.c-fileMgrSidebarContainer {
width: 234px
}
.v-contentSourceBtnImg {
width: 24px
}
.c-detailViewBackground {
background: rgba(0, 0, 0, 0.85)
}
@media only screen and (max-width:60em) {
.c-detailViewContainer {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
}
@media only screen and (min-width:60em) {
.c-detailViewItemPreview {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
}
@media only screen and (max-width:60em) {
.c-detailViewItemPreview {
width: 100%
}
}
.c-detailViewDetailPane {
width: 30%;
max-width: 324px;
overflow-y: scroll
}
@media only screen and (max-width:60em) {
.c-detailViewDetailPane {
width: 100%;
max-width: none;
overflow-y: auto
}
}
.v-contentVariantBtnImg {
width: 42px;
height: 42px
}
.file-drop-target {
top: 0;
z-index: 99;
opacity: 0;
visibility: hidden;
-ms-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s
}
.file-drop-target p {
margin: 0 auto
}
.file-drop-target .dead-center {
pointer-events: none;
margin: auto;
width: 480px;
height: 50%;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.file-drop-target.over {
visibility: visible;
opacity: .9
}
.file-upload {
width: 480px;
position: fixed;
bottom: 0;
right: 60px;
border: 1px solid #dedddc;
border-bottom: 0;
z-index: 99;
border-radius: 2px 2px 0 0;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2)
}
.file-upload ul {
height: 300px;
overflow: auto
}
.file-upload .header-bar {
border-radius: 2px 2px 0 0;
background: #241c15;
color: #ffffff
}
.file-upload .header-bar a {
transition: opacity .2s linear;
color: #ffffff;
opacity: .6
}
.file-upload .header-bar a:hover {
opacity: 1
}
.file-upload .thumbnail {
width: 50px;
height: 50px;
background-size: cover;
background-repeat: no-repeat;
background-position: center top
}
.file-upload .thumbnail .icon {
margin: 6px
}
@media only screen and (max-width:40em) {
.file-upload {
width: 95%;
left: 50%;
margin-left: -47.5%
}
}
.upload-list .meter {
margin: 18px 0;
border-radius: 12px
}
.upload-list p {
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.c-fileTypeIcons--small .c-fileTypeIcons_icon {
background-size: 36px;
background-repeat: no-repeat;
background-position: center
}
.c-fileTypeIcons--small .text {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-text-small.svg")
}
.c-fileTypeIcons--small .audio {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-audio-small.svg")
}
.c-fileTypeIcons--small .document {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-document-small.svg")
}
.c-fileTypeIcons--small .presentation {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-presentation-small.svg")
}
.c-fileTypeIcons--small .spreadsheet {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-spreadsheet-small.svg")
}
.c-fileTypeIcons--small .video {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-video-small.svg")
}
.c-fileTypeIcons--small .archive {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-archive-small.svg")
}
.c-fileTypeIcons--small .unknown {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-unknown-small.svg")
}
.c-fileTypeIcons--small .image_other {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-imageother-small.svg")
}
.c-fileTypeIcons--large .c-fileTypeIcons_icon {
background-size: 60px;
background-repeat: no-repeat;
background-position: center
}
.c-fileTypeIcons--large .text {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-text.svg")
}
.c-fileTypeIcons--large .audio {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-audio.svg")
}
.c-fileTypeIcons--large .document {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-document.svg")
}
.c-fileTypeIcons--large .presentation {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-presentation.svg")
}
.c-fileTypeIcons--large .spreadsheet {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-spreadsheet.svg")
}
.c-fileTypeIcons--large .video {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-video.svg")
}
.c-fileTypeIcons--large .archive {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-archive.svg")
}
.c-fileTypeIcons--large .unknown {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-unknown.svg")
}
.c-fileTypeIcons--large .image_other {
background-image: url("https://cdn-images.mailchimp.com/product/files/file-manager-imageother.svg")
}
.c-fileTypeIcon--large {
width: 60px
}
.fm-pagination {
bottom: 0;
left: 0;
right: 0
}
.fm-pagination .dijitDownArrowButton {
margin-bottom: 0 !important
}
.fm-pagination .paging-controls .button-small {
padding: 0 8px
}
.fm-pagination .paging-controls .button-small:first-child {
margin-left: 12px !important;
margin-right: 0 !important
}
.fm-pagination .paging-controls .button-small:last-child {
margin-left: 6px !important;
margin-right: 0 !important
}
.cross-browser-flex--1 {
flex: 1 0 auto
}
.c-mobileFolderList {
max-height: 275px
}
.transform-up6 {
transform: translateY(-117px)
}
@media only screen and (max-width:40em) {
.transform-up6 {
transform: translateY(-84px)
}
}
.c-buttonGroupItem button[data-mc-value="content-engine"] {
display: none
}
.showAutoDesigner .c-buttonGroupItem button[data-mc-value="content-engine"] {
display: block
}
.adTooltipWrapper {
position: relative;
display: inline-block
}
.adTooltipClose {
position: absolute;
background-color: transparent;
color: #ffffff;
right: -18px;
margin: -6px;
font-size: 9px
}
.adTooltipClose .closeIcon {
transform: scale(.5)
}
.adTooltipClose:hover {
color: #ffffff;
background-color: transparent
}
.adTooltip {
position: absolute;
top: -40%;
right: -82%;
width: 197px;
height: 87px;
background-color: #403b3b;
z-index: 1
}
.adTooltip .adTooltipWrapper::after {
content: "";
position: absolute;
top: 42%;
left: -3%;
margin-left: -8px;
border-width: 8px;
border-style: solid;
border-color: transparent #403b3b transparent transparent
}
.canva-banner-wrapper {
background: #ffffff;
border: 1px solid #dbd9d2;
box-shadow: 0 4px 12px rgba(36, 28, 21, 0.12);
display: inline-flex
}
.canva-banner-wrapper .canva-banner-image {
width: 56px;
height: 56px
}
.canva-banner-wrapper .heading {
font-family: var(--legacy-font-family--brand)
}
.canva-banner-wrapper .content {
min-width: 0;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
color: var(--legacy-text-secondary-color);
font-size: 1.4rem
}
.my-logo-moved-wrapper {
display: flex;
flex-direction: column;
align-items: center
}
.my-logo-moved-img-wrapper {
display: flex;
justify-content: center
}
.my-logo-moved-img {
max-height: 240px
}
.canva-button {
display: inline-block;
padding: 10px 20px;
background-color: #017e89;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border: 1px solid transparent;
border-radius: 22px;
cursor: pointer;
font-weight: 500;
font-size: 14px;
line-height: 1.5
}
.canva-button:hover {
background-color: #016a73;
color: #FFFFFF
}
.recipe-category {
position: absolute;
right: 18px;
width: 20px;
height: 20px;
background: url("https://cdn-images.mailchimp.com/product/sprites/automation-categories.svg") no-repeat 0 0 transparent;
background-size: 142px 60px
}
.recipe-category.automation_activity {
background-position: -21px 0
}
.recipe-category.ecommerce {
background-position: -62px -21px
}
.recipe-category.campaign_activity {
background-position: -122px 0
}
.recipe-category.music {
background-position: -81px 0
}
.recipe-category.nonprofit {
background-position: -102px 0
}
.recipe-category.software {
background-position: -81px -20px
}
.recipe-category.education {
background-position: -102px -20px
}
.recipe-category.list_management {
background-position: -41px -20px
}
.recipe-category.list_activity {
background-position: -41px -20px
}
.recipe-category.transactional {
background-position: -41px 0
}
.recipe-category.integration {
background-position: -21px -20px
}
.recipe-category.date_based {
background-position: -1px -21px
}
.recipe-category.custom {
background-position: -122px 0
}
.recipe-category.shopify {
background-position: -122px -20px
}
.recipe-category.tag {
background-position: -1px -41px
}
@media only screen and (max-width:40em) {
.recipe-category {
background: none
}
}
.c-automationOverlay {
padding-top: 60px
}
.c-automationOverlay_topBar {
position: fixed;
width: 100%;
height: 60px;
top: 0;
left: 0;
border-bottom: 1px solid #dedddc
}
.c-automationOverlay .c-topBar_actions {
top: 0;
right: 0;
height: 60px
}
.c-automationOverlay_viewContainer {
position: fixed;
height: 100%;
margin-top: 60px;
top: 0;
right: 0;
left: 0;
opacity: 0
}
.c-settingsOverlay {
padding-top: 60px
}
.c-settingsOverlay_topBar {
position: fixed;
width: 100%;
height: 60px;
top: 0;
left: 0;
border-bottom: 1px solid #dedddc
}
.c-settingsOverlay .c-topBar_title {
padding-left: 10px
}
.c-settingsOverlay .c-topBar_actions {
top: 0;
right: 0;
height: 60px
}
.c-settingsOverlay_viewContainer {
position: fixed;
height: 100%;
margin-top: 60px;
top: 0;
right: 0;
left: 0
}
.c-boxSlat {
border: 2px solid #dedddc;
margin-bottom: 24px
}
.c-boxSlat-selected {
border: 2px solid #6dc5dc
}
.c-boxSlat-disabled {
border: 2px solid #dedddc;
background: #f8f8f8
}
.c-boxSlat .segment-block {
vertical-align: middle
}
.c-boxSlat_contents .c-triggerIcon {
padding-right: 25px
}
.c-boxSlat_contents .c-triggerIcon_category {
width: 20px;
height: 20px;
background: url("https://cdn-images.mailchimp.com/product/sprites/automation-categories.svg") no-repeat 0 0 transparent;
background-size: 120px auto
}
.c-boxSlat_contents .c-triggerIcon_category.automation_activity {
background-position: -20px 0
}
.c-boxSlat_contents .c-triggerIcon_category.ecommerce {
background-position: -60px -20px
}
.c-boxSlat_contents .c-triggerIcon_category.campaign_activity {
background-position: -60px 0
}
.c-boxSlat_contents .c-triggerIcon_category.list_management {
background-position: -40px -20px
}
.c-boxSlat_contents .c-triggerIcon_category.transactional {
background-position: -40px 0
}
.c-boxSlat_contents .c-triggerIcon_category.integration {
background-position: 0 0
}
.c-boxSlat_contents .c-triggerIcon_category.date_based {
background-position: 0 -20px
}
.c-boxSlat_settings {
background: #f8f8f8
}
.c-boxSlat_padding {
padding: 18px 30px
}
.c-boxSlat_selectTrigger {
background: #f8f8f8
}
.c-triggerTabs .recipe-category {
left: 0;
right: 0;
top: 9px
}
.email-container {
display: flex;
position: relative;
padding: 30px 15px;
z-index: 1
}
@media screen and (max-width:64em) {
.email-container {
padding: 12px 15px
}
}
.email-status {
color: var(--legacy-text-secondary-color)
}
.timeline-container {
width: 55px
}
.timeline-container .timeline::after {
border-left: 2px dashed #d0d0d0;
content: "";
position: absolute;
top: 80px;
height: 100%;
left: 32px;
z-index: -1
}
.email-row-container:last-child .timeline-container .timeline::after {
border: none
}
.timeline-container .freddicon {
top: 12px
}
.paused .timeline-container .freddicon {
color: #ee836e
}
.sending .timeline-container .timeline::after {
border-left-style: solid
}
.sending .timeline-container .freddicon {
color: #72c1b0
}
.email {
border: 1px solid #bdbbb9
}
.email .feedback-block {
border-radius: 6px 6px 0 0
}
.c-emailImageWrapper .v-emailDropTarget {
display: none;
border-style: dashed
}
.dojoDndMove .dojoDndItemOver .c-emailImageWrapper .v-emailDropTarget {
display: block
}
.c-emailImageWrapper .v-emailDropTarget::before {
content: "Drop Content";
color: #959595;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
position: absolute;
top: 20%;
padding: 12px;
text-align: center
}
.c-emailImageWrapper .v-emailBadDropTarget {
display: none;
border-style: dashed
}
.dojoDndMove .dojoDndItemOver .c-emailImageWrapper .v-emailBadDropTarget {
display: block
}
.c-emailImageWrapper .v-emailBadDropTarget::before {
content: "Pause Email to Swap";
color: #e85c41;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
position: absolute;
top: 20%;
padding: 12px;
text-align: center
}
[data-mc-segment-options] {
display: none
}
.ar-import-slat {
border-top: 1px solid #d0d0d0;
padding-top: 12px
}
.ar-import-slat:last-child {
border-bottom: 1px solid #d0d0d0;
padding-bottom: 12px
}
.segment-options-container .segment-count {
display: none
}
#auto-settings .subfields {
padding-left: 4px
}
#auto-settings .subfields input {
display: inline-block;
width: 50px;
margin: 0 2px;
text-align: center
}
#auto-settings .subfields label {
display: none
}
#auto-settings .subfields+.invalid-error {
display: block;
float: left;
margin: 5px 0 0 6px
}
#auto-settings .subfields .phonedetail2 input {
width: 65px
}
.v-workflowName::before,
.v-workflowListName::before {
content: "Audience name";
font-weight: 600;
font-size: 1.4rem;
color: #959595;
display: block
}
.v-workflowName::before,
.v-workflowMerge::before {
content: "Date Field";
font-weight: 600;
font-size: 1.4rem;
color: #959595;
display: block
}
.v-workflowName::before {
content: "Workflow recipe"
}
.dojoDndAvatar .email-container,
.dojoDndAvatar .email-contents {
padding: 0
}
.dojoDndAvatar .c-emailImageWrapper .c-emailImage {
display: block !important
}
.dojoDndAvatar .c-emailImageWrapper .v-emailDropTarget {
display: none !important
}
.dojoDndAvatar .timeline-container,
.dojoDndAvatar .email_trigger,
.dojoDndAvatar .c-slatInfoBody,
.dojoDndAvatar .c-slatInfoStats,
.dojoDndAvatar .c-slatMeta_action {
display: none !important
}
.dojoDndAvatar .email {
border: 0 none;
box-shadow: none
}
.flash-block {
display: block;
clear: both
}
.flash-block a {
display: inline-block;
white-space: nowrap
}
.flash-info,
.flash-errors,
.flash-success {
padding: 24px 15px 24px 15px;
margin: 15px 15px 24px 15px;
border-radius: 6px;
background-color: #ccebf3
}
.flash-errors {
background-color: #f8d0c8
}
.flash-success {
background-color: #d4ece6
}
.c-autocampaigns_customerJourneyCTA {
background-color: #f9e0fa;
font-size: 1.4rem
}
.c-autocampaigns_customerJourneyCTA_bold {
font-weight: 600
}
.c-autocampaigns_dmarc_CTA {
background-color: #f8d0c8;
font-size: 1.4rem
}
.c-autocampaigns_dmarc_CTA_bold {
font-weight: 500
}
.c-taxonomyRules .select-inline {
width: auto;
margin: 0 6px;
vertical-align: middle
}
.\ !font-size--24 {
font-size: 24px !important
}
.contact-profile-content-container {
padding-top: 48px;
position: relative
}
.contact-profile-content-container .left-pane {
width: 65%;
padding-right: 24px;
position: relative;
float: left
}
@media only screen and (max-width:64em) {
.contact-profile-content-container .left-pane {
width: 100%
}
}
.contact-profile-content-container .right-pane {
width: 35%;
position: relative;
float: right;
padding-left: 12px
}
@media only screen and (max-width:64em) {
.contact-profile-content-container .right-pane {
width: 100%;
padding: 12px 24px;
padding-bottom: 72px
}
}
.profile-overview {
position: relative
}
.profile-overview .profile-overview-flex-container {
justify-content: space-between;
flex-direction: row
}
@media only screen and (max-width:40em) {
.profile-overview .profile-overview-flex-container {
flex-direction: column
}
}
.profile-overview .media-image {
width: 20%
}
.profile-overview .profile-overview-content {
width: 60%
}
.profile-overview .actions-container {
float: right
}
@media only screen and (max-width:40em) {
.profile-overview .actions-container {
float: left;
padding: 0;
padding-top: 24px
}
}
.contact-field {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 0 !important
}
.activity-feed li:not(:last-of-type) .feed-icon-container::before {
content: '';
position: absolute;
top: 30px;
width: 2px;
background: #e0e0e0;
left: 12px
}
.activity-feed li:not(:last-of-type).flex-height .feed-icon-container::before {
bottom: -15px
}
.activity-feed li:not(:last-of-type).single-height .feed-icon-container::before {
height: 24px
}
.activity-feed li:not(:last-of-type).double-height .feed-icon-container::before {
height: 48px
}
.activity-feed li:not(:last-of-type).triple-height .feed-icon-container::before {
height: 72px
}
.activity-feed li:not(:last-of-type).quad-height .feed-icon-container::before {
height: 96px
}
.activity-feed .property-text {
font-size: 1.4rem
}
.activity-feed .property-container li:last-child {
padding-bottom: 0
}
.activity-feed .feed-date-entry {
padding-bottom: 36px
}
.activity-feed .show-details a:hover {
opacity: 1
}
.activity-feed .show-details a {
color: #241c15;
border-bottom: none
}
.activity-feed .arrow-up-animation {
transform: rotate(180deg);
transition: transform 300ms linear
}
.activity-feed .arrow-down-animation {
transform: rotate(0deg);
transition: transform 300ms linear
}
.activity-feed .feed-icon-container {
width: 60px;
position: relative;
margin-top: 9px
}
.activity-feed .feed-icon-container img {
width: 24px;
height: 24px
}
.activity-feed .feed-content-container {
flex: 1;
overflow: hidden
}
.activity-feed .feed-content-container .order-activity-container {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.activity-feed .feed-content-container .order-activity-container .order-item-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex: 1;
height: 54px;
padding-left: 12px;
position: relative
}
.activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container {
flex: 1;
flex-wrap: nowrap !important;
border: 1px solid #e0e0e0;
max-width: 216px
}
.activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container .item-badge-count {
position: absolute;
top: -6px;
left: 6px;
border-radius: 12px;
background-color: #00b3ea;
color: #ffffff;
padding: 0 6px;
border: 1px solid #ffffff;
line-height: 20px
}
.activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container .order-item-image {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
height: 100%;
width: 54px;
margin-right: 12px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: #e0e0e0
}
.activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container .order-item-info {
overflow: hidden;
padding-top: 6px
}
.activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container .order-item-info .order-item-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 0;
line-height: 18px !important
}
.CodeMirror {
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
font-size: 13px;
height: 300px
}
.CodeMirror-scroll {
overflow: auto
}
.CodeMirror-lines {
padding: 4px 0
}
.CodeMirror pre {
padding: 0 4px
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
background-color: #ffffff
}
.CodeMirror-gutters {
border-right: 1px solid #dddddd;
background-color: #f7f7f7;
white-space: nowrap
}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: rgba(36, 28, 21, 0.65) !important;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.CodeMirror-guttermarker {
color: #000000
}
.CodeMirror-guttermarker-subtle {
color: #999999
}
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid #000000
}
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver
}
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
width: auto;
border: 0;
background: #77ee77
}
.cm-animate-fat-cursor {
width: auto;
border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite
}
@-moz-keyframes blink {
0% {
background: #77ee77
}
50% {
background: none
}
100% {
background: #77ee77
}
}
@-webkit-keyframes blink {
0% {
background: #77ee77
}
50% {
background: none
}
100% {
background: #77ee77
}
}
@keyframes blink {
0% {
background: #77ee77
}
50% {
background: none
}
100% {
background: #77ee77
}
}
.cm-tab {
display: inline-block
}
.CodeMirror-ruler {
border-left: 1px solid #cccccc;
position: absolute
}
.cm-s-default .cm-keyword {
color: #770088
}
.cm-s-default .cm-atom {
color: #221199
}
.cm-s-default .cm-number {
color: #116644
}
.cm-s-default .cm-def {
color: #0000ff
}
.cm-s-default .cm-variable-2 {
color: #0055aa
}
.cm-s-default .cm-variable-3 {
color: #008855
}
.cm-s-default .cm-comment {
color: #aa5500
}
.cm-s-default .cm-string {
color: #aa1111
}
.cm-s-default .cm-string-2 {
color: #ff5500
}
.cm-s-default .cm-meta {
color: #555555
}
.cm-s-default .cm-qualifier {
color: #555555
}
.cm-s-default .cm-builtin {
color: #3300aa
}
.cm-s-default .cm-bracket {
color: #999977
}
.cm-s-default .cm-tag {
color: #117700
}
.cm-s-default .cm-attribute {
color: #0000cc
}
.cm-s-default .cm-header {
color: #0000ff
}
.cm-s-default .cm-quote {
color: #009900
}
.cm-s-default .cm-hr {
color: #999999
}
.cm-s-default .cm-link {
color: #0000cc
}
.cm-negative {
color: #dd4444
}
.cm-positive {
color: #229922
}
.cm-header,
.cm-strong {
font-weight: bold
}
.cm-em {
font-style: italic
}
.cm-link {
text-decoration: underline
}
.cm-s-default .cm-error {
color: #ff0000
}
.cm-invalidchar {
color: #ff0000
}
div.CodeMirror span.CodeMirror-matchingbracket {
color: #00ff00
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #ff2222
}
.CodeMirror-matchingtag {
background: rgba(255, 150, 0, 0.3)
}
.CodeMirror-activeline-background {
background: #e8f2ff
}
.CodeMirror {
line-height: 1;
position: relative;
overflow: hidden;
background: #ffffff;
color: #000000
}
.CodeMirror-scroll {
margin-bottom: -30px;
margin-right: -30px;
padding-bottom: 30px;
height: 100%;
outline: none;
position: relative;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.CodeMirror-sizer {
position: relative;
border-right: 30px solid transparent;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none
}
.CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll
}
.CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll
}
.CodeMirror-scrollbar-filler {
right: 0;
bottom: 0
}
.CodeMirror-gutter-filler {
left: 0;
bottom: 0
}
.CodeMirror-gutters {
position: absolute;
left: 0;
top: 0;
padding-bottom: 30px;
z-index: 3
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-bottom: 30px;
margin-bottom: -32px;
display: inline-block;
*zoom: 1;
*display: inline
}
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4
}
.CodeMirror-lines {
cursor: text
}
.CodeMirror pre {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible
}
.CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal
}
.CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0
}
.CodeMirror-linewidget {
position: relative;
z-index: 2;
overflow: auto
}
.CodeMirror-wrap .CodeMirror-scroll {
overflow-x: hidden
}
.CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden
}
.CodeMirror-measure pre {
position: static
}
.CodeMirror div.CodeMirror-cursor {
position: absolute;
border-right: none;
width: 0
}
div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 1
}
.CodeMirror-focused div.CodeMirror-cursors {
visibility: visible
}
.CodeMirror-selected {
background: #d9d9d9
}
.CodeMirror-focused .CodeMirror-selected {
background: #d7d4f0
}
.CodeMirror-crosshair {
cursor: crosshair
}
.cm-searching {
background: #ffffaa;
background: rgba(255, 255, 0, 0.4)
}
.CodeMirror span {
*vertical-align: text-bottom
}
.cm-force-border {
padding-right: .1px
}
@media print {
.CodeMirror div.CodeMirror-cursors {
visibility: hidden
}
}
.c-adyenInput {
display: block;
height: 36px;
border: 1px solid rgba(36, 28, 21, 0.3);
padding: 0 6px;
margin-bottom: 18px;
border-radius: 2px
}
.c-adyenInput--small {
width: 48px
}
.select-platform-grid {
max-width: 800px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.select-platform-section {
margin: -15px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.select-platform-grid-item {
width: 170px;
height: 170px;
margin: 15px;
border: 1px solid rgba(36, 28, 21, 0.3);
border-radius: 2px;
text-align: center;
cursor: pointer;
position: relative;
color: inherit;
-ms-transition: border-color 0.23s ease-in-out 0s;
transition: border-color 0.23s ease-in-out 0s
}
.select-platform-grid-item>div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%
}
.select-platform-grid-item i {
color: #00c14e;
position: absolute;
right: 6px;
bottom: 6px
}
.select-platform-grid-item:hover {
border-color: #007c89
}
.select-platform-grid-item img {
width: 80px;
height: 60px
}
@media screen and (max-width:40em) {
.select-platform-section {
margin: -8px
}
.select-platform-grid-item {
width: 150px;
height: 150px;
margin: 8px
}
.select-platform-grid-item img {
width: 65px;
height: 50px
}
}
.instructions-page-title-section {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start
}
.instructions-page-title-section .logo {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-right: 24px;
margin-bottom: 24px;
height: 120px;
width: 120px;
border-radius: 8px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.instructions-page-title-section .logo img {
width: 80px;
height: 60px
}
.instructions-page-title-section .text-section {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.instructions-page-title-section .text-section .title {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.instructions-page-title-section .text-section .h5 {
color: #8c8c8c
}
.instructions-page-title-section .button {
max-width: 240px
}
@media screen and (max-width:40em) {
.instructions-page-title-section {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.instructions-list li>p {
margin-bottom: 0
}
.instructions-install-images {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-right: 18px
}
.instructions-install-images .large-install-image {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
box-sizing: border-box;
margin-right: 18px;
padding: 18px;
border-radius: 3px;
border: 2px solid #dedddc
}
.instructions-install-images .install-image-thumbnail-container {
width: 80px;
height: 80px;
box-sizing: border-box;
padding: 4px;
border-radius: 3px;
border: 2px solid #dedddc;
margin-bottom: 18px;
cursor: pointer
}
.instructions-install-images .install-image-thumbnail-container:last-child {
margin-bottom: 0
}
.instructions-install-images .install-image-thumbnail-container.active {
border-color: #52bad5
}
.instructions-install-images .install-thumbnail-image {
background-size: cover;
background-position: center;
height: 100%;
width: 100%;
border-radius: 2px
}
@media screen and (max-width:40em) {
.instructions-install-images {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-right: 0
}
.instructions-install-images .install-thumbnail-container {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.instructions-install-images .install-image-thumbnail-container {
width: 70px;
height: 70px;
margin-right: 18px
}
.instructions-install-images .install-image-thumbnail-container:last-child {
margin-right: 0;
margin-bottom: 18px
}
}
.instructions-manual-code-snippet {
cursor: pointer;
border: solid 2px rgba(36, 28, 21, 0.3);
border-radius: 4px;
background-color: #f8f8f8;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 12px
}
.instructions-manual-code-snippet:hover {
border-color: rgba(36, 28, 21, 0.3)
}
.instructions-manual-code-snippet:active {
border-color: #007c89
}
.instructions-manual-code-snippet pre {
padding: 12px 18px
}
.instructions-manual-code-snippet .instructions-manual-code-copy {
display: inline-block;
border-top: 1px solid rgba(36, 28, 21, 0.3);
border-right: 1px solid rgba(36, 28, 21, 0.3);
border-top-right-radius: 4px;
padding: 6px 18px
}
.video-container {
position: relative;
padding-bottom: 56%;
height: 0
}
.video-container iframe {
position: absolute;
top: 0;
left: 0
}
.quickbooks-description {
list-style: disc;
margin-left: 24px
}
.quickbooks-description ul {
margin-top: 12px;
list-style: disc;
margin-left: 24px
}
img[src~="https://cdn-images.mailchimp.com/product/third-party-logos/addevent-icon.svg"] {
width: 60px !important
}
.c-paywall_top-nav {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 0 42px;
border-bottom: 1px solid #dedddc
}
@media screen and (min-width:75em) {
.c-paywall_top-nav--features {
padding-left: 0
}
}
@media screen and (max-width:40em) {
.c-paywall_top-nav {
display: block
}
}
.c-paywall_breadcrumb {
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2
}
.c-paywall_breadcrumb--current {
color: var(--legacy-link-color);
border-bottom: 1px solid #007c89;
padding-bottom: 2px
}
.c-paywall_breadcrumb ul>li {
cursor: pointer;
font-weight: 500;
display: inline-block;
margin: 0 24px;
position: relative
}
@media screen and (max-width:40em) {
.c-paywall_breadcrumb ul>li {
margin: 0 12px 12px
}
}
.c-paywall_breadcrumb ul>li::after {
font-family: "freddicons";
content: "\e023";
position: absolute;
top: 2px;
right: -36px
}
@media screen and (max-width:40em) {
.c-paywall_breadcrumb ul>li::after {
right: -21px
}
}
.c-paywall_breadcrumb ul>li:last-child::after {
display: none
}
.c-paywall_currencySelector {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin: 0 24px
}
.c-paywall_currencySelector select {
margin: 0;
padding-right: 42px;
border: none;
color: var(--legacy-interactive-color);
font-size: 1.6rem;
font-weight: 500;
line-height: 3;
background-image: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/product/dropdown--kale.svg");
background-size: 3em;
cursor: pointer
}
@media screen and (max-width:40em) {
.c-paywall_currencySelector select {
background-position-x: 0;
padding-left: 27px;
padding-right: 0
}
}
.c-paywall_container {
max-width: 1200px
}
.c-paywall_sidebar button.disabled {
background-color: var(--legacy-bg-lvl-1-color);
border: 1px solid #dedddc;
color: #b7b7b7;
opacity: .6
}
.c-paywall_sidebar_sendReceiptContianer {
padding: 0 12px 12px
}
.c-paywall_sidebar_legalContainer {
padding: 12px
}
.c-paywall_sidebar_legalText {
font-size: 1.4rem;
color: var(--legacy-text-secondary-color);
line-height: 1.5;
margin: 0 auto
}
.c-paywall_sidebar_pendingDowngradeCTA {
text-transform: none
}
.c-packageSelector_details {
position: relative;
margin-bottom: 24px;
display: flex;
flex-direction: column
}
.c-packageSelector_details::before,
.c-packageSelector_details::after {
content: " ";
display: table
}
.c-packageSelector_details::after {
clear: both
}
@media screen and (min-width:40em) {
.c-packageSelector_details {
flex-direction: row
}
}
.c-packageSelector_details .package__card {
border: solid 1px #dedddc;
display: flex;
flex: 1;
flex-direction: column;
overflow: visible;
position: relative;
max-width: 100%;
padding: 0;
font-weight: 400;
line-height: normal;
cursor: pointer;
margin-top: 24px
}
@media screen and (min-width:40em) {
.c-packageSelector_details .package__card {
border-right: 0;
margin: 0
}
}
.c-packageSelector_details .package__card:first-child {
border-radius: 2px 0 0 2px;
margin: 0
}
.c-packageSelector_details .package__card:last-child {
border-radius: 0 2px 2px 0
}
@media screen and (min-width:40em) {
.c-packageSelector_details .package__card:last-child {
border-right: solid 1px #dedddc
}
}
.c-packageSelector_details .package__card__content {
display: flex;
flex-direction: column;
padding: 0 12px
}
.c-packageSelector_details .package__card__featureCallout {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
align-items: center;
text-align: center;
border-top: 1px solid #dedddc;
padding: 24px 12px
}
.c-packageSelector_details .package__card__featureCallout .freddicon {
margin-bottom: 12px
}
.c-packageSelector_details .package__card__featureCallout .freddicon.tick {
color: var(--legacy-interactive-color)
}
.c-packageSelector_details .package__card__featureCallout .freddicon.cross {
color: #bdbbb9
}
.c-packageSelector_details .package__card--selected {
background-color: rgba(197, 219, 242, 0.1);
border: 1px solid #007c89;
margin-right: 0;
z-index: 1
}
@media screen and (min-width:40em) {
.c-packageSelector_details .package__card--selected+.package__card {
border-left: 0
}
}
@media screen and (min-width:40em) {
.c-packageSelector_details .package__card--selected:last-child {
border-right: solid 1px #007c89
}
}
.c-packageSelector_details .package__card--promoted {
margin-top: 48px
}
@media screen and (min-width:40em) {
.c-packageSelector_details .package__card--promoted {
margin: 0
}
}
.c-packageSelector_details .package__card--arrow {
display: none
}
@media screen and (min-width:40em) {
.c-packageSelector_details .package__card--arrow {
display: inline-block;
width: 0;
height: 0;
margin: 0 auto
}
.c-packageSelector_details .package__card--arrow::before,
.c-packageSelector_details .package__card--arrow::after {
content: '';
position: absolute;
bottom: -21px;
margin-left: -20px;
width: 0;
height: 0;
border-top: solid 20px #007c89;
border-left: solid 20px transparent;
border-right: solid 20px transparent;
z-index: 5
}
.c-packageSelector_details .package__card--arrow::before {
border-top-color: #f9fcfe;
bottom: -20px;
z-index: 10
}
}
.c-packageSelector_details .package__radio {
position: absolute;
right: -5px;
top: 30px
}
.c-packageSelector_details .package__price {
margin-left: -12px
}
.c-packageSelector_details .package__price h1 {
font-size: 5.4rem
}
.c-packageSelector_details .package__price h3 {
margin: 0;
padding: 12px 4px
}
.c-packageSelector_details .package__priceContainer {
display: flex;
flex-direction: column;
align-items: center
}
@media screen and (min-width:40em) {
.c-packageSelector_details .package__priceContainer {
min-height: 180px
}
}
.c-packageSelector_details .package__priceContainer--reversed .package__price {
flex-direction: row-reverse
}
.c-packageSelector_details h3 {
font-family: var(--legacy-font-family--brand)
}
.c-packageSelector_details .package__cta {
position: absolute;
text-align: center;
width: 100%;
height: 40px;
top: -40px;
left: -1px;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-end
}
.c-packageSelector_details .package__cta span {
font-size: 1.4rem;
line-height: inherit;
background-color: var(--legacy-interactive-color);
color: #ffffff;
box-sizing: content-box;
border: 1px solid #007c89;
font-weight: 500;
padding: 4px 0;
border-radius: 2px 2px 0 0;
width: 100%
}
.c-packageSelector_details .current__package {
font-size: 12px;
top: -20px
}
.c-packageSelector_details .package__description {
line-height: 2rem;
margin-bottom: 24px
}
@media screen and (min-width:40em) {
.c-packageSelector_details .package__description {
min-height: 78px
}
}
.c-packageSelector_details button {
background-color: var(--legacy-bg-lvl-1-color);
border: 1px solid #007c89;
color: var(--legacy-interactive-color);
border-radius: 0;
height: 48px;
padding: 0;
width: 156px;
margin-bottom: 30px;
align-self: center
}
.c-packageSelector_details button.button__alt,
.c-packageSelector_details button:hover {
background-color: var(--legacy-interactive-color);
color: #ffffff
}
.c-packageSelector_details .contact__block {
background-color: rgba(0, 124, 137, 0.1);
padding: 12px
}
.c-packageSelector_comparison ul {
margin-left: 6px
}
.c-packageSelector_comparison ul>li {
display: flex
}
.c-packageSelector_comparison .freddicon {
margin-bottom: 6px;
font-size: 14px !important;
color: var(--legacy-interactive-color)
}
.c-audienceSelector_title {
font-family: var(--legacy-font-family--brand);
margin-bottom: 12px
}
.c-audienceSelector_meta {
font-size: 12px;
margin: 0
}
@media screen and (min-width:40em) {
.c-audienceSelector_meta {
padding-top: 0;
padding: 0 24px
}
}
.c-packageSelector_sliderContainer {
border: solid 1px #dedddc;
border-radius: 2px;
padding: 36px;
margin-bottom: 24px;
position: relative
}
.c-packageSelector_sliderContainer__headerText {
text-align: center;
margin-bottom: 36px
}
.c-packageSelector_sliderContainer__upsell {
margin-bottom: 12px;
padding: 0
}
@media screen and (min-width:40em) {
.c-packageSelector_sliderContainer__upsell {
margin-bottom: 6px;
padding-top: 0;
padding: 0 24px
}
}
.c-packageSelector_sliderContainer__outputs {
display: flex;
flex-direction: column
}
@media screen and (min-width:40em) {
.c-packageSelector_sliderContainer__outputs {
flex-direction: row
}
}
.c-packageSelector_sliderContainer__leftContainer {
margin-bottom: 12px
}
@media screen and (min-width:40em) {
.c-packageSelector_sliderContainer__leftContainer {
margin: 0
}
}
.c-packageSelector_sliderContainer__rightContainer {
display: flex;
flex-direction: column;
justify-content: center
}
.c-paymentForm_container {
padding: 0 48px
}
.c-paymentForm_confirmation {
padding: 0 72px 0 12px
}
.c-adaChat--fullscreen #ada-embed {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
.post-import-upgrade-container {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 24px;
background-color: #f9e0fa
}
.post-import-upgrade-container__heading {
margin-bottom: 6px;
font-size: 3rem;
font-family: var(--legacy-font-family--brand)
}
@media screen and (min-width:60em) {
.post-import-upgrade-container__content {
margin-left: 48px
}
}
@media screen and (max-width:60em) {
.post-import-upgrade-container__image {
display: none
}
}
.post-import-upgrade-container .button-group .button {
margin-right: 18px
}
.post-import-upgrade-container .button-group .button.post-import-upgrade-button {
padding: 0
}
.post-import-upgrade-container .button-group .button.post-import-upgrade-button button {
width: 165px
}
.post-import-upgrade-container .button-group .button~a:not(.button) {
color: #241c15
}
.pre-import-warning {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background: #fbeeca;
padding: 6px 18px;
border-radius: 6px;
margin: 6px 6px 12px
}
.pre-import-warning .freddicon {
padding-top: 18px
}
.pre-import-warning p {
margin: 12px;
font-size: 1.4rem
}
.postcardChoices {
min-height: 156px;
display: flex;
flex-direction: column;
justify-content: center
}
.feature-review .main-content,
.feature-review-confirmation .main-content {
height: auto
}
.close-survey__why {
padding-left: 36px
}
@media screen and (max-width:64em) {
.close-survey__why {
padding-left: 0
}
}
.close-survey__reason {
padding-left: 0
}
.close-survey__reason.selected+.close-survey__response {
display: block
}
@media screen and (max-width:64em) {
.close-survey__reason {
padding-left: 36px
}
}
.close-survey__response,
.close-survey input.close-survey__response {
display: none;
margin-top: 18px
}
.close-survey__response-text {
display: inline-block;
font-size: 1.4rem
}
.close-survey__chat-prompt {
background-color: var(--legacy-bg-lvl-3-color);
padding: 15px;
text-indent: 0
}
.close-survey__chat-cta {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
color: var(--legacy-link-color);
font-size: 1.4rem;
line-height: 1.4rem;
height: auto;
min-width: 0;
padding: 0 0 0 .4rem
}
.close-survey__chat-cta:hover,
.close-survey__chat-cta:focus {
background-color: transparent;
color: #004e56
}
.close-survey__helpbot-prompt {
display: flex;
background-color: #fbeeca;
align-items: center;
justify-content: space-around;
padding: 24px 60px;
max-width: 100vw;
word-break: normal;
overflow-wrap: normal
}
.close-survey__helpbot-prompt-text {
display: block;
width: 720px;
font-family: var(--legacy-font-family--brand);
margin-bottom: 24px
}
.close-survey__helpbot-prompt-image {
display: block;
width: 222px
}
@media screen and (max-width:67.5em) {
.close-survey__helpbot-prompt {
padding: 36px;
flex-wrap: wrap
}
.close-survey__helpbot-prompt-text {
flex-basis: 100%;
width: 100%
}
.close-survey__helpbot-prompt-image {
display: none
}
}
@media screen and (max-width:40em) {
.close-survey__helpbot-prompt-text {
font-size: 2.8rem
}
.close-survey__helpbot-prompt-image {
display: none
}
}
.close-survey .invalid-error {
display: none
}
.close-survey .invalid+.invalid-error {
display: block
}
.academy-login {
background: url("https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/Login-Background.png");
background-repeat: none;
background-size: cover;
background-position: center;
height: 100vh;
display: flex;
align-items: center
}
@media only screen and (max-width:40em) {
.academy-login {
align-items: flex-start
}
}
.academy-login-content {
background: var(--legacy-bg-lvl-1-color);
width: 100%;
max-width: 565px;
text-align: center;
padding: 50px;
border-radius: 6px
}
.academy-login-content img {
margin-bottom: 24px
}
.academy-login-content h1 {
max-width: 300px;
margin-bottom: 18px;
display: inline-block;
text-transform: none
}
.academy-login-content [data-mc-group="flashBlock"] {
text-align: left;
margin-bottom: 24px;
margin-top: 0;
display: flex;
align-items: center
}
.academy-login-content [data-mc-group="flashBlock"] ul {
font-size: 1.2rem;
line-height: 1.5;
padding: 0
}
.academy-login-content [data-mc-group="flashBlock"]::before {
content: '\e106';
font-family: 'freddicons';
margin: 12px
}
.academy-login-content form {
text-align: left
}
.academy-login-content form input[type="submit"] {
width: 100%
}
.academy-login-content .description {
max-width: 400px;
display: inline-block;
margin-bottom: 24px
}
.academy-login-content .legal {
max-width: 400px;
display: inline-block;
color: rgba(36, 28, 21, 0.65)
}
.expandable-form {
transition: max-height .15s ease-out;
max-height: 0;
overflow: hidden
}
.expandable-form.show {
max-height: 1800px;
transition: max-height .25s ease-in
}
.user-agreement-content {
max-width: 750px;
padding: 60px
}
.user-agreement-content p,
.user-agreement-content li {
text-align: justify
}
@media only screen and (max-width:40em) {
.users-info {
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start
}
}
.form-integrations-buttons .integration-name {
color: #241c15
}
.form-integrations-buttons .form-integration-button {
border: 1px solid rgba(36, 28, 21, 0.15);
background-color: #fff;
transition: linear 100ms;
text-decoration: none
}
.form-integrations-buttons .form-integration-button:hover {
background-color: rgba(0, 124, 137, 0.05);
border: 1px solid #007c89
}
.form-integrations-buttons .integration-icon {
transition: linear 100ms;
color: rgba(36, 28, 21, 0.15)
}
.form-integrations-buttons .integration-icon-installed {
transition: linear 100ms;
color: #007c89
}
.form-integrations-buttons .form-integration-button:hover .integration-icon {
color: rgba(0, 124, 137, 0.15)
}
.form-integrations-buttons .form-integration-installed {
background-color: rgba(0, 124, 137, 0.05);
border: 1px solid #007c89
}
@media screen and (max-width:910px) {
.form-integrations-buttons .size1of3 {
width: 50%
}
}
@media screen and (max-width:680px) {
.form-integrations-buttons .size1of3 {
width: 100%
}
}
#oneclick-verify .feedback-block {
border-radius: 0;
background-color: #f6f6f4;
border: 1px solid rgba(36, 28, 21, 0.15);
border-left: 3px solid #008547
}
#oneclick-verify .feedback-block .tick-circle {
color: #008547
}
#oneclick-verify .feedback-block .cross {
color: #241c15
}
#oneclick-verify .feedback-block .dismiss-button {
cursor: pointer
}
#oneclick-verify .feedback-block .feedback-title {
color: #241c15
}
#oneclick-verify .feedback-block .feedback-description {
color: rgba(36, 28, 21, 0.65)
}
#oneclick-verify .verify-help-text {
font-size: 1.4rem
}
#oneclick-verify .resend-button {
color: var(--legacy-interactive-color);
text-align: left;
padding: 0;
margin: 0;
text-decoration: underline
}
body.oauth-low-context {
margin: 0;
padding: 0;
overflow: hidden;
height: 100vh
}
@media only screen and (max-width:1024px) {
body.oauth-low-context {
overflow: auto;
height: auto;
min-height: 100vh
}
}
@media only screen and (max-height:500px) {
body.oauth-low-context {
overflow: auto;
height: auto;
min-height: 100vh
}
}
.oauth-low-context-container {
display: flex;
flex-direction: row;
height: 100vh;
min-height: 100vh;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden
}
.oauth-low-context-container .oauth-low-context-left {
width: 40%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
box-sizing: border-box
}
.oauth-low-context-container .oauth-low-context-left .oauth-low-context-graphic {
max-width: 600px;
width: 100%;
height: auto;
object-fit: contain;
margin: 0 auto;
box-sizing: border-box
}
.oauth-low-context-container .oauth-low-context-right {
width: 60%;
height: 100vh;
min-height: 100vh;
background-color: #ffffff;
overflow-y: auto;
overflow-x: hidden;
display: flex;
align-items: flex-start;
justify-content: flex-start;
box-sizing: border-box;
padding: 40px
}
.oauth-low-context-container .oauth-low-context-right #login-box {
padding-top: 2rem;
margin-left-right: 0;
width: 100%;
max-width: 630px;
margin: 0 auto
}
.oauth-low-context-container .oauth-low-context-right #content {
display: block !important
}
.oauth-low-context-container .oauth-low-context-right #content.flex {
display: block !important
}
.oauth-low-context-container .oauth-low-context-right #content[class*="justify-content"] {
justify-content: flex-start !important
}
.oauth-low-context-container .oauth-low-context-right .login-oauth--freddie-new {
justify-content: flex-start !important;
align-items: center !important
}
.oauth-low-context-container .oauth-low-context-right .login-oauth--freddie-new img {
width: 50px !important;
height: 50px !important
}
.oauth-low-context-container .oauth-low-context-right .login-oauth--freddie-new .oauth-logo-divider-container {
display: flex;
align-items: center;
height: 50px;
margin-left: 16px;
margin-right: 16px
}
.oauth-low-context-container .oauth-low-context-right .login-oauth--freddie-new .oauth-logo-divider {
width: 1.5px;
height: 33px;
background-color: var(--color-divider-secondary)
}
.oauth-low-context-container .oauth-low-context-right #login-form-wrap {
max-width: none;
text-align: left
}
.oauth-low-context-container .oauth-low-context-right .line .lastUnit {
padding-left: 0 !important
}
.oauth-low-context-container .oauth-low-context-right footer .line {
padding-left: 0 !important;
padding-right: 0 !important
}
.oauth-low-context-container .oauth-low-context-right .bottom-panel {
border-top: none !important;
padding-top: 0 !important
}
.oauth-low-context-container .oauth-low-context-right .google-button-wrapper {
position: relative
}
.oauth-low-context-container .oauth-low-context-right #create-account-link {
background-color: #ffffff !important;
color: var(--color-text-tertiary) !important;
border: 1px solid var(--color-container-border-secondary) !important;
border-radius: 6px !important
}
.oauth-low-context-container .oauth-low-context-right #login-form button[type="submit"] {
border-radius: 6px !important
}
.oauth-low-context-container .oauth-low-context-right #signup-button,
.oauth-low-context-container .oauth-low-context-right #login-button {
border-radius: 6px !important;
vertical-align: top
}
.oauth-low-context-container .oauth-low-context-right .oauth-decision-heading {
max-width: 75%
}
.oauth-low-context-container .oauth-low-context-right .h5 {
color: var(--color-text-secondary)
}
@media only screen and (max-width:1024px) {
.oauth-low-context-container {
flex-direction: column;
height: auto;
min-height: 100vh;
overflow: visible
}
.oauth-low-context-container .oauth-low-context-left {
display: flex !important;
width: 100%;
height: auto;
min-height: 300px
}
.oauth-low-context-container .oauth-low-context-right {
width: 100% !important;
height: auto !important;
min-height: auto !important;
justify-content: flex-start !important;
align-items: flex-start !important;
padding: 40px;
overflow: visible
}
.oauth-low-context-container .oauth-low-context-right #login-box {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important
}
}
@media only screen and (max-width:760px) {
.oauth-low-context-container .oauth-low-context-right {
align-items: flex-start !important;
padding-top: 2rem
}
}
@media only screen and (max-width:768px) {
.oauth-low-context-container {
flex-direction: column;
min-height: auto;
height: auto;
padding: 0;
box-sizing: border-box;
overflow: visible
}
.oauth-low-context-container .oauth-low-context-left {
display: flex !important;
width: 100%;
height: auto;
min-height: 200px;
max-height: none;
padding: 40px;
box-sizing: border-box;
overflow: visible
}
.oauth-low-context-container .oauth-low-context-left .oauth-low-context-graphic {
max-width: 75%
}
.oauth-low-context-container .oauth-low-context-right {
width: 100%;
height: auto !important;
max-height: none;
padding: 40px;
box-sizing: border-box;
overflow: visible
}
.oauth-low-context-container .oauth-low-context-right #login-box {
width: 100%;
max-width: 100%;
margin: 0
}
.oauth-low-context-container .oauth-low-context-right footer .line {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media only screen and (max-height:500px) {
.oauth-low-context-container {
height: auto;
min-height: 100vh
}
.oauth-low-context-container .oauth-low-context-left {
min-height: 200px !important
}
.oauth-low-context-container .oauth-low-context-right {
height: auto !important
}
}
body.options-body {
background: #f6f6f4 !important
}
body.options-body .intuit-plus-mailchimp-logo {
width: 331px;
height: 41px
}
body.options-body .container-wrapper {
display: flex;
justify-content: center;
align-items: center
}
body.options-body .container {
background: #ffffff;
width: 532px;
padding: 40px;
border-radius: 8px;
border: 1px solid #dbd9d2;
margin-top: 80px;
z-index: 1
}
body.options-body .content .heading {
font-family: var(--typeface-brand, "Means Web", Georgia, Times, "Times New Roman", serif);
font-size: 24px;
font-weight: 400;
line-height: 28px;
text-align: left;
margin-top: 24px
}
body.options-body .content .subheading {
margin-bottom: 35px
}
body.options-body .content .set-password {
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
color: #ffffff;
background-color: var(--legacy-interactive-color);
padding: 15px 30px;
border: 1px solid transparent;
border-radius: 38px;
transition: border .2s ease-in-out 0s, box-shadow .2s ease-in-out 0s, background-color .2s ease-in-out 0s;
line-height: 30px;
font-size: 13px;
font-weight: 500
}
body.options-body .content .set-password:hover {
transition: background-color .2s ease-in-out 0s, opacity .2s ease-in-out 0s;
cursor: pointer;
color: #ffffff;
background-color: #006570
}
body.options-body .content .set-password a {
color: #ffffff
}
body.options-body .subheading,
body.options-body .footer-content {
font-size: 13px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: #241c15;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif)
}
body.options-body .footer {
margin-top: 35px;
border-top: 1.5px solid #dbd9d2;
padding-top: 25px
}
body.options-body .footer-content a {
color: var(--legacy-interactive-color);
font-weight: 500
}
body.options-body .legal-notice {
position: fixed;
bottom: 0;
max-width: 100%;
color: rgba(36, 28, 21, 0.65);
font-size: 13px;
line-height: 20px;
z-index: 0
}
body.options-body .legal-notice a {
color: rgba(36, 28, 21, 0.65)
}
body.options-body .lang-selector {
position: absolute;
right: 0;
top: 12px;
line-height: 3.5rem;
padding: 0
}
.legacyBanner {
display: flex;
max-width: 1600px;
padding: 24px;
margin: 0 10px 20px;
align-items: center;
border-radius: 6px;
border-left: 6px solid #241c15;
background: #f6f6f4
}
.legacyBanner__mainContainer {
display: flex;
align-items: center;
gap: 68px;
flex: 1 0 0
}
@media screen and (max-width:950px) {
.legacyBanner__mainContainer {
gap: 36px;
flex-direction: column
}
}
.legacyBanner__textContainer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex: 1 0 0
}
.legacyBanner__title {
font-size: 24px;
font-family: 'Means Web', var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif);
align-self: stretch;
margin-bottom: 12px
}
.legacyBanner__bodyText {
font-size: 16px;
margin-bottom: 2px;
max-width: 100%
}
.e-content_tab .c-topSliderPane {
top: 144px;
margin: 0 auto;
max-width: 1400px
}
.e-content_tab .c-topSliderPane .c-wizardLink--overlay {
display: none
}
@media screen and (max-width:40em) {
.e-content_tab .c-topSliderPane {
top: 60px
}
}
.e-content_tab .c-topSliderPane.kioskMode {
top: 0
}
@media screen and (max-width:40em) {
.e-content_tab .c-topSliderPane.kioskMode .c-topSliderPane_content {
top: 0
}
}
.instagram-page-picker .instagram-page-picker_title {
max-width: 635px;
margin-bottom: 12px
}
.instagram-page-picker .instagram-info-container {
margin: 18px auto
}
.instagram-page-picker .instagram-info-container p:not(:last-child) {
margin-bottom: 18px
}
.instagram-page-picker .instagram-page-picker_message {
margin: 18px auto
}
.instagram-page-picker .instagram-anchor {
max-width: 635px;
margin: auto
}
.instagram-page-picker .instagram-page-picker {
align-items: center;
margin: auto;
border-radius: 2px;
min-width: 50px;
max-width: 635px;
min-height: 36px;
background-color: #ffffff;
border: 1px solid rgba(36, 28, 21, 0.3);
-ms-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
position: relative;
width: 100%;
text-align: left;
cursor: pointer;
font-size: 1.4rem;
line-height: 24px;
padding: 12px 18px;
margin-bottom: 24px
}
.instagram-page-picker .instagram-page-picker_empty {
margin-bottom: 12px
}
.instagram-page-picker .facebook-page-select {
width: 450px;
max-width: 100%;
padding: 10px 0 !important
}
.instagram-page-picker .facebook-page-select .dijitButtonText {
font-size: 1.6rem
}
.instagram-page-picker .facebook-page-select .dijitButtonContents::after {
top: 10px
}
.email-editor-feature-dialog {
width: 800px
}
@media only screen and (max-width:40em) {
.email-editor-feature-dialog {
overflow: hidden;
left: 12px !important;
right: 12px !important
}
}
.email-editor-feature-dialog .dijitDialogTitleBar {
display: block;
padding: 0
}
.e-email-editor-toggle {
background-color: var(--legacy-bg-lvl-2-color);
max-height: 100%;
height: 100%;
padding: 24px 41px
}
@media only screen and (max-width:40em) {
.e-email-editor-toggle {
max-height: 100%
}
}
.e-email-editor-toggle .header-content {
max-width: 650px;
margin: auto
}
.e-email-editor-toggle .modal-title {
font-size: 24px
}
.e-email-editor-toggle .options-row {
width: 610px;
max-width: 100%;
margin: auto
}
@media only screen and (max-width:40em) {
.e-email-editor-toggle .options-row {
width: 100%
}
}
.e-email-editor-toggle .options-row .editor-option {
width: 253px;
box-shadow: 0 4px 12px rgba(36, 28, 21, 0.12);
text-align: center;
background: #ffffff
}
@media only screen and (max-width:40em) {
.e-email-editor-toggle .options-row .editor-option {
width: 100%;
padding: 24px 12px 24px 12px
}
.e-email-editor-toggle .options-row .editor-option:first-child {
margin-bottom: 24px
}
}
.e-email-editor-toggle .options-row .editor-option .title {
font-weight: 500;
font-size: 16px;
line-height: 24px
}
@media only screen and (max-width:40em) {
.e-email-editor-toggle .options-row .editor-option .option-phone {
display: flex;
align-items: center;
text-align: left
}
.e-email-editor-toggle .options-row .editor-option .option-phone .illustration {
margin-right: 18px;
height: 92px
}
.e-email-editor-toggle .options-row .editor-option .option-phone h2 {
font-size: 1.6rem
}
.e-email-editor-toggle .options-row .editor-option .option-phone .feature-list {
margin-top: 6px;
margin-bottom: 12px;
font-size: 1.4rem
}
.e-email-editor-toggle .options-row .editor-option .option-phone .feature-list li {
margin-bottom: 6px;
line-height: 1.1;
font-size: 13px
}
}
.e-email-editor-toggle .options-row .editor-option .illustration {
height: 126px
}
.e-email-editor-toggle .options-row .editor-option .feature-list {
margin-top: 18px;
margin-bottom: 24px;
text-align: left
}
.e-email-editor-toggle .options-row .editor-option .feature-list li {
margin-bottom: 12px;
font-size: 14px;
line-height: 1.3
}
.e-email-editor-toggle .options-row .editor-option .beta-badge {
font-size: 13px;
font-weight: normal;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif)
}
@media only screen and (max-width:64em) {
.email-choiceCard_innerContainer {
width: 100%
}
}
.email-choiceCard_innerContainer .c-choiceCard_label {
height: 100%;
width: 100%
}
.email-choiceCard_innerContainer .c-choiceCard_input:checked~.c-choiceCard_label {
border-color: var(--legacy-interactive-color)
}
.email-choiceCard_innerContainer .feature-list {
font-weight: normal
}
.email-choiceCard_innerContainer .feature-list li {
margin-bottom: 12px;
font-size: 14px;
line-height: 1.3
}
.email-choiceCard_innerContainer .beta-badge {
font-size: 13px;
font-weight: normal;
font-family: var(--typeface-base, "Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif)
}
.email-choiceCard_innerContainer .illustration {
height: 110px;
max-width: none
}
.email-toggle-reminder-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.email-toggle-reminder-block-container>div {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.email-toggle-reminder-block-container.ca-upgrade-banner>div:last-child {
flex-basis: 25%
}
.email-toggle-reminder-block-container .c-upgradeActionBlock {
margin-top: 18px
}
@media only screen and (max-width:60em) {
.email-toggle-reminder-block-container {
display: block
}
}
.email-toggle-reminder-block {
margin: 0 18px 0 0;
padding: 24px;
background-color: #ffffff;
border-radius: var(--legacy-border-overlay-radius);
width: 553px
}
@media only screen and (max-width:60em) {
.email-toggle-reminder-block {
margin: 0 18px;
width: auto;
padding: 12px
}
}
@media only screen and (max-width:40em) {
.email-toggle-reminder-block {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: auto;
text-align: center;
padding: 12px 24px 18px
}
}
.email-toggle-reminder-block_image {
width: 66px;
margin: 0 6px 0 auto
}
@media only screen and (max-width:40em) {
.email-toggle-reminder-block_image {
display: block;
width: 72px;
margin: 0 auto 12px
}
}
@media only screen and (max-width:40em) {
.email-toggle-reminder-block_header {
padding-bottom: 24px
}
}
.email-toggle-reminder-block_heading {
font-size: 1.7rem;
font-weight: 500
}
.email-toggle-reminder-block_lead {
margin: 0;
font-size: 1.4rem
}
.email-toggle-reminder-block_close {
position: absolute;
top: 15px;
right: 15px
}
.eee-notification-vertical-space {
margin-top: 66px
}
.branch-banner-is-active {
margin-top: 0 !important;
padding-top: 76px
}
.c-mobileDropdown {
opacity: 0;
pointer-events: none;
z-index: 10000
}
.c-mobileDropdown .c-mobileDropdown-content {
border-radius: 12px;
height: 324px;
width: 90%;
left: 5%;
position: absolute;
top: 0
}
.c-mobileDropdown .c-mobileDropdown-content.auto-grow {
height: auto
}
.c-mobileDropdown.open {
pointer-events: inherit;
opacity: 1
}
.c-mobileDropdown.open .c-mobileDropdown-content {
top: 120px
}
@media print {
@page {
margin: 1.5cm .5cm
}
.header {
margin: 0 0 6pt
}
.sub-section {
margin-bottom: 18pt
}
table {
page-break-inside: avoid
}
.mc-table--wrapper {
min-width: inherit
}
[class*="dim"] {
opacity: 1
}
* {
-webkit-transition-property: none !important;
-ms-transition-property: none !important;
transition-property: none !important
}
html,
body {
background: var(--legacy-bg-lvl-1-color);
padding: 0 !important;
display: block !important;
height: inherit !important;
min-height: inherit
}
.main-content {
padding: 0;
height: inherit
}
.main-navigation,
.c-baseOverlay,
.sliding-card--mask,
.header+.local-nav-container,
.feedback-block {
display: none
}
.line {
overflow: visible
}
.mc-table td {
white-space: normal
}
.mc-table th {
white-space: normal;
background-color: var(--legacy-bg-lvl-1-color)
}
.show-print {
display: block
}
.inline-print {
display: inline !important
}
.hide-print {
display: none
}
.nopadding-print {
padding: 0
}
.hide-after-print::after {
display: none
}
.button,
.button-small {
display: none !important
}
.button.show-print,
.button-small.show-print {
display: inline-block !important
}
.billing-receipt div,
.billing-receipt p {
font-size: 12px
}
.billing-receipt h3 {
margin-bottom: 6px;
font-size: 16px
}
.billing-receipt #content .header {
display: none
}
.billing-receipt .\ !margin-bottom--lv6 {
margin-bottom: 0
}
.billing-receipt .mc-table th {
width: 180px
}
.slats .dijitCheckBox,
.action-bar {
display: none
}
.cp-meta.size3of4 {
width: 100%
}
.cp-meta h4,
.cp-meta p {
padding-left: 54px
}
#print-report * {
opacity: 1
}
#print-report div#print-bar {
display: none
}
#print-report div.page-content {
width: 100%;
min-height: 7in;
page-break-after: always;
padding: 0;
margin: 0;
box-shadow: none
}
#print-report div.page-content:last-child {
page-break-after: avoid
}
.v-textColorWhite--print {
color: #ffffff
}
}
.password-input-container {
position: relative
}
.password-input-container .password-loading-spinner {
position: absolute;
left: 10px;
top: 66%;
transform: translateY(-50%);
z-index: 10
}
.password-input-container .password-loading-spinner>div {
width: 16px;
height: 16px;
border: 2px solid #e0e0e0;
border-top: 2px solid #666;
border-radius: 50%;
animation: password-spin 1s linear infinite
}
.c-showPassword {
position: relative;
z-index: 100
}