div.profile-badge-reacted {
   height: 100%;
   --color-button-container-primary: #0a66c2;
   --color-button-container-primary-border: rgba(0, 0, 0, 0);
   --color-button-container-primary-hover: #004182;
   --color-button-container-primary-border-hover: #004182;
   --color-button-container-secondary: rgba(0, 0, 0, 0);
   --color-button-container-secondary-hover: rgba(0, 0, 0, 0.04);
   --color-button-container-primary-border-active: rgba(0, 0, 0, 0);
   --color-button-container-secondary-border-hover: rgba(0, 0, 0, 0.9);
   --color-button-container-secondary-border-active: rgba(0, 0, 0, 0.9);
   --color-button-container-primary-active: #004182;
   --color-button-container-secondary-active: rgba(0, 0, 0, 0.08);
   --color-button-container-tertiary: rgba(0, 0, 0, 0);
   --color-button-container-tertiary-hover: rgba(0, 0, 0, 0.04);
   --color-button-container-tertiary-active: rgba(0, 0, 0, 0.08);
   --color-button-label-primary: #ffffff;
   --color-button-label-primary-hover: #ffffff;
   --color-button-label-primary-active: rgba(255, 255, 255, 0.6);
   --color-button-icon-primary: #ffffff;
   --color-button-icon-primary-hover: #ffffff;
   --color-button-icon-primary-active: rgba(255, 255, 255, 0.6);
   --color-button-container-tertiary-border: rgba(0, 0, 0, 0);
   --color-button-container-tertiary-border-hover: rgba(0, 0, 0, 0.04);
   --color-button-container-tertiary-border-active: rgba(0, 0, 0, 0);
   --color-button-icon-secondary: rgba(0, 0, 0, 0.75);
   --color-button-icon-tertiary-hover: rgba(0, 0, 0, 0.9);
   --color-button-icon-tertiary-active: rgba(0, 0, 0, 0.9);
   --color-button-icon-tertiary: rgba(0, 0, 0, 0.75);
   --color-button-icon-secondary-hover: rgba(0, 0, 0, 0.9);
   --color-button-icon-secondary-active: rgba(0, 0, 0, 0.9);
   --color-button-label-secondary: rgba(0, 0, 0, 0.75);
   --color-button-label-secondary-hover: rgba(0, 0, 0, 0.9);
   --color-button-label-secondary-active: rgba(0, 0, 0, 0.9);
   --color-button-label-tertiary: rgba(0, 0, 0, 0.75);
   --color-button-label-tertiary-hover: rgba(0, 0, 0, 0.9);
   --color-button-label-tertiary-active: rgba(0, 0, 0, 0.9);
   --color-button-overlay-container: rgba(0, 0, 0, 0.75);
   --color-button-overlay-container-hover: rgba(0, 0, 0, 0.9);
   --color-button-overlay-container-active: rgba(0, 0, 0, 0.9);
   --color-button-overlay-container-border: rgba(0, 0, 0, 0);
   --color-button-overlay-container-border-hover: rgba(0, 0, 0, 0.9);
   --color-button-overlay-container-border-active: rgba(0, 0, 0, 0);
   --color-button-overlay-icon: #ffffff;
   --color-button-overlay-icon-active: rgba(255, 255, 255, 0.6);
   --color-button-overlay-icon-hover: #ffffff;
   --color-button-container-secondary-border: rgba(0, 0, 0, 0.75);
   --color-button-container-secondary-emphasis-border: #0a66c2;
   --color-button-container-secondary-emphasis-border-hover: #004182;
   --color-button-container-secondary-emphasis-border-active: #004182;
   --color-button-container-secondary-emphasis: rgba(0, 0, 0, 0);
   --color-button-container-secondary-emphasis-hover: rgba(112, 181, 249, 0.1);
   --color-button-container-secondary-emphasis-active: rgba(112,
         181,
         249,
         0.2);
   --color-button-icon-secondary-emphasis: #0a66c2;
   --color-button-icon-secondary-emphasis-hover: #004182;
   --color-button-icon-secondary-emphasis-active: #004182;
   --color-button-label-secondary-emphasis: #0a66c2;
   --color-button-label-secondary-emphasis-hover: #004182;
   --color-button-label-secondary-emphasis-active: #004182;
   --color-button-container-tertiary-emphasis-border: rgba(0, 0, 0, 0);
   --color-button-container-tertiary-emphasis-border-hover: rgba(112,
         181,
         249,
         0.1);
   --color-button-container-tertiary-emphasis-border-active: rgba(0, 0, 0, 0);
   --color-button-container-tertiary-emphasis: rgba(0, 0, 0, 0);
   --color-button-container-tertiary-emphasis-hover: rgba(112, 181, 249, 0.1);
   --color-button-container-tertiary-emphasis-active: rgba(112, 181, 249, 0.2);
   --color-button-icon-tertiary-emphasis: #0a66c2;
   --color-button-icon-tertiary-emphasis-hover: #004182;
   --color-button-icon-tertiary-emphasis-active: #004182;
   --color-button-label-tertiary-emphasis: #0a66c2;
   --color-button-label-tertiary-emphasis-hover: #004182;
   --color-button-label-tertiary-emphasis-active: #004182;
   --color-button-overlay-container-disabled: rgba(0, 0, 0, 0.08);
   --color-button-overlay-container-border-disabled: rgba(0, 0, 0, 0);
   --color-button-overlay-icon-disabled: rgba(0, 0, 0, 0.3);
   --color-button-container-primary-disabled: rgba(0, 0, 0, 0.08);
   --color-button-container-primary-border-disabled: rgba(0, 0, 0, 0);
   --color-button-icon-primary-disabled: rgba(0, 0, 0, 0.3);
   --color-button-label-primary-disabled: rgba(0, 0, 0, 0.3);
   --color-button-container-secondary-disabled: rgba(0, 0, 0, 0.08);
   --color-button-container-secondary-border-disabled: rgba(0, 0, 0, 0);
   --color-button-icon-secondary-disabled: rgba(0, 0, 0, 0.3);
   --color-button-label-secondary-disabled: rgba(0, 0, 0, 0.3);
   --color-button-container-secondary-emphasis-disabled: rgba(0, 0, 0, 0.08);
   --color-button-container-secondary-emphasis-border-disabled: rgba(0,
         0,
         0,
         0);
   --color-button-icon-secondary-emphasis-disabled: rgba(0, 0, 0, 0.3);
   --color-button-label-secondary-emphasis-disabled: rgba(0, 0, 0, 0.3);
   --color-button-container-tertiary-disabled: rgba(0, 0, 0, 0.08);
   --color-button-container-tertiary-border-disabled: rgba(0, 0, 0, 0);
   --color-button-icon-tertiary-disabled: rgba(0, 0, 0, 0.3);
   --color-button-label-tertiary-disabled: rgba(0, 0, 0, 0.3);
   --color-button-container-tertiary-emphasis-disabled: rgba(0, 0, 0, 0.08);
   --color-button-container-tertiary-emphasis-border-disabled: rgba(0,
         0,
         0,
         0);
   --color-button-icon-tertiary-emphasis-disabled: rgba(0, 0, 0, 0.3);
   --color-button-label-tertiary-emphasis-disabled: rgba(0, 0, 0, 0.3);
   --color-button-overlay-label: #ffffff;
   --color-button-overlay-label-hover: #ffffff;
   --color-button-overlay-label-active: rgba(255, 255, 255, 0.6);
   --color-button-overlay-label-disabled: rgba(0, 0, 0, 0.3);
   --color-button-container-primary-loading: rgba(0, 0, 0, 0.08);
   --color-button-container-secondary-loading: rgba(0, 0, 0, 0.08);
   --color-button-container-secondary-emphasis-loading: rgba(0, 0, 0, 0.08);
   --color-button-container-tertiary-loading: rgba(0, 0, 0, 0.08);
   --color-button-container-tertiary-emphasis-loading: rgba(0, 0, 0, 0.08);
   --color-button-overlay-container-loading: #e6e6e6;
   --color-button-container-primary-border-loading: rgba(0, 0, 0, 0);
   --color-button-container-secondary-border-loading: rgba(0, 0, 0, 0);
   --color-button-container-secondary-emphasis-border-loading: rgba(0,
         0,
         0,
         0);
   --color-button-container-tertiary-border-loading: rgba(0, 0, 0, 0);
   --color-button-container-tertiary-emphasis-border-loading: rgba(0, 0, 0, 0);
   --color-button-overlay-container-border-loading: rgba(0, 0, 0, 0);
   --color-button-label-primary-loading: rgba(0, 0, 0, 0.3);
   --color-button-label-secondary-loading: rgba(0, 0, 0, 0.3);
   --color-button-label-tertiary-loading: rgba(0, 0, 0, 0.3);
   --color-button-label-secondary-emphasis-loading: rgba(0, 0, 0, 0.3);
   --color-button-label-tertiary-emphasis-loading: rgba(0, 0, 0, 0.3);
   --color-button-overlay-label-loading: rgba(0, 0, 0, 0.3);
   --color-button-fab-container-loading: #e6e6e6;
   --color-canvas: #f3f2f0;
   --color-canvas-tint: #ffffff;
   --color-canvas-mobile: #eae6df;
   --color-container-primary: #0a66c2;
   --color-container-primary-hover: #004182;
   --color-container-primary-active: #004182;
   --color-container-primary-disabled: rgba(0, 0, 0, 0.08);
   --color-container-secondary: rgba(0, 0, 0, 0);
   --color-container-secondary-hover: rgba(0, 0, 0, 0.04);
   --color-container-secondary-active: rgba(0, 0, 0, 0.08);
   --color-container-secondary-disabled: rgba(0, 0, 0, 0.08);
   --color-container-tertiary: rgba(0, 0, 0, 0);
   --color-container-tertiary-hover: rgba(0, 0, 0, 0.04);
   --color-container-tertiary-active: rgba(0, 0, 0, 0.08);
   --color-container-tertiary-disabled: rgba(0, 0, 0, 0.08);
   --color-container-checked: #057642;
   --color-container-checked-hover: #004d2a;
   --color-container-checked-active: #004d2a;
   --color-container-checked-disabled: rgba(0, 0, 0, 0.08);
   --color-container-current: rgba(0, 0, 0, 0.9);
   --color-container-current-hover: rgba(0, 0, 0, 0.9);
   --color-container-current-active: rgba(0, 0, 0, 0.9);
   --color-container-current-disabled: rgba(0, 0, 0, 0.08);
   --color-container-alt-current: rgba(0, 0, 0, 0);
   --color-container-alt-current-hover: rgba(0, 0, 0, 0.04);
   --color-container-alt-current-active: rgba(0, 0, 0, 0.08);
   --color-container-alt-current-disabled: rgba(0, 0, 0, 0.08);
   --color-container-alert: #cf0007;
   --color-container-new: #0a66c2;
   --color-container-positive: #057642;
   --color-container-positive-hover: #004d2a;
   --color-container-positive-active: #004d2a;
   --color-container-neutral: #56687a;
   --color-container-neutral-hover: #38434f;
   --color-container-neutral-active: #38434f;
   --color-container-caution: #b93a04;
   --color-container-caution-hover: #792603;
   --color-container-caution-active: #792603;
   --color-container-negative: #cf0007;
   --color-container-negative-hover: #8a0005;
   --color-container-negative-active: #8a0005;
   --color-container-help: #8344cc;
   --color-container-help-hover: #592099;
   --color-container-help-active: #592099;
   --color-container-brand: #0a66c2;
   --color-container-brand-hover: #004182;
   --color-container-brand-active: #004182;
   --color-container-accent-1: #915907;
   --color-container-accent-1-hover: #5c3b09;
   --color-container-accent-1-active: #5c3b09;
   --color-container-accent-2: #b24020;
   --color-container-accent-2-hover: #762812;
   --color-container-accent-2-active: #762812;
   --color-container-accent-3: #616c20;
   --color-container-accent-3-hover: #3f4618;
   --color-container-accent-3-active: #3f4618;
   --color-container-accent-4: #56687a;
   --color-container-accent-4-hover: #38434f;
   --color-container-accent-4-active: #38434f;
   --color-container-accent-5: #1b707d;
   --color-container-accent-5-hover: #114951;
   --color-container-accent-5-active: #114951;
   --color-container-accent-6: #8344cc;
   --color-container-accent-6-hover: #592099;
   --color-container-accent-6-active: #592099;
   --color-container-accent-7: #a833a2;
   --color-container-accent-7-hover: #711c6d;
   --color-container-accent-7-active: #711c6d;
   --color-container-primary-border: rgba(0, 0, 0, 0);
   --color-container-primary-border-hover: #004182;
   --color-container-primary-border-active: rgba(0, 0, 0, 0);
   --color-container-primary-border-disabled: rgba(0, 0, 0, 0);
   --color-container-secondary-border: rgba(0, 0, 0, 0.75);
   --color-container-secondary-border-hover: rgba(0, 0, 0, 0.9);
   --color-container-secondary-border-active: rgba(0, 0, 0, 0.9);
   --color-container-secondary-border-disabled: rgba(0, 0, 0, 0);
   --color-container-tertiary-border: rgba(0, 0, 0, 0);
   --color-container-tertiary-border-hover: rgba(0, 0, 0, 0.04);
   --color-container-tertiary-border-active: rgba(0, 0, 0, 0);
   --color-container-tertiary-border-disabled: rgba(0, 0, 0, 0);
   --color-container-border-checked: rgba(0, 0, 0, 0);
   --color-container-border-checked-hover: #004d2a;
   --color-container-border-checked-active: rgba(0, 0, 0, 0);
   --color-container-border-checked-disabled: rgba(0, 0, 0, 0);
   --color-container-border-current: rgba(0, 0, 0, 0);
   --color-container-border-current-hover: rgba(0, 0, 0, 0.9);
   --color-container-border-current-active: rgba(0, 0, 0, 0);
   --color-container-border-current-disabled: rgba(0, 0, 0, 0);
   --color-container-alt-border-current: rgba(0, 0, 0, 0);
   --color-container-alt-border-current-hover: rgba(0, 0, 0, 0.04);
   --color-container-alt-border-current-active: rgba(0, 0, 0, 0);
   --color-container-alt-border-current-disabled: rgba(0, 0, 0, 0);
   --color-container-alert-border: rgba(0, 0, 0, 0);
   --color-container-new-border: rgba(0, 0, 0, 0);
   --color-container-positive-border: rgba(0, 0, 0, 0);
   --color-container-positive-border-hover: #004d2a;
   --color-container-positive-border-active: rgba(0, 0, 0, 0);
   --color-container-neutral-border: rgba(0, 0, 0, 0);
   --color-container-neutral-border-hover: #38434f;
   --color-container-neutral-border-active: rgba(0, 0, 0, 0);
   --color-container-caution-border: rgba(0, 0, 0, 0);
   --color-container-caution-border-hover: #792603;
   --color-container-caution-border-active: rgba(0, 0, 0, 0);
   --color-container-negative-border: rgba(0, 0, 0, 0);
   --color-container-negative-border-hover: #8a0005;
   --color-container-negative-border-active: rgba(0, 0, 0, 0);
   --color-container-help-border: rgba(0, 0, 0, 0);
   --color-container-help-border-hover: #592099;
   --color-container-help-border-active: rgba(0, 0, 0, 0);
   --color-container-brand-border: rgba(0, 0, 0, 0);
   --color-container-brand-border-hover: #004182;
   --color-container-brand-border-active: rgba(0, 0, 0, 0);
   --color-container-accent-border-1: rgba(0, 0, 0, 0);
   --color-container-accent-border-1-hover: #5c3b09;
   --color-container-accent-border-1-active: rgba(0, 0, 0, 0);
   --color-container-accent-border-2: rgba(0, 0, 0, 0);
   --color-container-accent-border-2-hover: #762812;
   --color-container-accent-border-2-active: rgba(0, 0, 0, 0);
   --color-container-accent-border-3: rgba(0, 0, 0, 0);
   --color-container-accent-border-3-hover: #3f4618;
   --color-container-accent-border-3-active: rgba(0, 0, 0, 0);
   --color-container-accent-border-4: rgba(0, 0, 0, 0);
   --color-container-accent-border-4-hover: #38434f;
   --color-container-accent-border-4-active: rgba(0, 0, 0, 0);
   --color-container-accent-border-5: rgba(0, 0, 0, 0);
   --color-container-accent-border-5-hover: #114951;
   --color-container-accent-border-5-active: rgba(0, 0, 0, 0);
   --color-container-accent-border-6: rgba(0, 0, 0, 0);
   --color-container-accent-border-6-hover: #592099;
   --color-container-accent-border-6-active: rgba(0, 0, 0, 0);
   --color-container-accent-border-7: rgba(0, 0, 0, 0);
   --color-container-accent-border-7-hover: #711c6d;
   --color-container-accent-border-7-active: rgba(0, 0, 0, 0);
   --color-divider: rgba(0, 0, 0, 0.08);
   --color-divider-solid: #e6e6e6;
   --color-icon: rgba(0, 0, 0, 0.6);
   --color-icon-hover: rgba(0, 0, 0, 0.9);
   --color-icon-active: rgba(0, 0, 0, 0.9);
   --color-icon-disabled: rgba(0, 0, 0, 0.3);
   --color-icon-current: rgba(0, 0, 0, 0.9);
   --color-icon-current-hover: rgba(0, 0, 0, 0.9);
   --color-icon-current-active: rgba(0, 0, 0, 0.9);
   --color-icon-current-disabled: rgba(0, 0, 0, 0.3);
   --color-icon-positive: #057642;
   --color-icon-positive-hover: #004d2a;
   --color-icon-positive-active: #004d2a;
   --color-icon-neutral: #56687a;
   --color-icon-neutral-hover: #38434f;
   --color-icon-neutral-active: #38434f;
   --color-icon-caution: #b93a04;
   --color-icon-caution-hover: #792603;
   --color-icon-caution-active: #792603;
   --color-icon-negative: #cf0007;
   --color-icon-negative-hover: #8a0005;
   --color-icon-negative-active: #8a0005;
   --color-icon-help: #8344cc;
   --color-icon-help-hover: #592099;
   --color-icon-help-active: #592099;
   --color-icon-brand: #0a66c2;
   --color-icon-brand-hover: #004182;
   --color-icon-brand-active: #004182;
   --color-icon-accent-1: #915907;
   --color-icon-accent-1-hover: #5c3b09;
   --color-icon-accent-1-active: #5c3b09;
   --color-icon-accent-2: #b24020;
   --color-icon-accent-2-hover: #762812;
   --color-icon-accent-2-active: #762812;
   --color-icon-accent-3: #616c20;
   --color-icon-accent-3-hover: #3f4618;
   --color-icon-accent-3-active: #3f4618;
   --color-icon-accent-4: #56687a;
   --color-icon-accent-4-hover: #38434f;
   --color-icon-accent-4-active: #38434f;
   --color-icon-accent-5: #1b707d;
   --color-icon-accent-5-hover: #114951;
   --color-icon-accent-5-active: #114951;
   --color-icon-accent-6: #8344cc;
   --color-icon-accent-6-hover: #592099;
   --color-icon-accent-6-active: #592099;
   --color-icon-accent-7: #a833a2;
   --color-icon-accent-7-hover: #711c6d;
   --color-icon-accent-7-active: #711c6d;
   --color-attachment-icon: #ffffff;
   --color-indicator-current: rgba(0, 0, 0, 0.9);
   --color-indicator-current-hover: rgba(0, 0, 0, 0.9);
   --color-indicator-current-active: rgba(0, 0, 0, 0.9);
   --color-indicator-current-disabled: rgba(0, 0, 0, 0.3);
   --color-indicator: rgba(0, 0, 0, 0.75);
   --color-indicator-hover: rgba(0, 0, 0, 0.9);
   --color-indicator-active: rgba(0, 0, 0, 0.9);
   --color-indicator-disabled: rgba(0, 0, 0, 0.3);
   --color-label: rgba(0, 0, 0, 0.75);
   --color-label-hover: rgba(0, 0, 0, 0.9);
   --color-label-active: rgba(0, 0, 0, 0.9);
   --color-label-disabled: rgba(0, 0, 0, 0.3);
   --color-label-checked: #ffffff;
   --color-label-checked-hover: #ffffff;
   --color-label-checked-active: rgba(255, 255, 255, 0.6);
   --color-label-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-label-alt-checked: #057642;
   --color-label-alt-checked-hover: #004d2a;
   --color-label-alt-checked-active: #004d2a;
   --color-label-alt-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-label-current: #ffffff;
   --color-label-current-hover: #ffffff;
   --color-label-current-active: rgba(255, 255, 255, 0.6);
   --color-label-current-disabled: rgba(0, 0, 0, 0.3);
   --color-label-alt-current: rgba(0, 0, 0, 0.9);
   --color-label-alt-current-hover: rgba(0, 0, 0, 0.9);
   --color-label-alt-current-active: rgba(0, 0, 0, 0.9);
   --color-label-alt-current-disabled: rgba(0, 0, 0, 0.3);
   --color-badge-label: #ffffff;
   --color-attachment-label: #ffffff;
   --color-link: #0a66c2;
   --color-link-hover: #004182;
   --color-link-active: #004182;
   --color-link-visited: #8344cc;
   --color-link-visited-hover: #592099;
   --color-link-visited-active: #592099;
   --color-logo-brand: #0a66c2;
   --color-logo-brand-alt: #000000;
   --color-logo-brand-lockup: #6e6558;
   --color-logo-brand-lockup-alt: #000000;
   --color-progress: #057642;
   --color-progress-loading: #0a66c2;
   --color-progress-disabled: #b0b0b0;
   --color-scrim: rgba(0, 0, 0, 0.6);
   --color-shadow: rgba(0, 0, 0, 0.3);
   --color-surface: #ffffff;
   --color-surface-tint: #f5f7f9;
   --color-surface-new: rgba(112, 181, 249, 0.2);
   --color-surface-new-hover: rgba(112, 181, 249, 0.2);
   --color-surface-new-active: rgba(112, 181, 249, 0.4);
   --color-surface-accent-1: #474139;
   --color-surface-accent-2: #ffdfd6;
   --color-surface-accent-3: #daebd1;
   --color-surface-accent-4: #dde7f1;
   --color-surface-accent-5: #d9e9ec;
   --color-surface-accent-tint-1: #fdf6ec;
   --color-surface-accent-tint-2: #fff5f2;
   --color-surface-accent-tint-3: #eefbe7;
   --color-surface-accent-tint-4: #f1f8ff;
   --color-surface-accent-tint-5: #f1f8fa;
   --color-surface-accent-6: #ebe3f3;
   --color-surface-accent-tint-6: #faf5ff;
   --color-surface-accent-7: #f3e1f2;
   --color-surface-accent-tint-7: #fff4fe;
   --color-surface-border: rgba(0, 0, 0, 0.08);
   --color-text: rgba(0, 0, 0, 0.9);
   --color-text-hover: rgba(0, 0, 0, 0.9);
   --color-text-active: rgba(0, 0, 0, 0.9);
   --color-text-secondary: rgba(0, 0, 0, 0.6);
   --color-text-secondary-hover: rgba(0, 0, 0, 0.9);
   --color-text-secondary-active: rgba(0, 0, 0, 0.9);
   --color-text-disabled: rgba(0, 0, 0, 0.3);
   --color-text-solid: #1f1f1f;
   --color-text-solid-hover: #1f1f1f;
   --color-text-solid-active: #1f1f1f;
   --color-text-solid-secondary: #666666;
   --color-text-solid-secondary-hover: #1f1f1f;
   --color-text-solid-secondary-active: #1f1f1f;
   --color-text-solid-disabled: #b0b0b0;
   --color-text-positive: #057642;
   --color-text-positive-hover: #004d2a;
   --color-text-positive-active: #004d2a;
   --color-text-neutral: #56687a;
   --color-text-neutral-hover: #38434f;
   --color-text-neutral-active: #38434f;
   --color-text-caution: #b93a04;
   --color-text-caution-hover: #792603;
   --color-text-caution-active: #792603;
   --color-text-negative: #cf0007;
   --color-text-negative-hover: #8a0005;
   --color-text-negative-active: #8a0005;
   --color-text-help: #8344cc;
   --color-text-help-hover: #592099;
   --color-text-help-active: #592099;
   --color-text-brand: #0a66c2;
   --color-text-brand-hover: #004182;
   --color-text-brand-active: #004182;
   --color-text-accent-1: #915907;
   --color-text-accent-1-hover: #5c3b09;
   --color-text-accent-1-active: #5c3b09;
   --color-text-accent-2: #b24020;
   --color-text-accent-2-hover: #762812;
   --color-text-accent-2-active: #762812;
   --color-text-accent-3: #616c20;
   --color-text-accent-3-hover: #3f4618;
   --color-text-accent-3-active: #3f4618;
   --color-text-accent-4: #56687a;
   --color-text-accent-4-hover: #38434f;
   --color-text-accent-4-active: #38434f;
   --color-text-accent-5: #1b707d;
   --color-text-accent-5-hover: #114951;
   --color-text-accent-5-active: #114951;
   --color-text-accent-6: #8344cc;
   --color-text-accent-6-hover: #592099;
   --color-text-accent-6-active: #592099;
   --color-text-accent-7: #a833a2;
   --color-text-accent-7-hover: #711c6d;
   --color-text-accent-7-active: #711c6d;
   --color-text-highlight: #fde2bc;
   --color-text-blockquote-border: rgba(0, 0, 0, 0.3);
   --color-track: rgba(0, 0, 0, 0.6);
   --color-track-disabled: rgba(0, 0, 0, 0.3);
   --color-action: #0a66c2;
   --color-action-active: #004182;
   --color-background-brand-accent-1: #fde2bc;
   --color-background-brand-accent-2: #fbe1d9;
   --color-background-brand-accent-3: #daebd1;
   --color-background-brand-accent-4: #dde7f1;
   --color-background-brand-accent-5: #eae6df;
   --color-background-container: #ffffff;
   --color-background-container-tint: #f5f7f9;
   --color-background-faint: rgba(0, 0, 0, 0.08);
   --color-background-container-dark-tint: #23292f;
   --color-background-canvas: #f3f2f0;
   --color-background-canvas-mobile: #eae6df;
   --color-background-canvas-tint: #ffffff;
   --color-background-canvas-dark: #000000;
   --color-background-scrim: rgba(0, 0, 0, 0.6);
   --color-background-scrim-dark: rgba(0, 0, 0, 0.9);
   --color-background-new: rgba(112, 181, 249, 0.2);
   --color-background-on-dark-disabled: rgba(255, 255, 255, 0.12);
   --color-background-none: rgba(0, 0, 0, 0);
   --color-background-none-active: rgba(0, 0, 0, 0.08);
   --color-background-none-action-active: rgba(112, 181, 249, 0.2);
   --color-background-none-tint-hover: rgba(0, 0, 0, 0.08);
   --color-border: rgba(0, 0, 0, 0.6);
   --color-border-faint: rgba(0, 0, 0, 0.08);
   --color-border-low-emphasis: rgba(0, 0, 0, 0.3);
   --color-border-on-dark: rgba(255, 255, 255, 0.9);
   --color-border-active: rgba(0, 0, 0, 0.9);
   --color-brand: #0a66c2;
   --color-brand-accent-1: #915907;
   --color-brand-accent-2: #8f5849;
   --color-brand-accent-3: #5a6b51;
   --color-brand-accent-4: #56687a;
   --color-brand-accent-5: #6e6558;
   --color-brand-accent-1-on-dark: #f8c77e;
   --color-brand-accent-2-on-dark: #f2c5b8;
   --color-brand-accent-3-on-dark: #bdd7b0;
   --color-brand-accent-4-on-dark: #c0d1e2;
   --color-brand-accent-5-on-dark: #d6cec2;
   --color-brand-alt: #000000;
   --color-checked: #057642;
   --color-checked-offset: #13a05f;
   --color-checked-active: #004d2a;
   --color-element: rgba(0, 0, 0, 0.9);
   --color-element-low-emphasis: rgba(0, 0, 0, 0.6);
   --color-element-shift-on-dark-flip: #ffffff;
   --color-entity-ghost-background: #eae6df;
   --color-icon-nav: rgba(0, 0, 0, 0.45);
   --color-icon-nav-selected: rgba(0, 0, 0, 0.9);
   --color-icon-on-dark: rgba(255, 255, 255, 0.9);
   --color-icon-on-dark-flip: rgba(255, 255, 255, 0.9);
   --color-signal-negative: #cf0007;
   --color-signal-negative-active: #8a0005;
   --color-signal-positive: #057642;
   --color-signal-positive-active: #004d2a;
   --color-signal-neutral: #56687a;
   --color-signal-neutral-active: #38434f;
   --color-signal-caution: #b93a04;
   --color-signal-caution-active: #792603;
   --color-text-low-emphasis: rgba(0, 0, 0, 0.6);
   --color-text-low-emphasis-on-dark: rgba(255, 255, 255, 0.6);
   --color-text-on-dark: rgba(255, 255, 255, 0.9);
   --color-text-on-dark-disabled: rgba(255, 255, 255, 0.4);
   --color-text-shift-on-dark-flip: #ffffff;
   --premium-color-inbug: #c37d16;
   --reactions-color-text-like: #0a66c2;
   --reactions-color-text-like-on-dark: #a8d4ff;
   --reactions-color-text-celebrate: #44712e;
   --reactions-color-text-celebrate-on-dark: #a5df89;
   --reactions-color-text-support: #715e86;
   --reactions-color-text-support-on-dark: #d7cae7;
   --reactions-color-text-love: #b24020;
   --reactions-color-text-love-on-dark: #fdc2b1;
   --reactions-color-text-insightful: #915907;
   --reactions-color-text-insightful-on-dark: #f8c77e;
   --reactions-color-text-curious: #80597e;
   --reactions-color-text-curious-on-dark: #e5c6e3;
   --color-data-categorical-1: #378fe9;
   --color-data-categorical-2: #114951;
   --color-data-categorical-3: #e16745;
   --color-data-categorical-4: #474139;
   --color-data-categorical-5: #85942f;
   --color-data-categorical-6: #004182;
   --color-data-categorical-7: #c37d16;
   --color-data-categorical-8: #711c6d;
   --color-data-sequential-a-1: #f5f7f9;
   --color-data-sequential-a-2: #edf3f8;
   --color-data-sequential-a-3: #dde7f1;
   --color-data-sequential-a-4: #c0d1e2;
   --color-data-sequential-a-5: #9db3c8;
   --color-data-sequential-a-6: #788fa5;
   --color-data-sequential-a-7: #56687a;
   --color-data-sequential-a-8: #38434f;
   --color-data-divergent-scale-a-1: #fdf6ec;
   --color-data-divergent-scale-a-2: #fdf0de;
   --color-data-divergent-scale-a-3: #fde2bc;
   --color-data-divergent-scale-a-4: #f8c77e;
   --color-data-divergent-scale-a-5: #e7a33e;
   --color-data-divergent-scale-a-6: #c37d16;
   --color-data-divergent-scale-a-7: #915907;
   --color-data-divergent-scale-a-8: #5c3b09;
   --color-data-sequential-b-1: #faf5ff;
   --color-data-sequential-b-2: #f7efff;
   --color-data-sequential-b-3: #efe0ff;
   --color-data-sequential-b-4: #dec5fd;
   --color-data-sequential-b-5: #c79ef7;
   --color-data-sequential-b-6: #a872e8;
   --color-data-sequential-b-7: #8344cc;
   --color-data-sequential-b-8: #592099;
   --color-data-sequential-c-1: #f1f8ff;
   --color-data-sequential-c-2: #e8f3ff;
   --color-data-sequential-c-3: #d2e9ff;
   --color-data-sequential-c-4: #a8d4ff;
   --color-data-sequential-c-5: #70b5f9;
   --color-data-sequential-c-6: #378fe9;
   --color-data-sequential-c-7: #0a66c2;
   --color-data-sequential-c-8: #004182;
   --color-data-sequential-d-1: #fdf6ec;
   --color-data-sequential-d-2: #fdf0de;
   --color-data-sequential-d-3: #fde2bc;
   --color-data-sequential-d-4: #f8c77e;
   --color-data-sequential-d-5: #e7a33e;
   --color-data-sequential-d-6: #c37d16;
   --color-data-sequential-d-7: #915907;
   --color-data-sequential-d-8: #5c3b09;
   --color-data-divergent-scale-b-1: #faf5ff;
   --color-data-divergent-scale-b-2: #f7efff;
   --color-data-divergent-scale-b-3: #efe0ff;
   --color-data-divergent-scale-b-4: #dec5fd;
   --color-data-divergent-scale-b-5: #c79ef7;
   --color-data-divergent-scale-b-6: #a872e8;
   --color-data-divergent-scale-b-7: #8344cc;
   --color-data-divergent-scale-b-8: #592099;
   --color-data-divergent-status-a-1: #fff5f2;
   --color-data-divergent-status-a-2: #ffefea;
   --color-data-divergent-status-a-3: #ffdfd6;
   --color-data-divergent-status-a-4: #fdc2b1;
   --color-data-divergent-status-a-5: #f5987e;
   --color-data-divergent-status-a-6: #e16745;
   --color-data-divergent-status-a-7: #b24020;
   --color-data-divergent-status-a-8: #762812;
   --color-data-divergent-status-b-1: #f1f8ff;
   --color-data-divergent-status-b-2: #e8f3ff;
   --color-data-divergent-status-b-3: #d2e9ff;
   --color-data-divergent-status-b-4: #a8d4ff;
   --color-data-divergent-status-b-5: #70b5f9;
   --color-data-divergent-status-b-6: #378fe9;
   --color-data-divergent-status-b-7: #0a66c2;
   --color-data-divergent-status-b-8: #004182;
   --color-data-benchmark: rgba(0, 0, 0, 0.9);
   --color-data-benchmark-disabled: rgba(0, 0, 0, 0.3);
   --color-data-container: rgba(0, 0, 0, 0.08);
   --color-data-container-positive: #057642;
   --color-data-container-neutral: #56687a;
   --color-data-container-caution: #b93a04;
   --color-data-container-negative: #cf0007;
   --color-data-container-accent-1: #fde2bc;
   --color-data-container-accent-2: #ffdfd6;
   --color-data-container-accent-3: #daebd1;
   --color-data-container-accent-4: #dde7f1;
   --color-data-container-accent-5: #c1edf4;
   --color-data-container-accent-6: #efe0ff;
   --color-data-container-accent-7: #fcddfb;
   --color-data-container-disabled: rgba(0, 0, 0, 0.08);
   --color-data-icon: rgba(0, 0, 0, 0.75);
   --color-data-icon-positive: #057642;
   --color-data-icon-neutral: #56687a;
   --color-data-icon-caution: #b93a04;
   --color-data-icon-negative: #cf0007;
   --color-data-icon-accent-1: #915907;
   --color-data-icon-accent-2: #b24020;
   --color-data-icon-accent-3: #616c20;
   --color-data-icon-accent-4: #56687a;
   --color-data-icon-accent-5: #1b707d;
   --color-data-icon-accent-6: #8344cc;
   --color-data-icon-accent-7: #a833a2;
   --color-data-icon-disabled: rgba(0, 0, 0, 0.3);
   --color-data-label: rgba(0, 0, 0, 0.9);
   --color-data-label-positive: #ffffff;
   --color-data-label-neutral: #ffffff;
   --color-data-label-caution: #ffffff;
   --color-data-label-negative: #ffffff;
   --color-data-label-disabled: rgba(0, 0, 0, 0.3);
   --color-data-progress-positive: #057642;
   --color-data-progress-neutral: #56687a;
   --color-data-progress-caution: #b93a04;
   --color-data-progress-negative: #cf0007;
   --color-data-progress-accent-1: #915907;
   --color-data-progress-accent-2: #b24020;
   --color-data-progress-accent-3: #616c20;
   --color-data-progress-accent-4: #56687a;
   --color-data-progress-accent-5: #1b707d;
   --color-data-progress-accent-6: #8344cc;
   --color-data-progress-accent-7: #a833a2;
   --color-data-progress-disabled: #b0b0b0;
   --color-data-track: rgba(0, 0, 0, 0.6);
   --color-data-track-disabled: rgba(0, 0, 0, 0.3);
   --color-input-benchmark: rgba(0, 0, 0, 0.9);
   --color-input-benchmark-disabled: #b0b0b0;
   --color-input-container: rgba(0, 0, 0, 0);
   --color-input-container-hover: rgba(0, 0, 0, 0.04);
   --color-input-container-active: rgba(0, 0, 0, 0.08);
   --color-input-container-disabled: rgba(0, 0, 0, 0.08);
   --color-input-switch-ios-container: rgba(0, 0, 0, 0.75);
   --color-input-switch-ios-container-active: rgba(0, 0, 0, 0.9);
   --color-input-switch-ios-container-disabled: rgba(0, 0, 0, 0.08);
   --color-input-android-container-disabled: rgba(0, 0, 0, 0);
   --color-input-date-container: rgba(0, 0, 0, 0);
   --color-input-date-container-hover: rgba(0, 0, 0, 0.04);
   --color-input-date-container-active: rgba(0, 0, 0, 0.08);
   --color-input-date-container-disabled: rgba(0, 0, 0, 0);
   --color-input-date-container-range: #b6f3d7;
   --color-input-container-border: rgba(0, 0, 0, 0.75);
   --color-input-container-border-hover: rgba(0, 0, 0, 0.9);
   --color-input-container-border-active: rgba(0, 0, 0, 0.9);
   --color-input-container-border-disabled: rgba(0, 0, 0, 0);
   --color-input-switch-ios-container-border: rgba(0, 0, 0, 0);
   --color-input-switch-ios-container-border-active: rgba(0, 0, 0, 0);
   --color-input-switch-ios-container-border-disabled: rgba(0, 0, 0, 0);
   --color-input-android-container-border-disabled: rgba(0, 0, 0, 0.3);
   --color-input-date-container-border: rgba(0, 0, 0, 0);
   --color-input-date-container-border-hover: rgba(0, 0, 0, 0.04);
   --color-input-date-container-border-active: rgba(0, 0, 0, 0);
   --color-input-date-container-border-disabled: rgba(0, 0, 0, 0);
   --color-input-container-checked: #057642;
   --color-input-container-checked-hover: #004d2a;
   --color-input-container-checked-active: #004d2a;
   --color-input-container-checked-disabled: rgba(0, 0, 0, 0.08);
   --color-input-switch-ios-container-checked: #057642;
   --color-input-switch-ios-container-checked-active: #004d2a;
   --color-input-switch-ios-container-checked-disabled: rgba(0, 0, 0, 0.08);
   --color-input-android-container-checked: #13a05f;
   --color-input-date-container-checked: #057642;
   --color-input-date-container-checked-hover: #004d2a;
   --color-input-date-container-checked-active: #004d2a;
   --color-input-date-container-checked-disabled: rgba(0, 0, 0, 0.08);
   --color-input-date-container-opposite-checked: rgba(0, 0, 0, 0);
   --color-input-date-container-opposite-checked-hover: rgba(0, 0, 0, 0.04);
   --color-input-date-container-opposite-checked-active: rgba(0, 0, 0, 0.08);
   --color-input-date-container-opposite-checked-disabled: rgba(0, 0, 0, 0);
   --color-input-container-border-checked: rgba(0, 0, 0, 0);
   --color-input-container-border-checked-hover: #004d2a;
   --color-input-container-border-checked-active: rgba(0, 0, 0, 0);
   --color-input-container-border-checked-disabled: rgba(0, 0, 0, 0);
   --color-input-switch-ios-container-border-checked: rgba(0, 0, 0, 0);
   --color-input-switch-ios-container-border-checked-active: rgba(0, 0, 0, 0);
   --color-input-switch-ios-container-border-checked-disabled: rgba(0,
         0,
         0,
         0);
   --color-input-date-container-border-checked: rgba(0, 0, 0, 0);
   --color-input-date-container-border-checked-hover: #004d2a;
   --color-input-date-container-border-checked-active: rgba(0, 0, 0, 0);
   --color-input-date-container-border-checked-disabled: rgba(0, 0, 0, 0);
   --color-input-date-container-opposite-border-checked: #057642;
   --color-input-date-container-opposite-border-checked-hover: #004d2a;
   --color-input-date-container-opposite-border-checked-active: #004d2a;
   --color-input-date-container-opposite-border-checked-disabled: rgba(0,
         0,
         0,
         0.3);
   --color-input-container-error: rgba(0, 0, 0, 0);
   --color-input-container-error-hover: rgba(0, 0, 0, 0.04);
   --color-input-container-error-active: rgba(0, 0, 0, 0.08);
   --color-input-container-error-disabled: rgba(0, 0, 0, 0.08);
   --color-input-container-border-error: #cf0007;
   --color-input-container-border-error-hover: #8a0005;
   --color-input-container-border-error-active: #8a0005;
   --color-input-container-border-error-disabled: rgba(0, 0, 0, 0);
   --color-input-handle: #057642;
   --color-input-handle-hover: #004d2a;
   --color-input-handle-active: #004d2a;
   --color-input-handle-disabled: #cfcfcf;
   --color-input-handle-border: rgba(0, 0, 0, 0);
   --color-input-handle-border-hover: #004d2a;
   --color-input-handle-border-active: rgba(0, 0, 0, 0);
   --color-input-handle-border-disabled: rgba(0, 0, 0, 0);
   --color-input-helper: rgba(0, 0, 0, 0.6);
   --color-input-helper-disabled: rgba(0, 0, 0, 0.3);
   --color-input-helper-error: #cf0007;
   --color-input-helper-error-disabled: rgba(0, 0, 0, 0.3);
   --color-input-hint: rgba(0, 0, 0, 0.6);
   --color-input-hint-disabled: rgba(0, 0, 0, 0.3);
   --color-input-icon: rgba(0, 0, 0, 0.75);
   --color-input-icon-disabled: rgba(0, 0, 0, 0.3);
   --color-input-icon-error: #cf0007;
   --color-input-icon-error-disabled: rgba(0, 0, 0, 0.3);
   --color-input-indicator: rgba(0, 0, 0, 0.75);
   --color-input-indicator-hover: rgba(0, 0, 0, 0.9);
   --color-input-indicator-active: rgba(0, 0, 0, 0.9);
   --color-input-indicator-disabled: rgba(0, 0, 0, 0.3);
   --color-input-switch-ios-indicator: #ffffff;
   --color-input-switch-ios-indicator-active: rgba(255, 255, 255, 0.6);
   --color-input-switch-ios-indicator-disabled: rgba(0, 0, 0, 0.3);
   --color-input-android-indicator: #424242;
   --color-input-android-indicator-disabled: #b0b0b0;
   --color-input-indicator-checked: #ffffff;
   --color-input-indicator-checked-hover: #ffffff;
   --color-input-indicator-checked-active: rgba(255, 255, 255, 0.6);
   --color-input-indicator-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-input-switch-ios-indicator-checked: #ffffff;
   --color-input-switch-ios-indicator-checked-active: rgba(255, 255, 255, 0.6);
   --color-input-switch-ios-indicator-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-input-android-indicator-checked: #057642;
   --color-input-android-indicator-checked-disabled: #b0b0b0;
   --color-input-label: rgba(0, 0, 0, 0.75);
   --color-input-label-disabled: rgba(0, 0, 0, 0.3);
   --color-input-label-axis: rgba(0, 0, 0, 0.6);
   --color-input-label-axis-disabled: rgba(0, 0, 0, 0.3);
   --color-input-date-label: rgba(0, 0, 0, 0.75);
   --color-input-date-label-hover: rgba(0, 0, 0, 0.9);
   --color-input-label-hover: rgba(0, 0, 0, 0.9);
   --color-input-date-label-active: rgba(0, 0, 0, 0.9);
   --color-input-label-active: rgba(0, 0, 0, 0.9);
   --color-input-date-label-disabled: rgba(0, 0, 0, 0.3);
   --color-input-label-checked: #ffffff;
   --color-input-label-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-input-date-label-checked: #ffffff;
   --color-input-date-label-checked-hover: #ffffff;
   --color-input-label-checked-hover: #ffffff;
   --color-input-date-label-checked-active: rgba(255, 255, 255, 0.6);
   --color-input-label-checked-active: rgba(255, 255, 255, 0.6);
   --color-input-date-label-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-input-date-label-opposite-checked: rgba(0, 0, 0, 0.75);
   --color-input-date-label-opposite-checked-hover: rgba(0, 0, 0, 0.9);
   --color-input-date-label-opposite-checked-active: rgba(0, 0, 0, 0.9);
   --color-input-date-label-opposite-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-input-label-error: #cf0007;
   --color-input-label-error-disabled: rgba(0, 0, 0, 0.3);
   --color-input-progress: #057642;
   --color-input-progress-disabled: #b0b0b0;
   --color-input-track: rgba(0, 0, 0, 0.6);
   --color-input-track-disabled: rgba(0, 0, 0, 0.3);
   --color-input-value: rgba(0, 0, 0, 0.9);
   --color-input-value-disabled: rgba(0, 0, 0, 0.3);
   --color-pill-container: rgba(0, 0, 0, 0);
   --color-pill-container-hover: rgba(0, 0, 0, 0.04);
   --color-pill-container-active: rgba(0, 0, 0, 0.08);
   --color-pill-container-disabled: rgba(0, 0, 0, 0.08);
   --color-pill-container-count: #ffffff;
   --color-pill-container-count-hover: #ffffff;
   --color-pill-container-count-active: rgba(255, 255, 255, 0.6);
   --color-pill-container-count-disabled: rgba(0, 0, 0, 0.08);
   --color-pill-container-border: rgba(0, 0, 0, 0.3);
   --color-pill-container-border-hover: rgba(0, 0, 0, 0.45);
   --color-pill-container-border-active: rgba(0, 0, 0, 0.45);
   --color-pill-container-border-disabled: rgba(0, 0, 0, 0);
   --color-pill-container-checked: #057642;
   --color-pill-container-checked-hover: #004d2a;
   --color-pill-container-checked-active: #004d2a;
   --color-pill-container-checked-disabled: rgba(0, 0, 0, 0.08);
   --color-pill-input-entity-container-checked: rgba(0, 0, 0, 0.08);
   --color-pill-input-entity-container-checked-hover: rgba(0, 0, 0, 0.12);
   --color-pill-input-entity-container-checked-active: rgba(0, 0, 0, 0.16);
   --color-pill-input-entity-container-checked-disabled: rgba(0, 0, 0, 0.08);
   --color-pill-container-border-checked: rgba(0, 0, 0, 0);
   --color-pill-container-border-checked-hover: #004d2a;
   --color-pill-container-border-checked-active: rgba(0, 0, 0, 0);
   --color-pill-container-border-checked-disabled: rgba(0, 0, 0, 0);
   --color-pill-input-entity-container-border-checked: rgba(0, 0, 0, 0);
   --color-pill-input-entity-container-border-checked-hover: rgba(0,
         0,
         0,
         0.12);
   --color-pill-input-entity-container-border-checked-active: rgba(0, 0, 0, 0);
   --color-pill-input-entity-container-border-checked-disabled: rgba(0,
         0,
         0,
         0);
   --color-pill-icon: rgba(0, 0, 0, 0.75);
   --color-pill-icon-hover: rgba(0, 0, 0, 0.9);
   --color-pill-icon-active: rgba(0, 0, 0, 0.9);
   --color-pill-icon-disabled: rgba(0, 0, 0, 0.3);
   --color-pill-icon-checked: #ffffff;
   --color-pill-icon-checked-hover: #ffffff;
   --color-pill-icon-checked-active: rgba(255, 255, 255, 0.6);
   --color-pill-icon-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-pill-input-entity-icon-checked: rgba(0, 0, 0, 0.75);
   --color-pill-input-entity-icon-checked-hover: rgba(0, 0, 0, 0.9);
   --color-pill-input-entity-icon-checked-active: rgba(0, 0, 0, 0.9);
   --color-pill-input-entity-icon-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-pill-indicator-checked: #ffffff;
   --color-pill-indicator-checked-hover: #ffffff;
   --color-pill-indicator-checked-active: rgba(255, 255, 255, 0.6);
   --color-pill-indicator-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-pill-label-count: rgba(0, 0, 0, 0.9);
   --color-pill-label-count-hover: rgba(0, 0, 0, 0.9);
   --color-pill-label-count-active: rgba(0, 0, 0, 0.9);
   --color-pill-label-count-disabled: rgba(0, 0, 0, 0.3);
   --color-pill-label: rgba(0, 0, 0, 0.75);
   --color-pill-label-hover: rgba(0, 0, 0, 0.9);
   --color-pill-label-active: rgba(0, 0, 0, 0.9);
   --color-pill-label-disabled: rgba(0, 0, 0, 0.3);
   --color-pill-label-checked: #ffffff;
   --color-pill-label-checked-hover: #ffffff;
   --color-pill-label-checked-active: rgba(255, 255, 255, 0.6);
   --color-pill-label-checked-disabled: rgba(0, 0, 0, 0.3);
   --color-pill-input-entity-label-checked: rgba(0, 0, 0, 0.75);
   --color-pill-input-entity-label-checked-hover: rgba(0, 0, 0, 0.9);
   --color-pill-input-entity-label-checked-active: rgba(0, 0, 0, 0.9);
   --color-pill-input-entity-label-checked-disabled: rgba(0, 0, 0, 0.3);
   --icon-input-indicator-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" data-supported-dps="16x16" fill="white" fill-opacity="1"> <path d="M12.57 2H15L6 15l-5-5 1.41-1.41 3.31 3.3z"/> </svg>');
   --icon-input-indicator-checked-hover: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" data-supported-dps="16x16" fill="white" fill-opacity="1"> <path d="M12.57 2H15L6 15l-5-5 1.41-1.41 3.31 3.3z"/> </svg>');
   --icon-input-indicator-checked-active: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" data-supported-dps="16x16" fill="rgba(255, 255, 255, 0.6)" fill-opacity="0.7"> <path d="M12.57 2H15L6 15l-5-5 1.41-1.41 3.31 3.3z"/> </svg>');
   --icon-input-indicator-checked-disabled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" data-supported-dps="16x16" fill="rgba(0, 0, 0, 0.3)" fill-opacity="0.3"> <path d="M12.57 2H15L6 15l-5-5 1.41-1.41 3.31 3.3z"/> </svg>');
   --icon-caret-default: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-supported-dps="24x24" fill="rgba(0, 0, 0, 0.75)" fill-opacity="0.6"> <path d="M12 16L5 9h14z" fill-rule="evenodd"/> </svg>');
   --icon-caret-active: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-supported-dps="24x24" fill="rgba(0, 0, 0, 0.9)" fill-opacity="0.9"> <path d="M12 16L5 9h14z" fill-rule="evenodd"/> </svg>');
   --icon-caret-disabled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-supported-dps="24x24" fill="rgba(0, 0, 0, 0.3)" fill-opacity="0.3"> <path d="M12 16L5 9h14z" fill-rule="evenodd"/> </svg>');

   div,
   span,
   object,
   iframe,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p,
   blockquote,
   pre,
   abbr,
   address,
   cite,
   code,
   del,
   dfn,
   em,
   img,
   ins,
   kbd,
   q,
   samp,
   small,
   strong,
   var,
   b,
   i,
   dl,
   dt,
   dd,
   ol,
   ul,
   li,
   fieldset,
   form,
   label,
   legend,
   table,
   caption,
   tbody,
   tfoot,
   thead,
   tr,
   th,
   td,
   article,
   aside,
   canvas,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   menu,
   nav,
   section,
   summary,
   time,
   mark,
   audio,
   video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      vertical-align: baseline;
      background: transparent;
   }

   span,
   object,
   iframe,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   abbr,
   cite,
   code,
   del,
   dfn,
   em,
   img,
   ins,
   kbd,
   q,
   samp,
   small,
   strong,
   var,
   b,
   i,
   label,
   legend,
   caption,
   tbody,
   tfoot,
   thead,
   tr,
   th,
   td,
   canvas,
   summary,
   time,
   mark,
   audio,
   video {
      outline: 0;
   }

   body {
      line-height: 1;
   }

   article,
   aside,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   menu,
   nav,
   section,
   main {
      display: block;
   }

   nav ul {
      list-style: none;
   }

   blockquote,
   q {
      quotes: none;
   }

   blockquote::before,
   blockquote::after,
   q::before,
   q::after {
      content: "";
      content: none;
   }

   a {
      margin: 0;
      padding: 0;
      font-size: 100%;
      vertical-align: baseline;
      background: transparent;
   }

   ins {
      background-color: #ff9;
      color: #000;
      text-decoration: none;
   }

   mark {
      background-color: #ff9;
      color: #000;
      font-style: italic;
      font-weight: bold;
   }

   del {
      text-decoration: line-through;
   }

   abbr[title],
   dfn[title] {
      border-bottom: 1px dotted;
      cursor: help;
   }

   table {
      border-collapse: collapse;
      border-spacing: 0;
   }

   hr {
      border: 0;
      display: block;
      height: 1px;
      margin: 1rem 0 24px 0;
      padding: 0;
      border-color: rgba(0, 0, 0, 0.15);
      border-top: 1px solid rgba(0, 0, 0, 0.15);
   }

   @media (max-width: 976px) {
      hr {
         margin-bottom: 16px;
      }
   }

   input,
   select {
      vertical-align: middle;
   }

   #svg-source {
      position: absolute;
      top: 0;
      left: -100px;
      opacity: 0;
   }

   .a11y-text {
      border: 0 !important;
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px !important;
      overflow: hidden;
      padding: 0 !important;
      position: absolute !important;
      white-space: nowrap !important;
      width: 1px !important;
   }

   [data-artdeco-is-focused="true"] {
      outline: none;
   }

   @-webkit-keyframes nodeInserted {
      from {
         opacity: 0.99;
      }

      to {
         opacity: 1;
      }
   }

   @keyframes nodeInserted {
      from {
         opacity: 0.99;
      }

      to {
         opacity: 1;
      }
   }

   .artdeco-link-variant p a {
      font-weight: bold !important;
   }

   html {
      font-size: 62.5%;
   }

   html.artdeco {
      -webkit-font-smoothing: antialiased;
   }

   @media only screen and (-webkit-min-device-pixel-ratio: 1.25),
   only screen and (min-device-pixel-ratio: 1.25),
   only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335),
   only screen and (min-resolution: 200dpi),
   only screen and (min-resolution: 1.25dppx) {
      html.artdeco {
         -webkit-font-smoothing: subpixel-antialiased;
      }
   }

   body {
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
   }

   a {
      text-decoration: none;
      font-weight: 600;
      background-color: transparent;
      border: 0;
      color: #0073b1;
   }

   a:visited {
      color: #0073b1;
   }

   a:hover,
   a:focus {
      text-decoration: underline;
      color: #006097;
   }

   a:active {
      color: #004b7c;
   }

   a:visited {
      color: #665ed0;
   }

   a:visited:hover {
      color: #544bc2;
   }

   a:visited:active {
      color: #4034b0;
   }

   strong,
   b {
      font-weight: 600;
   }

   body,
   p {
      font-weight: 400;
      font-size: 1.6rem;
      line-height: 1.5;
      color: rgba(0, 0, 0, 0.9);
   }

   h1,
   .large-header {
      font-weight: 400;
      font-size: 4rem;
      line-height: 1.2;
      color: rgba(0, 0, 0, 0.9);
   }

   h2 {
      font-weight: 400;
      font-size: 3.2rem;
      line-height: 1.25;
      color: rgba(0, 0, 0, 0.9);
   }

   h3,
   .large-text {
      font-weight: 400;
      font-size: 2.4rem;
      line-height: 1.33333;
      color: rgba(0, 0, 0, 0.9);
   }

   h4,
   .medium-text {
      font-style: normal;
      font-weight: 400;
      font-size: 2rem;
      line-height: 1.4;
      color: rgba(0, 0, 0, 0.9);
   }

   h5,
   .small-text {
      font-weight: 400;
      font-size: 1.6rem;
      line-height: 1.5;
      color: rgba(0, 0, 0, 0.9);
   }

   h6 {
      font-weight: 600;
      font-size: 1.4rem;
      line-height: 1.42857;
      color: rgba(0, 0, 0, 0.6);
   }

   em,
   i {
      font-style: italic;
   }

   input,
   select,
   textarea,
   button {
      font-family: inherit;
   }

   .small-text {
      font-size: 1.4rem;
      line-height: 1.42857;
   }

   blockquote {
      font-weight: 400;
      font-size: 1.6rem;
      line-height: 1.5;
      color: rgba(0, 0, 0, 0.9);
   }

   .accessible-border {
      border: 1px solid transparent;
   }

   .fixed {
      position: fixed;
   }

   .global-alert-transition {
      -webkit-transition:
         padding-top 0.25s ease,
         top 0.25s ease;
      transition:
         padding-top 0.25s ease,
         top 0.25s ease;
   }

   .hidden {
      display: none;
   }

   .no-scroll {
      overflow: hidden;
      overflow: hidden;
      height: 100%;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
      -moz-scrollbars: none;
   }

   .overlay-center {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
   }

   .screen-reader-text,
   .sr-only {
      border: 0 !important;
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px !important;
      overflow: hidden;
      padding: 0 !important;
      position: absolute !important;
      white-space: nowrap !important;
      width: 1px !important;
   }

   .no-focus-ring {
      outline: none;
   }

   a.artdeco-button {
      text-decoration: none;
   }

   a.artdeco-button:hover,
   a.artdeco-button:active,
   a.artdeco-button:focus,
   a.artdeco-button:visited {
      text-decoration: none;
   }

   .artdeco-button,
   .artdeco-button--primary,
   a.artdeco-button--primary {
      background-color: #0073b1;
      color: #fff;
   }

   .artdeco-button:visited,
   .artdeco-button--primary:visited,
   .artdeco-button:visited:hover,
   .artdeco-button--primary:visited:hover {
      background-color: #0073b1;
      color: #fff;
   }

   .artdeco-button:hover,
   .artdeco-button--primary:hover,
   .artdeco-button:focus,
   .artdeco-button--primary:focus {
      background-color: #006097;
      color: #fff;
   }

   .artdeco-button:active,
   .artdeco-button--primary:active {
      background-color: #004b7c;
      color: #fff;
   }

   .artdeco-button:disabled,
   .artdeco-button--primary:disabled,
   .artdeco-button--disabled.artdeco-button,
   .artdeco-button--disabled.artdeco-button--primary {
      background-color: rgba(0, 115, 177, 0.35);
      color: rgba(255, 255, 255, 0.45);
   }

   .artdeco-button:disabled .artdeco-button__icon--in-bug,
   .artdeco-button--primary:disabled .artdeco-button__icon--in-bug,
   .artdeco-button--disabled.artdeco-button .artdeco-button__icon--in-bug,
   .artdeco-button--disabled.artdeco-button--primary .artdeco-button__icon--in-bug {
      opacity: 0.45;
   }

   .artdeco-button--premium.artdeco-button,
   .artdeco-button--premium.artdeco-button--primary {
      background-color: #7a6b3b;
      color: #fff;
   }

   .artdeco-button--premium.artdeco-button:visited,
   .artdeco-button--premium.artdeco-button--primary:visited,
   .artdeco-button--premium.artdeco-button:visited:hover,
   .artdeco-button--premium.artdeco-button--primary:visited:hover {
      background-color: #7a6b3b;
      color: #fff;
   }

   .artdeco-button--premium.artdeco-button:hover,
   .artdeco-button--premium.artdeco-button--primary:hover,
   .artdeco-button--premium.artdeco-button:focus,
   .artdeco-button--premium.artdeco-button--primary:focus {
      background-color: #645831;
      color: #fff;
   }

   .artdeco-button--premium.artdeco-button:active,
   .artdeco-button--premium.artdeco-button--primary:active {
      background-color: #4e4628;
      color: #fff;
   }

   .artdeco-button--premium.artdeco-button:disabled,
   .artdeco-button--premium.artdeco-button--primary:disabled,
   .artdeco-button--premium.artdeco-button--disabled.artdeco-button,
   .artdeco-button--premium.artdeco-button--disabled.artdeco-button--primary {
      background-color: rgba(122, 107, 59, 0.35);
      color: rgba(255, 255, 255, 0.45);
   }

   .artdeco-button--pro.artdeco-button,
   .artdeco-button--pro.artdeco-button--primary {
      background-color: #004b7c;
      color: #fff;
   }

   .artdeco-button--pro.artdeco-button:visited,
   .artdeco-button--pro.artdeco-button--primary:visited,
   .artdeco-button--pro.artdeco-button:visited:hover,
   .artdeco-button--pro.artdeco-button--primary:visited:hover {
      background-color: #004b7c;
      color: #fff;
   }

   .artdeco-button--pro.artdeco-button:hover,
   .artdeco-button--pro.artdeco-button--primary:hover,
   .artdeco-button--pro.artdeco-button:focus,
   .artdeco-button--pro.artdeco-button--primary:focus {
      background-color: #006097;
      color: #fff;
   }

   .artdeco-button--pro.artdeco-button:active,
   .artdeco-button--pro.artdeco-button--primary:active {
      background-color: #0073b1;
      color: #fff;
   }

   .artdeco-button--pro.artdeco-button:disabled,
   .artdeco-button--pro.artdeco-button--primary:disabled,
   .artdeco-button--pro.artdeco-button--disabled.artdeco-button,
   .artdeco-button--pro.artdeco-button--disabled.artdeco-button--primary {
      background-color: rgba(0, 75, 124, 0.25);
      color: rgba(255, 255, 255, 0.45);
   }

   .artdeco-button--inverse.artdeco-button,
   .artdeco-button--inverse.artdeco-button--primary {
      background-color: #fff;
      color: rgba(0, 0, 0, 0.9);
   }

   .artdeco-button--inverse.artdeco-button:visited,
   .artdeco-button--inverse.artdeco-button--primary:visited,
   .artdeco-button--inverse.artdeco-button:visited:hover,
   .artdeco-button--inverse.artdeco-button--primary:visited:hover {
      background-color: #fff;
      color: rgba(0, 0, 0, 0.9);
   }

   .artdeco-button--inverse.artdeco-button:hover,
   .artdeco-button--inverse.artdeco-button--primary:hover,
   .artdeco-button--inverse.artdeco-button:focus,
   .artdeco-button--inverse.artdeco-button--primary:focus {
      background-color: rgba(255, 255, 255, 0.85);
      color: rgba(0, 0, 0, 0.9);
   }

   .artdeco-button--inverse.artdeco-button:active,
   .artdeco-button--inverse.artdeco-button--primary:active {
      background-color: #fff;
      color: rgba(0, 0, 0, 0.9);
   }

   .artdeco-button--inverse.artdeco-button:disabled,
   .artdeco-button--inverse.artdeco-button--primary:disabled,
   .artdeco-button--inverse.artdeco-button--disabled.artdeco-button,
   .artdeco-button--inverse.artdeco-button--disabled.artdeco-button--primary {
      background-color: rgba(255, 255, 255, 0.35);
      color: rgba(0, 0, 0, 0.25);
   }

   .artdeco-button--inverse.artdeco-button:disabled .artdeco-button__icon--in-bug,
   .artdeco-button--inverse.artdeco-button--primary:disabled .artdeco-button__icon--in-bug,
   .artdeco-button--inverse.artdeco-button--disabled.artdeco-button .artdeco-button__icon--in-bug,
   .artdeco-button--inverse.artdeco-button--disabled.artdeco-button--primary .artdeco-button__icon--in-bug {
      opacity: 0.35;
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--primary {
      background-color: #dccea4;
      color: #42391e;
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button:visited,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--primary:visited,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button:visited:hover,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--primary:visited:hover {
      background-color: #dccea4;
      color: #42391e;
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button:hover,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--primary:hover,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button:focus,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--primary:focus {
      background-color: #f1e8c5;
      color: #42391e;
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button:active,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--primary:active {
      background-color: #fdf4dc;
      color: #42391e;
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button:disabled,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--primary:disabled,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--disabled.artdeco-button,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--disabled.artdeco-button--primary {
      background-color: rgba(220, 206, 164, 0.45);
      color: rgba(66, 57, 30, 0.45);
   }

   .artdeco-button--muted.artdeco-button,
   .artdeco-button--muted.artdeco-button--primary {
      background-color: rgba(0, 0, 0, 0.6);
      color: #fff;
   }

   .artdeco-button--muted.artdeco-button:visited,
   .artdeco-button--muted.artdeco-button--primary:visited,
   .artdeco-button--muted.artdeco-button:visited:hover,
   .artdeco-button--muted.artdeco-button--primary:visited:hover {
      background-color: rgba(0, 0, 0, 0.6);
      color: #fff;
   }

   .artdeco-button--muted.artdeco-button:hover,
   .artdeco-button--muted.artdeco-button--primary:hover,
   .artdeco-button--muted.artdeco-button:focus,
   .artdeco-button--muted.artdeco-button--primary:focus {
      background-color: rgba(0, 0, 0, 0.75);
      color: #fff;
   }

   .artdeco-button--muted.artdeco-button:active,
   .artdeco-button--muted.artdeco-button--primary:active {
      background-color: rgba(0, 0, 0, 0.9);
      color: #fff;
   }

   .artdeco-button--muted.artdeco-button:disabled,
   .artdeco-button--muted.artdeco-button--primary:disabled,
   .artdeco-button--muted.artdeco-button--disabled.artdeco-button,
   .artdeco-button--muted.artdeco-button--disabled.artdeco-button--primary {
      background-color: rgba(0, 0, 0, 0.25);
      color: rgba(255, 255, 255, 0.45);
   }

   .artdeco-button--secondary,
   a.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: #0073b1;
      -webkit-box-shadow: inset 0 0 0 1px #0073b1;
      box-shadow: inset 0 0 0 1px #0073b1;
   }

   .artdeco-button--secondary:visited,
   .artdeco-button--secondary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: #0073b1;
      -webkit-box-shadow: inset 0 0 0 1px #0073b1;
      box-shadow: inset 0 0 0 1px #0073b1;
   }

   .artdeco-button--secondary:hover,
   .artdeco-button--secondary:focus {
      background-color: rgba(152, 216, 244, 0.25);
      color: #006097;
      -webkit-box-shadow: inset 0 0 0 2px #006097;
      box-shadow: inset 0 0 0 2px #006097;
   }

   .artdeco-button--secondary:active {
      background-color: rgba(152, 216, 244, 0.45);
      color: #004b7c;
      -webkit-box-shadow: inset 0 0 0 2px #004b7c;
      box-shadow: inset 0 0 0 2px #004b7c;
   }

   .artdeco-button--secondary:disabled,
   .artdeco-button--disabled.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 115, 177, 0.35);
      -webkit-box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
      box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
   }

   .artdeco-button--premium.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: #7a6b3b;
      -webkit-box-shadow: inset 0 0 0 1px #7a6b3b;
      box-shadow: inset 0 0 0 1px #7a6b3b;
   }

   .artdeco-button--premium.artdeco-button--secondary:visited,
   .artdeco-button--premium.artdeco-button--secondary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: #7a6b3b;
      -webkit-box-shadow: inset 0 0 0 1px #7a6b3b;
      box-shadow: inset 0 0 0 1px #7a6b3b;
   }

   .artdeco-button--premium.artdeco-button--secondary:hover,
   .artdeco-button--premium.artdeco-button--secondary:focus {
      background-color: rgba(220, 206, 164, 0.25);
      color: #645831;
      -webkit-box-shadow: inset 0 0 0 2px #645831;
      box-shadow: inset 0 0 0 2px #645831;
   }

   .artdeco-button--premium.artdeco-button--secondary:active {
      background-color: rgba(220, 206, 164, 0.45);
      color: #4e4628;
      -webkit-box-shadow: inset 0 0 0 2px #4e4628;
      box-shadow: inset 0 0 0 2px #4e4628;
   }

   .artdeco-button--premium.artdeco-button--secondary:disabled,
   .artdeco-button--premium.artdeco-button--disabled.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(122, 107, 59, 0.35);
      -webkit-box-shadow: inset 0 0 0 1px rgba(122, 107, 59, 0.35);
      box-shadow: inset 0 0 0 1px rgba(122, 107, 59, 0.35);
   }

   .artdeco-button--pro.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: #004b7c;
      -webkit-box-shadow: inset 0 0 0 1px #004b7c;
      box-shadow: inset 0 0 0 1px #004b7c;
   }

   .artdeco-button--pro.artdeco-button--secondary:visited,
   .artdeco-button--pro.artdeco-button--secondary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: #004b7c;
      -webkit-box-shadow: inset 0 0 0 1px #004b7c;
      box-shadow: inset 0 0 0 1px #004b7c;
   }

   .artdeco-button--pro.artdeco-button--secondary:hover,
   .artdeco-button--pro.artdeco-button--secondary:focus {
      background-color: rgba(152, 216, 244, 0.25);
      color: #006097;
      -webkit-box-shadow: inset 0 0 0 2px #006097;
      box-shadow: inset 0 0 0 2px #006097;
   }

   .artdeco-button--pro.artdeco-button--secondary:active {
      background-color: rgba(152, 216, 244, 0.45);
      color: #0073b1;
      -webkit-box-shadow: inset 0 0 0 2px #0073b1;
      box-shadow: inset 0 0 0 2px #0073b1;
   }

   .artdeco-button--pro.artdeco-button--secondary:disabled,
   .artdeco-button--pro.artdeco-button--disabled.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 75, 124, 0.35);
      -webkit-box-shadow: inset 0 0 0 1px rgba(0, 75, 124, 0.35);
      box-shadow: inset 0 0 0 1px rgba(0, 75, 124, 0.35);
   }

   .artdeco-button--inverse.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: #fff;
      -webkit-box-shadow: inset 0 0 0 1px #fff;
      box-shadow: inset 0 0 0 1px #fff;
   }

   .artdeco-button--inverse.artdeco-button--secondary:visited,
   .artdeco-button--inverse.artdeco-button--secondary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: #fff;
      -webkit-box-shadow: inset 0 0 0 1px #fff;
      box-shadow: inset 0 0 0 1px #fff;
   }

   .artdeco-button--inverse.artdeco-button--secondary:hover,
   .artdeco-button--inverse.artdeco-button--secondary:focus {
      background-color: rgba(255, 255, 255, 0.15);
      color: #fff;
      -webkit-box-shadow: inset 0 0 0 2px #fff;
      box-shadow: inset 0 0 0 2px #fff;
   }

   .artdeco-button--inverse.artdeco-button--secondary:active {
      background-color: rgba(255, 255, 255, 0.25);
      color: #fff;
      -webkit-box-shadow: inset 0 0 0 2px #fff;
      box-shadow: inset 0 0 0 2px #fff;
   }

   .artdeco-button--inverse.artdeco-button--secondary:disabled,
   .artdeco-button--inverse.artdeco-button--disabled.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(255, 255, 255, 0.35);
      -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: #dccea4;
      -webkit-box-shadow: inset 0 0 0 1px #dccea4;
      box-shadow: inset 0 0 0 1px #dccea4;
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--secondary:visited,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--secondary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: #dccea4;
      -webkit-box-shadow: inset 0 0 0 1px #dccea4;
      box-shadow: inset 0 0 0 1px #dccea4;
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--secondary:hover,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--secondary:focus {
      background-color: rgba(220, 206, 164, 0.15);
      color: #f1e8c5;
      -webkit-box-shadow: inset 0 0 0 2px #f1e8c5;
      box-shadow: inset 0 0 0 2px #f1e8c5;
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--secondary:active {
      background-color: rgba(220, 206, 164, 0.25);
      color: #fdf4dc;
      -webkit-box-shadow: inset 0 0 0 2px #fdf4dc;
      box-shadow: inset 0 0 0 2px #fdf4dc;
   }

   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--secondary:disabled,
   .artdeco-button--inverse.artdeco-button--premium.artdeco-button--disabled.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(220, 206, 164, 0.45);
      -webkit-box-shadow: inset 0 0 0 1px rgba(220, 206, 164, 0.45);
      box-shadow: inset 0 0 0 1px rgba(220, 206, 164, 0.45);
   }

   .artdeco-button--muted.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0.6);
      -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6);
   }

   .artdeco-button--muted.artdeco-button--secondary:visited,
   .artdeco-button--muted.artdeco-button--secondary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0.6);
      -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6);
   }

   .artdeco-button--muted.artdeco-button--secondary:hover,
   .artdeco-button--muted.artdeco-button--secondary:focus {
      background-color: rgba(207, 207, 207, 0.25);
      color: rgba(0, 0, 0, 0.75);
      -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.75);
      box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.75);
   }

   .artdeco-button--muted.artdeco-button--secondary:active {
      background-color: rgba(207, 207, 207, 0.45);
      color: rgba(0, 0, 0, 0.9);
      -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.9);
      box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.9);
   }

   .artdeco-button--muted.artdeco-button--secondary:disabled,
   .artdeco-button--muted.artdeco-button--disabled.artdeco-button--secondary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
   }

   .artdeco-button--muted.artdeco-button--secondary:disabled .artdeco-button__icon--in-bug,
   .artdeco-button--muted.artdeco-button--disabled.artdeco-button--secondary .artdeco-button__icon--in-bug {
      opacity: 0.35;
   }

   .artdeco-button--tertiary,
   a.artdeco-button--tertiary {
      background-color: rgba(0, 0, 0, 0);
      color: #0073b1;
   }

   .artdeco-button--tertiary:visited,
   .artdeco-button--tertiary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: #0073b1;
   }

   .artdeco-button--tertiary:hover,
   .artdeco-button--tertiary:focus {
      background-color: rgba(152, 216, 244, 0.25);
      color: #006097;
   }

   .artdeco-button--tertiary:active {
      background-color: rgba(152, 216, 244, 0.45);
      color: #004b7c;
   }

   .artdeco-button--tertiary:disabled,
   .artdeco-button--disabled.artdeco-button--tertiary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 115, 177, 0.35);
   }

   .artdeco-button--pro.artdeco-button--tertiary {
      background-color: rgba(0, 0, 0, 0);
      color: #004b7c;
   }

   .artdeco-button--pro.artdeco-button--tertiary:visited,
   .artdeco-button--pro.artdeco-button--tertiary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: #004b7c;
   }

   .artdeco-button--pro.artdeco-button--tertiary:hover,
   .artdeco-button--pro.artdeco-button--tertiary:focus {
      background-color: rgba(152, 216, 244, 0.25);
      color: #006097;
   }

   .artdeco-button--pro.artdeco-button--tertiary:active {
      background-color: rgba(152, 216, 244, 0.45);
      color: #0073b1;
   }

   .artdeco-button--pro.artdeco-button--tertiary:disabled,
   .artdeco-button--pro.artdeco-button--disabled.artdeco-button--tertiary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 75, 124, 0.35);
   }

   .artdeco-button--inverse.artdeco-button--tertiary {
      background-color: rgba(0, 0, 0, 0);
      color: #fff;
   }

   .artdeco-button--inverse.artdeco-button--tertiary:visited,
   .artdeco-button--inverse.artdeco-button--tertiary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: #fff;
   }

   .artdeco-button--inverse.artdeco-button--tertiary:hover,
   .artdeco-button--inverse.artdeco-button--tertiary:focus {
      background-color: rgba(255, 255, 255, 0.15);
      color: #fff;
   }

   .artdeco-button--inverse.artdeco-button--tertiary:active {
      background-color: rgba(255, 255, 255, 0.25);
      color: #fff;
   }

   .artdeco-button--inverse.artdeco-button--tertiary:disabled,
   .artdeco-button--inverse.artdeco-button--disabled.artdeco-button--tertiary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(255, 255, 255, 0.35);
   }

   .artdeco-button--muted.artdeco-button--tertiary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0.6);
   }

   .artdeco-button--muted.artdeco-button--tertiary:visited,
   .artdeco-button--muted.artdeco-button--tertiary:visited:hover {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0.6);
   }

   .artdeco-button--muted.artdeco-button--tertiary:hover,
   .artdeco-button--muted.artdeco-button--tertiary:focus {
      background-color: rgba(207, 207, 207, 0.25);
      color: rgba(0, 0, 0, 0.75);
   }

   .artdeco-button--muted.artdeco-button--tertiary:active {
      background-color: rgba(207, 207, 207, 0.45);
      color: rgba(0, 0, 0, 0.9);
   }

   .artdeco-button--muted.artdeco-button--tertiary:disabled,
   .artdeco-button--muted.artdeco-button--disabled.artdeco-button--tertiary {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0.25);
   }

   .artdeco-button,
   .artdeco-button--2 {
      font-size: 1.6rem;
      min-height: 3.2rem;
      padding: 0.6rem 1.2rem;
      line-height: 2rem;
   }

   .artdeco-button--circle.artdeco-button,
   .artdeco-button--circle.artdeco-button--2 {
      height: 4rem;
      width: 4rem;
      min-width: auto;
   }

   .artdeco-button--1 {
      font-size: 1.4rem;
      min-height: 2.4rem;
      padding: 0.2rem 0.8rem;
      line-height: 2rem;
   }

   .artdeco-button--circle.artdeco-button--1 {
      height: 3.2rem;
      width: 3.2rem;
      min-width: auto;
   }

   .artdeco-button--3 {
      font-size: 1.6rem;
      min-height: 4rem;
      padding: 1rem 1.6rem;
      line-height: 2rem;
   }

   .artdeco-button--circle.artdeco-button--3 {
      height: 4.8rem;
      width: 4.8rem;
      min-width: auto;
   }

   .artdeco-button--4 {
      font-size: 2rem;
      min-height: 4.8rem;
      padding: 1rem 2rem;
      line-height: 2.8rem;
   }

   .artdeco-button--circle.artdeco-button--4 {
      height: 5.6rem;
      width: 5.6rem;
      min-width: auto;
   }

   .artdeco-button {
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 167ms;
      transition-duration: 167ms;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: none;
      border-radius: 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer;
      font-family: inherit;
      font-weight: 600;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-width: 6.4rem;
      max-width: 480px;
      overflow: hidden;
      text-align: center;
      -webkit-transition-property:
         background-color,
         color,
         -webkit-box-shadow;
      transition-property:
         background-color,
         color,
         -webkit-box-shadow;
      transition-property: background-color, box-shadow, color;
      transition-property:
         background-color,
         box-shadow,
         color,
         -webkit-box-shadow;
      vertical-align: middle;
   }

   .artdeco-button:disabled {
      cursor: not-allowed;
   }

   .artdeco-button:disabled * {
      pointer-events: none;
   }

   .artdeco-button.artdeco-button--disabled {
      cursor: not-allowed;
   }

   .artdeco-button.artdeco-button--disabled * {
      pointer-events: none;
   }

   .artdeco-button--tertiary {
      padding-left: 8px;
      padding-right: 8px;
   }

   .artdeco-button--circle {
      border-radius: 49.5%;
      padding: 0;
   }

   .artdeco-button--circle .artdeco-button__text {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute;
      width: 1px;
   }

   .artdeco-button--fluid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border-radius: 0;
      max-width: 100%;
      width: 100%;
   }

   .artdeco-button--full {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
   }

   .artdeco-button--full+.artdeco-button--full {
      margin-left: 8px;
   }

   .artdeco-button--icon-right {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
   }

   .artdeco-button__icon {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin: 0 4px 0 -2px;
   }

   .artdeco-button--4 .artdeco-button__icon {
      margin-left: -4px;
   }

   .artdeco-button--tertiary .artdeco-button__icon {
      margin-left: -2px;
   }

   .artdeco-button--icon-right .artdeco-button__icon {
      margin: 0 -2px 0 4px;
   }

   .artdeco-button__icon .artdeco-button--4 .artdeco-button__icon.artdeco-button--icon-right {
      margin-left: 6px;
   }

   .artdeco-button__icon .artdeco-button--4.artdeco-button--tertiary .artdeco-button__icon.artdeco-button--icon-right {
      margin-left: 4px;
   }

   .artdeco-button__icon.artdeco-button__icon--in-bug {
      margin: 0 4px 0 0;
   }

   .artdeco-button__icon .artdeco-button--4 .artdeco-button__icon.artdeco-button__icon--in-bug {
      margin-right: 6px;
   }

   .artdeco-button--circle .artdeco-button__icon {
      margin: 0;
   }

   @media screen and (-ms-high-contrast: active) {

      .artdeco-button--primary,
      .artdeco-button--secondary,
      .artdeco-button--tertiary {
         background-color: transparent;
      }

      .artdeco-button--primary:not(a),
      .artdeco-button--secondary:not(a),
      .artdeco-button--tertiary:not(a) {
         color: ButtonText !important;
      }

      .artdeco-button--primary:hover,
      .artdeco-button--primary:focus,
      .artdeco-button--primary:active,
      .artdeco-button--secondary:hover,
      .artdeco-button--secondary:focus,
      .artdeco-button--secondary:active,
      .artdeco-button--tertiary:hover,
      .artdeco-button--tertiary:focus,
      .artdeco-button--tertiary:active {
         border: 1px solid ButtonText !important;
         -webkit-box-shadow: inset 0px 0px 0px 1px ButtonText !important;
         box-shadow: inset 0px 0px 0px 1px ButtonText !important;
      }

      .artdeco-button--primary:disabled,
      .artdeco-button--primary:disabled:hover,
      .artdeco-button--primary:disabled:focus,
      .artdeco-button--primary:disabled:active,
      .artdeco-button--primary.artdeco-button--disabled,
      .artdeco-button--primary.artdeco-button--disabled:hover,
      .artdeco-button--primary.artdeco-button--disabled:focus,
      .artdeco-button--primary.artdeco-button--disabled:active,
      .artdeco-button--secondary:disabled,
      .artdeco-button--secondary:disabled:hover,
      .artdeco-button--secondary:disabled:focus,
      .artdeco-button--secondary:disabled:active,
      .artdeco-button--secondary.artdeco-button--disabled,
      .artdeco-button--secondary.artdeco-button--disabled:hover,
      .artdeco-button--secondary.artdeco-button--disabled:focus,
      .artdeco-button--secondary.artdeco-button--disabled:active,
      .artdeco-button--tertiary:disabled,
      .artdeco-button--tertiary:disabled:hover,
      .artdeco-button--tertiary:disabled:focus,
      .artdeco-button--tertiary:disabled:active,
      .artdeco-button--tertiary.artdeco-button--disabled,
      .artdeco-button--tertiary.artdeco-button--disabled:hover,
      .artdeco-button--tertiary.artdeco-button--disabled:focus,
      .artdeco-button--tertiary.artdeco-button--disabled:active {
         color: GrayText !important;
         border: 1px solid GrayText !important;
         -webkit-box-shadow: none;
         box-shadow: none;
         outline: none;
      }

      .artdeco-button--tertiary {
         border: 1px solid transparent;
      }

      .artdeco-button--primary,
      .artdeco-button--secondary {
         border: 1px solid ButtonText !important;
      }
   }

   a.artdeco-button.artdeco-button--primary {
      outline: 4px solid rgba(0, 145, 202, 0);
      outline-offset: 8px;
      -webkit-transition-property: outline, outline-offset;
      transition-property: outline, outline-offset;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      -webkit-transition-duration: 0ms;
      transition-duration: 0ms;
   }

   a.artdeco-button.artdeco-button--primary:focus {
      outline: 4px solid #0091ca;
      outline-offset: 2px;
      -webkit-transition-duration: 83ms;
      transition-duration: 83ms;
   }

   a.artdeco-button.artdeco-button--primary.artdeco-button--inverse {
      outline: 4px solid rgba(202, 237, 255, 0);
   }

   a.artdeco-button.artdeco-button--primary.artdeco-button--inverse:focus {
      outline: 4px solid #caedff;
   }

   #artdeco-global-alert-container {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 0;
      overflow: hidden;
   }

   #artdeco-global-alerts-cls-offset,
   #artdeco-global-alerts-cls-offset .artdeco-global-alert {
      visibility: hidden;
      position: relative;
   }

   #artdeco-global-alerts-cls-offset .artdeco-global-alert:nth-child(n + 2) {
      position: absolute;
   }

   .artdeco-global-alert {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #5c6f7c;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      position: absolute;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      padding: 0 12px;
   }

   @media screen and (max-width: 769px) {
      .artdeco-global-alert {
         padding: 0 16px;
      }
   }

   .artdeco-global-alert--yield {
      background-color: #b74700;
   }

   .artdeco-global-alert--yield .artdeco-global-alert-action__wrapper .artdeco-button {
      color: #b74700;
   }

   .artdeco-global-alert--yield .artdeco-global-alert-action__wrapper .artdeco-button:active {
      color: #b74700;
   }

   .artdeco-global-alert--yield .artdeco-global-alert__responsive-content-container::after {
      background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(transparent),
            to(#b74700));
      background-image: linear-gradient(transparent, #b74700);
   }

   .artdeco-global-alert--yield .artdeco-global-alert__responsive-content-container::before {
      background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#b74700),
            to(transparent));
      background-image: linear-gradient(#b74700, transparent);
   }

   .artdeco-global-alert--YIELD {
      background-color: #b74700;
   }

   .artdeco-global-alert--YIELD .artdeco-global-alert-action__wrapper .artdeco-button {
      color: #b74700;
   }

   .artdeco-global-alert--YIELD .artdeco-global-alert-action__wrapper .artdeco-button:active {
      color: #b74700;
   }

   .artdeco-global-alert--YIELD .artdeco-global-alert__responsive-content-container::after {
      background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(transparent),
            to(#b74700));
      background-image: linear-gradient(transparent, #b74700);
   }

   .artdeco-global-alert--YIELD .artdeco-global-alert__responsive-content-container::before {
      background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#b74700),
            to(transparent));
      background-image: linear-gradient(#b74700, transparent);
   }

   .artdeco-global-alert--error {
      background-color: #d11124;
   }

   .artdeco-global-alert--error .artdeco-global-alert-action__wrapper .artdeco-button {
      color: #d11124;
   }

   .artdeco-global-alert--error .artdeco-global-alert-action__wrapper .artdeco-button:active {
      color: #d11124;
   }

   .artdeco-global-alert--error .artdeco-global-alert__responsive-content-container::after {
      background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(transparent),
            to(#d11124));
      background-image: linear-gradient(transparent, #d11124);
   }

   .artdeco-global-alert--error .artdeco-global-alert__responsive-content-container::before {
      background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#d11124),
            to(transparent));
      background-image: linear-gradient(#d11124, transparent);
   }

   .artdeco-global-alert--ERROR {
      background-color: #d11124;
   }

   .artdeco-global-alert--ERROR .artdeco-global-alert-action__wrapper .artdeco-button {
      color: #d11124;
   }

   .artdeco-global-alert--ERROR .artdeco-global-alert-action__wrapper .artdeco-button:active {
      color: #d11124;
   }

   .artdeco-global-alert--ERROR .artdeco-global-alert__responsive-content-container::after {
      background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(transparent),
            to(#d11124));
      background-image: linear-gradient(transparent, #d11124);
   }

   .artdeco-global-alert--ERROR .artdeco-global-alert__responsive-content-container::before {
      background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#d11124),
            to(transparent));
      background-image: linear-gradient(#d11124, transparent);
   }

   .artdeco-global-alert__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 100%;
      max-width: 1161px;
      position: relative;
      padding: 16px 0;
   }

   .artdeco-global-alert__body h2,
   .artdeco-global-alert__body p {
      color: #fff;
   }

   .artdeco-global-alert__body h2 {
      font-size: 1.6rem;
      line-height: 1.5;
      font-weight: 600;
      color: #fff;
      margin: 0 0 8px;
   }

   .artdeco-global-alert__body li-icon.artdeco-global-alert__icon {
      height: 24px;
      width: 24px;
   }

   .artdeco-global-alert__body li-icon.artdeco-global-alert__icon--dismissed {
      height: 16px;
      position: absolute;
      top: 0;
      left: 0;
      border: 8px solid transparent;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
   }

   button.artdeco-global-alert__dismiss {
      width: 32px;
      height: 32px;
      right: 0;
      background: none;
      border: none;
      position: relative;
      cursor: pointer;
   }

   .artdeco-global-alert__content {
      font-size: 1.6rem;
      line-height: 1.5;
      font-weight: 400;
      color: #fff;
      width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow-wrap: break-word;
      overflow-wrap: anywhere;
      
   }

   .artdeco-global-alert__content a {
      color: #fff;
      text-decoration: underline;
   }

   .artdeco-global-alert__content a:visited {
      color: #fff;
   }

   .artdeco-global-alert__content a:visited:active {
      color: #fff;
   }

   .artdeco-global-alert__content p:not(:first-child) {
      margin: 8px 0 0;
   }

   @media screen and (max-width: 769px) {
      .artdeco-global-alert__content {
         font-size: 1.4rem;
         line-height: 1.42857;
         font-weight: 400;
         color: #fff;
         width: auto;
         max-height: 96px;
         overflow: auto;
      }
   }

   .artdeco-global-alert__responsive-container {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0 0 0 16px;
   }

   .artdeco-global-alert__responsive-content-container {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
   }

   @media screen and (max-width: 769px) {
      .artdeco-global-alert__responsive-content-container {
         position: relative;
      }

      .artdeco-global-alert__responsive-content-container::after {
         width: 100%;
         height: 20px;
         position: absolute;
         background-image: -webkit-gradient(linear,
               left top,
               left bottom,
               from(transparent),
               to(#5c6f7c));
         background-image: linear-gradient(transparent, #5c6f7c);
         top: 76px;
         left: 0;
      }

      .artdeco-global-alert__responsive-content-container::before {
         width: 100%;
         height: 20px;
         position: absolute;
         background-image: -webkit-gradient(linear,
               left top,
               left bottom,
               from(#5c6f7c),
               to(transparent));
         background-image: linear-gradient(#5c6f7c, transparent);
         top: 0;
      }
   }

   .artdeco-global-alert__responsive-content-container--scrollable-effect::before,
   .artdeco-global-alert__responsive-content-container--scrollable-effect::after {
      content: " ";
   }

   .artdeco-global-alert__responsive-content-container--scrollable-effect-only-top::before {
      content: " ";
   }

   .artdeco-global-alert__responsive-content-container--scrollable-effect-only-top::after {
      display: none;
   }

   .artdeco-global-alert__responsive-content-container--scrollable-effect-only-bottom::after {
      content: " ";
   }

   .artdeco-global-alert__responsive-content-container--scrollable-effect-only-bottom::before {
      display: none;
   }

   .artdeco-global-alert-action__wrapper {
      padding: 16px 0 0;
   }

   .artdeco-global-alert-action__wrapper .artdeco-button {
      color: #5c6f7c;
   }

   .artdeco-global-alert-action__wrapper .artdeco-button:active {
      color: #5c6f7c;
   }

   .artdeco-global-alert-action__wrapper button:not(:first-child) {
      margin: 0 0 0 8px;
   }

   @media screen and (max-width: 560px) {
      .artdeco-global-alert-action__wrapper {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         padding: 0;
         margin-left: -40px;
      }

      .artdeco-global-alert-action__wrapper button:nth-child(n) {
         margin: 16px 0 0;
      }
   }

   #artdeco-global-alert-container.transition-in,
   #artdeco-global-alert-container .artdeco-global-alert.transition-in,
   body.transition-in {
      -webkit-transition-duration: 0.334s;
      transition-duration: 0.334s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }

   #artdeco-global-alert-container.transition-out,
   #artdeco-global-alert-container .artdeco-global-alert.transition-out,
   body.transition-out {
      -webkit-transition-duration: 0.167s;
      transition-duration: 0.167s;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   }

   .global-alert-banner {
      z-index: 900;
   }

   * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }

   ul,
   ol {
      list-style: none;
   }

   button {
      background-color: transparent;
      padding: 0;
   }

   li {
      text-align: left;
   }

   strong {
      font-weight: 700;
   }

   a {
      text-decoration: none;
      font-weight: 600;
      background-color: transparent;
      border: 0;
      color: #0073b1;
      text-decoration: none;
   }

   a:visited {
      color: #0073b1;
   }

   a:hover,
   a:focus {
      text-decoration: underline;
      color: #006097;
   }

   a:active {
      color: #004b7c;
   }

   a:visited {
      color: #665ed0;
   }

   a:visited:hover {
      color: #544bc2;
   }

   a:visited:active {
      color: #4034b0;
   }

   a,
   a:focus,
   a:hover {
      color: #0a66c2;
   }

   a:active {
      color: #004182;
   }

   a:visited,
   a:visited:hover {
      color: #8344cc;
   }

   a:visited:active {
      color: #592099;
   }

   a:hover {
      text-decoration: underline;
   }

   button,
   input {
      border: 1px solid transparent;
   }

   @media (forced-colors: active) {
      svg {
         color: ButtonText;
      }

      *:disabled svg {
         color: inherit;
      }
   }

   .artdeco-entity-image {
      display: inline-block;
      -ms-flex-negative: 0;
      flex-shrink: 0;
   }

   .artdeco-entity-image--circle-1 {
      width: 32px;
      height: 32px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 3px solid rgba(0, 0, 0, 0);
      border-radius: 49.9%;
   }

   .artdeco-entity-image--square-1 {
      width: 32px;
      height: 32px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 4px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
   }

   .artdeco-entity-image--circle-2 {
      width: 40px;
      height: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 3px solid rgba(0, 0, 0, 0);
      border-radius: 49.9%;
   }

   .artdeco-entity-image--square-2 {
      width: 40px;
      height: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 4px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
   }

   .artdeco-entity-image--circle-3 {
      width: 48px;
      height: 48px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 49.9%;
   }

   .artdeco-entity-image--square-3 {
      width: 48px;
      height: 48px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 4px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
   }

   .artdeco-entity-image--circle-4 {
      width: 56px;
      height: 56px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 2px solid rgba(0, 0, 0, 0);
      border-radius: 49.9%;
   }

   .artdeco-entity-image--square-4 {
      width: 56px;
      height: 56px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 4px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
   }

   .artdeco-entity-image--circle-5 {
      width: 72px;
      height: 72px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: 49.9%;
   }

   .artdeco-entity-image--square-5 {
      width: 72px;
      height: 72px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 4px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
   }

   .artdeco-entity-image--circle-6 {
      width: 88px;
      height: 88px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: 49.9%;
   }

   .artdeco-entity-image--square-6 {
      width: 88px;
      height: 88px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 4px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
   }

   .artdeco-entity-image--circle-7 {
      width: 104px;
      height: 104px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 0px solid rgba(0, 0, 0, 0);
      border-radius: 49.9%;
   }

   .artdeco-entity-image--square-7 {
      width: 104px;
      height: 104px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 4px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
   }

   .artdeco-entity-image--circle-8 {
      width: 128px;
      height: 128px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 0px solid rgba(0, 0, 0, 0);
      border-radius: 49.9%;
   }

   .artdeco-entity-image--square-8 {
      width: 128px;
      height: 128px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-clip: content-box;
      border: 4px solid rgba(0, 0, 0, 0);
      border-radius: 6px;
   }

   .artdeco-entity-image--ghost {
      background-color: #b3b6b9;
   }

   .profile-badge {
      background-color: #fff;
      border-radius: 8px;
      overflow: hidden;
      -webkit-box-shadow:
         0px -1px 1px rgba(0, 0, 0, 0.08),
         1px 0px 1px rgba(0, 0, 0, 0.08),
         -1px 0px 1px rgba(0, 0, 0, 0.08),
         0px 1px 1px rgba(0, 0, 0, 0.08);
      box-shadow:
         0px -1px 1px rgba(0, 0, 0, 0.08),
         1px 0px 1px rgba(0, 0, 0, 0.08),
         -1px 0px 1px rgba(0, 0, 0, 0.08),
         0px 1px 1px rgba(0, 0, 0, 0.08);
      padding: 0;
   }

   .profile-badge--width-250 {
      width: 250px;
   }

   .profile-badge--width-280 {
      width: 280px;
   }

   .profile-badge--width-300 {
      width: 300px;
   }

   .profile-badge--width-330 {
      width: 330px;
   }

   .profile-badge--light {
      background-color: #fff;
      color: #000;
   }

   .profile-badge--dark {
      background-color: #000;
      color: #fff;
   }

   .profile-badge__header {
      padding: 12px 16px;
   }

   .profile-badge__header--light {
      background-color: #e9e5df;
   }

   .profile-badge__header--dark {
      background-color: #38434f;
   }

   .profile-badge__header-logo-icon {
      width: 84px;
      height: 21px;
      display: inline-block;
   }

   .profile-badge__header-logo-icon--light {
      color: #0a66c2;
   }

   .profile-badge__header-logo-icon--dark {
      color: #fff;
   }

   .profile-badge__content {
      padding: 0 16px;
   }

   .profile-badge__content-profile-image {
      margin: 12px 0 8px;
   }

   .profile-badge__content-profile-name {
      padding: 0 0 4px;
      color: inherit;
   }

   .profile-badge__content-profile-name-link {
      font-size: 1.6rem;
      line-height: 1.5;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.9);
      color: inherit;
   }

   .profile-badge__content-profile-name-link--dark:focus,
   .profile-badge__content-profile-name-link--dark:hover,
   .profile-badge__content-profile-name-link--dark:active {
      color: #fff;
   }

   .profile-badge__content-profile-name-link--dark:visited,
   .profile-badge__content-profile-name-link--dark:visited:active,
   .profile-badge__content-profile-name-link--dark:visited:focus,
   .profile-badge__content-profile-name-link--dark:visited:hover {
      color: #fff;
   }

   .profile-badge__content-profile-name-link--light:focus,
   .profile-badge__content-profile-name-link--light:hover,
   .profile-badge__content-profile-name-link--light:active {
      color: #000;
   }

   .profile-badge__content-profile-name-link--light:visited,
   .profile-badge__content-profile-name-link--light:visited:active,
   .profile-badge__content-profile-name-link--light:visited:focus,
   .profile-badge__content-profile-name-link--light:visited:hover {
      color: #000;
   }

   .profile-badge__content-profile-headline {
      padding: 0 0 4px;
      font-size: 1.4rem;
      line-height: 1.42857;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.9);
      color: inherit;
   }

   .profile-badge__content-profile-company-school-info {
      padding: 0 0 4px;
      font-size: 1.2rem;
      line-height: 1.33333;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6);
      color: inherit;
   }

   .profile-badge__content-profile-company-school-info-link {
      font-size: 1.2rem;
      line-height: 1.33333;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6);
      color: inherit;
   }

   .profile-badge__content-profile-company-school-info-link--dark:focus,
   .profile-badge__content-profile-company-school-info-link--dark:hover,
   .profile-badge__content-profile-company-school-info-link--dark:active {
      color: #fff;
   }

   .profile-badge__content-profile-company-school-info-link--dark:visited,
   .profile-badge__content-profile-company-school-info-link--dark:visited:active,
   .profile-badge__content-profile-company-school-info-link--dark:visited:focus,
   .profile-badge__content-profile-company-school-info-link--dark:visited:hover {
      color: #fff;
   }

   .profile-badge__content-profile-company-school-info-link--light:focus,
   .profile-badge__content-profile-company-school-info-link--light:hover,
   .profile-badge__content-profile-company-school-info-link--light:active {
      color: #000;
   }

   .profile-badge__content-profile-company-school-info-link--light:visited,
   .profile-badge__content-profile-company-school-info-link--light:visited:active,
   .profile-badge__content-profile-company-school-info-link--light:visited:focus,
   .profile-badge__content-profile-company-school-info-link--light:visited:hover {
      color: #000;
   }

   .profile-badge__cta-btn {
      margin: 4px 16px 12px;
      color: inherit;
   }

   .profile-badge__cta-btn--light {
      background-color: rgba(0, 0, 0, 0);
      border: 0;
      border-radius: 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #0073b1;
      cursor: pointer;
      display: inline-block;
      font-size: 1.6rem;
      font-weight: 600;
      font-family: inherit;
      height: 32px;
      line-height: 32px;
      overflow: hidden;
      outline-width: 2px;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
      transition-duration: 167ms;
      -webkit-transition-property:
         background-color,
         color,
         -webkit-box-shadow;
      transition-property:
         background-color,
         color,
         -webkit-box-shadow;
      transition-property: background-color, box-shadow, color;
      transition-property:
         background-color,
         box-shadow,
         color,
         -webkit-box-shadow;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      -webkit-box-shadow:
         inset 0 0 0 1px #0073b1,
         inset 0 0 0 2px rgba(0, 0, 0, 0),
         inset 0 0 0 1px rgba(0, 0, 0, 0);
      box-shadow:
         inset 0 0 0 1px #0073b1,
         inset 0 0 0 2px rgba(0, 0, 0, 0),
         inset 0 0 0 1px rgba(0, 0, 0, 0);
      border-radius: 24px;
      -webkit-box-shadow: inset 0 0 0 1px #0a66c2;
      box-shadow: inset 0 0 0 1px #0a66c2;
      color: #0a66c2;
   }

   @media only screen and (-ms-high-contrast: active) {
      .profile-badge__cta-btn--light {
         border: 1px solid currentColor;
         line-height: 30px;
      }
   }

   html.ie .profile-badge__cta-btn--light:focus,
   html.edge .profile-badge__cta-btn--light:focus {
      outline: 1px dashed #7f7f7f;
   }

   .profile-badge__cta-btn--light li-icon {
      top: 2px;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px;
   }

   .profile-badge__cta-btn--light li-icon>svg {
      -webkit-transition: -webkit-transform 167ms;
      transition: -webkit-transform 167ms;
      transition: transform 167ms;
      transition:
         transform 167ms,
         -webkit-transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      display: inline-block;
      vertical-align: top;
   }

   .edge .profile-badge__cta-btn--light,
   .ie .profile-badge__cta-btn--light {
      border-radius: 0;
   }

   .profile-badge__cta-btn--light:not(:disabled)[data-is-animating-click="true"],
   .profile-badge__cta-btn--light:hover:not( :disabled)[data-is-animating-click="true"] {
      -webkit-box-shadow:
         inset 0 0 0 1px #0073b1,
         inset 0 0 0 2px rgba(0, 0, 0, 0),
         inset 0 0 0 1px #004b7c;
      box-shadow:
         inset 0 0 0 1px #0073b1,
         inset 0 0 0 2px rgba(0, 0, 0, 0),
         inset 0 0 0 1px #004b7c;
   }

   .profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled),
   .profile-badge__cta-btn--light.hover-not-disabled {
      background-color: rgba(152, 216, 244, 0.25);
      color: #006097;
      -webkit-box-shadow:
         inset 0 0 0 1px #0073b1,
         inset 0 0 0 2px #006097,
         inset 0 0 0 1px rgba(0, 0, 0, 0);
      box-shadow:
         inset 0 0 0 1px #0073b1,
         inset 0 0 0 2px #006097,
         inset 0 0 0 1px rgba(0, 0, 0, 0);
   }

   .profile-badge__cta-btn--light:focus,
   .profile-badge__cta-btn--light.focus {
      background-color: rgba(152, 216, 244, 0.25);
      color: #006097;
      -webkit-box-shadow:
         inset 0 0 0 1px #0073b1,
         inset 0 0 0 2px #006097,
         inset 0 0 0 1px rgba(0, 0, 0, 0);
      box-shadow:
         inset 0 0 0 1px #0073b1,
         inset 0 0 0 2px #006097,
         inset 0 0 0 1px rgba(0, 0, 0, 0);
   }

   .profile-badge__cta-btn--light:active:not(:disabled):not(.disabled),
   .profile-badge__cta-btn--light.active-not-disabled {
      background-color: rgba(152, 216, 244, 0.45);
      color: #004b7c;
   }

   .profile-badge__cta-btn--light:disabled,
   .profile-badge__cta-btn--light.disabled {
      color: rgba(0, 115, 177, 0.35);
      -webkit-box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
      box-shadow: inset 0 0 0 1px rgba(0, 115, 177, 0.35);
      cursor: not-allowed;
   }

   .profile-badge__cta-btn--light:focus,
   .profile-badge__cta-btn--light.focus,
   .profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled),
   .profile-badge__cta-btn--light.hover-not-disabled {
      -webkit-box-shadow: inset 0 0 0 2px #0a66c2;
      box-shadow: inset 0 0 0 2px #0a66c2;
   }

   .profile-badge__cta-btn--light:active,
   .profile-badge__cta-btn--light.active,
   .profile-badge__cta-btn--light:active:not(:disabled):not(.disabled),
   .profile-badge__cta-btn--light.active-not-disabled {
      -webkit-box-shadow: inset 0 0 0 1px #004182;
      box-shadow: inset 0 0 0 1px #004182;
   }

   .profile-badge__cta-btn--light:focus,
   .profile-badge__cta-btn--light.focus,
   .profile-badge__cta-btn--light:hover:not(:disabled):not(.disabled),
   .profile-badge__cta-btn--light.hover-not-disabled {
      background-color: rgba(112, 181, 249, 0.15);
      color: #0a66c2;
   }

   .profile-badge__cta-btn--light:active,
   .profile-badge__cta-btn--light.active,
   .profile-badge__cta-btn--light:active:not(:disabled):not(.disabled),
   .profile-badge__cta-btn--light.active-not-disabled {
      background-color: rgba(112, 181, 249, 0.3);
      color: #004182;
   }

   .profile-badge__cta-btn--light:visited,
   .profile-badge__cta-btn--light:visited:active,
   .profile-badge__cta-btn--light:visited:focus,
   .profile-badge__cta-btn--light:visited:hover {
      color: #0a66c2;
   }

   .profile-badge__cta-btn--light:hover {
      color: #0a66c2;
      text-decoration: none !important;
   }

   .profile-badge__cta-btn--dark {
      background-color: rgba(0, 0, 0, 0);
      border: 0;
      border-radius: 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 1.6rem;
      font-weight: 600;
      font-family: inherit;
      height: 32px;
      line-height: 32px;
      overflow: hidden;
      outline-width: 2px;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
      transition-duration: 167ms;
      -webkit-transition-property:
         background-color,
         color,
         -webkit-box-shadow;
      transition-property:
         background-color,
         color,
         -webkit-box-shadow;
      transition-property: background-color, box-shadow, color;
      transition-property:
         background-color,
         box-shadow,
         color,
         -webkit-box-shadow;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      -webkit-box-shadow:
         inset 0 0 0 1px rgba(255, 255, 255, 0.7),
         inset 0 0 0 2px rgba(0, 0, 0, 0),
         inset 0 0 0 1px rgba(0, 0, 0, 0);
      box-shadow:
         inset 0 0 0 1px rgba(255, 255, 255, 0.7),
         inset 0 0 0 2px rgba(0, 0, 0, 0),
         inset 0 0 0 1px rgba(0, 0, 0, 0);
      border-radius: 24px;
      -webkit-box-shadow: inset 0 0 0 1px #fff;
      box-shadow: inset 0 0 0 1px #fff;
      box-shadow: inset 0 0 0 1px #fff;
   }

   @media only screen and (-ms-high-contrast: active) {
      .profile-badge__cta-btn--dark {
         border: 1px solid currentColor;
         line-height: 30px;
      }
   }

   html.ie .profile-badge__cta-btn--dark:focus,
   html.edge .profile-badge__cta-btn--dark:focus {
      outline: 1px dashed #7f7f7f;
   }

   .profile-badge__cta-btn--dark li-icon {
      top: 2px;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px;
   }

   .profile-badge__cta-btn--dark li-icon>svg {
      -webkit-transition: -webkit-transform 167ms;
      transition: -webkit-transform 167ms;
      transition: transform 167ms;
      transition:
         transform 167ms,
         -webkit-transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      display: inline-block;
      vertical-align: top;
   }

   .edge .profile-badge__cta-btn--dark,
   .ie .profile-badge__cta-btn--dark {
      border-radius: 0;
   }

   .profile-badge__cta-btn--dark:not(:disabled)[data-is-animating-click="true"],
   .profile-badge__cta-btn--dark:hover:not( :disabled)[data-is-animating-click="true"] {
      -webkit-box-shadow:
         inset 0 0 0 1px rgba(255, 255, 255, 0.7),
         inset 0 0 0 2px rgba(0, 0, 0, 0),
         inset 0 0 0 1px #fff;
      box-shadow:
         inset 0 0 0 1px rgba(255, 255, 255, 0.7),
         inset 0 0 0 2px rgba(0, 0, 0, 0),
         inset 0 0 0 1px #fff;
   }

   .profile-badge__cta-btn--dark:hover:not(:disabled):not(.disabled),
   .profile-badge__cta-btn--dark.hover-not-disabled {
      background-color: rgba(255, 255, 255, 0.1);
      color: #fff;
      -webkit-box-shadow:
         inset 0 0 0 1px rgba(255, 255, 255, 0.7),
         inset 0 0 0 2px #fff,
         inset 0 0 0 1px rgba(0, 0, 0, 0);
      box-shadow:
         inset 0 0 0 1px rgba(255, 255, 255, 0.7),
         inset 0 0 0 2px #fff,
         inset 0 0 0 1px rgba(0, 0, 0, 0);
   }

   .profile-badge__cta-btn--dark:focus,
   .profile-badge__cta-btn--dark.focus {
      background-color: rgba(255, 255, 255, 0.1);
      color: #fff;
      -webkit-box-shadow:
         inset 0 0 0 1px rgba(255, 255, 255, 0.7),
         inset 0 0 0 2px #fff,
         inset 0 0 0 1px rgba(0, 0, 0, 0);
      box-shadow:
         inset 0 0 0 1px rgba(255, 255, 255, 0.7),
         inset 0 0 0 2px #fff,
         inset 0 0 0 1px rgba(0, 0, 0, 0);
   }

   .profile-badge__cta-btn--dark:active:not(:disabled):not(.disabled),
   .profile-badge__cta-btn--dark.active-not-disabled {
      background-color: rgba(255, 255, 255, 0.1);
      color: #fff;
   }

   .profile-badge__cta-btn--dark:disabled,
   .profile-badge__cta-btn--dark.disabled {
      color: rgba(255, 255, 255, 0.35);
      -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
      cursor: not-allowed;
   }

   .profile-badge__cta-btn--dark:visited,
   .profile-badge__cta-btn--dark:visited:active,
   .profile-badge__cta-btn--dark:visited:focus,
   .profile-badge__cta-btn--dark:visited:hover {
      color: #fff;
   }

   .profile-badge__cta-btn--dark:hover {
      color: #fff;
      text-decoration: none !important;
   }

   .profile-badge {
      margin-left: 1px;
   }

   *,
   ::before,
   ::after {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x: ;
      --tw-pan-y: ;
      --tw-pinch-zoom: ;
      --tw-scroll-snap-strictness: proximity;
      --tw-ordinal: ;
      --tw-slashed-zero: ;
      --tw-numeric-figure: ;
      --tw-numeric-spacing: ;
      --tw-numeric-fraction: ;
      --tw-ring-inset: ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(59 130 246 / 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur: ;
      --tw-brightness: ;
      --tw-contrast: ;
      --tw-grayscale: ;
      --tw-hue-rotate: ;
      --tw-invert: ;
      --tw-saturate: ;
      --tw-sepia: ;
      --tw-drop-shadow: ;
      --tw-backdrop-blur: ;
      --tw-backdrop-brightness: ;
      --tw-backdrop-contrast: ;
      --tw-backdrop-grayscale: ;
      --tw-backdrop-hue-rotate: ;
      --tw-backdrop-invert: ;
      --tw-backdrop-opacity: ;
      --tw-backdrop-saturate: ;
      --tw-backdrop-sepia: ;
   }

   ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x: ;
      --tw-pan-y: ;
      --tw-pinch-zoom: ;
      --tw-scroll-snap-strictness: proximity;
      --tw-ordinal: ;
      --tw-slashed-zero: ;
      --tw-numeric-figure: ;
      --tw-numeric-spacing: ;
      --tw-numeric-fraction: ;
      --tw-ring-inset: ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(59 130 246 / 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur: ;
      --tw-brightness: ;
      --tw-contrast: ;
      --tw-grayscale: ;
      --tw-hue-rotate: ;
      --tw-invert: ;
      --tw-saturate: ;
      --tw-sepia: ;
      --tw-drop-shadow: ;
      --tw-backdrop-blur: ;
      --tw-backdrop-brightness: ;
      --tw-backdrop-contrast: ;
      --tw-backdrop-grayscale: ;
      --tw-backdrop-hue-rotate: ;
      --tw-backdrop-invert: ;
      --tw-backdrop-opacity: ;
      --tw-backdrop-saturate: ;
      --tw-backdrop-sepia: ;
   }

   .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
   }

   .pointer-events-none {
      pointer-events: none;
   }

   .visible {
      visibility: visible;
   }

   .invisible {
      visibility: hidden;
   }

   .collapse {
      visibility: collapse;
   }

   .static {
      position: static;
   }

   .fixed {
      position: fixed;
   }

   .absolute {
      position: absolute;
   }

   .\!absolute {
      position: absolute !important;
   }

   .relative {
      position: relative;
   }

   .sticky {
      position: sticky;
   }

   .inset-0 {
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
   }

   .inset-x-0 {
      left: 0px;
      right: 0px;
   }

   .left-0 {
      left: 0px;
   }

   .top-0 {
      top: 0px;
   }

   .bottom-0 {
      bottom: 0px;
   }

   .top-50\% {
      top: 50%;
   }

   .left-1\/2 {
      left: 50%;
   }

   .bottom-\[100\%\] {
      bottom: 100%;
   }

   .top-auto {
      top: auto;
   }

   .bottom-auto {
      bottom: auto;
   }

   .top-\[100\%\] {
      top: 100%;
   }

   .right-0 {
      right: 0px;
   }

   .bottom-3 {
      bottom: 24px;
   }

   .right-3 {
      right: 24px;
   }

   .top-2 {
      top: 16px;
   }

   .right-2 {
      right: 16px;
   }

   .top-\[3px\] {
      top: 3px;
   }

   .left-0\.5 {
      left: 4px;
   }

   .-right-2 {
      right: -16px;
   }

   .-top-1\.5 {
      top: -12px;
   }

   .-top-1 {
      top: -8px;
   }

   .top-\[2px\] {
      top: 2px;
   }

   .-top-\[100vh\] {
      top: -100vh;
   }

   .bottom-4 {
      bottom: 32px;
   }

   .left-4 {
      left: 32px;
   }

   .top-\[calc\(100\%\+3px\)\] {
      top: calc(100% + 3px);
   }

   .right-\[-5px\] {
      right: -5px;
   }

   .bottom-\[-2px\] {
      bottom: -2px;
   }

   .-right-\[4px\] {
      right: -4px;
   }

   .bottom-\[86px\] {
      bottom: 86px;
   }

   .left-50\% {
      left: 50%;
   }

   .right-6 {
      right: 48px;
   }

   .top-1 {
      top: 8px;
   }

   .\!-top-0\.5 {
      top: -4px !important;
   }

   .\!-top-0 {
      top: -0px !important;
   }

   .-bottom-full {
      bottom: -100%;
   }

   .top-8 {
      top: 64px;
   }

   .top-\[4px\] {
      top: 4px;
   }

   .left-\[4px\] {
      left: 4px;
   }

   .-top-0\.5 {
      top: -4px;
   }

   .-top-0 {
      top: -0px;
   }

   .-top-\[45px\] {
      top: -45px;
   }

   .top-0\.5 {
      top: 4px;
   }

   .left-3 {
      left: 24px;
   }

   .top-\[20px\] {
      top: 20px;
   }

   .right-\[20px\] {
      right: 20px;
   }

   .left-\[36px\] {
      left: 36px;
   }

   .top-\[48px\] {
      top: 48px;
   }

   .left-\[-20px\] {
      left: -20px;
   }

   .right-\[-20px\] {
      right: -20px;
   }

   .bottom-\[48px\] {
      bottom: 48px;
   }

   .\!bottom-2 {
      bottom: 16px !important;
   }

   .\!bottom-8 {
      bottom: 64px !important;
   }

   .\!left-2 {
      left: 16px !important;
   }

   .\!right-2 {
      right: 16px !important;
   }

   .bottom-6 {
      bottom: 48px;
   }

   .left-\[5px\] {
      left: 5px;
   }

   .left-2 {
      left: 16px;
   }

   .top-\[14px\] {
      top: 14px;
   }

   .right-1 {
      right: 8px;
   }

   .bottom-2 {
      bottom: 16px;
   }

   .right-\[-10px\] {
      right: -10px;
   }

   .top-1\/2 {
      top: 50%;
   }

   .right-\[40px\] {
      right: 40px;
   }

   .top-\[1px\] {
      top: 1px;
   }

   .top-\[6px\] {
      top: 6px;
   }

   .top-\[10px\] {
      top: 10px;
   }

   .-top-\[2px\] {
      top: -2px;
   }

   .z-10 {
      z-index: 1000;
   }

   .z-2 {
      z-index: 200;
   }

   .z-1 {
      z-index: 100;
   }

   .z-\[1000\] {
      z-index: 1000;
   }

   .z-11 {
      z-index: 1100;
   }

   .z-8 {
      z-index: 800;
   }

   .-z-1 {
      z-index: -100;
   }

   .z-\[10\] {
      z-index: 10;
   }

   .z-4 {
      z-index: 400;
   }

   .z-3 {
      z-index: 300;
   }

   .z-\[111\] {
      z-index: 111;
   }

   .z-\[120\] {
      z-index: 120;
   }

   .z-\[2\] {
      z-index: 2;
   }

   .z-\[1\] {
      z-index: 1;
   }

   .z-\[3\] {
      z-index: 3;
   }

   .z-\[100\] {
      z-index: 100;
   }

   .z-\[115\] {
      z-index: 115;
   }

   .-order-1 {
      order: -1;
   }

   .order-1 {
      order: 1;
   }

   .order-3 {
      order: 3;
   }

   .order-5 {
      order: 5;
   }

   .col-span-full {
      grid-column: 1 / -1;
   }

   .col-span-3 {
      grid-column: span 3 / span 3;
   }

   .col-span-2 {
      grid-column: span 2 / span 2;
   }

   .row-span-full {
      grid-row: 1 / -1;
   }

   .float-right {
      float: right;
   }

   .m-\[10px\] {
      margin: 10px;
   }

   .m-0 {
      margin: 0px;
   }

   .m-auto {
      margin: auto;
   }

   .m-\[20px\] {
      margin: 20px;
   }

   .m-1 {
      margin: 8px;
   }

   .m-2 {
      margin: 16px;
   }

   .\!m-0 {
      margin: 0px !important;
   }

   .m-0\.5 {
      margin: 4px;
   }

   .m-\[2px\] {
      margin: 2px;
   }

   .m-\[40px\] {
      margin: 40px;
   }

   .my-1\.5 {
      margin-top: 12px;
      margin-bottom: 12px;
   }

   .my-1 {
      margin-top: 8px;
      margin-bottom: 8px;
   }

   .mx-0\.5 {
      margin-left: 4px;
      margin-right: 4px;
   }

   .mx-0 {
      margin-left: 0px;
      margin-right: 0px;
   }

   .mx-0\.25 {
      margin-left: 2px;
      margin-right: 2px;
   }

   .my-3 {
      margin-top: 24px;
      margin-bottom: 24px;
   }

   .mx-1 {
      margin-left: 8px;
      margin-right: 8px;
   }

   .my-2 {
      margin-top: 16px;
      margin-bottom: 16px;
   }

   .mx-auto {
      margin-left: auto;
      margin-right: auto;
   }

   .my-4 {
      margin-top: 32px;
      margin-bottom: 32px;
   }

   .mx-3 {
      margin-left: 24px;
      margin-right: 24px;
   }

   .mx-4 {
      margin-left: 32px;
      margin-right: 32px;
   }

   .mx-12 {
      margin-left: 96px;
      margin-right: 96px;
   }

   .mx-2 {
      margin-left: 16px;
      margin-right: 16px;
   }

   .my-0 {
      margin-top: 0px;
      margin-bottom: 0px;
   }

   .-mx-2 {
      margin-left: -16px;
      margin-right: -16px;
   }

   .my-0\.5 {
      margin-top: 4px;
      margin-bottom: 4px;
   }

   .-mx-\[15px\] {
      margin-left: -15px;
      margin-right: -15px;
   }

   .my-auto {
      margin-top: auto;
      margin-bottom: auto;
   }

   .mx-details-container-padding {
      margin-left: 24px;
      margin-right: 24px;
   }

   .my-\[0px\] {
      margin-top: 0px;
      margin-bottom: 0px;
   }

   .my-6 {
      margin-top: 48px;
      margin-bottom: 48px;
   }

   .mb-1\.5 {
      margin-bottom: 12px;
   }

   .mb-1 {
      margin-bottom: 8px;
   }

   .mb-2 {
      margin-bottom: 16px;
   }

   .mr-1 {
      margin-right: 8px;
   }

   .ml-1 {
      margin-left: 8px;
   }

   .mb-0 {
      margin-bottom: 0px;
   }

   .ml-auto {
      margin-left: auto;
   }

   .-mt-2 {
      margin-top: -16px;
   }

   .-mr-2 {
      margin-right: -16px;
   }

   .mb-\[20px\] {
      margin-bottom: 20px;
   }

   .mr-2 {
      margin-right: 16px;
   }

   .mr-\[6px\] {
      margin-right: 6px;
   }

   .-mt-\[36px\] {
      margin-top: -36px;
   }

   .ml-2 {
      margin-left: 16px;
   }

   .mb-4 {
      margin-bottom: 32px;
   }

   .mt-0\.5 {
      margin-top: 4px;
   }

   .mt-0 {
      margin-top: 0px;
   }

   .mr-0\.5 {
      margin-right: 4px;
   }

   .mr-0 {
      margin-right: 0px;
   }

   .mt-1 {
      margin-top: 8px;
   }

   .mb-0\.5 {
      margin-bottom: 4px;
   }

   .ml-0\.25 {
      margin-left: 2px;
   }

   .ml-0 {
      margin-left: 0px;
   }

   .ml-0\.5 {
      margin-left: 4px;
   }

   .mt-3 {
      margin-top: 24px;
   }

   .mt-1\.5 {
      margin-top: 12px;
   }

   .-mb-1\.5 {
      margin-bottom: -12px;
   }

   .-mb-1 {
      margin-bottom: -8px;
   }

   .mt-2 {
      margin-top: 16px;
   }

   .-ml-2 {
      margin-left: -16px;
   }

   .mr-\[28px\] {
      margin-right: 28px;
   }

   .mb-3 {
      margin-bottom: 24px;
   }

   .mr-1\.5 {
      margin-right: 12px;
   }

   .mr-\[10px\] {
      margin-right: 10px;
   }

   .ml-1\.5 {
      margin-left: 12px;
   }

   .\!ml-0 {
      margin-left: 0px !important;
   }

   .-mr-0\.5 {
      margin-right: -4px;
   }

   .-mr-0 {
      margin-right: -0px;
   }

   .mt-\[20px\] {
      margin-top: 20px;
   }

   .ml-\[12px\] {
      margin-left: 12px;
   }

   .mt-\[16px\] {
      margin-top: 16px;
   }

   .ml-\[8px\] {
      margin-left: 8px;
   }

   .mt-\[-70px\] {
      margin-top: -70px;
   }

   .mb-\[14px\] {
      margin-bottom: 14px;
   }

   .ml-\[-12px\] {
      margin-left: -12px;
   }

   .ml-details-container-padding {
      margin-left: 24px;
   }

   .ml-3 {
      margin-left: 24px;
   }

   .ml-6 {
      margin-left: 48px;
   }

   .mt-\[5px\] {
      margin-top: 5px;
   }

   .mr-auto {
      margin-right: auto;
   }

   .\!mr-0\.5 {
      margin-right: 4px !important;
   }

   .\!mr-0 {
      margin-right: 0px !important;
   }

   .mb-\[36px\] {
      margin-bottom: 36px;
   }

   .-ml-1 {
      margin-left: -8px;
   }

   .-ml-1\.5 {
      margin-left: -12px;
   }

   .-ml-3 {
      margin-left: -24px;
   }

   .-ml-4 {
      margin-left: -32px;
   }

   .-ml-\[40px\] {
      margin-left: -40px;
   }

   .-ml-6 {
      margin-left: -48px;
   }

   .-mt-1 {
      margin-top: -8px;
   }

   .ml-4 {
      margin-left: 32px;
   }

   .mt-\[100px\] {
      margin-top: 100px;
   }

   .-mt-4 {
      margin-top: -32px;
   }

   .mt-\[-5px\] {
      margin-top: -5px;
   }

   .mb-\[5px\] {
      margin-bottom: 5px;
   }

   .-mt-0\.5 {
      margin-top: -4px;
   }

   .-mt-0 {
      margin-top: -0px;
   }

   .mt-\[52px\] {
      margin-top: 52px;
   }

   .mb-\[1\.2rem\] {
      margin-bottom: 1.2rem;
   }

   .mb-\[0\.8rem\] {
      margin-bottom: 0.8rem;
   }

   .box-border {
      box-sizing: border-box;
   }

   .box-content {
      box-sizing: content-box;
   }

   .block {
      display: block;
   }

   .\!block {
      display: block !important;
   }

   .inline-block {
      display: inline-block;
   }

   .\!inline-block {
      display: inline-block !important;
   }

   .inline {
      display: inline;
   }

   .\!inline {
      display: inline !important;
   }

   .flex {
      display: flex;
   }

   .inline-flex {
      display: inline-flex;
   }

   .table {
      display: table;
   }

   .grid {
      display: grid;
   }

   .contents {
      display: contents;
   }

   .hidden {
      display: none;
   }

   .h-\[56px\] {
      height: 56px;
   }

   .h-\[-webkit-fill-available\] {
      height: -webkit-fill-available;
   }

   .h-\[14px\] {
      height: 14px;
   }

   .h-\[20px\] {
      height: 20px;
   }

   .h-2 {
      height: 16px;
   }

   .h-\[54px\] {
      height: 54px;
   }

   .h-full {
      height: 100%;
   }

   .h-\[15px\] {
      height: 15px;
   }

   .h-3 {
      height: 24px;
   }

   .h-\[32px\] {
      height: 32px;
   }

   .h-\[24px\] {
      height: 24px;
   }

   .h-auto {
      height: auto;
   }

   .h-\[30px\] {
      height: 30px;
   }

   .h-\[60px\] {
      height: 60px;
   }

   .h-6 {
      height: 48px;
   }

   .h-\[40px\] {
      height: 40px;
   }

   .h-fit {
      height: auto;
      height: fit-content;
   }

   .h-\[52px\] {
      height: 52px;
   }

   .h-\[39px\] {
      height: 39px;
   }

   .h-\[76px\] {
      height: 76px;
   }

   .h-\[1px\] {
      height: 1px;
   }

   .h-\[21px\] {
      height: 21px;
   }

   .h-0 {
      height: 0px;
   }

   .h-\[425px\] {
      height: 425px;
   }

   .h-8 {
      height: 64px;
   }

   .h-\[293px\] {
      height: 293px;
   }

   .\!h-auto {
      height: auto !important;
   }

   .h-\[100\%\] {
      height: 100%;
   }

   .h-\[250px\] {
      height: 250px;
   }

   .h-4 {
      height: 32px;
   }

   .h-12 {
      height: 96px;
   }

   .h-16 {
      height: 128px;
   }

   .h-\[230px\] {
      height: 230px;
   }

   .h-screen {
      height: 100vh;
   }

   .h-\[36px\] {
      height: 36px;
   }

   .h-\[48px\] {
      height: 48px;
   }

   .h-\[44px\] {
      height: 44px;
   }

   .h-\[34px\] {
      height: 34px;
   }

   .\!h-full {
      height: 100% !important;
   }

   .h-1 {
      height: 8px;
   }

   .h-\[134px\] {
      height: 134px;
   }

   .h-\[38px\] {
      height: 38px;
   }

   .h-\[100vh\] {
      height: 100vh;
   }

   .h-\[163px\] {
      height: 163px;
   }

   .h-min {
      height: min-content;
   }

   .h-\[55px\] {
      height: 55px;
   }

   .\!h-\[72px\] {
      height: 72px !important;
   }

   .h-\[252px\] {
      height: 252px;
   }

   .h-\[72px\] {
      height: 72px;
   }

   .h-\[205px\] {
      height: 205px;
   }

   .h-\[88px\] {
      height: 88px;
   }

   .h-\[77px\] {
      height: 77px;
   }

   .h-\[18px\] {
      height: 18px;
   }

   .h-\[96px\] {
      height: 96px;
   }

   .h-\[6px\] {
      height: 6px;
   }

   .h-\[80px\] {
      height: 80px;
   }

   .max-h-\[500px\] {
      max-height: 500px;
   }

   .max-h-0 {
      max-height: 0px;
   }

   .max-h-full {
      max-height: 100%;
   }

   .max-h-\[0\] {
      max-height: 0;
   }

   .max-h-\[250px\] {
      max-height: 250px;
   }

   .max-h-\[200px\] {
      max-height: 200px;
   }

   .max-h-\[90\%\] {
      max-height: 90%;
   }

   .max-h-\[100vh\] {
      max-height: 100vh;
   }

   .max-h-\[40px\] {
      max-height: 40px;
   }

   .min-h-\[56px\] {
      min-height: 56px;
   }

   .min-h-\[18px\] {
      min-height: 18px;
   }

   .min-h-\[30px\] {
      min-height: 30px;
   }

   .min-h-\[20px\] {
      min-height: 20px;
   }

   .min-h-\[60px\] {
      min-height: 60px;
   }

   .min-h-\[160px\] {
      min-height: 160px;
   }

   .min-h-\[87px\] {
      min-height: 87px;
   }

   .\!min-h-\[40px\] {
      min-height: 40px !important;
   }

   .\!min-h-\[auto\] {
      min-height: auto !important;
   }

   .min-h-\[100px\] {
      min-height: 100px;
   }

   .\!min-h-0 {
      min-height: 0px !important;
   }

   .min-h-\[44px\] {
      min-height: 44px;
   }

   .min-h-\[50\%\] {
      min-height: 50%;
   }

   .min-h-0 {
      min-height: 0px;
   }

   .min-h-\[100vh\] {
      min-height: 100vh;
   }

   .min-h-\[50px\] {
      min-height: 50px;
   }

   .min-h-\[24px\] {
      min-height: 24px;
   }

   .min-h-\[9\.6rem\] {
      min-height: 9.6rem;
   }

   .min-h-\[52px\] {
      min-height: 52px;
   }

   .w-0 {
      width: 0px;
   }

   .w-\[56px\] {
      width: 56px;
   }

   .w-\[100vw\] {
      width: 100vw;
   }

   .w-full {
      width: 100%;
   }

   .w-\[14px\] {
      width: 14px;
   }

   .w-\[20px\] {
      width: 20px;
   }

   .w-fit {
      width: -moz-fit-content;
      width: fit-content;
   }

   .w-2 {
      width: 16px;
   }

   .w-\[95px\] {
      width: 95px;
   }

   .w-\[100px\] {
      width: 100px;
   }

   .w-auto {
      width: auto;
   }

   .w-3 {
      width: 24px;
   }

   .w-\[300px\] {
      width: 300px;
   }

   .w-\[32px\] {
      width: 32px;
   }

   .w-\[24px\] {
      width: 24px;
   }

   .w-\[18px\] {
      width: 18px;
   }

   .w-1\.5 {
      width: 12px;
   }

   .w-1 {
      width: 8px;
   }

   .w-\[30px\] {
      width: 30px;
   }

   .w-\[60px\] {
      width: 60px;
   }

   .w-6 {
      width: 48px;
   }

   .w-\[228px\] {
      width: 228px;
   }

   .w-\[336px\] {
      width: 336px;
   }

   .w-\[552px\] {
      width: 552px;
   }

   .w-\[774px\] {
      width: 774px;
   }

   .w-\[1128px\] {
      width: 1128px;
   }

   .\!w-full {
      width: 100% !important;
   }

   .w-\[40px\] {
      width: 40px;
   }

   .\!w-fit {
      width: -moz-fit-content !important;
      width: fit-content !important;
   }

   .w-40 {
      width: 320px;
   }

   .w-\[64px\] {
      width: 64px;
   }

   .w-\[39px\] {
      width: 39px;
   }

   .w-\[320px\] {
      width: 320px;
   }

   .w-\[200px\] {
      width: 200px;
   }

   .w-\[400px\] {
      width: 400px;
   }

   .w-\[513px\] {
      width: 513px;
   }

   .w-\[101px\] {
      width: 101px;
   }

   .w-\[512px\] {
      width: 512px;
   }

   .w-\[120px\] {
      width: 120px;
   }

   .w-\[134px\] {
      width: 134px;
   }

   .w-\[84px\] {
      width: 84px;
   }

   .w-8 {
      width: 64px;
   }

   .w-\[80px\] {
      width: 80px;
   }

   .w-\[100\%\] {
      width: 100%;
   }

   .w-1\/2 {
      width: 50%;
   }

   .w-4 {
      width: 32px;
   }

   .w-12 {
      width: 96px;
   }

   .w-16 {
      width: 128px;
   }

   .w-\[230px\] {
      width: 230px;
   }

   .w-\[calc\(100\%-24px\)\] {
      width: calc(100% - 24px);
   }

   .w-\[36px\] {
      width: 36px;
   }

   .w-50\% {
      width: 50%;
   }

   .w-\[44px\] {
      width: 44px;
   }

   .w-\[34px\] {
      width: 34px;
   }

   .w-\[270px\] {
      width: 270px;
   }

   .w-\[38px\] {
      width: 38px;
   }

   .w-\[462px\] {
      width: 462px;
   }

   .w-\[72px\] {
      width: 72px;
   }

   .\!w-\[72px\] {
      width: 72px !important;
   }

   .w-\[448px\] {
      width: 448px;
   }

   .w-\[88px\] {
      width: 88px;
   }

   .w-\[110px\] {
      width: 110px;
   }

   .w-\[28px\] {
      width: 28px;
   }

   .\!w-\[380px\] {
      width: 380px !important;
   }

   .w-\[70px\] {
      width: 70px;
   }

   .min-w-\[110px\] {
      min-width: 110px;
   }

   .min-w-\[30px\] {
      min-width: 30px;
   }

   .min-w-\[20px\] {
      min-width: 20px;
   }

   .min-w-\[60px\] {
      min-width: 60px;
   }

   .min-w-full {
      min-width: 100%;
   }

   .min-w-0 {
      min-width: 0px;
   }

   .min-w-\[40px\] {
      min-width: 40px;
   }

   .min-w-\[24px\] {
      min-width: 24px;
   }

   .min-w-\[100px\] {
      min-width: 100px;
   }

   .min-w-\[160px\] {
      min-width: 160px;
   }

   .min-w-\[16px\] {
      min-width: 16px;
   }

   .max-w-screen-content-max-w {
      max-width: 1128px;
   }

   .max-w-\[1128px\] {
      max-width: 1128px;
   }

   .max-w-\[400px\] {
      max-width: 400px;
   }

   .max-w-\[288px\] {
      max-width: 288px;
   }

   .max-w-none {
      max-width: none;
   }

   .max-w-xl {
      max-width: 36rem;
   }

   .max-w-lg {
      max-width: 32rem;
   }

   .max-w-\[512px\] {
      max-width: 512px;
   }

   .max-w-max {
      max-width: max-content;
   }

   .max-w-full {
      max-width: 100%;
   }

   .max-w-\[300px\] {
      max-width: 300px;
   }

   .max-w-\[328px\] {
      max-width: 328px;
   }

   .max-w-\[100vw\] {
      max-width: 100vw;
   }

   .max-w-\[744px\] {
      max-width: 744px;
   }

   .max-w-\[min\(744px\2c 100\%-24px\)\] {
      max-width: min(744px, 100% - 24px);
   }

   .max-w-\[95\%\] {
      max-width: 95%;
   }

   .max-w-\[calc\(100\%-40px\)\] {
      max-width: calc(100% - 40px);
   }

   .max-w-\[550px\] {
      max-width: 550px;
   }

   .max-w-\[462px\] {
      max-width: 462px;
   }

   .max-w-\[280px\] {
      max-width: 280px;
   }

   .max-w-\[182px\] {
      max-width: 182px;
   }

   .flex-1 {
      flex: 1 1 0%;
   }

   .flex-auto {
      flex: 1 1 auto;
   }

   .flex-none {
      flex: none;
   }

   .flex-initial {
      flex: 0 1 auto;
   }

   .flex-shrink-0 {
      flex-shrink: 0;
   }

   .flex-shrink {
      flex-shrink: 1;
   }

   .shrink-0 {
      flex-shrink: 0;
   }

   .flex-grow {
      flex-grow: 1;
   }

   .flex-grow-\[2\] {
      flex-grow: 2;
   }

   .grow {
      flex-grow: 1;
   }

   .basis-0 {
      flex-basis: 0px;
   }

   .basis-full {
      flex-basis: 100%;
   }

   .basis-\[40px\] {
      flex-basis: 40px;
   }

   .table-fixed {
      table-layout: fixed;
   }

   .border-separate {
      border-collapse: separate;
   }

   .translate-x-full {
      --tw-translate-x: 100%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .-translate-y-50\% {
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .-translate-x-1\/2 {
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .translate-x-\[-50\%\] {
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .-translate-x-25\% {
      --tw-translate-x: -25%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .rotate-180 {
      --tw-rotate: 180deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .rotate-90 {
      --tw-rotate: 90deg;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .scale-\[0\.25\] {
      --tw-scale-x: 0.25;
      --tw-scale-y: 0.25;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .\!scale-\[100\%\] {
      --tw-scale-x: 100% !important;
      --tw-scale-y: 100% !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
   }

   .scale-\[1\.2\] {
      --tw-scale-x: 1.2;
      --tw-scale-y: 1.2;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .scale-150 {
      --tw-scale-x: 1.5;
      --tw-scale-y: 1.5;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .transform {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .\!transform {
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
   }

   .animate-\[fadeout_300ms_forwards\] {
      animation: fadeout 300ms forwards;
   }

   @keyframes spin {
      to {
         transform: rotate(360deg);
      }
   }

   .animate-\[dash_2s_ease_infinite\2c spin_2s_ease_infinite\] {
      animation:
         dash 2s ease infinite,
         spin 2s ease infinite;
   }

   .cursor-pointer {
      cursor: pointer;
   }

   .cursor-text {
      cursor: text;
   }

   .select-none {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
   }

   .resize-y {
      resize: vertical;
   }

   .resize {
      resize: both;
   }

   .list-none {
      list-style-type: none;
   }

   .appearance-none {
      appearance: none;
   }

   .grid-flow-col {
      grid-auto-flow: column;
   }

   .grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
   }

   .grid-rows-\[60\%_40\%\] {
      grid-template-rows: 60% 40%;
   }

   .flex-row {
      flex-direction: row;
   }

   .flex-row-reverse {
      flex-direction: row-reverse;
   }

   .flex-col {
      flex-direction: column;
   }

   .flex-wrap {
      flex-wrap: wrap;
   }

   .flex-nowrap {
      flex-wrap: nowrap;
   }

   .content-center {
      align-content: center;
   }

   .items-start {
      align-items: flex-start;
   }

   .items-end {
      align-items: flex-end;
   }

   .items-center {
      align-items: center;
   }

   .\!items-center {
      align-items: center !important;
   }

   .items-baseline {
      align-items: baseline;
   }

   .items-stretch {
      align-items: stretch;
   }

   .justify-start {
      justify-content: flex-start;
   }

   .justify-end {
      justify-content: flex-end;
   }

   .\!justify-end {
      justify-content: flex-end !important;
   }

   .justify-center {
      justify-content: center;
   }

   .justify-between {
      justify-content: space-between;
   }

   .gap-0\.5 {
      gap: 4px;
   }

   .gap-0 {
      gap: 0px;
   }

   .gap-1 {
      gap: 8px;
   }

   .gap-0\.125 {
      gap: 1px;
   }

   .gap-3 {
      gap: 24px;
   }

   .gap-1\.5 {
      gap: 12px;
   }

   .gap-y-2 {
      row-gap: 16px;
   }

   .gap-x-1 {
      column-gap: 8px;
   }

   .gap-y-1\.5 {
      row-gap: 12px;
   }

   .gap-y-1 {
      row-gap: 8px;
   }

   .self-start {
      align-self: flex-start;
   }

   .self-center {
      align-self: center;
   }

   .overflow-auto {
      overflow: auto;
   }

   .overflow-hidden {
      overflow: hidden;
   }

   .\!overflow-visible {
      overflow: visible !important;
   }

   .overflow-scroll {
      overflow: scroll;
   }

   .overflow-y-auto {
      overflow-y: auto;
   }

   .overflow-y-scroll {
      overflow-y: scroll;
   }

   .overscroll-y-contain {
      overscroll-behavior-y: contain;   
   }

   .truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .text-ellipsis {
      text-overflow: ellipsis;
   }

   .whitespace-nowrap {
      white-space: nowrap;
   }

   .\!whitespace-nowrap {
      white-space: nowrap !important;
   }

   .whitespace-pre-line {
      white-space: pre-line;
   }

   .whitespace-pre-wrap {
      white-space: pre-wrap;
   }

   .break-normal {
      overflow-wrap: normal;
      word-break: normal;
   }

   .break-words {
      overflow-wrap: break-word;
   }

   .break-all {
      word-break: break-all;
   }

   .\!rounded-none {
      border-radius: 0px !important;
   }

   .rounded-\[49\.9\%\] {
      border-radius: 49.9%;
   }

   .rounded-sm {
      border-radius: 4px;
   }

   .rounded-\[50\%\] {
      border-radius: 50%;
   }

   .rounded-full {
      border-radius: 9999px;
   }

   .rounded-md {
      border-radius: 8px;
   }

   .rounded-none {
      border-radius: 0px;
   }

   .\!rounded-md {
      border-radius: 8px !important;
   }

   .rounded-\[2px\] {
      border-radius: 2px;
   }

   .rounded-\[100\%\] {
      border-radius: 100%;
   }

   .rounded-\[8px\] {
      border-radius: 8px;
   }

   .rounded-\[15px\] {
      border-radius: 15px;
   }

   .\!rounded-\[10px\] {
      border-radius: 10px !important;
   }

   .rounded-\[10px\] {
      border-radius: 10px;
   }

   .rounded-\[20px\] {
      border-radius: 20px;
   }

   .rounded-\[4px\] {
      border-radius: 4px;
   }

   .rounded-t-\[20px\] {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
   }

   .rounded-t-\[2px\] {
      border-top-left-radius: 2px;
      border-top-right-radius: 2px;
   }

   .rounded-b-md {
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
   }

   .rounded-t-none {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
   }

   .\!rounded-b-none {
      border-bottom-right-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
   }

   .rounded-l-md {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
   }

   .rounded-t-\[16px\] {
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
   }

   .rounded-b-\[2px\] {
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px;
   }

   .rounded-t-md {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
   }

   .rounded-tr-md {
      border-top-right-radius: 8px;
   }

   .rounded-bl-sm {
      border-bottom-left-radius: 4px;
   }

   .rounded-tl-none {
      border-top-left-radius: 0px;
   }

   .border-2 {
      border-width: 2px;
   }

   .border-1 {
      border-width: 1px;
   }

   .border-0 {
      border-width: 0;
   }

   .\!border-0 {
      border-width: 0 !important;
   }

   .border-\[1px\] {
      border-width: 1px;
   }

   .border-4 {
      border-width: 4px;
   }

   .border-b-1 {
      border-bottom-width: 1px;
   }

   .border-t-1 {
      border-top-width: 1px;
   }

   .border-b-2 {
      border-bottom-width: 2px;
   }

   .border-l-1 {
      border-left-width: 1px;
   }

   .border-r-1 {
      border-right-width: 1px;
   }

   .border-t-0 {
      border-top-width: 0;
   }

   .border-solid {
      border-style: solid;
   }

   .border-none {
      border-style: none;
   }

   .border-color-border-faint {
      border-color: var(--color-border-faint);
   }

   .border-color-container-neutral-border {
      border-color: var(--color-container-neutral-border);
   }

   .border-color-border-low-emphasis {
      border-color: var(--color-border-low-emphasis);
   }

   .border-color-surface {
      border-color: var(--color-surface);
   }

   .border-color-text {
      border-color: var(--color-text);
   }

   .border-color-brand {
      border-color: var(--color-brand);
   }

   .\!border-\[\#424242\] {
      border-color: #424242 !important;
   }

   .border-system-gray-80 {
      border-color: #424242;
   }

   .border-color-surface-border {
      border-color: var(--color-surface-border);
   }

   .border-color-transparent {
      border-color: rgba(0, 0, 0, 0);
   }

   .border-color-divider {
      border-color: var(--color-divider);
   }

   .border-color-border-on-dark {
      border-color: var(--color-border-on-dark);
   }

   .border-color-border {
      border-color: var(--color-border);
   }

   .\!border-inherit {
      border-color: inherit !important;
   }

   .\!border-color-border-on-dark {
      border-color: var(--color-border-on-dark) !important;
   }

   .border-system-gray-30 {
      border-color: #e6e6e6;
   }

   .border-system-gray-20 {
      border-color: #f2f2f2;
   }

   .border-system-gray-50 {
      border-color: #b0b0b0;
   }

   .border-color-background-container {
      border-color: var(--color-background-container);
   }

   .\!border-color-border-faint {
      border-color: var(--color-border-faint) !important;
   }

   .border-r-color-border-faint {
      border-right-color: var(--color-border-faint);
   }

   .border-t-color-container-secondary-border {
      border-top-color: var(--color-container-secondary-border);
   }

   .border-b-color-border-faint {
      border-bottom-color: var(--color-border-faint);
   }

   .bg-color-background-container {
      background-color: var(--color-background-container);
   }

   .\!bg-color-background-brand-accent-5 {
      background-color: var(--color-background-brand-accent-5) !important;
   }

   .bg-color-entity-ghost-background {
      background-color: var(--color-entity-ghost-background);
   }

   .bg-color-transparent {
      background-color: rgba(0, 0, 0, 0);
   }

   .bg-color-brand {
      background-color: var(--color-brand);
   }

   .bg-color-background-brand-accent-3 {
      background-color: var(--color-background-brand-accent-3);
   }

   .bg-color-background-brand-accent-5 {
      background-color: var(--color-background-brand-accent-5);
   }

   .bg-color-background-scrim {
      background-color: var(--color-background-scrim);
   }

   .bg-color-surface {
      background-color: var(--color-surface);
   }

   .bg-color-background-canvas {
      background-color: var(--color-background-canvas);
   }

   .bg-\[\#e0dfdd\] {
      background-color: #e0dfdd;
   }

   .bg-color-background-container-tint {
      background-color: var(--color-background-container-tint);
   }

   .bg-color-background-canvas-dark {
      background-color: var(--color-background-canvas-dark);
   }

   .bg-\[transparent\] {
      background-color: transparent;
   }

   .bg-color-text {
      background-color: var(--color-text);
   }

   .\!bg-color-background-container {
      background-color: var(--color-background-container) !important;
   }

   .bg-warm-gray-10 {
      background-color: #f8f7f5;
   }

   .bg-cool-gray-20 {
      background-color: #edf3f8;
   }

   .bg-amber-70 {
      background-color: #915907;
   }

   .bg-copper-70 {
      background-color: #8f5849;
   }

   .bg-sage-70 {
      background-color: #5a6b51;
   }

   .bg-cool-gray-70 {
      background-color: #56687a;
   }

   .bg-warm-gray-70 {
      background-color: #6e6558;
   }

   .\!bg-color-background-canvas-dark {
      background-color: var(--color-background-canvas-dark) !important;
   }

   .bg-color-scrim {
      background-color: var(--color-scrim);
   }

   .bg-color-background-none {
      background-color: var(--color-background-none);
   }

   .bg-color-background-brand-accent-4 {
      background-color: var(--color-background-brand-accent-4);
   }

   .bg-system-gray-40 {
      background-color: #cfcfcf;
   }

   .bg-blue-20 {
      background-color: #e8f3ff;
   }

   .\!bg-color-transparent {
      background-color: rgba(0, 0, 0, 0) !important;
   }

   .bg-color-canvas {
      background-color: var(--color-canvas);
   }

   .bg-color-container-alert {
      background-color: var(--color-container-alert);
   }

   .bg-color-container-secondary {
      background-color: var(--color-container-secondary);
   }

   .\!bg-color-border-faint {
      background-color: var(--color-border-faint) !important;
   }

   .bg-gradient-to-t {
      background-image: linear-gradient(to top, var(--tw-gradient-stops));
   }

   .bg-none {
      background-image: none;
   }

   .from-\[\#0000008c\] {
      --tw-gradient-from: #0000008c;
      --tw-gradient-to: rgb(0 0 0 / 0);
      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   }

   .bg-contain {
      background-size: contain;
   }

   .bg-cover {
      background-size: cover;
   }

   .bg-clip-content {
      background-clip: content-box;
   }

   .bg-center {
      background-position: center;
   }

   .bg-no-repeat {
      background-repeat: no-repeat;
   }

   .fill-color-background-canvas {
      fill: var(--color-background-canvas);
   }

   .fill-color-container-positive {
      fill: var(--color-container-positive);
   }

   .fill-color-brand-accent-1 {
      fill: var(--color-brand-accent-1);
   }

   .fill-currentColor {
      fill: currentColor;
   }

   .fill-color-icon {
      fill: var(--color-icon);
   }

   .fill-color-transparent {
      fill: rgba(0, 0, 0, 0);
   }

   .stroke-color-element-low-emphasis {
      stroke: var(--color-element-low-emphasis);
   }

   .stroke-\[3px\] {
      stroke-width: 3px;
   }

   .object-contain {
      object-fit: contain;
   }

   .object-cover {
      object-fit: cover;
   }

   .object-center {
      object-position: center;
   }

   .p-2 {
      padding: 16px;
   }

   .p-1 {
      padding: 8px;
   }

   .p-0 {
      padding: 0px;
   }

   .p-3 {
      padding: 24px;
   }

   .p-\[2px\] {
      padding: 2px;
   }

   .p-\[12px\] {
      padding: 12px;
   }

   .\!p-0 {
      padding: 0px !important;
   }

   .p-0\.5 {
      padding: 4px;
   }

   .p-1\.5 {
      padding: 12px;
   }

   .py-1 {
      padding-top: 8px;
      padding-bottom: 8px;
   }

   .py-2 {
      padding-top: 16px;
      padding-bottom: 16px;
   }

   .px-4 {
      padding-left: 32px;
      padding-right: 32px;
   }

   .px-0\.5 {
      padding-left: 4px;
      padding-right: 4px;
   }

   .px-0 {
      padding-left: 0px;
      padding-right: 0px;
   }

   .\!py-\[6px\] {
      padding-top: 6px !important;
      padding-bottom: 6px !important;
   }

   .\!px-1 {
      padding-left: 8px !important;
      padding-right: 8px !important;
   }

   .px-mobile-container-padding {
      padding-left: 16px;
      padding-right: 16px;
   }

   .px-1\.5 {
      padding-left: 12px;
      padding-right: 12px;
   }

   .px-1 {
      padding-left: 8px;
      padding-right: 8px;
   }

   .py-\[5px\] {
      padding-top: 5px;
      padding-bottom: 5px;
   }

   .px-2 {
      padding-left: 16px;
      padding-right: 16px;
   }

   .py-4 {
      padding-top: 32px;
      padding-bottom: 32px;
   }

   .py-1\.5 {
      padding-top: 12px;
      padding-bottom: 12px;
   }

   .px-3 {
      padding-left: 24px;
      padding-right: 24px;
   }

   .py-0 {
      padding-top: 0px;
      padding-bottom: 0px;
   }

   .py-3 {
      padding-top: 24px;
      padding-bottom: 24px;
   }

   .px-\[15px\] {
      padding-left: 15px;
      padding-right: 15px;
   }

   .py-\[9px\] {
      padding-top: 9px;
      padding-bottom: 9px;
   }

   .py-0\.5 {
      padding-top: 4px;
      padding-bottom: 4px;
   }

   .\!py-0 {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
   }

   .\!px-1\.5 {
      padding-left: 12px !important;
      padding-right: 12px !important;
   }

   .py-\[10px\] {
      padding-top: 10px;
      padding-bottom: 10px;
   }

   .px-\[2px\] {
      padding-left: 2px;
      padding-right: 2px;
   }

   .px-\[10px\] {
      padding-left: 10px;
      padding-right: 10px;
   }

   .py-\[6px\] {
      padding-top: 6px;
      padding-bottom: 6px;
   }

   .py-\[1\.6rem\] {
      padding-top: 1.6rem;
      padding-bottom: 1.6rem;
   }

   .px-\[2\.4rem\] {
      padding-left: 2.4rem;
      padding-right: 2.4rem;
   }

   .pb-4 {
      padding-bottom: 32px;
   }

   .pl-0\.5 {
      padding-left: 4px;
   }

   .pl-0 {
      padding-left: 0px;
   }

   .pr-2 {
      padding-right: 16px;
   }

   .pt-2 {
      padding-top: 16px;
   }

   .pb-\[calc\(\(400\/744\)\*100\%\)\] {
      padding-bottom: calc((400 / 744) * 100%);
   }

   .pb-\[calc\(\(300\/1440\)\*100\%\)\] {
      padding-bottom: calc((300 / 1440) * 100%);
   }

   .pb-\[calc\(\(1\/4\)\*100\%\)\] {
      padding-bottom: calc((1 / 4) * 100%);
   }

   .pb-\[calc\(\(134\/782\)\*100\%\)\] {
      padding-bottom: calc((134 / 782) * 100%);
   }

   .pt-1\.5 {
      padding-top: 12px;
   }

   .pb-2 {
      padding-bottom: 16px;
   }

   .pt-1 {
      padding-top: 8px;
   }

   .pl-3 {
      padding-left: 24px;
   }

   .pr-0 {
      padding-right: 0px;
   }

   .pb-1 {
      padding-bottom: 8px;
   }

   .pl-1 {
      padding-left: 8px;
   }

   .pb-3 {
      padding-bottom: 24px;
   }

   .pt-3 {
      padding-top: 24px;
   }

   .pb-0\.25 {
      padding-bottom: 2px;
   }

   .pb-0 {
      padding-bottom: 0px;
   }

   .pr-1 {
      padding-right: 8px;
   }

   .pb-1\.5 {
      padding-bottom: 12px;
   }

   .pl-2 {
      padding-left: 16px;
   }

   .pl-1\.5 {
      padding-left: 12px;
   }

   .pt-0\.5 {
      padding-top: 4px;
   }

   .pt-0 {
      padding-top: 0px;
   }

   .pb-\[10px\] {
      padding-bottom: 10px;
   }

   .pr-1\.5 {
      padding-right: 12px;
   }

   .pr-6 {
      padding-right: 48px;
   }

   .\!pr-3 {
      padding-right: 24px !important;
   }

   .pr-4 {
      padding-right: 32px;
   }

   .pb-0\.5 {
      padding-bottom: 4px;
   }

   .pt-\[52px\] {
      padding-top: 52px;
   }

   .pl-\[30px\] {
      padding-left: 30px;
   }

   .pr-0\.5 {
      padding-right: 4px;
   }

   .\!pl-\[14px\] {
      padding-left: 14px !important;
   }

   .\!pl-2 {
      padding-left: 16px !important;
   }

   .\!pr-1\.5 {
      padding-right: 12px !important;
   }

   .\!pr-1 {
      padding-right: 8px !important;
   }

   .\!pb-1 {
      padding-bottom: 8px !important;
   }

   .pr-3 {
      padding-right: 24px;
   }

   .pr-0\.25 {
      padding-right: 2px;
   }

   .pt-\[10px\] {
      padding-top: 10px;
   }

   .pt-\[12px\] {
      padding-top: 12px;
   }

   .pt-\[20px\] {
      padding-top: 20px;
   }

   .pt-6 {
      padding-top: 48px;
   }

   .pt-\[2px\] {
      padding-top: 2px;
   }

   .pr-\[6px\] {
      padding-right: 6px;
   }

   .pl-4 {
      padding-left: 32px;
   }

   .pl-\[28px\] {
      padding-left: 28px;
   }

   .pr-\[12px\] {
      padding-right: 12px;
   }

   .pt-\[0\.4rem\] {
      padding-top: 0.4rem;
   }

   .text-left {
      text-align: left;
   }

   .text-center {
      text-align: center;
   }

   .text-right {
      text-align: right;
   }

   .indent-0 {
      text-indent: 0px;
   }

   .align-baseline {
      vertical-align: baseline;
   }

   .align-top {
      vertical-align: top;
   }

   .align-middle {
      vertical-align: middle;
   }

   .font-sans {
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
   }

   .text-md {
      font-size: 16px;
   }

   .text-sm {
      font-size: 14px;
   }

   .text-xs {
      font-size: 12px;
   }

   .text-lg {
      font-size: 20px;
   }

   .text-xl {
      font-size: 24px;
   }

   .\!text-md {
      font-size: 16px !important;
   }

   .text-\[18px\] {
      font-size: 18px;
   }

   .text-display-sm {
      font-size: 24px;
   }

   .\!text-\[16px\] {
      font-size: 16px !important;
   }

   .\!text-\[20px\] {
      font-size: 20px !important;
   }

   .text-display-md {
      font-size: 32px;
   }

   .text-display-xl {
      font-size: 64px;
   }

   .\!text-sm {
      font-size: 14px !important;
   }

   .\!text-xs {
      font-size: 12px !important;
   }

   .text-display-lg {
      font-size: 48px;
   }

   .text-\[16px\] {
      font-size: 16px;
   }

   .text-\[13px\] {
      font-size: 13px;
   }

   .text-\[14px\] {
      font-size: 14px;
   }

   .text-\[10px\] {
      font-size: 10px;
   }

   .text-\[1\.1rem\] {
      font-size: 1.1rem;
   }

   .text-\[1\.6rem\] {
      font-size: 1.6rem;
   }

   .text-\[1\.2rem\] {
      font-size: 1.2rem;
   }

   .text-\[1\.4rem\] {
      font-size: 1.4rem;
   }

   .font-bold {
      font-weight: 600;
   }

   .font-regular {
      font-weight: 400;
   }

   .font-semibold {
      font-weight: 600;
   }

   .font-normal {
      font-weight: 400;
   }

   .font-medium {
      font-weight: 500;
   }

   .\!font-regular {
      font-weight: 400 !important;
   }

   .font-\[500\] {
      font-weight: 500;
   }

   .\!font-normal {
      font-weight: 400 !important;
   }

   .\!font-bold {
      font-weight: 600 !important;
   }

   .font-\[700\] {
      font-weight: 700;
   }

   .uppercase {
      text-transform: uppercase;
   }

   .lowercase {
      text-transform: lowercase;
   }

   .capitalize {
      text-transform: capitalize;
   }

   .leading-regular {
      line-height: 1.25;
   }

   .leading-open {
      line-height: 1.5;
   }

   .leading-\[18px\] {
      line-height: 18px;
   }

   .leading-\[1\.2\] {
      line-height: 1.2;
   }

   .leading-\[1\.33333\] {
      line-height: 1.33333;
   }

   .leading-\[16px\] {
      line-height: 16px;
   }

   .leading-\[170px\] {
      line-height: 170px;
   }

   .leading-\[1\.5\] {
      line-height: 1.5;
   }

   .leading-\[1\] {
      line-height: 1;
   }

   .leading-\[20px\] {
      line-height: 20px;
   }

   .leading-\[1\.7\] {
      line-height: 1.7;
   }

   .leading-\[14px\] {
      line-height: 14px;
   }

   .leading-\[1\.33\] {
      line-height: 1.33;
   }

   .tracking-wide {
      letter-spacing: 0.025em;
   }

   .text-color-text-neutral {
      color: var(--color-text-neutral);
   }

   .text-color-text-caution {
      color: var(--color-text-caution);
   }

   .text-color-text-negative {
      color: var(--color-text-negative);
   }

   .text-color-text-positive {
      color: var(--color-text-positive);
   }

   .text-color-text {
      color: var(--color-text);
   }

   .text-color-logo-brand {
      color: var(--color-logo-brand);
   }

   .text-color-text-low-emphasis {
      color: var(--color-text-low-emphasis);
   }

   .text-color-text-secondary {
      color: var(--color-text-secondary);
   }

   .text-white {
      color: #ffffff;
   }

   .text-color-action {
      color: var(--color-action);
   }

   .text-color-checked {
      color: var(--color-checked);
   }

   .text-color-signal-positive {
      color: var(--color-signal-positive);
   }

   .text-color-signal-negative {
      color: var(--color-signal-negative);
   }

   .text-color-signal-neutral {
      color: var(--color-signal-neutral);
   }

   .text-color-signal-caution {
      color: var(--color-signal-caution);
   }

   .text-inherit {
      color: inherit;
   }

   .text-color-icon-on-dark {
      color: var(--color-icon-on-dark);
   }

   .text-color-icon-active {
      color: var(--color-icon-active);
   }

   .text-color-progress-loading {
      color: var(--color-progress-loading);
   }

   .text-color-icon {
      color: var(--color-icon);
   }

   .\!text-color-text {
      color: var(--color-text) !important;
   }

   .text-color-icon-caution {
      color: var(--color-icon-caution);
   }

   .text-color-icon-negative {
      color: var(--color-icon-negative);
   }

   .text-color-icon-neutral {
      color: var(--color-icon-neutral);
   }

   .text-color-icon-positive {
      color: var(--color-icon-positive);
   }

   .text-system-gray-90 {
      color: #282828;
   }

   .text-cool-gray-70 {
      color: #56687a;
   }

   .\!text-\[\#424242\] {
      color: #424242 !important;
   }

   .text-color-brand {
      color: var(--color-brand);
   }

   .text-color-brand-accent-1 {
      color: var(--color-brand-accent-1);
   }

   .text-color-brand-accent-2 {
      color: var(--color-brand-accent-2);
   }

   .text-color-brand-accent-3 {
      color: var(--color-brand-accent-3);
   }

   .text-color-brand-accent-4 {
      color: var(--color-brand-accent-4);
   }

   .text-color-brand-accent-5 {
      color: var(--color-brand-accent-5);
   }

   .text-color-text-on-dark {
      color: var(--color-text-on-dark);
   }

   .text-color-text-shift-on-dark-flip {
      color: var(--color-text-shift-on-dark-flip);
   }

   .\!text-color-text-secondary {
      color: var(--color-text-secondary) !important;
   }

   .text-color-link {
      color: var(--color-link);
   }

   .\!text-color-icon-on-dark {
      color: var(--color-icon-on-dark) !important;
   }

   .\!text-color-link {
      color: var(--color-link) !important;
   }

   .text-premium-color-inbug {
      color: var(--premium-color-inbug);
   }

   .\!text-color-text-low-emphasis {
      color: var(--color-text-low-emphasis) !important;
   }

   .text-blue-70 {
      color: #0a66c2;
   }

   .\!text-color-text-on-dark {
      color: var(--color-text-on-dark) !important;
   }

   .text-color-logo-brand-alt {
      color: var(--color-logo-brand-alt);
   }

   .text-black {
      color: #000000;
   }

   .text-system-gray-70 {
      color: #666666;
   }

   .text-system-gray-100 {
      color: #1f1f1f;
   }

   .text-color-icon-nav-selected {
      color: var(--color-icon-nav-selected);
   }

   .text-color-icon-nav {
      color: var(--color-icon-nav);
   }

   .text-color-container-checked {
      color: var(--color-container-checked);
   }

   .text-color-element {
      color: var(--color-element);
   }

   .underline {
      text-decoration-line: underline;
   }

   .no-underline {
      text-decoration-line: none;
   }

   .\!no-underline {
      text-decoration-line: none !important;
   }

   .placeholder-color-text::placeholder {
      color: var(--color-text);
   }

   .opacity-0 {
      opacity: 0;
   }

   .opacity-60 {
      opacity: 0.6;
   }

   .opacity-90 {
      opacity: 0.9;
   }

   .opacity-50 {
      opacity: 0.5;
   }

   .opacity-40 {
      opacity: 0.4;
   }

   .opacity-100 {
      opacity: 1;
   }

   .\!opacity-60 {
      opacity: 0.6 !important;
   }

   .shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .shadow-\[0_4px_12px\] {
      --tw-shadow: 0 4px 12px;
      --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .shadow-\[0px_4px_12px\] {
      --tw-shadow: 0px 4px 12px;
      --tw-shadow-colored: 0px 4px 12px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .\!shadow-none {
      --tw-shadow: 0 0 #0000 !important;
      --tw-shadow-colored: 0 0 #0000 !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
   }

   .shadow-\[inset_0_0_0_1px_white\] {
      --tw-shadow: inset 0 0 0 1px white;
      --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .shadow-\[0_0_0_0\.5px\] {
      --tw-shadow: 0 0 0 0.5px;
      --tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .shadow-\[0_0_0_1px\] {
      --tw-shadow: 0 0 0 1px;
      --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .shadow-\[0_-1px_3px\] {
      --tw-shadow: 0 -1px 3px;
      --tw-shadow-colored: 0 -1px 3px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .shadow-\[0_-1px_0_0\] {
      --tw-shadow: 0 -1px 0 0;
      --tw-shadow-colored: 0 -1px 0 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .shadow-\[0_1px_0_0\] {
      --tw-shadow: 0 1px 0 0;
      --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .shadow-color-border-faint {
      --tw-shadow-color: var(--color-border-faint);
      --tw-shadow: var(--tw-shadow-colored);
   }

   .shadow-color-shadow {
      --tw-shadow-color: var(--color-shadow);
      --tw-shadow: var(--tw-shadow-colored);
   }

   .shadow-black-a16 {
      --tw-shadow-color: rgba(0, 0, 0, 0.16);
      --tw-shadow: var(--tw-shadow-colored);
   }

   .shadow-color-border {
      --tw-shadow-color: var(--color-border);
      --tw-shadow: var(--tw-shadow-colored);
   }

   .outline-none {
      outline: 2px solid transparent;
      outline-offset: 2px;
   }

   .outline {
      outline-style: solid;
   }

   .outline-0 {
      outline-width: 0px;
   }

   .outline-offset-\[-2px\] {
      outline-offset: -2px;
   }

   .outline-offset-\[-1px\] {
      outline-offset: -1px;
   }

   .ring {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
         var(--tw-shadow, 0 0 #0000);
   }

   .blur {
      --tw-blur: blur(8px);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
   }

   .filter {
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
   }

   .transition {
      transition-property: color, background-color, border-color,
         text-decoration-color, fill, stroke, opacity, box-shadow, transform,
         filter, backdrop-filter;
   }

   .transition-\[max-height\2c visibility\] {
      transition-property: max-height, visibility;
   }

   .transition-\[opacity\] {
      transition-property: opacity;
   }

   .transition-\[transform\] {
      transition-property: transform;
   }

   .transition-opacity {
      transition-property: opacity;
   }

   .transition-\[bottom\] {
      transition-property: bottom;
   }

   .transition-transform {
      transition-property: transform;
   }

   .transition-all {
      transition-property: all;
   }

   .transition-\[height\] {
      transition-property: height;
   }

   .duration-moderate {
      transition-duration: 216ms;
   }

   .duration-\[0\.17s\] {
      transition-duration: 0.17s;
   }

   .duration-\[0\.33s\] {
      transition-duration: 0.33s;
   }

   .duration-xxslow {
      transition-duration: 916ms;
   }

   .duration-\[0\.1s\] {
      transition-duration: 0.1s;
   }

   .duration-\[0\.3s\] {
      transition-duration: 0.3s;
   }

   .duration-fast {
      transition-duration: 132ms;
   }

   .duration-slow {
      transition-duration: 336ms;
   }

   .duration-\[0\.2s\] {
      transition-duration: 0.2s;
   }

   .ease-decelerate {
      transition-timing-function: cubic-bezier(0, 0, 0.21, 1);
   }

   .ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
      transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
   }

   .ease-accelerate {
      transition-timing-function: cubic-bezier(0.55, 0, 1, 1);
   }

   .ease-standard {
      transition-timing-function: cubic-bezier(0.34, 0, 0.21, 1);
   }

   .ease-\[linear\] {
      transition-timing-function: linear;
   }

   .line-clamp-1 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
   }

   .line-clamp-2 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
   }

   .line-clamp-3 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
   }



   .clip-path-circle-50 {
      clip-path: circle(50%);
   }

   .hyphens-auto {
      -webkit-hyphens: auto;
      hyphens: auto;
   }

   .body-text {
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.25;
   }

   .centered-icon {
      display: inline-flex;
      vertical-align: middle;
   }

   .main-title {
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 24px;
      line-height: 1.25;
      color: var(--color-text);
   }

   /* To be used with ::before or ::after psuedoelements */
   .middot {
      content: "\00b7";
      margin: 0 4px;
   }

   .left-right-divider {
      display: flex;
      align-items: center;
      text-align: center;
   }

   .left-right-divider::before,
   .left-right-divider::after {
      height: 1px;
      width: 50%;
      background-color: var(--color-border-low-emphasis);
      --tw-content: "";
      content: var(--tw-content);
   }

   .overlay {
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 900;
      height: 100%;
      width: 100%;
      background-color: var(--color-background-scrim);
   }

   .overlay-center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
   }

   /**
    * This mixin can be used to override container margins
    * for the global Guest House mobile-container-padding definition
    */
   .section-title {
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 24px;
      line-height: 1.25;
      color: var(--color-text);
   }

   .section-subtitle {
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 16px;
      line-height: 1.25;
      color: var(--color-text-low-emphasis);
   }

   /* To be used with ::before or ::after psuedoelements */
   .lazy-load,
   [data-delayed-url],
   [data-delayed-poster],
   [data-delayed-background] {
      opacity: 0;
   }

   .lazy-loaded {
      opacity: 1;
   }

   .lazy-load,
   .lazy-loaded,
   [data-delayed-url],
   [data-delayed-poster],
   [data-delayed-background] {
      transition-property: opacity;
      transition-duration: 336ms;
      transition-timing-function: cubic-bezier(0.34, 0, 0.21, 1);
   }

   /* recommended for use with `ssr-ui-lib/static/images/svg-for-lazyloading/icon-play.svg` */
   .base-card .play-button,
   .play-button.lazy-loaded {
      height: 34px;
      width: 34px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 8px;
      color: #ffffff;
      opacity: 0;
      transition-property: opacity;
      transition-duration: 167ms;
   }

   .base-card.show-play-button .play-button {
      z-index: 1;
      opacity: 1;
   }

   .base-card .duration {
      position: absolute;
      right: 0px;
      bottom: 0px;
      display: flex;
      height: 24px;
      width: auto;
      align-items: center;
      border-radius: 2px;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 4px;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: #ffffff;
   }

   @media (max-width: 767px) {
      .base-card .duration {
         font-size: 12px;
         font-weight: 400;
      }
   }

   /* Float nested links above the `.base-card__full-link` z-index so that they are accessible by UI */
   .base-card .nested-link {
      position: relative;
      z-index: 3;
   }

   /**
   * If nested links are included for SEO purposes only and are not accessible by UI,
   * reset link styles to avoid confusion
   */
   .base-card .hidden-nested-link {
      color: inherit;
      font-weight: inherit;
   }

   .input-error .input-label {
      color: var(--color-input-label-error);
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 14px;
      font-weight: 600;
   }

   .input-error .text-input {
      background-color: var(--color-input-container-error);
      border-color: var(--color-input-container-border-error);
      color: var(--color-input-value);
      border-radius: 4px;
      border-width: 1px;
      border-style: solid;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 14px;
      padding-bottom: 14px;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 16px;
   }

   .input-error .text-input:hover {
      background-color: var(--color-input-container-error-hover);
      border-color: var(--color-input-container-border-error-hover);
      box-shadow: 0 0 0 1px var(--color-input-container-border-error-hover);
      cursor: pointer;
      border-width: 1px;
   }

   .input-error .text-input:active {
      background-color: var(--color-input-container-error-active);
      border-color: var(--color-input-container-border-error-active);
      cursor: pointer;
      border-width: 1px;
   }

   .input-error .text-input:disabled,
   .input-error .text-input:disabled:hover,
   .input-error .text-input:disabled:focus,
   .input-error .text-input:disabled:active {
      background-color: var(--color-input-container-error-disabled);
      border-color: var(--color-input-container-border-error-disabled);
      color: var(--color-input-value-disabled);
      cursor: not-allowed;
      border-width: 1px;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .input-error .input-helper {
      color: var(--color-input-helper-error);
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 12px;
   }

   .pill.pill--not-clickable:not(.pill-checked) {
      cursor: default;
   }

   .pill.pill--not-clickable:not(.pill-checked):not(.pill--allow-multiline) {
      width: min-content;
   }

   .pill:not(.pill-checked).pill--not-clickable:hover,
   .pill:not(.pill-checked).pill--not-clickable:active {
      background-color: var(--color-pill-container);
      color: var(--color-pill-label);
      border-color: var(--color-pill-container-border);
   }

   .pill.pill--allow-multiline {
      height: auto;
      padding-top: 4px;
      padding-bottom: 4px;
      text-align: left;
      line-height: 1.5;
      overflow-wrap: anywhere;
      /* allows breaks inside words when individual words are longer than container */
   }

   @media (max-width: 767px) {
      .hide-on-mobile {
         display: none;
      }
   }

   .show-more-less-button {
      height: min-content;
      min-height: 48px;
      border-radius: 24px;
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 24px;
      padding-right: 24px;
      text-align: center;
      font-size: 16px;
      font-weight: 600;
   }

   .show-more-less-button,
   .show-more-less-button:visited,
   .show-more-less-button:focus {
      cursor: pointer;
      text-decoration-line: none;
   }

   .show-more-less-button:hover,
   .show-more-less-button:visited:hover {
      text-decoration-line: none;
   }

   .show-more-less-button:disabled {
      cursor: not-allowed;
   }

   .show-more-less-button,
   .show-more-less-button:visited,
   .show-more-less-button:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary);
      color: var(--color-button-label-tertiary);
   }

   .show-more-less-button:hover,
   .show-more-less-button:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary-hover);
      color: var(--color-button-label-tertiary-hover);
   }

   .show-more-less-button:active {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-active);
      background-color: var(--color-button-container-tertiary-active);
      color: var(--color-button-label-tertiary-active);
   }

   .show-more-less-button:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-disabled);
      background-color: var(--color-button-container-tertiary-disabled);
      color: var(--color-button-label-tertiary-disabled);
   }

   .show-more-less-button {
      margin-left: -8px;
      border-radius: 4px;
      padding-left: 8px;
      padding-right: 8px;
      padding-top: 2px;
      padding-bottom: 2px;
   }

   .show-more-less-button-icon {
      margin-bottom: 1px;
      margin-left: 4px;
      height: 16px;
      width: 16px;
      display: inline-flex;
      vertical-align: middle;
   }

   .social-share-button--circular {
      padding: 8px;
   }

   .social-share-button--square {
      border-radius: 0px !important;
   }

   .social-share-item {
      height: min-content;
      min-height: 32px;
      border-radius: 24px;
      padding-top: 7px;
      padding-bottom: 7px;
      padding-left: 16px;
      padding-right: 16px;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
   }

   .social-share-item,
   .social-share-item:visited,
   .social-share-item:focus {
      cursor: pointer;
      text-decoration-line: none;
   }

   .social-share-item:hover,
   .social-share-item:visited:hover {
      text-decoration-line: none;
   }

   .social-share-item:disabled {
      cursor: not-allowed;
   }

   .social-share-item,
   .social-share-item:visited,
   .social-share-item:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary);
      color: var(--color-button-label-tertiary);
   }

   .social-share-item:hover,
   .social-share-item:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary-hover);
      color: var(--color-button-label-tertiary-hover);
   }

   .social-share-item:active {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-active);
      background-color: var(--color-button-container-tertiary-active);
      color: var(--color-button-label-tertiary-active);
   }

   .social-share-item:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-disabled);
      background-color: var(--color-button-container-tertiary-disabled);
      color: var(--color-button-label-tertiary-disabled);
   }

   .social-share-item {
      display: flex;
      width: 100%;
      cursor: pointer;
      align-items: center;
      border-radius: 0px !important;
      text-align: left;
   }

   .social-action-bar__button {
      height: min-content;
      min-height: 32px;
      border-radius: 24px;
      padding-top: 7px;
      padding-bottom: 7px;
      padding-left: 16px;
      padding-right: 16px;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
   }

   .social-action-bar__button,
   .social-action-bar__button:visited,
   .social-action-bar__button:focus {
      cursor: pointer;
      text-decoration-line: none;
   }

   .social-action-bar__button:hover,
   .social-action-bar__button:visited:hover {
      text-decoration-line: none;
   }

   .social-action-bar__button:disabled {
      cursor: not-allowed;
   }

   .social-action-bar__button,
   .social-action-bar__button:visited,
   .social-action-bar__button:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary);
      color: var(--color-button-label-tertiary);
   }

   .social-action-bar__button:hover,
   .social-action-bar__button:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary-hover);
      color: var(--color-button-label-tertiary-hover);
   }

   .social-action-bar__button:active {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-active);
      background-color: var(--color-button-container-tertiary-active);
      color: var(--color-button-label-tertiary-active);
   }

   .social-action-bar__button:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-disabled);
      background-color: var(--color-button-container-tertiary-disabled);
      color: var(--color-button-label-tertiary-disabled);
   }

   .social-action-bar__button {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0px !important;
      color: var(--color-text);
   }

   @media (max-width: 767px) {
      .social-action-bar__button {
         flex-direction: row;
         font-size: 14px;
      }
   }

   .social-action-bar__icon--svg {
      margin-right: 4px;
      height: 20px;
      width: 20px;
   }

   @media (max-width: 767px) {
      .social-action-bar__icon--svg {
         margin: 0px;
         height: 24px;
         width: 24px;
         padding-right: 4px;
      }
   }

   .social-action-bar__icon {
      height: 24px;
      width: 24px;
   }

   .\[-webkit-user-select\:none\] {
      -webkit-user-select: none;
      user-select: none;
   }

   .container {
      width: 100%;
   }

   .\!container {
      width: 100% !important;
   }

   @media (min-width: 576px) {
      .container {
         max-width: 576px;
      }

      .\!container {
         max-width: 576px !important;
      }
   }

   @media (min-width: 768px) {
      .container {
         max-width: 768px;
      }

      .\!container {
         max-width: 768px !important;
      }
   }

   @media (min-width: 992px) {
      .container {
         max-width: 992px;
      }

      .\!container {
         max-width: 992px !important;
      }
   }

   @media (min-width: 1128px) {
      .container {
         max-width: 1128px;
      }

      .\!container {
         max-width: 1128px !important;
      }
   }

   @media (min-width: 1200px) {
      .container {
         max-width: 1200px;
      }

      .\!container {
         max-width: 1200px !important;
      }
   }

   @media (min-width: 1440px) {
      .container {
         max-width: 1440px;
      }

      .\!container {
         max-width: 1440px !important;
      }
   }

   @media (min-width: 1680px) {
      .container {
         max-width: 1680px;
      }

      .\!container {
         max-width: 1680px !important;
      }
   }

   @media (min-width: 1920px) {
      .container {
         max-width: 1920px;
      }

      .\!container {
         max-width: 1920px !important;
      }
   }

   .badge {
      position: absolute;
      z-index: 1;
      display: inline-flex;
      height: 16px;
      max-width: 33px;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      border-radius: 0.8rem;
      padding-top: 0.5px;
      padding-bottom: 0.5px;
      padding-left: 4px;
      padding-right: 4px;
      font-size: 12px;
   }

   .badge-alert {
      background-color: var(--color-container-alert);
      color: var(--color-badge-label);
   }

   .btn-md {
      height: min-content;
      min-height: 48px;
      border-radius: 24px;
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 24px;
      padding-right: 24px;
      text-align: center;
      font-size: 16px;
      font-weight: 600;
   }

   .btn-md,
   .btn-md:visited,
   .btn-md:focus {
      cursor: pointer;
      text-decoration-line: none;
   }

   .btn-md:hover,
   .btn-md:visited:hover {
      text-decoration-line: none;
   }

   .btn-md:disabled {
      cursor: not-allowed;
   }

   .btn-sm {
      height: min-content;
      min-height: 32px;
      border-radius: 24px;
      padding-top: 7px;
      padding-bottom: 7px;
      padding-left: 16px;
      padding-right: 16px;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
   }

   .\!btn-sm {
      height: min-content;
      min-height: 32px;
      border-radius: 24px;
      padding-top: 7px;
      padding-bottom: 7px;
      padding-left: 16px;
      padding-right: 16px;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
   }

   .btn-sm,
   .btn-sm:visited,
   .btn-sm:focus {
      cursor: pointer;
      text-decoration-line: none;
   }

   .\!btn-sm,
   .\!btn-sm:visited,
   .\!btn-sm:focus {
      cursor: pointer;
      text-decoration-line: none;
   }

   .btn-sm:hover,
   .btn-sm:visited:hover {
      text-decoration-line: none;
   }

   .\!btn-sm:hover,
   .\!btn-sm:visited:hover {
      text-decoration-line: none;
   }

   .btn-sm:disabled {
      cursor: not-allowed;
   }

   .\!btn-sm:disabled {
      cursor: not-allowed;
   }

   .btn-primary,
   .btn-primary:visited,
   .btn-primary:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-primary-border);
      background-color: var(--color-button-container-primary);
      color: var(--color-button-label-primary);
   }

   .\!btn-primary,
   .\!btn-primary:visited,
   .\!btn-primary:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-primary-border) !important;
      background-color: var(--color-button-container-primary) !important;
      color: var(--color-button-label-primary) !important;
   }

   .btn-primary:hover,
   .btn-primary:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-primary-border);
      background-color: var(--color-button-container-primary-hover);
      color: var(--color-button-label-primary-hover);
   }

   .\!btn-primary:hover,
   .\!btn-primary:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-primary-border) !important;
      background-color: var(--color-button-container-primary-hover) !important;
      color: var(--color-button-label-primary-hover) !important;
   }

   .btn-primary:active {
      box-shadow: 0 0 0 1px var(--color-button-container-primary-border);
      background-color: var(--color-button-container-primary-active);
      color: var(--color-button-label-primary-active);
   }

   .\!btn-primary:active {
      box-shadow: 0 0 0 1px var(--color-button-container-primary-border) !important;
      background-color: var(--color-button-container-primary-active) !important;
      color: var(--color-button-label-primary-active) !important;
   }

   .btn-primary:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-primary-border);
      background-color: var(--color-button-container-primary-disabled);
      color: var(--color-button-label-primary-disabled);
   }

   .\!btn-primary:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-primary-border) !important;
      background-color: var(--color-button-container-primary-disabled) !important;
      color: var(--color-button-label-primary-disabled) !important;
   }

   .btn-secondary,
   .btn-secondary:visited,
   .btn-secondary:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-border);
      background-color: var(--color-button-container-secondary);
      color: var(--color-button-label-secondary);
   }

   .btn-secondary:hover,
   .btn-secondary:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-border);
      background-color: var(--color-button-container-secondary-hover);
      color: var(--color-button-label-secondary-hover);
   }

   .btn-secondary:active {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-border-active);
      background-color: var(--color-button-container-secondary-active);
      color: var(--color-button-label-secondary-active);
   }

   .btn-secondary:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-border-disabled);
      background-color: var(--color-button-container-secondary-disabled);
      color: var(--color-button-label-secondary-disabled);
   }

   .btn-secondary-emphasis,
   .btn-secondary-emphasis:visited,
   .btn-secondary-emphasis:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-emphasis-border);
      background-color: var(--color-button-container-secondary-emphasis);
      color: var(--color-button-label-secondary-emphasis);
   }

   .\!btn-secondary-emphasis,
   .\!btn-secondary-emphasis:visited,
   .\!btn-secondary-emphasis:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-emphasis-border) !important;
      background-color: var(--color-button-container-secondary-emphasis) !important;
      color: var(--color-button-label-secondary-emphasis) !important;
   }

   .btn-secondary-emphasis:hover,
   .btn-secondary-emphasis:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-emphasis-border);
      background-color: var(--color-button-container-secondary-emphasis-hover);
      color: var(--color-button-label-secondary-emphasis-hover);
   }

   .\!btn-secondary-emphasis:hover,
   .\!btn-secondary-emphasis:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-emphasis-border) !important;
      background-color: var(--color-button-container-secondary-emphasis-hover) !important;
      color: var(--color-button-label-secondary-emphasis-hover) !important;
   }

   .btn-secondary-emphasis:active {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-emphasis-border-active);
      background-color: var(--color-button-container-secondary-emphasis-active);
      color: var(--color-button-label-secondary-emphasis-active);
   }

   .\!btn-secondary-emphasis:active {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-emphasis-border-active) !important;
      background-color: var(--color-button-container-secondary-emphasis-active) !important;
      color: var(--color-button-label-secondary-emphasis-active) !important;
   }

   .btn-secondary-emphasis:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-emphasis-border-disabled);
      background-color: var(--color-button-container-secondary-emphasis-disabled);
      color: var(--color-button-label-secondary-emphasis-disabled);
   }

   .\!btn-secondary-emphasis:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-secondary-emphasis-border-disabled) !important;
      background-color: var(--color-button-container-secondary-emphasis-disabled) !important;
      color: var(--color-button-label-secondary-emphasis-disabled) !important;
   }

   .btn-tertiary,
   .btn-tertiary:visited,
   .btn-tertiary:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary);
      color: var(--color-button-label-tertiary);
   }

   .btn-tertiary:hover,
   .btn-tertiary:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary-hover);
      color: var(--color-button-label-tertiary-hover);
   }

   .btn-tertiary:active {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-active);
      background-color: var(--color-button-container-tertiary-active);
      color: var(--color-button-label-tertiary-active);
   }

   .btn-tertiary:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-disabled);
      background-color: var(--color-button-container-tertiary-disabled);
      color: var(--color-button-label-tertiary-disabled);
   }

   .btn-tertiary-emphasis,
   .btn-tertiary-emphasis:visited,
   .btn-tertiary-emphasis:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-emphasis-border);
      background-color: var(--color-button-container-tertiary-emphasis);
      color: var(--color-button-label-tertiary-emphasis);
   }

   .btn-tertiary-emphasis:hover,
   .btn-tertiary-emphasis:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-emphasis-border);
      background-color: var(--color-button-container-tertiary-emphasis-hover);
      color: var(--color-button-label-tertiary-emphasis-hover);
   }

   .btn-tertiary-emphasis:active {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-emphasis-border-active);
      background-color: var(--color-button-container-tertiary-emphasis-active);
      color: var(--color-button-label-tertiary-emphasis-active);
   }

   .btn-tertiary-emphasis:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-emphasis-border-disabled);
      background-color: var(--color-button-container-tertiary-emphasis-disabled);
      color: var(--color-button-label-tertiary-emphasis-disabled);
   }

   .btn-overlay,
   .btn-overlay:visited,
   .btn-overlay:focus {
      box-shadow: 0 0 0 1px var(--color-button-overlay-container-border);
      background-color: var(--color-button-overlay-container);
      color: var(--color-button-overlay-label);
   }

   .btn-overlay:hover,
   .btn-overlay:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-overlay-container-border);
      background-color: var(--color-button-overlay-container-hover);
      color: var(--color-button-overlay-label-hover);
   }

   .btn-overlay:active {
      box-shadow: 0 0 0 1px var(--color-button-overlay-container-border-active);
      background-color: var(--color-button-overlay-container-active);
      color: var(--color-button-overlay-label-active);
   }

   .btn-overlay:disabled {
      box-shadow: 0 0 0 1px var(--color-button-overlay-container-border-disabled);
      background-color: var(--color-button-overlay-container-disabled);
      color: var(--color-button-overlay-label-disabled);
   }

   .checkbox {
      z-index: 1;
      margin: 0px;
      height: 24px;
      width: 24px;
      opacity: 0;
   }

   .checkbox+label {
      position: relative;
   }

   .checkbox+.input-label {
      padding-left: 16px;
      font-size: 16px;
   }

   .checkbox+label:before {
      background-color: var(--color-input-container);
      border-color: var(--color-input-container-border);
      position: absolute;
      left: -24px;
      height: 24px;
      width: 24px;
      border-radius: 4px;
      border-width: 1px;
      border-style: solid;
      --tw-content: "";
      content: var(--tw-content);
   }

   .checkbox+label:after {
      position: absolute;
      left: -19px;
      top: 1px;
      height: 16px;
      width: 16px;
      --tw-content: none;
      content: var(--tw-content);
   }

   .checkbox:hover+label:before {
      background-color: var(--color-input-container-hover);
      border-color: var(--color-input-container-border-hover);
      box-shadow: 0 0 0 1px var(--color-input-container-border-hover);
      border-width: 1px;
   }

   .checkbox:active+label:before {
      background-color: var(--color-input-container-active);
      border-color: var(--color-input-container-border-active);
      border-width: 1px;
   }

   .checkbox:checked+label:before {
      background-color: var(--color-input-container-checked);
      border-color: var(--color-input-container-border-checked);
      border-width: 1px;
   }

   .checkbox:checked+label:after {
      content: var(--icon-input-indicator-checked);
   }

   .checkbox:checked:hover+label:before {
      background-color: var(--color-input-container-checked-hover);
      box-shadow: 0 0 0 1px var(--color-input-container-border-checked-hover);
      border-color: var(--color-input-container-border-checked-hover);
      border-width: 1px;
   }

   .checkbox:checked:hover+label:after {
      content: var(--icon-input-indicator-checked-hover);
   }

   .checkbox:checked:active+label:before {
      background-color: var(--color-input-container-checked-active);
      border-color: var(--color-input-container-border-checked-active);
      border-width: 1px;
   }

   .checkbox:checked:active+label:after {
      content: var(--icon-input-indicator-checked-active);
   }

   .checkbox:disabled+label:before,
   .checkbox:disabled:hover+label:before,
   .checkbox:disabled:focus+label:before,
   .checkbox:disabled:active+label:before {
      background-color: var(--color-input-container-disabled);
      border-color: var(--color-input-container-border-disabled);
      border-width: 1px;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .checkbox:disabled:checked:disabled+label:after,
   .checkbox:disabled:checked:disabled:hover+label:after,
   .checkbox:disabled:checked:disabled:focus+label:after,
   .checkbox:disabled:checked:disabled:active+label:after,
   .checkbox:disabled:hover:checked:disabled+label:after,
   .checkbox:disabled:hover:checked:disabled:hover+label:after,
   .checkbox:disabled:hover:checked:disabled:focus+label:after,
   .checkbox:disabled:hover:checked:disabled:active+label:after,
   .checkbox:disabled:focus:checked:disabled+label:after,
   .checkbox:disabled:focus:checked:disabled:hover+label:after,
   .checkbox:disabled:focus:checked:disabled:focus+label:after,
   .checkbox:disabled:focus:checked:disabled:active+label:after,
   .checkbox:disabled:active:checked:disabled+label:after,
   .checkbox:disabled:active:checked:disabled:hover+label:after,
   .checkbox:disabled:active:checked:disabled:focus+label:after,
   .checkbox:disabled:active:checked:disabled:active+label:after {
      content: var(--icon-input-indicator-checked-disabled);
   }

   .container-flat {
      border-radius: 8px;
      background-color: var(--color-surface);
   }

   .container-lined {
      border-radius: 8px;
      border-width: 1px;
      border-style: solid;
      border-color: var(--color-surface-border);
      background-color: var(--color-surface);
   }

   .container-raised {
      border-radius: 8px;
      background-color: var(--color-surface);
      box-shadow: 0px 4px 12px var(--color-shadow);
   }

   .input-helper {
      color: var(--color-input-helper);
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 12px;
   }

   .input-helper-error {
      color: var(--color-input-helper-error);
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 12px;
   }

   .input-label {
      color: var(--color-input-label);
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 14px;
      font-weight: 600;
   }

   .input-label-error {
      color: var(--color-input-label-error);
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 14px;
      font-weight: 600;
   }

   .link,
   .link:link {
      font-weight: 600;
      color: var(--color-link);
   }

   .link:hover,
   .link:link:hover {
      color: var(--color-link-hover);
   }

   .link:active,
   .link:link:active {
      color: var(--color-link-active);
   }

   .link:visited,
   .link:link:visited {
      color: var(--color-link-visited);
   }

   .link:visited:hover,
   .link:link:visited:hover {
      color: var(--color-link-visited-hover);
   }

   .link:visited:active,
   .link:link:visited:active {
      color: var(--color-link-visited-active);
   }

   .link-no-visited-state,
   .link-no-visited-state:visited,
   .link-no-visited-state:link,
   .link-no-visited-state:link:visited {
      font-weight: 600;
      color: var(--color-link);
   }

   .link-no-visited-state:hover,
   .link-no-visited-state:visited:hover,
   .link-no-visited-state:link:hover,
   .link-no-visited-state:link:visited:hover {
      color: var(--color-link-hover);
   }

   .link-no-visited-state:active,
   .link-no-visited-state:visited:active,
   .link-no-visited-state:link:active,
   .link-no-visited-state:link:visited:active {
      color: var(--color-link-active);
   }

   .link-styled,
   .link-styled:visited,
   .link-styled:link,
   .link-styled:link:visited {
      font-weight: 600;
      color: var(--color-text);
   }

   .link-styled:hover,
   .link-styled:visited:hover,
   .link-styled:link:hover,
   .link-styled:link:visited:hover {
      color: var(--color-link-hover);
   }

   .link-styled:active,
   .link-styled:visited:active,
   .link-styled:link:active,
   .link-styled:link:visited:active {
      color: var(--color-link-active);
   }

   .link-on-dark-bg,
   .link-on-dark-bg:link {
      font-weight: 600;
      color: var(--color-text-on-dark);
   }

   .link-on-dark-bg:hover,
   .link-on-dark-bg:active,
   .link-on-dark-bg:visited,
   .link-on-dark-bg:visited:hover,
   .link-on-dark-bg:visited:active,
   .link-on-dark-bg:link:hover,
   .link-on-dark-bg:link:active,
   .link-on-dark-bg:link:visited,
   .link-on-dark-bg:link:visited:hover,
   .link-on-dark-bg:link:visited:active {
      color: var(--color-text-on-dark);
   }

   .menu {
      box-shadow: 0px 4px 12px var(--color-shadow);
      border-radius: 8px;
      background-color: var(--color-surface);
      list-style-type: none;
      padding-top: 16px;
      padding-bottom: 16px;
   }

   .menu ul {
      margin: 0px;
      padding: 0px;
   }

   .menu .menu-heading {
      margin-left: 16px;
      margin-right: 16px;
      margin-top: 8px;
      margin-bottom: 8px;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 20px;
      font-weight: 600;
      color: var(--color-text);
   }

   .menu .menu-subheading {
      margin-left: 16px;
      margin-right: 16px;
      margin-top: 4px;
      margin-bottom: 8px;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: var(--color-text);
   }

   .menu .menu-divider {
      margin-top: 16px;
      margin-bottom: 16px;
      border-width: 1px;
      border-style: solid;
      border-color: var(--color-divider);
   }

   .menu-item.selected {
      border-width: 0;
      border-left-width: 4px;
      border-style: solid;
      border-color: var(--color-indicator-current);
      background-color: var(--color-container-alt-current);
   }

   .menu-item.selected:hover {
      background-color: var(--color-container-alt-current-hover);
   }

   .menu-item.selected:active {
      background-color: var(--color-container-alt-current-active);
   }

   .menu-item.disabled {
      background-color: var(--color-container-tertiary-disabled);
   }

   .menu-item.disabled.selected {
      background-color: var(--color-container-alt-current-disabled);
   }

   .menu-item.disabled .menu-item-label {
      color: var(--color-label-disabled);
   }

   .menu-item.disabled .menu-item-helper {
      color: var(--color-text-disabled);
   }

   .pill,
   .pill:visited,
   .pill:focus {
      border-width: 1px;
      border-radius: 16px;
      min-height: 32px;
      display: flex;

      height: auto;

      cursor: pointer;
      align-items: center;
      border-style: solid;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 16px;
      padding-right: 16px;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 14px;
      font-weight: 600;
      text-decoration-line: none;
   }

   .pill .pill-rollup,
   .pill:visited .pill-rollup,
   .pill:focus .pill-rollup {
      color: var(--color-pill-label-count);
      background-color: var(--color-pill-container-count);
   }

   .pill:hover,
   .pill:visited:hover {
      border-width: 1px;
   }

   .pill:hover .pill-rollup,
   .pill:visited:hover .pill-rollup {
      color: var(--color-pill-label-count-hover);
      background-color: var(--color-pill-container-count-hover);
   }

   .pill:active {
      border-width: 1px;
   }

   .pill:active .pill-rollup {
      color: var(--color-pill-label-count-active);
      background-color: var(--color-pill-container-count-active);
   }

   .pill:disabled {
      border-width: 1px;
      cursor: not-allowed;
   }

   .pill:disabled .pill-rollup {
      color: var(--color-pill-label-count-disabled);
      background-color: var(--color-pill-container-count-disabled);
   }

   .pill:not(.pill-checked),
   .pill:not(.pill-checked):visited,
   .pill:not(.pill-checked):focus {
      background-color: var(--color-pill-container);
      color: var(--color-pill-label);
      border-color: var(--color-pill-container-border);
   }

   .pill:not(.pill-checked):hover,
   .pill:not(.pill-checked):visited:hover {
      background-color: var(--color-pill-container-hover);
      color: var(--color-pill-label-hover);
      border-color: var(--color-pill-container-border-hover);
   }

   .pill:not(.pill-checked):active {
      background-color: var(--color-pill-container-active);
      color: var(--color-pill-label-active);
      border-color: var(--color-pill-container-border-active);
   }

   .pill:not(.pill-checked):disabled {
      background-color: var(--color-pill-container-disabled);
      color: var(--color-pill-label-disabled);
      border-color: var(--color-pill-container-border-disabled);
   }

   .pill.pill-checked,
   .pill.pill-checked:visited,
   .pill.pill-checked:focus {
      background-color: var(--color-pill-container-checked);
      color: var(--color-pill-label-checked);
      border-color: var(--color-pill-container-border-checked);
   }

   .pill.pill-checked:hover,
   .pill.pill-checked:visited:hover {
      background-color: var(--color-pill-container-checked-hover);
      color: var(--color-pill-label-checked-hover);
      border-color: var(--color-pill-container-border-checked-hover);
   }

   .pill.pill-checked:active {
      background-color: var(--color-pill-container-checked-active);
      color: var(--color-pill-label-checked-active);
      border-color: var(--color-pill-container-border-checked-active);
   }

   .pill.pill-checked:disabled {
      background-color: var(--color-pill-container-checked-disabled);
      color: var(--color-pill-label-checked-disabled);
      border-color: var(--color-pill-container-border-checked-disabled);
   }

   .pill-rollup {
      margin-left: 8px;
      height: 24px;
      width: 24px;
      border-radius: 16px;
      font-weight: 400;
      line-height: 24px;
   }

   .radio-btn+.input-label {
      padding-left: 16px;
      font-size: 16px;
   }

   .select {
      background-image: var(--icon-caret-default);
      background-position: right 12px top 50%;
      background-size: 24px 24px;
      color: var(--color-input-value);
      appearance: none;
      border-radius: 4px;
      border-width: 1px;
      border-style: solid;
      background-repeat: no-repeat;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 14px;
      padding-bottom: 14px;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 16px;
   }

   .select:hover {
      cursor: pointer;
      border-width: 1px;
   }

   .select:active {
      background-image: var(--icon-caret-active);
      cursor: pointer;
      border-width: 1px;
   }

   .select:disabled,
   .select:disabled:hover,
   .select:disabled:focus,
   .select:disabled:active {
      background-image: var(--icon-caret-disabled);
      color: var(--color-input-value-disabled);
      cursor: not-allowed;
      border-width: 1px;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .select:not(.select-error) {
      background-color: var(--color-input-container);
      border-color: var(--color-input-container-border);
   }

   .select:not(.select-error):hover {
      background-color: var(--color-input-container-hover);
      border-color: var(--color-input-container-border-hover);
      box-shadow: 0 0 0 1px var(--color-input-container-border-hover);
   }

   .select:not(.select-error):active {
      background-color: var(--color-input-container-active);
      border-color: var(--color-input-container-border-active);
   }

   .select:not(.select-error):disabled,
   .select:not(.select-error):disabled:hover,
   .select:not(.select-error):disabled:focus,
   .select:not(.select-error):disabled:active {
      background-color: var(--color-input-container-disabled);
      border-color: var(--color-input-container-border-disabled);
   }

   .switch {
      position: absolute;
      opacity: 0;
   }

   .switch:not(:checked)+label:before {
      background-color: var(--color-input-container);
      border-color: var(--color-input-container-border);
   }

   .switch:not(:checked)+label:after {
      background-color: var(--color-input-indicator);
   }

   .switch:not(:checked)+label:hover:before {
      background-color: var(--color-input-container-hover);
      border-color: var(--color-input-container-border-hover);
   }

   .switch:not(:checked)+label:hover:after {
      background-color: var(--color-input-indicator-hover);
   }

   .switch:not(:checked)+label:active:before {
      background-color: var(--color-input-container-active);
      border-color: var(--color-input-container-border-active);
   }

   .switch:not(:checked)+label:active:after {
      background-color: var(--color-input-indicator-active);
   }

   .switch:not(:checked):disabled+label:before {
      background-color: var(--color-input-container-disabled);
      border-color: var(--color-input-container-border-disabled);
   }

   .switch:not(:checked):disabled+label:after {
      background-color: var(--color-input-indicator-disabled);
   }

   .switch:checked+label:before {
      background-color: var(--color-input-container-checked);
      border-color: var(--color-input-container-border-checked);
   }

   .switch:checked+label:after {
      --tw-translate-x: 16px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      background-color: var(--color-input-indicator-checked);
   }

   .switch:checked+label:active:before {
      background-color: var(--color-input-container-checked-active);
      border-color: var(--color-input-container-border-checked-active);
   }

   .switch:checked+label:active:after {
      background-color: var(--color-input-indicator-checked-active);
   }

   .switch:checked+label:hover:before {
      background-color: var(--color-input-container-checked-hover);
      border-color: var(--color-input-container-border-checked-hover);
   }

   .switch:checked+label:hover:after {
      background-color: var(--color-input-indicator-checked-hover);
   }

   .switch:checked:disabled+label:before {
      background-color: var(--color-input-container-checked-disabled);
      border-color: var(--color-input-container-border-checked-disabled);
   }

   .switch:checked:disabled+label:after {
      background-color: var(--color-input-indicator-checked-disabled);
   }

   .switch:focus+label::before {
      outline-style: solid;
      outline-width: 4px;
      outline-color: var(--color-action);
   }

   .switch:not(:disabled)+label .switch-text {
      color: var(--color-input-label);
   }

   .switch:disabled+label .switch-text {
      color: var(--color-input-label-disabled);
   }

   .switch+label {
      margin-right: calc(8px + 48px);
      position: relative;
      display: inline-flex;
      height: 32px;
      min-width: 0px;
      align-items: center;
      line-height: 24px;
   }

   .switch+label:before {
      position: absolute;
      box-sizing: border-box;
      display: inline-block;
      height: 100%;
      width: 48px;
      border-radius: 16px;
      border-width: 1px;
      border-style: solid;
      transition-property: background-color;
      transition-duration: 200ms;
      transition-timing-function: cubic-bezier(0.34, 0, 0.21, 1);
      --tw-content: "";
      content: var(--tw-content);
      left: calc(100% + 8px);
   }

   .switch+label:after {
      position: absolute;
      right: 16px;
      margin-left: 4px;
      display: block;
      border-radius: 13px;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      transition-property: transform;
      transition-duration: 500ms;
      transition-timing-function: cubic-bezier(0.34, 0, 0.21, 1);
      --tw-content: "";
      content: var(--tw-content);
      top: calc((32px - 24px) / 2);
      width: calc(24px - (2 * 1px));
      height: calc(24px - (2 * 1px));
      left: calc(100% + 8px);
   }

   .switch+label:hover:before {
      border-width: 2px;
   }

   .switch+label .switch-text {
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 14px;
   }

   .tab-sm {
      display: flex;
      height: 48px;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      background-color: var(--color-container-tertiary);
      padding: 16px;
      font-size: 14px;
      font-weight: 600;
      color: var(--color-label);
   }

   .tab-md {
      display: flex;
      height: 48px;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      background-color: var(--color-container-tertiary);
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 16px;
      padding-bottom: 16px;
      font-size: 16px;
      font-weight: 600;
      color: var(--color-label);
   }

   .tab-lg {
      display: flex;
      height: 64px;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      background-color: var(--color-container-tertiary);
      padding: 24px;
      font-size: 20px;
      font-weight: 600;
      color: var(--color-label);
   }

   .tab-sm.tab-vertical,
   .tab-md.tab-vertical,
   .tab-lg.tab-vertical {
      justify-content: flex-start;
   }

   .tab-sm:visited,
   .tab-md:visited,
   .tab-lg:visited {
      color: var(--color-label);
   }

   .tab-sm:focus,
   .tab-md:focus,
   .tab-lg:focus {
      color: var(--color-label);
      text-decoration-line: none;
   }

   .tab-sm:hover,
   .tab-md:hover,
   .tab-lg:hover {
      background-color: var(--color-container-tertiary-hover);
      color: var(--color-label-hover);
      text-decoration-line: none;
   }

   .tab-sm:active,
   .tab-md:active,
   .tab-lg:active {
      background-color: var(--color-container-tertiary-active);
      color: var(--color-label-active);
   }

   .tab-sm:disabled,
   .tab-md:disabled,
   .tab-lg:disabled,
   .tab-disabled,
   .tab-sm:disabled:hover,
   .tab-md:disabled:hover,
   .tab-lg:disabled:hover,
   .tab-disabled:hover {
      background-color: var(--color-container-tertiary-disabled);
      color: var(--color-label-disabled);
   }

   .tab-selected {
      position: relative;
   }

   .tab-selected:not(.tab-vertical):after {
      position: absolute;
      bottom: 0px;
      width: 100%;
      --tw-content: "";
      content: var(--tw-content);
      border-bottom: 4px solid var(--color-indicator-current);
   }

   .tab-selected.tab-vertical:after {
      position: absolute;
      left: 0px;
      height: 100%;
      --tw-content: "";
      content: var(--tw-content);
      border-left: 4px solid var(--color-indicator-current);
   }

   .tag-sm {
      border-radius: 4px;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 1px;
      padding-bottom: 1px;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 14px;
   }

   .tag-enabled {
      background-color: var(--color-data-container);
      color: var(--color-data-label);
   }

   .text-input {
      background-color: var(--color-input-container);
      border-color: var(--color-input-container-border);
      color: var(--color-input-value);
      border-radius: 4px;
      border-width: 1px;
      border-style: solid;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 14px;
      padding-bottom: 14px;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 16px;
   }

   .text-input:hover {
      background-color: var(--color-input-container-hover);
      border-color: var(--color-input-container-border-hover);
      box-shadow: 0 0 0 1px var(--color-input-container-border-hover);
      cursor: pointer;
      border-width: 1px;
   }

   .text-input:active {
      background-color: var(--color-input-container-active);
      border-color: var(--color-input-container-border-active);
      cursor: pointer;
      border-width: 1px;
   }

   .text-input:disabled,
   .text-input:disabled:hover,
   .text-input:disabled:focus,
   .text-input:disabled:active {
      background-color: var(--color-input-container-disabled);
      border-color: var(--color-input-container-border-disabled);
      color: var(--color-input-value-disabled);
      cursor: not-allowed;
      border-width: 1px;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .text-input-error {
      background-color: var(--color-input-container-error);
      border-color: var(--color-input-container-border-error);
      color: var(--color-input-value);
      border-radius: 4px;
      border-width: 1px;
      border-style: solid;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 14px;
      padding-bottom: 14px;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 16px;
   }

   .text-input-error:hover {
      background-color: var(--color-input-container-error-hover);
      border-color: var(--color-input-container-border-error-hover);
      box-shadow: 0 0 0 1px var(--color-input-container-border-error-hover);
      cursor: pointer;
      border-width: 1px;
   }

   .text-input-error:active {
      background-color: var(--color-input-container-error-active);
      border-color: var(--color-input-container-border-error-active);
      cursor: pointer;
      border-width: 1px;
   }

   .text-input-error:disabled,
   .text-input-error:disabled:hover,
   .text-input-error:disabled:focus,
   .text-input-error:disabled:active {
      background-color: var(--color-input-container-error-disabled);
      border-color: var(--color-input-container-border-error-disabled);
      color: var(--color-input-value-disabled);
      cursor: not-allowed;
      border-width: 1px;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .aside-section-container__content> :first-child {
      margin-top: 16px;
   }

   .base-aside-card__media>*:not(.play-button):not(.duration) {
      height: 100%;
      width: 100%;
      object-fit: cover;
      border-radius: inherit;
   }

   .base-card--link.base-aside-card:hover .base-aside-card__title,
   .base-card--link.base-aside-card:focus .base-aside-card__title {
      text-decoration-line: underline;
   }

   /**
     * metadata items on the same line (`<span>`) are middot separated
     * consumers can full line separate by using `<p>`
     */
   span.base-aside-card__metadata-item+span.base-aside-card__metadata-item::before {
      content: "\00b7";
      margin: 0 4px;
   }

   .banner.dismiss {
      visibility: hidden;
      max-height: 0px;
      overflow: hidden;
   }

   .banner__link.link-no-visited-state {
      font-size: 20px;
      font-weight: 400;
      color: var(--color-text);
   }

   .banner__link.link-no-visited-state:hover {
      color: var(--color-text);
      text-decoration-line: none;
   }

   .banner__link.link-no-visited-state:focus {
      text-decoration-line: none;
   }

   .banner__link.link-on-dark-bg {
      font-weight: 400;
      color: var(--color-text-on-dark);
   }

   .banner__link.link-on-dark-bg:hover {
      text-decoration-line: none;
   }

   .banner__link.link-on-dark-bg:focus {
      text-decoration-line: none;
   }

   .banner__link-cta.link-no-visited-state {
      font-size: 20px;
      font-weight: 400;
      color: var(--color-text);
   }

   .banner__link-cta.link-no-visited-state:hover {
      color: var(--color-text);
   }

   @media (min-width: 992px) {
      .base-detail-page__header .nav {
         margin-left: auto;
         margin-right: auto;
         width: 1128px;
      }
   }

   .cta-modal:not(.show):not(.dismiss) {
      visibility: hidden;
      opacity: 0;
   }

   .cta-modal.show {
      transition-delay: 0.5s;
      transition-duration: 560ms;
      transition-timing-function: cubic-bezier(0, 0, 0.21, 1);
      animation-name: opacity-in;
      animation-fill-mode: forwards;
   }

   .cta-modal.dismiss {
      display: none;
      transition-duration: 560ms;
      transition-timing-function: cubic-bezier(0.55, 0, 1, 1);
   }

   .ellipsis-menu .collapsible-dropdown__button {
      height: 40px;
      min-height: 40px;
   }

   .ellipsis-menu .collapsible-dropdown__list {
      right: 0px;
      z-index: 100;
      width: 90vw;
      max-width: 260px;
      overflow: hidden;
      border-top-right-radius: 0;
   }

   .embedded-social-share .modal__outlet {
      height: min-content;
      min-height: 32px;
      border-radius: 24px;
      padding-top: 7px;
      padding-bottom: 7px;
      padding-left: 16px;
      padding-right: 16px;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
   }

   .embedded-social-share .modal__outlet,
   .embedded-social-share .modal__outlet:visited,
   .embedded-social-share .modal__outlet:focus {
      cursor: pointer;
      text-decoration-line: none;
   }

   .embedded-social-share .modal__outlet:hover,
   .embedded-social-share .modal__outlet:visited:hover {
      text-decoration-line: none;
   }

   .embedded-social-share .modal__outlet:disabled {
      cursor: not-allowed;
   }

   .embedded-social-share .modal__outlet,
   .embedded-social-share .modal__outlet:visited,
   .embedded-social-share .modal__outlet:focus {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary);
      color: var(--color-button-label-tertiary);
   }

   .embedded-social-share .modal__outlet:hover,
   .embedded-social-share .modal__outlet:visited:hover {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border);
      background-color: var(--color-button-container-tertiary-hover);
      color: var(--color-button-label-tertiary-hover);
   }

   .embedded-social-share .modal__outlet:active {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-active);
      background-color: var(--color-button-container-tertiary-active);
      color: var(--color-button-label-tertiary-active);
   }

   .embedded-social-share .modal__outlet:disabled {
      box-shadow: 0 0 0 1px var(--color-button-container-tertiary-border-disabled);
      background-color: var(--color-button-container-tertiary-disabled);
      color: var(--color-button-label-tertiary-disabled);
   }

   .embedded-social-share .modal__outlet {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0px !important;
      color: var(--color-text);
   }

   @media (max-width: 767px) {
      .embedded-social-share .modal__outlet {
         flex-direction: row;
         font-size: 14px;
      }
   }

   .embedded-social-share .modal__outlet--outlet-button-circular {
      padding: 8px;
   }

   .embedded-social-share .modal__outlet--outlet-button-square {
      border-radius: 0px !important;
   }

   .embedded-social-share__modal .modal__wrapper {
      display: flex;
      max-width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: var(--color-background-container-dark-tint);
      color: var(--color-text-on-dark);
   }

   .embedded-social-share__modal .modal__overlay {
      background-image: none;
   }

   .endorsement-card__content .show-more-less-text__text--less,
   .endorsement-card__content .show-more-less-text__text--more {
      color: inherit;
   }

   /* TODO - Remove these styles once support for color inherit is added to tailwind-mercado */
   .inline-notification__text,
   .cta-link,
   .cta-link:hover,
   .cta-link:active {
      color: inherit;
   }

   .language-selector .collapsible-dropdown__list {
      box-shadow: 0px 4px 12px var(--color-shadow);
      border-radius: 8px;
      background-color: var(--color-surface);
      left: -10%;
      max-height: 90vh;
   }

   .li-footer [data-hydrate="LanguageSelector"] {
      display: flex;
   }

   /* For desktop views, the search bar precedes the logo */
   /* For mobile views, the search bar comes after the logo, primary, and secondary CTAs */
   .nav .search-bar {
      order: 2;
   }

   @media (max-width: 767px) {
      .nav .search-bar {
         order: 4;
      }
   }

   .nav .sign-in-card {
      position: absolute;
      right: 0px;
      top: 66px;
      order: 5;
      border-top-right-radius: 0px;
   }

   @media (max-width: 767px) {
      .nav .sign-in-card {
         display: none;
      }
   }

   .nav .sign-in-modal {
      display: inline-block;
   }

   /* hide all cta buttons except for the person link */
   @media (max-width: 767px) {
      .nav--minified-mobile .nav__cta-container>*:not(.nav__link-person) {
         display: none;
      }
   }

   /* Remove the reordering of the search placeholder on mobile and the wrapped styles when sticky/stuck and scrolling */
   @media screen and (max-width: 767px) {
      .nav .search-bar--minified-mobile {
         /* Spacing added because borders are touching by default with flex styles */
         margin-bottom: 0px;
         height: 100%;
         flex-grow: 1;
         padding-top: 5px;
         padding-bottom: 5px;
         order: initial;
         width: initial;
      }

      /* Remove spacing added because of the original reorder & flex-wrap style */
      .nav .search-bar--minified-mobile .search-bar__placeholder {
         margin-top: 0px;
      }
   }

   .member-nav-header__link-item {
      margin-left: 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }

   .member-nav-header__link-item:first-child {
      margin-left: 0px;
   }

   .member-nav-header__link-item:hover {
      text-decoration-line: none;
   }

   .member-nav-header__nav-text {
      cursor: pointer;
      font-size: 12px;
      font-weight: 400;
      color: var(--color-text-low-emphasis);
   }

   .member-nav-header__nav-icon {
      height: 24px;
      width: 24px;
      color: var(--color-text-low-emphasis);
   }

   .member-nav-header__nav-icon:hover {
      color: var(--color-text-solid-active);
   }

   .member-nav-menu__item {
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 24px;
      padding-right: 24px;
      font-size: 14px;
      opacity: 0.9;
   }

   .member-nav-menu__item:hover {
      color: var(--color-link);
      text-decoration-line: underline;
   }

   .member-nav-menu__item-link,
   .member-nav-menu__item-link:visited,
   .member-nav-menu__item-link:link,
   .member-nav-menu__item-link:link:visited {
      font-weight: 600;
      color: var(--color-link);
   }

   .member-nav-menu__item-link:hover,
   .member-nav-menu__item-link:visited:hover,
   .member-nav-menu__item-link:link:hover,
   .member-nav-menu__item-link:link:visited:hover {
      color: var(--color-link-hover);
   }

   .member-nav-menu__item-link:active,
   .member-nav-menu__item-link:visited:active,
   .member-nav-menu__item-link:link:active,
   .member-nav-menu__item-link:link:visited:active {
      color: var(--color-link-active);
   }

   .banner__link.member-nav-menu__item-link {
      font-size: 20px;
      font-weight: 400;
      color: var(--color-text);
   }

   .banner__link.member-nav-menu__item-link:hover {
      color: var(--color-text);
      text-decoration-line: none;
   }

   .banner__link.member-nav-menu__item-link:focus {
      text-decoration-line: none;
   }

   .banner__link-cta.member-nav-menu__item-link {
      font-size: 20px;
      font-weight: 400;
      color: var(--color-text);
   }

   .banner__link-cta.member-nav-menu__item-link:hover {
      color: var(--color-text);
   }

   .member-nav-menu__item-link {
      font-weight: 400;
      color: var(--color-text);
   }

   .member-nav-menu__item-link:hover {
      color: var(--color-text);
      text-decoration-line: none;
   }

   .member-nav-menu__item-link--default {
      font-size: 14px;
      opacity: 0.9;
   }

   .member-nav-menu__item-link--default:visited {
      opacity: 0.8;
   }

   .member-nav-menu__item-link--profile,
   .member-nav-menu__item-link--profile:visited,
   .member-nav-menu__item-link--profile:link,
   .member-nav-menu__item-link--profile:link:visited {
      font-weight: 600;
      color: var(--color-link);
   }

   .member-nav-menu__item-link--profile:hover,
   .member-nav-menu__item-link--profile:visited:hover,
   .member-nav-menu__item-link--profile:link:hover,
   .member-nav-menu__item-link--profile:link:visited:hover {
      color: var(--color-link-hover);
   }

   .member-nav-menu__item-link--profile:active,
   .member-nav-menu__item-link--profile:visited:active,
   .member-nav-menu__item-link--profile:link:active,
   .member-nav-menu__item-link--profile:link:visited:active {
      color: var(--color-link-active);
   }

   .banner__link.member-nav-menu__item-link--profile {
      font-size: 20px;
      font-weight: 400;
      color: var(--color-text);
   }

   .banner__link.member-nav-menu__item-link--profile:hover {
      color: var(--color-text);
      text-decoration-line: none;
   }

   .banner__link.member-nav-menu__item-link--profile:focus {
      text-decoration-line: none;
   }

   .banner__link-cta.member-nav-menu__item-link--profile {
      font-size: 20px;
      font-weight: 400;
      color: var(--color-text);
   }

   .banner__link-cta.member-nav-menu__item-link--profile:hover {
      color: var(--color-text);
   }

   .member-nav-menu__item-link--profile {
      display: flex;
      align-items: center;
      padding-top: 16px;
      padding-right: 8px;
      padding-bottom: 10px;
      padding-left: 24px;
   }

   .member-nav-menu__item-link--profile:hover {
      text-decoration-line: none;
   }

   /* Styling the collapsible dropdown ("me" menu) */
   [data-id="member-nav-header__link-item-me"] .collapsible-dropdown__list {
      right: 0px;
      left: auto;
      margin-top: 4px;
      height: auto;
      height: fit-content;
      max-height: calc(100vh - 52px);
      width: max-content;
      max-width: 288px !important;
      overflow: visible !important;
      overflow-y: auto;
      border-top-right-radius: 0px !important;
   }

   .tw-linkster-link.link {
      font-size: 14px;
      line-height: 24px;
      color: var(--color-text-secondary);
   }

   .tw-linkster-link.link:visited {
      color: var(--color-text-secondary);
   }

   .tw-linkster-link.link:hover {
      color: var(--color-link-hover);
   }

   .tw-linkster-link.link:focus {
      color: var(--color-link-active);
   }

   .tw-linkster-link.link:active {
      color: var(--color-link-active);
   }

   .tw-linkster-general-link.link:visited {
      color: var(--color-link);
   }

   @media (max-width: 767px) {
      .tw-link-column-item {
         margin-top: 10px;
         margin-bottom: 10px;
      }
   }

   @media (min-width: 992px) {
      .tw-link-column-item {
         margin-bottom: 8px;
      }

      .tw-linkster .tw-link-column-item {
         margin-bottom: 0px;
      }
   }

   .tw-expandable-linkster .show-more-less__button {
      font-size: 24px;
      font-weight: 400;
      color: var(--color-text);
   }

   .tw-expandable-linkster .show-more-less__button--chevron {
      vertical-align: baseline;
   }

   .member-nav-menu .collapsible-dropdown__button {
      margin-top: 12px;
      height: 30px;
      min-height: 30px;
      width: 30px;
   }

   .member-nav-menu .collapsible-dropdown__button:focus {
      color: #ffffff;
   }

   @media (max-width: 767px) {
      .member-nav-menu .collapsible-dropdown__button {
         margin-top: 24px;
         margin-bottom: 24px;
         margin-left: 16px;
      }
   }

   .member-nav-menu .collapsible-dropdown__list {
      right: -8px;
      left: auto;
      margin-top: 4px;
      width: 288px;
      overflow: visible;
      border-top-right-radius: 0;
   }

   @media (max-width: 767px) {
      .member-nav-menu .collapsible-dropdown__list {
         right: 0px;
         max-height: calc(100vh - 52px);
         overflow-y: auto;
      }
   }

   .loader:not(.loader--show) {
      display: none;
   }

   .loader--show {
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .loader--show.loader--absolute {
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
   }

   .loader--show.loader--full-screen {
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 1000;
      display: flex;
      height: 100vh;
      width: 100vw;
      align-items: center;
      justify-content: center;
      background-color: var(--color-canvas);
   }

   /*
    * change opacity and disable pointer events
    * added to parent for absolute overlayed loader
    */
   .loader-wrapper {
      pointer-events: none;
      position: relative;
      opacity: 0.6;
   }

   .modal__overlay.modal__overlay--visible {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
   }

   .modal__overlay--visible,
   .modal__overlay .modal__wrapper {
      transform: none;
   }

   .base-search-bar .typeahead-input,
   .base-search-bar .search-input {
      flex-grow: 1;
      border-radius: 0px;
      border-top-width: 0;
      border-bottom-width: 0;
      border-left-width: 0;
      border-right-width: 1px;
      border-style: solid;
      border-color: var(--color-border-faint);
   }

   .recent-searches__item {
      border-top-width: 2px;
      border-bottom-width: 2px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
   }

   .recent-searches__clear-btn {
      border-width: 2px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
   }

   .recent-searches:not(.recent-searches--show) {
      pointer-events: none;
      opacity: 0;
   }

   .recent-searches.recent-searches--show {
      pointer-events: auto;
      opacity: 1;
   }

   @media (max-width: 767px) {
      .recent-searches.recent-searches--show {
         position: fixed;
         top: 168px;
         left: 0px;
         width: 100vw;
         min-width: 100vw;
         border-width: 0;
      }
   }

   .recent-searches__item:hover .recent-searches__item-link,
   .recent-searches__item--highlighted .recent-searches__item-link {
      color: var(--color-text) !important;
   }

   .recent-searches__item:hover,
   .recent-searches__item--highlighted:not(.recent-searches__item--clear) {
      border-top-width: 2px;
      border-bottom-width: 2px;
      border-style: solid;
      background-color: var(--color-surface-new-hover);
      border-color: var(--color-container-primary);
   }

   .recent-searches__item--highlighted .recent-searches__clear-btn,
   .recent-searches__item--clear .recent-searches__clear-btn:hover {
      border-radius: 4px;
      border-width: 2px;
      border-style: solid;
      background-color: var(--color-surface-new-hover);
      color: var(--color-text);
      border-color: var(--color-container-primary);
   }

   .search-bar__placeholder {
      transition:
         border-color 0.4s,
         max-height 0.4s ease-in-out;
   }

   @media (max-width: 767px) {
      .search-bar .dismissable-input {
         background-color: var(--color-input-container);
         border-color: var(--color-input-container-border);
         color: var(--color-input-value);
         border-radius: 4px;
         border-width: 1px;
         border-style: solid;
         padding-left: 16px;
         padding-right: 16px;
         padding-top: 14px;
         padding-bottom: 14px;
         font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
            Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
            Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
            "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
            sans-serif;
         font-size: 16px;
      }

      .search-bar .dismissable-input:hover {
         background-color: var(--color-input-container-hover);
         border-color: var(--color-input-container-border-hover);
         box-shadow: 0 0 0 1px var(--color-input-container-border-hover);
         cursor: pointer;
         border-width: 1px;
      }

      .search-bar .dismissable-input:active {
         background-color: var(--color-input-container-active);
         border-color: var(--color-input-container-border-active);
         cursor: pointer;
         border-width: 1px;
      }

      .search-bar .dismissable-input:disabled,
      .search-bar .dismissable-input:disabled:hover,
      .search-bar .dismissable-input:disabled:focus,
      .search-bar .dismissable-input:disabled:active {
         background-color: var(--color-input-container-disabled);
         border-color: var(--color-input-container-border-disabled);
         color: var(--color-input-value-disabled);
         cursor: not-allowed;
         border-width: 1px;
         --tw-shadow: 0 0 #0000;
         --tw-shadow-colored: 0 0 #0000;
         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
            var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }

      .input-error .search-bar .dismissable-input {
         background-color: var(--color-input-container-error);
         border-color: var(--color-input-container-border-error);
         color: var(--color-input-value);
         border-radius: 4px;
         border-width: 1px;
         border-style: solid;
         padding-left: 16px;
         padding-right: 16px;
         padding-top: 14px;
         padding-bottom: 14px;
         font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
            Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
            Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
            "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
            sans-serif;
         font-size: 16px;
      }

      .input-error .search-bar .dismissable-input:hover {
         background-color: var(--color-input-container-error-hover);
         border-color: var(--color-input-container-border-error-hover);
         box-shadow: 0 0 0 1px var(--color-input-container-border-error-hover);
         cursor: pointer;
         border-width: 1px;
      }

      .input-error .search-bar .dismissable-input:active {
         background-color: var(--color-input-container-error-active);
         border-color: var(--color-input-container-border-error-active);
         cursor: pointer;
         border-width: 1px;
      }

      .input-error .search-bar .dismissable-input:disabled,
      .input-error .search-bar .dismissable-input:disabled:hover,
      .input-error .search-bar .dismissable-input:disabled:focus,
      .input-error .search-bar .dismissable-input:disabled:active {
         background-color: var(--color-input-container-error-disabled);
         border-color: var(--color-input-container-border-error-disabled);
         color: var(--color-input-value-disabled);
         cursor: not-allowed;
         border-width: 1px;
         --tw-shadow: 0 0 #0000;
         --tw-shadow-colored: 0 0 #0000;
         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
            var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }

      .base-search-bar .input-error .search-bar .dismissable-input.typeahead-input,
      .base-search-bar .input-error .search-bar .dismissable-input.typeahead-input:active,
      .base-search-bar .input-error .search-bar .dismissable-input.typeahead-input:focus-within {
         border-style: solid;
         padding-top: 0px;
         padding-bottom: 0px;
         --tw-shadow: 0 0 #0000;
         --tw-shadow-colored: 0 0 #0000;
         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
            var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
   }

   @media (min-width: 768px) and (max-width: 991px) {
      .search-bar .dismissable-input {
         background-color: rgba(0, 0, 0, 0);
         --tw-shadow: 0 0 #0000;
         --tw-shadow-colored: 0 0 #0000;
         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
            var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }

      .search-bar .dismissable-input:hover {
         border-right-color: var(--color-border-faint);
      }
   }

   @media (min-width: 992px) {
      .search-bar .dismissable-input {
         width: 0px;
         background-color: rgba(0, 0, 0, 0);
         --tw-shadow: 0 0 #0000;
         --tw-shadow-colored: 0 0 #0000;
         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
            var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }

      .search-bar .dismissable-input:hover {
         border-right-color: var(--color-border-faint);
      }
   }

   /* Mobile - Not Expanded */
   @media (max-width: 767px) {
      .search-bar:not(.isExpanded) .base-search-bar__form {
         display: none;
      }
   }

   /* Mobile - Expanded */
   @media screen and (max-width: 767px) {
      @media (max-width: 767px) {
         .search-bar.isExpanded .search-bar__placeholder {
            display: none;
         }

         .search-bar.isExpanded .base-search-bar__form {
            display: flex;
         }
      }

      .search-bar.isExpanded {
         position: fixed;
         top: 0px;
         bottom: 0px;
         left: 0px;
         right: 0px;
         z-index: 1000;
         margin-bottom: 0px;
         height: 100%;
         background-color: var(--color-background-container);
      }

      .search-bar.isExpanded .switcher-tabs {
         display: inherit;
      }
   }

   .search-bar[data-current-search-type="JOBS"] .base-search-bar[data-searchbar-type="JOBS"],
   .search-bar[data-current-search-type="PEOPLE"] .base-search-bar[data-searchbar-type="PEOPLE"],
   .search-bar[data-current-search-type="LEARNING"] .base-search-bar[data-searchbar-type="LEARNING"] {
      display: flex;
   }

   .search-bar[data-current-search-type="JOBS"] .base-search-bar[data-searchbar-type="PEOPLE"],
   .search-bar[data-current-search-type="JOBS"] .base-search-bar[data-searchbar-type="LEARNING"],
   .search-bar[data-current-search-type="PEOPLE"] .base-search-bar[data-searchbar-type="JOBS"],
   .search-bar[data-current-search-type="PEOPLE"] .base-search-bar[data-searchbar-type="LEARNING"],
   .search-bar[data-current-search-type="LEARNING"] .base-search-bar[data-searchbar-type="JOBS"],
   .search-bar[data-current-search-type="LEARNING"] .base-search-bar[data-searchbar-type="PEOPLE"] {
      display: none;
   }

   /* Stuck styles */
   .stuck .search-bar__placeholder {
      transition:
         height 0.4s,
         padding 0.4s,
         margin-top 0.4s,
         border-color 0.4s ease-in-out;
      pointer-events: none;
      margin: 0px;
      height: 0px;
      border-color: rgba(0, 0, 0, 0);
      padding: 0px;
   }

   @media screen and (max-width: 767px) {
      .stuck .search-bar {
         transition:
            height 0.4s,
            margin-bottom 0.4s ease-in-out;
         margin-bottom: 0px;
         height: 0px;
      }

      /* Revert removal of styles when scrolling */
      .stuck .search-bar--minified-mobile .search-bar__placeholder {
         max-height: initial;
         pointer-events: initial;
         border-width: 1px;
         border-style: solid;
         border-color: var(--color-border);
      }
   }

   /* Non Mobile Styles
    * The default tab styles are bottom border.
    * Papa/mama bear switcher tabs are vertical and have a left border
    * Reset needed because of tailwind targetting adding both at once
   */
   @media screen and (min-width: 767px) {
      .switcher-tabs .switcher-tabs__button:after {
         border-bottom: none;
      }
   }

   .show-more-less__button--hide {
      display: none;
   }

   /* Hide all <li> elements whose position is > i in the <ul> */
   .show-more-less__list--hide-after-0>li:nth-of-type(n + 1) {
      display: none;
   }

   .show-more-less__list--hide-after-4>li:nth-of-type(n + 5) {
      display: none;
   }

   .show-more-less__list--hide-after-6>li:nth-of-type(n + 7) {
      display: none;
   }

   .show-more-less__list--hide-after-8>li:nth-of-type(n + 9) {
      display: none;
   }

   .show-more-less__list--hide-after-10>li:nth-of-type(n + 11) {
      display: none;
   }

   .show-more-less__list--hide-after-12>li:nth-of-type(n + 13) {
      display: none;
   }

   .show-more-less__list--hide-after-24>li:nth-of-type(n + 25) {
      display: none;
   }

   .show-more-less-text:not(.show-more-less-text--more) .show-more-less-text__text--less,
   .show-more-less-text:not(.show-more-less-text--more) .show-more-less-text__button--more {
      display: block;
   }

   .show-more-less-text:not(.show-more-less-text--more) .show-more-less-text__text--more,
   .show-more-less-text:not(.show-more-less-text--more) .show-more-less-text__button--less {
      display: none;
   }

   .show-more-less-text--more .show-more-less-text__text--less,
   .show-more-less-text--more .show-more-less-text__button--more {
      display: none;
   }

   .show-more-less-text--more .show-more-less-text__text--more,
   .show-more-less-text--more .show-more-less-text__button--less {
      display: block;
   }

   /**
   * We use contextual class naming `--full-width` here as these classes may be conditionally removed
   * depending on the success of client-side inclusions like GoogleSignInCta
   */
   .sign-in-form__footer--full-width {
      flex-direction: column;
   }

   .sign-in-form__forgot-password--full-width {
      margin-top: 16px;
      margin-bottom: 16px;
      width: -moz-fit-content;
      width: fit-content;
   }

   .sign-in-form__submit-btn--full-width {
      margin-top: 8px;
      margin-bottom: 8px;
   }

   .slide-list__header-nav--minimal .slide-list__nav-wrap {
      padding: 0px;
   }

   .slide-list__header-nav--minimal .slide-list__nav-button {
      padding: 0px;
   }

   .slide-list__list--dragging {
      transition: unset;
   }

   .slide-list__indicator--selected {
      background-color: var(--color-text);
   }

   .sticky-header:not(.sticky-header--disabled) {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      z-index: 900;
      width: 100%;
   }

   .tabs__list {
      display: flex;
      overflow-x: auto;
      white-space: nowrap;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: var(--color-border-faint);
   }

   @media (max-width: 767px) {
      .tabs__list {
         padding-left: 16px;
         padding-right: 16px;
      }
   }

   .toast--hidden {
      z-index: -100;
      min-height: 0px;
      --tw-translate-y: 100%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 0;
      transition-property: color, background-color, border-color,
         text-decoration-color, fill, stroke, opacity, box-shadow, transform,
         filter, backdrop-filter;
      transition-duration: 916ms;
      transition-timing-function: cubic-bezier(0.34, 0, 0.21, 1);
   }

   .toast--top.toast--hidden {
      --tw-translate-y: -100%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   /* Todo: remove this once color inherit support is added in tailwind-mercado */
   .cta-link,
   .cta-link:hover,
   .cta-link:active {
      color: inherit;
   }

   .toggle__checkbox:not(:checked)+label .toggle__label-text--unchecked {
      display: block;
   }

   .toggle__checkbox:not(:checked)+label .toggle__label-text--checked {
      display: none;
   }

   .toggle__checkbox:checked+label .toggle__label-text--unchecked {
      display: none;
   }

   .toggle__checkbox:checked+label .toggle__label-text--checked {
      display: block;
   }

   .typeahead-input__dropdown-item {
      border-top-width: 2px;
      border-bottom-width: 2px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
   }

   .typeahead-input__dropdown:not(.typeahead-input__dropdown--show) {
      pointer-events: none;
      display: none;
      opacity: 0;
   }

   .typeahead-input__dropdown.typeahead-input__dropdown--show {
      pointer-events: auto;
      display: flex;
      opacity: 1;
   }

   @media (max-width: 767px) {
      .typeahead-input__dropdown.typeahead-input__dropdown--show {
         position: fixed;
         top: 158px;
         left: 0px;
         width: 100vw;
         min-width: 100vw;
      }
   }

   .typeahead-input__dropdown-item--highlighted {
      border-top-width: 2px;
      border-bottom-width: 2px;
      border-style: solid;
      border-color: var(--color-container-primary);
      background-color: var(--color-surface-new-hover);
   }

   .base-search-bar .input-error .typeahead-input.text-input,
   .base-search-bar .input-error .typeahead-input.text-input:active,
   .base-search-bar .input-error .typeahead-input.text-input:focus-within {
      border-style: solid;
      padding-top: 0px;
      padding-bottom: 0px;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   @media (max-width: 767px) {
      .base-search-bar .dismissable-input {
         max-height: 40px;
      }
   }

   .attributed-text-segment-list__content-truncated {
      max-height: 6rem;
      overflow: hidden;
      line-height: 1.5;
   }

   .contextual-sign-in-modal__btn-container>* {
      margin-bottom: 16px;
   }

   .contextual-sign-in-modal__continue-browse:visited {
      color: var(--color-text-low-emphasis);
   }

   .contextual-sign-in-modal__continue-browse:hover {
      color: var(--color-text);
   }

   .contextual-sign-in-modal__continue-browse:visited:hover {
      color: var(--color-text);
   }

   .modal--contextual-sign-in .sign-in-modal__outlet-btn {
      width: 100%;
   }

   .modal--contextual-sign-in .modal__wrapper {
      margin-left: 24px;
      margin-right: 24px;
      height: auto;
      max-width: 513px;
   }

   .modal--sign-in .modal__wrapper {
      margin-left: 24px;
      margin-right: 24px;
      height: auto;
      max-width: 513px;
   }

   .base-card--link.base-main-card:hover .base-main-card__title,
   .base-card--link.base-main-card:focus .base-main-card__title {
      text-decoration-line: underline;
   }

   .base-main-card__media>*:not(.play-button):not(.duration) {
      /* TODO: add 'h-full' below after SEO A/B test concludes */
      width: 100%;
      object-fit: cover;
      border-radius: inherit;
   }

   .base-main-card .duration {
      bottom: 6px;
   }

   .base-main-card__info>* {
      margin-bottom: 4px;
   }

   .base-main-card__media~.base-main-card__info {
      margin-left: 16px;
   }

   @media (max-width: 767px) {
      .base-main-card__media~.base-main-card__info {
         margin-left: 0px;
         margin-top: 16px;
      }
   }

   /**
    * metadata items on the same line (`<span>`) are middot separated
    * consumers can full line separate by using `<p>`
    */
   span.base-main-card__metadata-item+span.base-main-card__metadata-item::before {
      content: "\00b7";
      margin: 0 4px;
   }

   .base-main-card____title,
   .base-main-card__subtitle {
      word-break: break-word;
      word-wrap: break-word;
   }

   .main-rundown-news-card__description a {
      font-size: 14px;
      font-weight: 500;
      color: var(--color-action);
   }

   .main-rundown-news-card__description strong {
      font-size: 14px;
      font-weight: 500;
      color: var(--color-text);
   }

   .main-rundown-news-card__description ul {
      list-style-type: disc;
      padding-left: 24px;
   }

   .ios .main-rundown-news-card__description a,
   .ios .main-rundown-news-card__description strong {
      font-weight: 600;
   }

   .core-section-container__content> :first-child {
      margin-top: 8px;
   }

   .related-content-card--link:hover .related-content-card__title,
   .related-content-card--link:focus .related-content-card__title {
      text-decoration-line: underline;
   }

   /**
     * metadata items on the same line (`<span>`) are middot separated
     * consumers can full line separate by using `<p>`
     */
   span.related-content-card__metadata-item+span.related-content-card__metadata-item::before {
      content: "\00b7";
      margin: 0 4px;
   }

   .input-container {
      position: relative;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 4px;
      margin-bottom: 20px;
      display: flex;
      flex-wrap: wrap;
   }

   .textinput-container label {
      background-color: var(--color-background-container);
   }

   .mobile-input textarea:focus~label,
   .mobile-input textarea.selected~label,
   .mobile-input select.selected~label,
   .mobile-input select:focus~label,
   .mobile-input input:focus~label,
   .mobile-input input.selected~label,
   .mobile-input input:placeholder-shown~label {
      top: 1px;
      margin: 0px;
      width: calc(100% - 32px);
      padding-top: 3px;
      font-size: 12px;
   }

   .icon-added.mobile-input textarea,
   .icon-added.mobile-input input {
      padding-left: 48px;
   }

   .input-error.mobile-input textarea,
   .input-error.mobile-input input,
   .input-error.mobile-input select {
      --tw-shadow-color: var(--color-signal-negative);
      --tw-shadow: var(--tw-shadow-colored);
   }

   .input-error.mobile-input textarea:focus,
   .input-error.mobile-input input:focus,
   .input-error.mobile-input select:focus {
      --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      --tw-shadow-color: var(--color-signal-negative);
      --tw-shadow: var(--tw-shadow-colored);
   }

   .icon-added.mobile-input label {
      left: 48px;
   }

   .input-container label {
      position: absolute;
      left: 16px;
      top: 14px;
      margin: 0px;
      color: var(--color-text-low-emphasis);
      transition-property: all;
      transition-duration: 0.2s;
      transition-timing-function: linear;
   }

   .input-container .icon-wrapper.left {
      left: 0px;
   }

   .input-container .hints-container {
      display: flex;
      width: 100%;
      justify-content: space-between;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 16px;
      padding-right: 16px;
   }

   .mobile-input .helper-text {
      margin-top: 0px;
      color: var(--color-text-low-emphasis);
   }

   .mobile-input .text-area-counter {
      color: var(--color-text-low-emphasis);
   }

   .input-error.mobile-input .helper-text,
   .input-error.dropdown-container .right,
   .mobile-input .error-icon,
   .mobile-input [disabled]~.right,
   .mobile-input [disabled]~.error-icon {
      display: none;
   }

   .input-error.mobile-input .error-text,
   .input-error.mobile-input .js-counter {
      display: block;
      color: var(--color-signal-negative);
   }

   .input-container:not(.input-error) .selected:not([disabled])~.right,
   .mobile-input.input-error .error-icon {
      z-index: 1;
      display: flex;
   }

   .mobile-input .error-icon .icon {
      color: var(--color-signal-negative);
   }

   .mobile-input .error-icon .\!icon {
      color: var(--color-signal-negative);
   }

   .input-container .error-icon svg {
      width: 24px;
   }

   .input-container .right path {
      fill: var(--color-icon);
   }

   .dropdown-container:not(.input-error) .right {
      z-index: -1;
      display: flex;
   }

   .mobile-input .clear-btn svg {
      height: 24px;
      width: 24px;
   }

   .mobile-input .clear-btn path {
      fill: var(--color-icon);
      fill-opacity: 1;
   }

   /* disabled / readonly */
   /* ToDo: based on tailwind-mercado discussion, need to update the
    * CSS custom properties with theme generated class names */
   .mobile-input [disabled],
   .mobile-input [readonly] {
      background-color: var(--color-input-container-disabled);
      box-shadow: none;
      color: var(--color-input-value-disabled);
   }

   .mobile-input [disabled]~label,
   .mobile-input [readonly]~label {
      color: var(--color-label-disabled);
   }

   /* When the label receives clicks/taps, it does not trigger the events
    * on the form element, like opening select dropdown etc */
   .mobile-input label {
      pointer-events: none;
   }

   .dropdown-container [disabled]~.right {
      display: flex;
      color: var(--color-input-icon-disabled);
   }

   .mobile-input [disabled]~.text-container .helper-text,
   .mobile-input [readonly]~.text-container .helper-text {
      color: var(--color-input-helper-disabled);
   }

   .mobile-input [disabled]~.text-container .error-text,
   .mobile-input [readonly]~.text-container .error-text {
      color: var(--color-input-helper-error-disabled);
   }

   /* radio / checkbox */
   input[type="checkbox"]:checked+icon::before {
      --tw-shadow: 0 0 0 12px inset;
      --tw-shadow-colored: inset 0 0 0 12px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      --tw-shadow-color: var(--color-checked);
      --tw-shadow: var(--tw-shadow-colored);
   }

   /* ToDo: check with tailwind-mercado for theme classes for
    * corresponding mercado token CSS custom property */
   input[type="radio"]:checked+label::before {
      box-shadow:
         0 0 0 6px var(--color-checked) inset,
         0 0 0 10px var(--color-element-shift-on-dark-flip) inset;
   }

   input[type="checkbox"]:checked+icon svg {
      display: block;
      color: var(--color-element-shift-on-dark-flip);
   }

   input[type="checkbox"]+icon::before,
   input[type="radio"]+label::before {
      content: "";
      position: absolute;
      top: 1px;
      left: 2px;
      display: block;
      height: 16px;
      width: 16px;
      border-radius: 4px;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 2px;
      --tw-shadow: 0 0 0 1px inset;
      --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      --tw-shadow-color: var(--color-border);
      --tw-shadow: var(--tw-shadow-colored);
      transition-property: box-shadow;
      transition-duration: 167ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }

   input[type="radio"]+label::before {
      left: 3px;
      border-radius: 9999px;
   }

   .bottom-sheet {
      transition-timing-function: linear;
      /* `.ease-linear` is suggested class as per tailwind but it is not working */
   }

   .bottom-sheet.bottom-sheet-open {
      bottom: 0;
   }

   .bottom-sheet.bottom-sheet-open .overlay {
      position: fixed;
      bottom: 0;
      animation: fadein 300ms forwards;
   }

   /* bottom sheet overlay should fade in and out when the content slides up and down */
   @keyframes fadein {
      0% {
         opacity: 0;
      }

      to {
         opacity: 1;
      }
   }

   @keyframes fadeout {
      0% {
         opacity: 1;
         bottom: 0;
      }

      /* fade out cannot be straight forward since the overlay has to fade out first and
     then move behind the viewport to the bottom. Hence forcing bottom: 0 till the end */

      99% {
         opacity: 0;
         bottom: 0;
      }

      100% {
         opacity: 0;
      }
   }

   @keyframes dash {
      0% {
         stroke-dasharray: 1, 70;
         stroke-dashoffset: 0;
      }

      50% {
         stroke-dasharray: 63, 70;
         stroke-dashoffset: -18;
      }

      100% {
         stroke-dasharray: 63, 70;
         stroke-dashoffset: -67;
      }
   }

   :root {
      --mobile-nav-height: 48px;
   }

   .search-expanded .primary-nav {
      display: none;
   }

   .ios.iphone-with-notch .primary-nav {
      /* For Safari, depend on the environment variable, which takes care of
      the bottom bar in Safari (that shows/hides on scroll).
      For versions 11.0-11.2 'env' was not supported, so 'constant' */
      height: calc(var(--mobile-nav-height) + constant(safe-area-inset-bottom));
      height: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));
   }

   .search-expanded .secondary-nav {
      padding: 0;
   }

   .search-expanded .secondary-nav-list,
   .search-expanded .self-profile-logo {
      display: none;
   }

   .search-expanded .nav-search-container {
      margin: 0;
   }

   .window-scroll-threshold-met .secondary-nav {
      transform: translateY(-51px);
   }

   .window-scroll-threshold-met .search-page-header .secondary-nav {
      transform: none;
   }

   .search-expanded .typeahead-search-container {
      z-index: 101;
      margin-top: var(--mobile-nav-height);
   }

   .search-input-spinner {
      transform: translateY(-50%);
   }

   .search-input-spinner .loader__container {
      margin: 0;
   }

   .search-input-spinner svg {
      width: 16px;
      height: 16px;
      min-width: 16px;
      min-height: 16px;
   }

   .search-expanded .search-keyword-icon {
      display: none;
   }

   .search-expanded .nav-back-button {
      display: inline-block;
      border-width: 0;
      background-color: var(--color-background-none);
      margin: 0;
      height: var(--mobile-nav-height);
   }

   .search-expanded .nav-search-text {
      padding: 0 8px 0 24px;
      width: calc(100% - 96px);
      background-color: var(--color-background-container);
   }

   .search-text::-webkit-search-cancel-button {
      display: none;
   }

   .image-viewer-modal.hide-components .modal__dismiss,
   .image-viewer-modal.hide-components .detail-section {
      visibility: hidden;
      opacity: 0;
      margin-bottom: -4000px;
      transition:
         visibility 0s 0.5s,
         opacity 0.5s linear,
         margin-bottom 0s 0.5s;
   }

   .image-viewer-modal .detail-section a.link,
   .image-viewer-modal .detail-section span {
      color: var(--color-action-on-dark) !important;
   }

   .image-viewer-modal .detail-section p,
   .image-viewer-modal .detail-section a {
      color: var(--color-text-on-dark);
   }

   .image-viewer-modal .detail-section .detail-section-feed-content {
      color: var(--color-text-low-emphasis-on-dark);
   }

   .image-viewer-modal .detail-section .reactions-menu-list {
      border: 1px solid var(--color-border-on-dark);
      background: var(--color-background-canvas-dark);
   }

   .image-viewer-modal .detail-section button {
      color: var(--color-text-on-dark);
      background: var(--color-background-canvas-dark);
   }

   .image-viewer-modal .detail-section icon svg {
      color: var(--color-icon-on-dark);
   }

   .share-settings:checked~label .visibility-icon,
   .comments-settings:checked~label .visibility-icon {
      color: var(--color-checked);
   }

   .share-settings:checked~label .icon-check,
   .comments-settings:checked~label .icon-check {
      visibility: visible;
      color: var(--color-checked);
   }

   #share-modal .reshare-section .activity-feed-item {
      border-radius: 8px;
      border-width: 1px;
      border-style: solid;
      border-color: var(--color-border-faint);
   }

   #share-modal .textarea:empty::after {
      color: var(--color-text-low-emphasis);
      --tw-content: attr(data-placeholder);
      content: var(--tw-content);
   }

   #share-modal progress[value]::-webkit-progress-bar {
      height: 4px;
      border-width: 1px;
      border-style: solid;
      border-color: var(--color-border);
      background-color: var(--color-background-none);
   }

   #share-modal progress[value]::-webkit-progress-value {
      background-color: var(--color-action);
      transition-property: width;
      transition-duration: 300ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   }

   .image-preview-wrapper[data-image-load-state="empty"] {
      display: none;
   }

   .image-preview-wrapper[data-image-load-state="loaded"] .remove-image-preview,
   .image-preview-wrapper[data-image-load-state="loaded"] .multiple-images-preview-container {
      display: flex;
   }

   #share-modal .multiple-images-preview-container {
      display: flex;
      height: 300px;
      flex-wrap: wrap;
   }

   #share-modal .multiple-images-preview-container.single-image-preview {
      height: auto;
   }

   #share-modal .multiple-images-preview-container .image-tile {
      display: flex;
      height: 40%;
      width: 30%;
      flex-grow: 1;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: var(--color-surface);
      background-color: var(--color-surface);
   }

   #share-modal .multiple-images-preview-container .image-tile.image-tile-1 {
      height: 60%;
      width: 100%;
   }

   #share-modal .single-image-preview .image-tile.image-tile-1 .feed-preview-image {
      max-height: 225px;
      width: auto;
      max-width: 100%;
      align-self: flex-start;
      border-radius: 2px;
      object-fit: contain;
   }

   #share-modal .image-preview-wrapper .single-image-preview .feed-preview-image.landscape {
      max-height: 450px;
      transition-property: max-height;
      transition-duration: 300ms;
      transition-timing-function: cubic-bezier(1, 0, 1, 0);
   }

   #share-modal .two-images-preview .image-tile.image-tile-1,
   #share-modal .two-images-preview .image-tile.image-tile-2 {
      height: 100%;
      width: 50%;
   }

   #share-modal .multiple-images-preview-container .image-tile .feed-preview-image {
      width: 100%;
      object-fit: cover;
      transition-property: filter;
      transition-duration: 250ms;
      transition-timing-function: ease-in;
   }

   #share-modal .five-images-preview .image-tile.image-tile-1 {
      width: 50%;
   }

   #share-modal .five-images-preview .image-tile.image-tile-2 {
      height: 60%;
      width: 50%;
   }

   #share-modal .multiple-images-preview-container.images-overflow .image-tile-5 {
      position: relative;
   }

   #share-modal .multiple-images-preview-container.images-overflow .image-tile-5::before {
      position: absolute;
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
      background-color: var(--color-scrim);
      font-size: 2.4rem;
      color: var(--color-text-on-dark);
      --tw-content: "+" attr(data-remaining-images);
      content: var(--tw-content);
   }

   #share-modal .progress-overlay[data-progress-overlay-state="visible"] {
      display: flex;
   }

   #share-modal .modal-content .share-feed-item .preview-link .post-link[href] {
      border-radius: 8px;
      border-width: 1px;
      border-style: solid;
      border-color: var(--color-divider);
      background-color: var(--color-surface-tint);
      padding: 8px;
   }

   #share-modal .recommendations.reveal {
      opacity: 1;
   }

   #share-modal .recommendations.reveal-animation {
      transition-property: opacity;
      transition-delay: 200ms;
      transition-duration: 50ms;
      transition-timing-function: linear;
   }

   #share-modal .modal-content .textarea .entity {
      font-weight: 600;
      color: var(--color-text);
   }

   #share-modal .modal-content .textarea .\!entity {
      font-weight: 600;
      color: var(--color-text);
   }

   #share-modal .modal-content .post-settings-wrapper[data-post-visibility="public"] .public {
      display: flex;
   }

   #share-modal .modal-content .post-settings-wrapper[data-post-visibility="network"] .network {
      display: flex;
   }

   #visibility-settings-modal input[type="radio"]:checked+label::before {
      --tw-content: none;
      content: var(--tw-content);
   }

   #visibility-settings-modal input[type="radio"]+label::before {
      --tw-content: none;
      content: var(--tw-content);
   }

   .form-modal-description__content-truncated {
      max-height: 4rem;
      overflow: hidden;
      line-height: 1.5;
   }

   .newsletter-article-content__article-image {
      margin-left: -16px;
      width: calc(100% + 32px);
   }

   .newsletter-article-content__ghost-image {
      /* Important added to object-contain to add specificity over the object-fit included on Feed media */
      display: inline-block;
      height: 400px;
      background-color: var(--color-background-container-tint);
      object-fit: contain !important;
   }

   .background-frame {
      /* TODO: add this once the assetUrl issue is resolved */
      /* @apply after:content-[''] after:block after:absolute after:w-full after:h-full after:inset-0 after:bg-[length:100%_100%] after:bg-no-repeat after:pointer-events-none; */
      overflow: hidden;
      border-style: solid;
      border-color: #56687a;
   }

   .frame-desktop {
      width: 100%;
      border-width: 1px;
      border-style: solid;
      border-color: #f2f2f2;
   }

   /* TODO: add after:bg-ios-device pt-[44px] px-[16px] pb-[12px] */
   .frame-ios {
      height: 844px;
      width: 390px;
      border-radius: 48px;
      border-width: 16px;
   }

   /* TODO: add after:bg-android-device pt-[48px] px-[16px] pb-[24px] */
   .frame-android {
      height: 851px;
      width: 393px;
      border-radius: 40px;
      border-left-width: 10px;
      border-right-width: 10px;
      border-top-width: 50px;
      border-bottom-width: 20px;
   }

   .preview-tool-select {
      position: relative;
      box-sizing: border-box;
      height: 32px;
      width: 100%;
      appearance: none;
      border-radius: 4px;
      border-color: var(--color-border-active);
      background-color: rgba(0, 0, 0, 0);
      padding-left: 8px;
      padding-right: 8px;
      font-weight: 400;
      color: var(--color-text);
      outline-width: 0px;
   }

   .job-card-flavor__container {
      display: inline-block;
      padding-top: 4px;
      padding-right: 24px;
   }

   .job-card-flavor__detail {
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 12px;
      line-height: 1.25;
      color: #666666;
   }

   .series-article-body {
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 16px;
   }

   .series-article-body h2 {
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 1em;
      margin-bottom: 0.5em;
      font-size: 1.5em;
      line-height: 1.25;
      letter-spacing: -0.02em;
   }

   .series-article-body h3 {
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 1em;
      margin-bottom: 0.5em;
      font-size: 1.17em;
      line-height: 1.25;
      letter-spacing: -0.02em;
   }

   .series-article-body h2 strong,
   .series-article-body h3 strong {
      font-weight: 500;
   }

   .series-article-body p {
      margin-top: 0.8em;
      font-size: 1em;
      line-height: 1.5;
   }

   .series-article-body em {
      font-style: italic;
   }

   .series-article-body a {
      display: inline;
      cursor: pointer;
      font-weight: 600;
      color: var(--color-action);
      text-decoration-line: none;
   }

   .series-article-body ol,
   .series-article-body ul {
      margin-top: 1em;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 1.5em;
      display: block;
      padding: 0px;
   }

   .series-article-body li {
      margin-left: 1em;
      font-size: 1em;
      line-height: 1.5;
      letter-spacing: -0.15%;
      color: #282828;
   }

   .series-article-body blockquote,
   .series-article-body q {
      margin-top: 1.5em;
      margin-bottom: 1.5em;
      margin-left: 0px;
      margin-right: 0px;
      display: block;
      border-width: 0;
      border-left-width: 4px;
      border-style: solid;
      border-left-color: #424242;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-right: 0px;
      padding-left: 1.5em;
      font-size: 1em;
      font-style: italic;
      line-height: 1.5;
      color: #282828;
   }

   .series-article-body pre {
      margin-top: 1.5em;
      margin-bottom: 1.5em;
      margin-left: 0px;
      margin-right: 0px;
      display: block;
      overflow-x: auto;
      white-space: pre-wrap;
      border-radius: 4px;
      background-color: #38434f;
      padding: 32px;
      font-family: monospace;
      line-height: 1.25;
      color: #ffffff;
   }

   .series-article-body figure figcaption {
      margin-top: 0.8em;
      text-align: center;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
         Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans",
         Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial,
         sans-serif;
      font-size: 12px;
      line-height: 1.5;
      color: var(--color-text-low-emphasis);
   }

   .series-article-body img {
      margin-top: 1em;
      display: block;
      max-width: 100%;
   }

   .series-article-body pre span.hljs-keyword {
      color: #17afb8;
   }

   .series-article-body pre span.hljs-string,
   .series-article-body pre span.hljs-number {
      color: #e61e89;
   }

   .series-article-body .email_iframe_replacement a {
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 1em;
      margin-bottom: 2em;
      display: block;
      border-radius: 34px;
      border-width: 1px;
      border-style: solid;
      border-color: var(--color-action);
      background-color: #ffffff;
      padding-top: 0.8em;
      padding-bottom: 0.8em;
      padding-left: 1.5em;
      padding-right: 1.5em;
      text-align: center;
      font-size: 1em;
      font-weight: 400;
      line-height: 1.25;
      color: var(--color-action);
      text-decoration-line: none;
      mso-table-rspace: 0pt;
      mso-table-lspace: 0pt;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -moz-text-size-adjust: 100%;
      -o-text-size-adjust: 100%;
      text-size-adjust: 100%;
   }

   .series-article-body .email-iframe-wrapper {
      margin-top: 1em;
      width: 100%;
      background-color: var(--color-background-container-tint);
      text-align: center;
   }

   .series-article-body .email-iframe-td-padding-top {
      padding-top: 64px;
   }

   .series-article-body .email-iframe-td-padding-middle {
      padding-top: 16px;
   }

   .series-article-body .email-iframe-image {
      margin: auto;
      height: 64px;
      width: 64px;
   }

   .series-article-body .email-iframe-button {
      display: inline-block;
      border-radius: 34px;
      border-width: 1px;
      border-style: solid;
      border-color: var(--color-action);
      padding-top: 0.4em;
      padding-bottom: 0.4em;
      padding-left: 1em;
      padding-right: 1em;
      text-align: center;
      font-size: 1em;
      font-weight: 600;
      line-height: 1.25;
      color: var(--color-action);
      text-decoration-line: none;
   }

   .series-article-body .email-iframe-td-padding-bottom {
      padding-bottom: 64px;
   }

   .comment__body,
   .comment__body button {
      background-color: var(--color-background-canvas);
   }

   .dark .comment__body,
   .dark .comment__body button {
      background-color: #293138;
   }

   .comment__body #comment-image-modal button {
      background-color: var(--color-background-none);
   }

   .tw-feed-content-ghost-image {
      /* Important added to object-contain to add specificity over the object-fit included on Feed media */
      display: inline-block;
      height: 400px;
      background-color: var(--color-background-container-tint);
      object-fit: contain !important;
   }

   .tw-feed-content-title {
      margin: 0px;
      padding: 0px;
      font-size: 14px;
      font-weight: 600;
      color: var(--color-text);
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
   }

   .tw-feed-content-subtitle {
      font-size: 12px !important;
      color: var(--color-text-low-emphasis);
   }

   .w-main-feed-card-media {
      margin-left: -16px;
      width: calc(100% + 32px);
   }

   @media (max-width: 767px) {
      .mx-main-feed-card-no-gutter {
         margin-left: -16px;
         margin-right: -16px;
      }
   }

   @media (min-width: 768px) and (max-width: 991px) {
      .mx-main-feed-card-no-gutter {
         margin-left: -16px;
         margin-right: -16px;
      }
   }

   @media (max-width: 767px) {
      .px-main-feed-card-no-gutter {
         padding-left: 16px;
         padding-right: 16px;
      }
   }

   @media (min-width: 768px) and (max-width: 991px) {
      .px-main-feed-card-no-gutter {
         margin-left: -16px;
         margin-right: -16px;
         padding-left: 16px;
         padding-right: 16px;
      }
   }

   .main-feed-reshare-card .share-article {
      border-style: none;
   }

   .share-update-card__ellipsis-menu--no-actor {
      position: initial;
   }

   .share-update-card__ellipsis-menu--no-actor .ellipsis-menu__trigger {
      margin-left: auto;
   }

   .tw-feed-native-video-compact-overlay__top-bar::before {
      background: linear-gradient(180deg,
            rgba(0, 0, 0, 0.7) 50%,
            transparent 100%);
      transition: opacity 500ms ease-in-out;
   }

   .tw-feed-native-video-compact-overlay__top-bar-item {
      z-index: 400;
   }

   .tw-feed-native-video-compact-overlay__top-bar-item-like:hover,
   .tw-feed-native-video-compact-overlay__top-bar-item-like:visited,
   .tw-feed-native-video-compact-overlay__top-bar-item-like:visited:hover,
   .tw-feed-native-video-compact-overlay__top-bar .embedded-social-share .modal__outlet--outlet-button-square,
   .tw-feed-native-video-compact-overlay__top-bar .embedded-social-share .social-action-bar__icon--svg {
      color: var(--color-text-shift-on-dark-flip);
   }

   .tw-feed-native-video-compact-overlay__bottombar {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 50%, transparent 100%);
   }

   .video-entity--play .tw-feed-native-video-compact-overlay__top-bar {
      display: none;
   }

   .video-entity--play .tw-feed-native-video-compact-overlay__bottombar,
   .video-entity--ended .tw-feed-native-video-compact-overlay__bottombar,
   .video-entity--pause .tw-feed-native-video-compact-overlay__bottombar {
      display: none;
   }

   .tw-feed-native-video-content__compact-media .video-js {
      height: 100%;
   }

   .tw-feed-native-video-compact-overlay__play-preview-icon {
      transition-duration: 167ms;
      transition-property: background-color, box-shadow, color;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }

   .tw-feed-native-video-compact-overlay__play-preview-icon>icon>svg {
      margin: auto;
      display: block;
   }

   .video-entity--loaded .tw-feed-native-video-compact-overlay__bottombar,
   .video-entity--loaded .tw-feed-native-video-compact-overlay__preview {
      display: none;
   }

   .dismissable-input--focus {
      border-color: var(--color-action);
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .dismissable-input--focus:hover {
      border-color: var(--color-action);
   }

   .dismissable-input--focus .dismissable-input__button--show {
      opacity: 0.6;
   }

   .dismissable-input__button--show {
      visibility: visible;
      cursor: pointer;
   }

   .dismissable-input__button--show:hover {
      opacity: 1;
   }

   .dismissable-input__input {
      /* override safari input defaults */
      -webkit-appearance: none;
      appearance: none;
   }

   .dismissable-input__input[placeholder] {
      overflow: hidden;
      text-overflow: ellipsis;
   }

   /* clears the 'X' from Chrome */
   .dismissable-input__input::-webkit-search-decoration,
   .dismissable-input__input::-webkit-search-cancel-button,
   .dismissable-input__input::-webkit-search-results-button,
   .dismissable-input__input::-webkit-search-results-decoration {
      display: none;
   }

   .filter .collapsible-dropdown__list {
      margin-top: 8px;
      max-height: calc(100vh - 200px);
      min-width: 265px;
      overflow: auto;
   }

   @media (min-width: 992px) {
      .filter .collapsible-dropdown__list {
         max-height: 400px;
      }
   }

   @media (forced-colors: active) {
      .filter-button--selected {
         border-width: 4px;
      }
   }

   /* Utilities */
   /* All files must be wrapped with `@layer utilities { ... }` */
   /* Components */
   /* All files must be wrapped with `@layer components { ... }` */
   /* TODO: create a reusable utility which could be used across */
   /* Migrate the same css from flock-template content-preview */
   /* https://jarvis.corp.linkedin.com/codesearch/result/?path=flock-templates%2Fflock%2Femail%2Femail_series_follow_newsletter_01%2Fpartials%2Fnectar&reponame=flock-templates%2Fflock-templates&name=typography_css.tl */
   /* This is an anti-pattern and should be treated as exception
 this should be replaced with actual color token when it is available.
 jira01.corp.linkedin.com:8443/browse/HUED-19227
  */
   .placeholder\:pl-2::placeholder {
      padding-left: 16px;
   }

   .placeholder\:text-color-text-secondary::placeholder {
      color: var(--color-text-secondary);
   }

   .before\:pointer-events-none::before {
      content: var(--tw-content);
      pointer-events: none;
   }

   .before\:absolute::before {
      content: var(--tw-content);
      position: absolute;
   }

   .before\:top-0::before {
      content: var(--tw-content);
      top: 0px;
   }

   .before\:bottom-auto::before {
      content: var(--tw-content);
      bottom: auto;
   }

   .before\:left-0::before {
      content: var(--tw-content);
      left: 0px;
   }

   .before\:top-\[calc\(50\%-1px\)\]::before {
      content: var(--tw-content);
      top: calc(50% - 1px);
   }

   .before\:left-\[calc\(50\%-1px\)\]::before {
      content: var(--tw-content);
      left: calc(50% - 1px);
   }

   .before\:z-4::before {
      content: var(--tw-content);
      z-index: 400;
   }

   .before\:\!mx-\[0\]::before {
      content: var(--tw-content);
      margin-left: 0 !important;
      margin-right: 0 !important;
   }

   .before\:h-8::before {
      content: var(--tw-content);
      height: 64px;
   }

   .before\:w-full::before {
      content: var(--tw-content);
      width: 100%;
   }

   .before\:rounded-full::before {
      content: var(--tw-content);
      border-radius: 9999px;
   }

   .before\:border-1::before {
      content: var(--tw-content);
      border-width: 1px;
   }

   .before\:border-solid::before {
      content: var(--tw-content);
      border-style: solid;
   }

   .before\:border-white-a90::before {
      content: var(--tw-content);
      border-color: rgba(255, 255, 255, 0.9);
   }

   .before\:border-color-icon-on-dark::before {
      content: var(--tw-content);
      border-color: var(--color-icon-on-dark);
   }

   .before\:text-color-text-low-emphasis::before {
      content: var(--tw-content);
      color: var(--color-text-low-emphasis);
   }

   .before\:content-\[\'\'\]::before {
      --tw-content: "";
      content: var(--tw-content);
   }

   .before\:middot::before {
      content: "\00b7";
      margin: 0 4px;
   }

   .after\:pointer-events-none::after {
      content: var(--tw-content);
      pointer-events: none;
   }

   .after\:absolute::after {
      content: var(--tw-content);
      position: absolute;
   }

   .after\:top-0::after {
      content: var(--tw-content);
      top: 0px;
   }

   .after\:right-0::after {
      content: var(--tw-content);
      right: 0px;
   }

   .after\:bottom-0::after {
      content: var(--tw-content);
      bottom: 0px;
   }

   .after\:left-0::after {
      content: var(--tw-content);
      left: 0px;
   }

   .after\:ml-0\.5::after {
      content: var(--tw-content);
      margin-left: 4px;
   }

   .after\:ml-0::after {
      content: var(--tw-content);
      margin-left: 0px;
   }

   .after\:ml-\[74px\]::after {
      content: var(--tw-content);
      margin-left: 74px;
   }

   .after\:block::after {
      content: var(--tw-content);
      display: block;
   }

   .after\:h-full::after {
      content: var(--tw-content);
      height: 100%;
   }

   .after\:\!h-\[37px\]::after {
      content: var(--tw-content);
      height: 37px !important;
   }

   .after\:border-1::after {
      content: var(--tw-content);
      border-width: 1px;
   }

   .after\:border-solid::after {
      content: var(--tw-content);
      border-style: solid;
   }

   .after\:border-color-divider::after {
      content: var(--tw-content);
      border-color: var(--color-divider);
   }

   .after\:bg-gradient-to-b::after {
      content: var(--tw-content);
      background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
   }

   .after\:from-color-transparent::after {
      content: var(--tw-content);
      --tw-gradient-from: rgba(0, 0, 0, 0);
      --tw-gradient-to: rgb(0 0 0 / 0);
      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   }

   .after\:to-color-background-scrim::after {
      content: var(--tw-content);
      --tw-gradient-to: var(--color-background-scrim);
   }

   .after\:text-sm::after {
      content: var(--tw-content);
      font-size: 14px;
   }

   .after\:text-color-text-low-emphasis::after {
      content: var(--tw-content);
      color: var(--color-text-low-emphasis);
   }

   .after\:no-underline::after {
      content: var(--tw-content);
      text-decoration-line: none;
   }

   .after\:content-\[\'\/\'\]::after {
      --tw-content: "/";
      content: var(--tw-content);
   }

   .after\:content-\[\"\"\]::after {
      --tw-content: "";
      content: var(--tw-content);
   }

   .after\:content-\[\'\'\]::after {
      --tw-content: "";
      content: var(--tw-content);
   }

   .after\:up-down-divider::after {
      display: flex;
      height: 100%;
      width: 1px;
      align-items: center;
      background-color: var(--color-border-low-emphasis);
      text-align: center;
      --tw-content: "";
      content: var(--tw-content);
   }

   .first\:ml-0:first-child {
      margin-left: 0px;
   }

   .last\:mb-0:last-child {
      margin-bottom: 0px;
   }

   .last\:mr-0:last-child {
      margin-right: 0px;
   }

   .last\:flex:last-child {
      display: flex;
   }

   .last\:after\:hidden:last-child::after {
      content: var(--tw-content);
      display: none;
   }

   .first-of-type\:ml-0:first-of-type {
      margin-left: 0px;
   }

   .first-of-type\:border-none:first-of-type {
      border-style: none;
   }

   .visited\:text-color-text:visited {
      color: var(--color-text);
   }

   .visited\:text-color-text-low-emphasis:visited {
      color: var(--color-text-low-emphasis);
   }

   .visited\:text-color-text-secondary:visited {
      color: var(--color-text-secondary);
   }

   .visited\:text-color-label:visited {
      color: var(--color-label);
   }

   .visited\:no-underline:visited {
      text-decoration-line: none;
   }

   .hover\:cursor-pointer:hover {
      cursor: pointer;
   }

   .hover\:border-1:hover {
      border-width: 1px;
   }

   .hover\:border-y-2:hover {
      border-top-width: 2px;
      border-bottom-width: 2px;
   }

   .hover\:border-solid:hover {
      border-style: solid;
   }

   .hover\:border-color-link:hover {
      border-color: var(--color-link);
   }

   .hover\:border-color-container-primary:hover {
      border-color: var(--color-container-primary);
   }

   .hover\:bg-color-background-container-tint:hover {
      background-color: var(--color-background-container-tint);
   }

   .hover\:bg-color-action:hover {
      background-color: var(--color-action);
   }

   .hover\:bg-color-surface-new-hover:hover {
      background-color: var(--color-surface-new-hover);
   }

   .hover\:bg-white-a04:hover {
      background-color: rgba(255, 255, 255, 0.04);
   }

   .hover\:bg-white:hover {
      background-color: #ffffff;
   }

   .hover\:bg-color-surface-tint:hover {
      background-color: var(--color-surface-tint);
   }

   .hover\:bg-blue-70:hover {
      background-color: #0a66c2;
   }

   .hover\:text-color-link-hover:hover {
      color: var(--color-link-hover);
   }

   .hover\:text-color-text-on-dark:hover {
      color: var(--color-text-on-dark);
   }

   .hover\:text-color-text:hover {
      color: var(--color-text);
   }

   .hover\:\!text-color-text:hover {
      color: var(--color-text) !important;
   }

   .hover\:text-white:hover {
      color: #ffffff;
   }

   .hover\:underline:hover {
      text-decoration-line: underline;
   }

   .hover\:no-underline:hover {
      text-decoration-line: none;
   }

   .hover\:shadow-\[0_4px_12px\]:hover {
      --tw-shadow: 0 4px 12px;
      --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
         var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }

   .hover\:shadow-color-shadow:hover {
      --tw-shadow-color: var(--color-shadow);
      --tw-shadow: var(--tw-shadow-colored);
   }

   .hover\:show-play-button.base-card:hover .play-button {
      z-index: 1;
      opacity: 1;
   }

   .visited\:hover\:text-color-text:hover:visited {
      color: var(--color-text);
   }

   .hover\:visited\:text-color-label:visited:hover {
      color: var(--color-label);
   }

   .focus\:top-0:focus {
      top: 0px;
   }

   .focus\:link-styled:focus,
   .focus\:link-styled:focus:visited,
   .focus\:link-styled:focus:link,
   .focus\:link-styled:focus:link:visited {
      font-weight: 600;
      color: var(--color-text);
   }

   .focus\:link-styled:focus:hover,
   .focus\:link-styled:focus:visited:hover,
   .focus\:link-styled:focus:link:hover,
   .focus\:link-styled:focus:link:visited:hover {
      color: var(--color-link-hover);
   }

   .focus\:link-styled:focus:active,
   .focus\:link-styled:focus:visited:active,
   .focus\:link-styled:focus:link:active,
   .focus\:link-styled:focus:link:visited:active {
      color: var(--color-link-active);
   }

   .focus\:bg-color-background-container-tint:focus {
      background-color: var(--color-background-container-tint);
   }

   .focus\:bg-color-action:focus {
      background-color: var(--color-action);
   }

   .focus\:text-color-text-on-dark:focus {
      color: var(--color-text-on-dark);
   }

   .focus\:underline:focus {
      text-decoration-line: underline;
   }

   .focus\:no-underline:focus {
      text-decoration-line: none;
   }

   .focus\:opacity-100:focus {
      opacity: 1;
   }

   .focus\:outline-none:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
   }

   .focus\:outline:focus {
      outline-style: solid;
   }

   .focus\:outline-dotted:focus {
      outline-style: dotted;
   }

   .focus\:outline-2:focus {
      outline-width: 2px;
   }

   .focus\:outline-1:focus {
      outline-width: 1px;
   }

   .focus\:outline-0:focus {
      outline-width: 0px;
   }

   .focus\:outline-color-action:focus {
      outline-color: var(--color-action);
   }

   .focus\:show-play-button.base-card:focus .play-button {
      z-index: 1;
      opacity: 1;
   }

   .hover\:focus\:text-color-label:focus:hover {
      color: var(--color-label);
   }

   .active\:bg-color-background-container-tint:active {
      background-color: var(--color-background-container-tint);
   }

   .active\:no-underline:active {
      text-decoration-line: none;
   }

   .disabled\:invisible:disabled {
      visibility: hidden;
   }

   .disabled\:hidden:disabled {
      display: none;
   }

   .disabled\:text-color-text-disabled:disabled {
      color: var(--color-text-disabled);
   }

   .group:hover .group-hover\:visible {
      visibility: visible;
   }

   .group:hover .group-hover\:-translate-y-25\% {
      --tw-translate-y: -25%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .group:hover .group-hover\:scale-150 {
      --tw-scale-x: 1.5;
      --tw-scale-y: 1.5;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .group:hover .group-hover\:cursor-pointer {
      cursor: pointer;
   }

   .group:hover .group-hover\:\!text-color-text-solid-active {
      color: var(--color-text-solid-active) !important;
   }

   .group:hover .group-hover\:opacity-100 {
      opacity: 1;
   }

   .group:focus .group-focus\:visible {
      visibility: visible;
   }

   .group:focus .group-focus\:-translate-y-25\% {
      --tw-translate-y: -25%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .group:focus .group-focus\:scale-150 {
      --tw-scale-x: 1.5;
      --tw-scale-y: 1.5;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .group:focus .group-focus\:opacity-100 {
      opacity: 1;
   }

   .group:active .group-active\:visible {
      visibility: visible;
   }

   .group:active .group-active\:-translate-y-25\% {
      --tw-translate-y: -25%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .group:active .group-active\:scale-150 {
      --tw-scale-x: 1.5;
      --tw-scale-y: 1.5;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   .group:active .group-active\:opacity-100 {
      opacity: 1;
   }

   .peer:checked~.peer-checked\:text-color-container-checked {
      color: var(--color-container-checked);
   }

   .link\:no-underline:link {
      text-decoration-line: none;
   }

   [dir="rtl"] .rtl\:ml-2 {
      margin-left: 16px;
   }

   [dir="rtl"] .rtl\:translate-x-\[7px\] {
      --tw-translate-x: 7px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   [dir="rtl"] .rtl\:-scale-x-100 {
      --tw-scale-x: -1;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }

   @media (max-width: 767px) {
      .babybear\:invisible {
         visibility: hidden;
      }

      .babybear\:static {
         position: static;
      }

      .babybear\:right-4 {
         right: 32px;
      }

      .babybear\:bottom-0 {
         bottom: 0px;
      }

      .babybear\:left-3 {
         left: 24px;
      }

      .babybear\:-top-1 {
         top: -8px;
      }

      .babybear\:z-0 {
         z-index: 0;
      }

      .babybear\:btn-sm {
         height: min-content;
         min-height: 32px;
         border-radius: 24px;
         padding-top: 7px;
         padding-bottom: 7px;
         padding-left: 16px;
         padding-right: 16px;
         text-align: center;
         font-size: 14px;
         font-weight: 600;
      }

      .babybear\:btn-sm,
      .babybear\:btn-sm:visited,
      .babybear\:btn-sm:focus {
         cursor: pointer;
         text-decoration-line: none;
      }

      .babybear\:btn-sm:hover,
      .babybear\:btn-sm:visited:hover {
         text-decoration-line: none;
      }

      .babybear\:btn-sm:disabled {
         cursor: not-allowed;
      }

      .babybear\:m-0 {
         margin: 0px;
      }

      .babybear\:my-2 {
         margin-top: 16px;
         margin-bottom: 16px;
      }

      .babybear\:mx-0 {
         margin-left: 0px;
         margin-right: 0px;
      }

      .babybear\:mx-mobile-container-padding {
         margin-left: 16px;
         margin-right: 16px;
      }

      .babybear\:ml-0 {
         margin-left: 0px;
      }

      .babybear\:mb-1 {
         margin-bottom: 8px;
      }

      .babybear\:mt-\[6px\] {
         margin-top: 6px;
      }

      .babybear\:mr-0 {
         margin-right: 0px;
      }

      .babybear\:ml-\[-9999px\] {
         margin-left: -9999px;
      }

      .babybear\:mb-1\.5 {
         margin-bottom: 12px;
      }

      .babybear\:ml-1 {
         margin-left: 8px;
      }

      .babybear\:flex {
         display: flex;
      }

      .babybear\:hidden {
         display: none;
      }

      .babybear\:h-\[360px\] {
         height: 360px;
      }

      .babybear\:h-\[72px\] {
         height: 72px;
      }

      .babybear\:h-4 {
         height: 32px;
      }

      .babybear\:h-\[27px\] {
         height: 27px;
      }

      .babybear\:h-\[1px\] {
         height: 1px;
      }

      .babybear\:h-\[48px\] {
         height: 48px;
      }

      .babybear\:h-auto {
         height: auto;
      }

      .babybear\:h-\[180px\] {
         height: 180px;
      }

      .babybear\:max-h-\[225px\] {
         max-height: 225px;
      }

      .babybear\:max-h-\[400px\] {
         max-height: 400px;
      }

      .babybear\:max-h-4 {
         max-height: 32px;
      }

      .babybear\:max-h-\[250px\] {
         max-height: 250px;
      }

      .babybear\:min-h-\[134px\] {
         min-height: 134px;
      }

      .babybear\:w-\[360px\] {
         width: 360px;
      }

      .babybear\:w-full {
         width: 100%;
      }

      .babybear\:w-6 {
         width: 48px;
      }

      .babybear\:w-\[27px\] {
         width: 27px;
      }

      .babybear\:w-\[1px\] {
         width: 1px;
      }

      .babybear\:w-\[100vw\] {
         width: 100vw;
      }

      .babybear\:w-\[calc\(100\%-68px\)\] {
         width: calc(100% - 68px);
      }

      .babybear\:min-w-full {
         min-width: 100%;
      }

      .babybear\:max-w-\[790px\] {
         max-width: 790px;
      }

      .babybear\:max-w-\[32px\] {
         max-width: 32px;
      }

      .babybear\:flex-none {
         flex: none;
      }

      .babybear\:flex-auto {
         flex: 1 1 auto;
      }

      .babybear\:flex-1 {
         flex: 1 1 0%;
      }

      .babybear\:basis-1\/2 {
         flex-basis: 50%;
      }

      .babybear\:container-lined {
         border-radius: 8px;
         border-width: 1px;
         border-style: solid;
         border-color: var(--color-surface-border);
         background-color: var(--color-surface);
      }

      .babybear\:flex-row {
         flex-direction: row;
      }

      .babybear\:flex-col {
         flex-direction: column;
      }

      .babybear\:flex-wrap {
         flex-wrap: wrap;
      }

      .babybear\:items-start {
         align-items: flex-start;
      }

      .babybear\:items-center {
         align-items: center;
      }

      .babybear\:justify-around {
         justify-content: space-around;
      }

      .babybear\:self-start {
         align-self: flex-start;
      }

      .babybear\:self-center {
         align-self: center;
      }

      .babybear\:overflow-y-auto {
         overflow-y: auto;
      }

      .babybear\:rounded-\[0px\] {
         border-radius: 0px;
      }

      .babybear\:border-b-1 {
         border-bottom-width: 1px;
      }

      .babybear\:border-solid {
         border-style: solid;
      }

      .babybear\:border-color-border-low-emphasis {
         border-color: var(--color-border-low-emphasis);
      }

      .babybear\:bg-color-transparent {
         background-color: rgba(0, 0, 0, 0);
      }

      .babybear\:bg-color-brand {
         background-color: var(--color-brand);
      }

      .babybear\:p-2 {
         padding: 16px;
      }

      .babybear\:p-0 {
         padding: 0px;
      }

      .babybear\:px-2 {
         padding-left: 16px;
         padding-right: 16px;
      }

      .babybear\:px-mobile-container-padding {
         padding-left: 16px;
         padding-right: 16px;
      }

      .babybear\:px-\[4px\] {
         padding-left: 4px;
         padding-right: 4px;
      }

      .babybear\:py-3 {
         padding-top: 24px;
         padding-bottom: 24px;
      }

      .babybear\:py-1\.5 {
         padding-top: 12px;
         padding-bottom: 12px;
      }

      .babybear\:py-1 {
         padding-top: 8px;
         padding-bottom: 8px;
      }

      .babybear\:pb-2 {
         padding-bottom: 16px;
      }

      .babybear\:pr-0 {
         padding-right: 0px;
      }

      .babybear\:text-sm {
         font-size: 14px;
      }

      .babybear\:leading-\[150px\] {
         line-height: 150px;
      }

      .babybear\:last\:border-b-0:last-child {
         border-bottom-width: 0;
      }
   }

   @media (max-width: 991px) {
      .babymamabear\:px-mobile-container-padding {
         padding-left: 16px;
         padding-right: 16px;
      }
   }

   @media (min-width: 768px) and (max-width: 991px) {
      .mamabear\:absolute {
         position: absolute;
      }

      .mamabear\:right-4 {
         right: 32px;
      }

      .mamabear\:top-\[58px\] {
         top: 58px;
      }

      .mamabear\:-top-1 {
         top: -8px;
      }

      .mamabear\:flex {
         display: flex;
      }

      .mamabear\:hidden {
         display: none;
      }

      .mamabear\:h-\[100\%\] {
         height: 100%;
      }

      .mamabear\:w-\[744px\] {
         width: 744px;
      }

      .mamabear\:w-full {
         width: 100%;
      }

      .mamabear\:w-\[calc\(100\%-97px\)\] {
         width: calc(100% - 97px);
      }

      .mamabear\:min-w-0 {
         min-width: 0px;
      }

      .mamabear\:max-w-\[790px\] {
         max-width: 790px;
      }

      .mamabear\:container-lined {
         border-radius: 8px;
         border-width: 1px;
         border-style: solid;
         border-color: var(--color-surface-border);
         background-color: var(--color-surface);
      }

      .mamabear\:container-raised {
         border-radius: 8px;
         background-color: var(--color-surface);
         box-shadow: 0px 4px 12px var(--color-shadow);
      }

      .mamabear\:flex-row {
         flex-direction: row;
      }

      .mamabear\:flex-col {
         flex-direction: column;
      }

      .mamabear\:flex-wrap {
         flex-wrap: wrap;
      }

      .mamabear\:items-start {
         align-items: flex-start;
      }

      .mamabear\:items-center {
         align-items: center;
      }

      .mamabear\:justify-start {
         justify-content: flex-start;
      }

      .mamabear\:gap-y-1 {
         row-gap: 8px;
      }

      .mamabear\:self-center {
         align-self: center;
      }

      .mamabear\:rounded-tr-none {
         border-top-right-radius: 0px;
      }

      .mamabear\:px-3 {
         padding-left: 24px;
         padding-right: 24px;
      }

      .mamabear\:px-mobile-container-padding {
         padding-left: 16px;
         padding-right: 16px;
      }

      .mamabear\:py-3 {
         padding-top: 24px;
         padding-bottom: 24px;
      }

      .mamabear\:px-2 {
         padding-left: 16px;
         padding-right: 16px;
      }

      .mamabear\:tab-vertical.tab-sm,
      .mamabear\:tab-vertical .tab-md,
      .mamabear\:tab-vertical .tab-lg {
         justify-content: flex-start;
      }

      .mamabear\:pt-desktop-content-top-margin {
         padding-top: 16px;
      }

      .mamabear\:tab-vertical.tab-sm,
      .mamabear\:tab-vertical .tab-md,
      .mamabear\:tab-vertical .tab-lg {
         justify-content: flex-start;
      }

      .mamabear\:tab-vertical.tab-selected:after {
         position: absolute;
         left: 0px;
         height: 100%;
         --tw-content: "";
         content: var(--tw-content);
         border-left: 4px solid var(--color-indicator-current);
      }
   }

   @media (min-width: 768px) {
      .papamamabear\:pt-desktop-content-top-margin {
         padding-top: 16px;
      }
   }

   @media (min-width: 992px) {
      .papabear\:absolute {
         position: absolute;
      }

      .papabear\:top-\[58px\] {
         top: 58px;
      }

      .papabear\:-top-1 {
         top: -8px;
      }

      .papabear\:mx-auto {
         margin-left: auto;
         margin-right: auto;
      }

      .papabear\:\!mx-2 {
         margin-left: 16px !important;
         margin-right: 16px !important;
      }

      .papabear\:mt-\[-100px\] {
         margin-top: -100px;
      }

      .papabear\:mb-\[18px\] {
         margin-bottom: 18px;
      }

      .papabear\:mt-0 {
         margin-top: 0px;
      }

      .papabear\:mt-0\.5 {
         margin-top: 4px;
      }

      .papabear\:mr-2 {
         margin-right: 16px;
      }

      .papabear\:ml-column-gutter {
         margin-left: 24px;
      }

      .papabear\:flex {
         display: flex;
      }

      .papabear\:hidden {
         display: none;
      }

      .papabear\:h-\[34px\] {
         height: 34px;
      }

      .papabear\:h-\[100\%\] {
         height: 100%;
      }

      .papabear\:min-h-\[96px\] {
         min-height: 96px;
      }

      .papabear\:w-\[400px\] {
         width: 400px;
      }

      .papabear\:w-content-max-w {
         width: 1128px;
      }

      .papabear\:w-core-rail-width {
         width: 790px;
      }

      .papabear\:w-right-rail-width {
         width: calc(1128px - 24px - 790px);
      }

      .papabear\:w-auto {
         width: auto;
      }

      .papabear\:w-\[1128px\] {
         width: 1128px;
      }

      .papabear\:w-\[135px\] {
         width: 135px;
      }

      .papabear\:w-\[calc\(100\%-97px\)\] {
         width: calc(100% - 97px);
      }

      .papabear\:min-w-0 {
         min-width: 0px;
      }

      .papabear\:max-w-\[550px\] {
         max-width: 550px;
      }

      .papabear\:container-lined {
         border-radius: 8px;
         border-width: 1px;
         border-style: solid;
         border-color: var(--color-surface-border);
         background-color: var(--color-surface);
      }

      .papabear\:container-raised {
         border-radius: 8px;
         background-color: var(--color-surface);
         box-shadow: 0px 4px 12px var(--color-shadow);
      }

      .papabear\:flex-col {
         flex-direction: column;
      }

      .papabear\:flex-nowrap {
         flex-wrap: nowrap;
      }

      .papabear\:items-start {
         align-items: flex-start;
      }

      .papabear\:justify-start {
         justify-content: flex-start;
      }

      .papabear\:justify-center {
         justify-content: center;
      }

      .papabear\:self-start {
         align-self: flex-start;
      }

      .papabear\:rounded-tr-none {
         border-top-right-radius: 0px;
      }

      .papabear\:border-4 {
         border-width: 4px;
      }

      .papabear\:p-details-container-padding {
         padding: 24px;
      }

      .papabear\:p-0 {
         padding: 0px;
      }

      .papabear\:py-2 {
         padding-top: 16px;
         padding-bottom: 16px;
      }

      .papabear\:tab-vertical.tab-sm,
      .papabear\:tab-vertical .tab-md,
      .papabear\:tab-vertical .tab-lg {
         justify-content: flex-start;
      }

      .papabear\:pt-desktop-content-top-margin {
         padding-top: 16px;
      }

      .papabear\:tab-vertical.tab-sm,
      .papabear\:tab-vertical .tab-md,
      .papabear\:tab-vertical .tab-lg {
         justify-content: flex-start;
      }

      .papabear\:text-xl {
         font-size: 24px;
      }

      .papabear\:tab-vertical.tab-selected:after {
         position: absolute;
         left: 0px;
         height: 100%;
         --tw-content: "";
         content: var(--tw-content);
         border-left: 4px solid var(--color-indicator-current);
      }
   }
}