@charset "UTF-8";
:root {
  --bx-background: #ffffff;
  --bx-background-active: rgba(141, 141, 141, 0.5);
  --bx-background-brand: #0f62fe;
  --bx-background-hover: rgba(141, 141, 141, 0.12);
  --bx-background-inverse: #393939;
  --bx-background-inverse-hover: #474747;
  --bx-background-selected: rgba(141, 141, 141, 0.2);
  --bx-background-selected-hover: rgba(141, 141, 141, 0.32);
  --bx-border-disabled: #c6c6c6;
  --bx-border-interactive: #0d4c8b;
  --bx-border-inverse: #161616;
  --bx-border-strong-01: #f3f3f3;
  --bx-border-strong-02: #8d8d8d;
  --bx-border-strong-03: #8d8d8d;
  --bx-border-subtle-00: #e0e0e0;
  --bx-border-subtle-01: #dcdcdc;
  --bx-border-subtle-02: #e0e0e0;
  --bx-border-subtle-03: #e0e0e0;
  --bx-border-subtle-selected-01: #c6c6c6;
  --bx-border-subtle-selected-02: #c6c6c6;
  --bx-border-subtle-selected-03: #c6c6c6;
  --bx-field-01: #f4f4f4;
  --bx-field-02: #ffffff;
  --bx-field-03: #f4f4f4;
  --bx-field-hover-01: #e8e8e8;
  --bx-field-hover-02: #e8e8e8;
  --bx-field-hover-03: #e8e8e8;
  --bx-focus: #0d4c8b;
  --bx-focus-inset: #ffffff;
  --bx-focus-inverse: #ffffff;
  --bx-highlight: #d0e2ff;
  --bx-icon-disabled: rgba(22, 22, 22, 0.25);
  --bx-icon-inverse: #ffffff;
  --bx-icon-on-color: #ffffff;
  --bx-icon-on-color-disabled: #8d8d8d;
  --bx-icon-primary: #161616;
  --bx-icon-secondary: #525252;
  --bx-interactive: #0d4c8b;
  --bx-layer-01: #f3f3f3;
  --bx-layer-02: #f3f3f3;
  --bx-layer-03: #f4f4f4;
  --bx-layer-accent-01: #dcdcdc;
  --bx-layer-accent-02: #e0e0e0;
  --bx-layer-accent-03: #e0e0e0;
  --bx-layer-accent-active-01: #a8a8a8;
  --bx-layer-accent-active-02: #a8a8a8;
  --bx-layer-accent-active-03: #a8a8a8;
  --bx-layer-accent-hover-01: #d1d1d1;
  --bx-layer-accent-hover-02: #d1d1d1;
  --bx-layer-accent-hover-03: #d1d1d1;
  --bx-layer-active-01: #c6c6c6;
  --bx-layer-active-02: #c6c6c6;
  --bx-layer-active-03: #c6c6c6;
  --bx-layer-hover-01: #e8e8e8;
  --bx-layer-hover-02: #e8e8e8;
  --bx-layer-hover-03: #e8e8e8;
  --bx-layer-selected-01: #e0e0e0;
  --bx-layer-selected-02: #e0e0e0;
  --bx-layer-selected-03: #e0e0e0;
  --bx-layer-selected-disabled: #8d8d8d;
  --bx-layer-selected-hover-01: #d1d1d1;
  --bx-layer-selected-hover-02: #d1d1d1;
  --bx-layer-selected-hover-03: #d1d1d1;
  --bx-layer-selected-inverse: #161616;
  --bx-link-inverse: #78a9ff;
  --bx-link-inverse-active: #f4f4f4;
  --bx-link-inverse-hover: #a6c8ff;
  --bx-link-primary: #0090FF;
  --bx-link-primary-hover: #0043ce;
  --bx-link-secondary: #0043ce;
  --bx-link-visited: #8a3ffc;
  --bx-overlay: rgba(22, 22, 22, 0.5);
  --bx-shadow: rgba(0, 0, 0, 0.3);
  --bx-skeleton-background: #e8e8e8;
  --bx-skeleton-element: #c6c6c6;
  --bx-support-caution-major: #ff832b;
  --bx-support-caution-minor: #f1c21b;
  --bx-support-caution-undefined: #8a3ffc;
  --bx-support-error: #dd2d4a;
  --bx-support-error-inverse: #fa4d56;
  --bx-support-info: #0d4c8b;
  --bx-support-info-inverse: #4589ff;
  --bx-support-success: #079b6c;
  --bx-support-success-inverse: #42be65;
  --bx-support-warning: #fdd13a;
  --bx-support-warning-inverse: #f1c21b;
  --bx-text-disabled: rgba(22, 22, 22, 0.25);
  --bx-text-error: #da1e28;
  --bx-text-helper: #6f6f6f;
  --bx-text-inverse: #ffffff;
  --bx-text-on-color: #ffffff;
  --bx-text-on-color-disabled: #8d8d8d;
  --bx-text-placeholder: rgba(22, 22, 22, 0.2);
  --bx-text-primary: #161616;
  --bx-text-secondary: #525252;
  --bx-toggle-off: #8d8d8d;
  --bx-spacing-01: 0.125rem;
  --bx-spacing-02: 0.25rem;
  --bx-spacing-03: 0.5rem;
  --bx-spacing-04: 0.75rem;
  --bx-spacing-05: 1rem;
  --bx-spacing-06: 1.5rem;
  --bx-spacing-07: 2rem;
  --bx-spacing-08: 2.5rem;
  --bx-spacing-09: 3rem;
  --bx-spacing-10: 4rem;
  --bx-spacing-11: 5rem;
  --bx-spacing-12: 6rem;
  --bx-spacing-13: 10rem;
  --bx-fluid-spacing-01: 0;
  --bx-fluid-spacing-02: 2vw;
  --bx-fluid-spacing-03: 5vw;
  --bx-fluid-spacing-04: 10vw;
  --bx-label-01-font-size: 0.75rem;
  --bx-label-01-font-weight: 400;
  --bx-label-01-line-height: 1.33333;
  --bx-label-01-letter-spacing: 0.32px;
  --bx-helper-text-01-font-size: 0.75rem;
  --bx-helper-text-01-line-height: 1.33333;
  --bx-helper-text-01-letter-spacing: 0.32px;
  --bx-body-short-01-font-size: 0.875rem;
  --bx-body-short-01-font-weight: 400;
  --bx-body-short-01-line-height: 1.28572;
  --bx-body-short-01-letter-spacing: 0.16px;
  --bx-body-short-02-font-size: 1rem;
  --bx-body-short-02-font-weight: 400;
  --bx-body-short-02-line-height: 1.375;
  --bx-body-short-02-letter-spacing: 0;
  --bx-body-long-01-font-size: 0.875rem;
  --bx-body-long-01-font-weight: 400;
  --bx-body-long-01-line-height: 1.42857;
  --bx-body-long-01-letter-spacing: 0.16px;
  --bx-body-long-02-font-size: 1rem;
  --bx-body-long-02-font-weight: 400;
  --bx-body-long-02-line-height: 1.5;
  --bx-body-long-02-letter-spacing: 0;
  --bx-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --bx-code-01-font-size: 0.75rem;
  --bx-code-01-font-weight: 400;
  --bx-code-01-line-height: 1.33333;
  --bx-code-01-letter-spacing: 0.32px;
  --bx-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --bx-code-02-font-size: 0.875rem;
  --bx-code-02-font-weight: 400;
  --bx-code-02-line-height: 1.42857;
  --bx-code-02-letter-spacing: 0.32px;
  --bx-heading-01-font-size: 0.875rem;
  --bx-heading-01-font-weight: 600;
  --bx-heading-01-line-height: 1.42857;
  --bx-heading-01-letter-spacing: 0.16px;
  --bx-heading-02-font-size: 1rem;
  --bx-heading-02-font-weight: 600;
  --bx-heading-02-line-height: 1.5;
  --bx-heading-02-letter-spacing: 0;
  --bx-productive-heading-01-font-size: 0.875rem;
  --bx-productive-heading-01-font-weight: 600;
  --bx-productive-heading-01-line-height: 1.28572;
  --bx-productive-heading-01-letter-spacing: 0.16px;
  --bx-productive-heading-02-font-size: 1rem;
  --bx-productive-heading-02-font-weight: 600;
  --bx-productive-heading-02-line-height: 1.375;
  --bx-productive-heading-02-letter-spacing: 0;
  --bx-productive-heading-03-font-size: 1.25rem;
  --bx-productive-heading-03-font-weight: 400;
  --bx-productive-heading-03-line-height: 1.4;
  --bx-productive-heading-03-letter-spacing: 0;
  --bx-productive-heading-04-font-size: 1.75rem;
  --bx-productive-heading-04-font-weight: 400;
  --bx-productive-heading-04-line-height: 1.28572;
  --bx-productive-heading-04-letter-spacing: 0;
  --bx-productive-heading-05-font-size: 2rem;
  --bx-productive-heading-05-font-weight: 400;
  --bx-productive-heading-05-line-height: 1.25;
  --bx-productive-heading-05-letter-spacing: 0;
  --bx-productive-heading-06-font-size: 2rem;
  --bx-productive-heading-06-font-weight: 300;
  --bx-productive-heading-06-line-height: 1.199;
  --bx-productive-heading-06-letter-spacing: 0;
  --bx-productive-heading-07-font-size: 2.625rem;
  --bx-productive-heading-07-font-weight: 300;
  --bx-productive-heading-07-line-height: 1.19;
  --bx-productive-heading-07-letter-spacing: 0;
  --bx-expressive-paragraph-01-font-size: 1.5rem;
  --bx-expressive-paragraph-01-font-weight: 300;
  --bx-expressive-paragraph-01-line-height: 1.334;
  --bx-expressive-paragraph-01-letter-spacing: 0;
  --bx-expressive-heading-01-font-size: 0.875rem;
  --bx-expressive-heading-01-font-weight: 600;
  --bx-expressive-heading-01-line-height: 1.42857;
  --bx-expressive-heading-01-letter-spacing: 0.16px;
  --bx-expressive-heading-02-font-size: 1rem;
  --bx-expressive-heading-02-font-weight: 600;
  --bx-expressive-heading-02-line-height: 1.5;
  --bx-expressive-heading-02-letter-spacing: 0;
  --bx-expressive-heading-03-font-size: 1rem;
  --bx-expressive-heading-03-font-weight: 600;
  --bx-expressive-heading-03-line-height: 130%;
  --bx-expressive-heading-03-letter-spacing: 0;
  --bx-expressive-heading-04-font-size: 1.25rem;
  --bx-expressive-heading-04-font-weight: 600;
  --bx-expressive-heading-04-line-height: 129%;
  --bx-expressive-heading-04-letter-spacing: 0;
  --bx-expressive-heading-05-font-size: 1.25rem;
  --bx-expressive-heading-05-font-weight: 600;
  --bx-expressive-heading-05-line-height: 125%;
  --bx-expressive-heading-05-letter-spacing: 0;
  --bx-expressive-heading-06-font-size: 2rem;
  --bx-expressive-heading-06-font-weight: 600;
  --bx-expressive-heading-06-line-height: 1.25;
  --bx-expressive-heading-06-letter-spacing: 0;
  --bx-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --bx-quotation-01-font-size: 1.25rem;
  --bx-quotation-01-font-weight: 400;
  --bx-quotation-01-line-height: 1.3;
  --bx-quotation-01-letter-spacing: 0;
  --bx-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --bx-quotation-02-font-size: 2rem;
  --bx-quotation-02-font-weight: 300;
  --bx-quotation-02-line-height: 1.25;
  --bx-quotation-02-letter-spacing: 0;
  --bx-display-01-font-size: 2.625rem;
  --bx-display-01-font-weight: 300;
  --bx-display-01-line-height: 1.19;
  --bx-display-01-letter-spacing: 0;
  --bx-display-02-font-size: 2.625rem;
  --bx-display-02-font-weight: 600;
  --bx-display-02-line-height: 1.19;
  --bx-display-02-letter-spacing: 0;
  --bx-display-03-font-size: 2.625rem;
  --bx-display-03-font-weight: 300;
  --bx-display-03-line-height: 1.19;
  --bx-display-03-letter-spacing: 0;
  --bx-display-04-font-size: 2.625rem;
  --bx-display-04-font-weight: 600;
  --bx-display-04-line-height: 1.19;
  --bx-display-04-letter-spacing: 0;
  --bx-legal-01-font-size: 0.75rem;
  --bx-legal-01-font-weight: 400;
  --bx-legal-01-line-height: 1.33333;
  --bx-legal-01-letter-spacing: 0.32px;
  --bx-legal-02-font-size: 0.875rem;
  --bx-legal-02-font-weight: 400;
  --bx-legal-02-line-height: 1.28572;
  --bx-legal-02-letter-spacing: 0.16px;
  --bx-body-compact-01-font-size: 0.875rem;
  --bx-body-compact-01-font-weight: 400;
  --bx-body-compact-01-line-height: 1.28572;
  --bx-body-compact-01-letter-spacing: 0.16px;
  --bx-body-compact-02-font-size: 1rem;
  --bx-body-compact-02-font-weight: 400;
  --bx-body-compact-02-line-height: 1.375;
  --bx-body-compact-02-letter-spacing: 0;
  --bx-heading-compact-01-font-size: 0.875rem;
  --bx-heading-compact-01-font-weight: 600;
  --bx-heading-compact-01-line-height: 1.28572;
  --bx-heading-compact-01-letter-spacing: 0.16px;
  --bx-heading-compact-02-font-size: 1rem;
  --bx-heading-compact-02-font-weight: 600;
  --bx-heading-compact-02-line-height: 1.375;
  --bx-heading-compact-02-letter-spacing: 0;
  --bx-body-01-font-size: 0.875rem;
  --bx-body-01-font-weight: 400;
  --bx-body-01-line-height: 1.42857;
  --bx-body-01-letter-spacing: 0.16px;
  --bx-body-02-font-size: 1rem;
  --bx-body-02-font-weight: 400;
  --bx-body-02-line-height: 1.5;
  --bx-body-02-letter-spacing: 0;
  --bx-heading-03-font-size: 1.25rem;
  --bx-heading-03-font-weight: 400;
  --bx-heading-03-line-height: 1.4;
  --bx-heading-03-letter-spacing: 0;
  --bx-heading-04-font-size: 1.75rem;
  --bx-heading-04-font-weight: 400;
  --bx-heading-04-line-height: 1.28572;
  --bx-heading-04-letter-spacing: 0;
  --bx-heading-05-font-size: 2rem;
  --bx-heading-05-font-weight: 400;
  --bx-heading-05-line-height: 1.25;
  --bx-heading-05-letter-spacing: 0;
  --bx-heading-06-font-size: 2rem;
  --bx-heading-06-font-weight: 600;
  --bx-heading-06-line-height: 1.199;
  --bx-heading-06-letter-spacing: 0;
  --bx-heading-07-font-size: 2.625rem;
  --bx-heading-07-font-weight: 300;
  --bx-heading-07-line-height: 1.19;
  --bx-heading-07-letter-spacing: 0;
  --bx-fluid-heading-03-font-size: 1.25rem;
  --bx-fluid-heading-03-font-weight: 400;
  --bx-fluid-heading-03-line-height: 1.4;
  --bx-fluid-heading-03-letter-spacing: 0;
  --bx-fluid-heading-04-font-size: 1.75rem;
  --bx-fluid-heading-04-font-weight: 400;
  --bx-fluid-heading-04-line-height: 1.28572;
  --bx-fluid-heading-04-letter-spacing: 0;
  --bx-fluid-heading-05-font-size: 2rem;
  --bx-fluid-heading-05-font-weight: 400;
  --bx-fluid-heading-05-line-height: 1.25;
  --bx-fluid-heading-05-letter-spacing: 0;
  --bx-fluid-heading-06-font-size: 2rem;
  --bx-fluid-heading-06-font-weight: 600;
  --bx-fluid-heading-06-line-height: 1.25;
  --bx-fluid-heading-06-letter-spacing: 0;
  --bx-fluid-paragraph-01-font-size: 1.5rem;
  --bx-fluid-paragraph-01-font-weight: 300;
  --bx-fluid-paragraph-01-line-height: 1.334;
  --bx-fluid-paragraph-01-letter-spacing: 0;
  --bx-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --bx-fluid-quotation-01-font-size: 1.25rem;
  --bx-fluid-quotation-01-font-weight: 400;
  --bx-fluid-quotation-01-line-height: 1.3;
  --bx-fluid-quotation-01-letter-spacing: 0;
  --bx-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --bx-fluid-quotation-02-font-size: 2rem;
  --bx-fluid-quotation-02-font-weight: 300;
  --bx-fluid-quotation-02-line-height: 1.25;
  --bx-fluid-quotation-02-letter-spacing: 0;
  --bx-fluid-display-01-font-size: 2.625rem;
  --bx-fluid-display-01-font-weight: 300;
  --bx-fluid-display-01-line-height: 1.19;
  --bx-fluid-display-01-letter-spacing: 0;
  --bx-fluid-display-02-font-size: 2.625rem;
  --bx-fluid-display-02-font-weight: 600;
  --bx-fluid-display-02-line-height: 1.19;
  --bx-fluid-display-02-letter-spacing: 0;
  --bx-fluid-display-03-font-size: 2.625rem;
  --bx-fluid-display-03-font-weight: 300;
  --bx-fluid-display-03-line-height: 1.19;
  --bx-fluid-display-03-letter-spacing: 0;
  --bx-fluid-display-04-font-size: 2.625rem;
  --bx-fluid-display-04-font-weight: 600;
  --bx-fluid-display-04-line-height: 1.19;
  --bx-fluid-display-04-letter-spacing: 0;
  --bx-fluid-heading--main-font-size: 1.25rem;
  --bx-fluid-heading--main-font-weight: 600;
  --bx-fluid-heading--main-line-height: 125%;
  --bx-fluid-heading--main-letter-spacing: 0.1;
  --bx-caption-01-font-size: 0.75rem;
  --bx-caption-01-font-weight: 400;
  --bx-caption-01-line-height: 1.34;
  --bx-caption-01-letter-spacing: 0.32px;
  --bx-button-primary: #0d4c8b;
  --bx-button-secondary: #171717;
  --bx-button-tertiary: #0d4c8b;
  --bx-button-danger-primary: #da1e28;
  --bx-button-danger-secondary: #da1e28;
  --bx-text-tertiary: #757575;
  --bx-header-logo-width--sm: 55px;
  --bx-header-logo-height--sm: 32px;
  --bx-header-logo-width--md: 80px;
  --bx-header-logo-height--md: 48px;
  --bx-footer-logo-width--sm: 80px;
  --bx-footer-logo-height--sm: 32px;
  --bx-footer-logo-width--md: 80px;
  --bx-footer-logo-height--md: 48px;
  --bx-layer:var(--bx-layer-01, #f3f3f3);
  --bx-layer-active:var(--bx-layer-active-01, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-01, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-01, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-01, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-01, #dcdcdc);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-01, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-01, #a8a8a8);
  --bx-field:var(--bx-field-01, #f4f4f4);
  --bx-field-hover:var(--bx-field-hover-01, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-01, #dcdcdc);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-01, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-01, #f3f3f3);
}

body.fixdirect {
  --bx-background: #ffffff;
  --bx-background-active: rgba(141, 141, 141, 0.5);
  --bx-background-brand: #0f62fe;
  --bx-background-hover: rgba(141, 141, 141, 0.12);
  --bx-background-inverse: #393939;
  --bx-background-inverse-hover: #474747;
  --bx-background-selected: rgba(141, 141, 141, 0.2);
  --bx-background-selected-hover: rgba(141, 141, 141, 0.32);
  --bx-border-disabled: #c6c6c6;
  --bx-border-interactive: #0d4c8b;
  --bx-border-inverse: #161616;
  --bx-border-strong-01: #f3f3f3;
  --bx-border-strong-02: #8d8d8d;
  --bx-border-strong-03: #8d8d8d;
  --bx-border-subtle-00: #e0e0e0;
  --bx-border-subtle-01: #dcdcdc;
  --bx-border-subtle-02: #e0e0e0;
  --bx-border-subtle-03: #e0e0e0;
  --bx-border-subtle-selected-01: #c6c6c6;
  --bx-border-subtle-selected-02: #c6c6c6;
  --bx-border-subtle-selected-03: #c6c6c6;
  --bx-field-01: #f4f4f4;
  --bx-field-02: #ffffff;
  --bx-field-03: #f4f4f4;
  --bx-field-hover-01: #e8e8e8;
  --bx-field-hover-02: #e8e8e8;
  --bx-field-hover-03: #e8e8e8;
  --bx-focus: #027a2c;
  --bx-focus-inset: #ffffff;
  --bx-focus-inverse: #ffffff;
  --bx-highlight: #027a2c;
  --bx-icon-disabled: rgba(22, 22, 22, 0.25);
  --bx-icon-inverse: #ffffff;
  --bx-icon-on-color: #ffffff;
  --bx-icon-on-color-disabled: #8d8d8d;
  --bx-icon-primary: #161616;
  --bx-icon-secondary: #525252;
  --bx-interactive: #027a2c;
  --bx-layer-01: #f3f3f3;
  --bx-layer-02: #f3f3f3;
  --bx-layer-03: #f4f4f4;
  --bx-layer-accent-01: #dcdcdc;
  --bx-layer-accent-02: #e0e0e0;
  --bx-layer-accent-03: #e0e0e0;
  --bx-layer-accent-active-01: #a8a8a8;
  --bx-layer-accent-active-02: #a8a8a8;
  --bx-layer-accent-active-03: #a8a8a8;
  --bx-layer-accent-hover-01: #d1d1d1;
  --bx-layer-accent-hover-02: #d1d1d1;
  --bx-layer-accent-hover-03: #d1d1d1;
  --bx-layer-active-01: #c6c6c6;
  --bx-layer-active-02: #c6c6c6;
  --bx-layer-active-03: #c6c6c6;
  --bx-layer-hover-01: #e8e8e8;
  --bx-layer-hover-02: #e8e8e8;
  --bx-layer-hover-03: #e8e8e8;
  --bx-layer-selected-01: #e0e0e0;
  --bx-layer-selected-02: #e0e0e0;
  --bx-layer-selected-03: #e0e0e0;
  --bx-layer-selected-disabled: #8d8d8d;
  --bx-layer-selected-hover-01: #d1d1d1;
  --bx-layer-selected-hover-02: #d1d1d1;
  --bx-layer-selected-hover-03: #d1d1d1;
  --bx-layer-selected-inverse: #161616;
  --bx-link-inverse: #78a9ff;
  --bx-link-inverse-active: #f4f4f4;
  --bx-link-inverse-hover: #a6c8ff;
  --bx-link-primary: #3aa54b;
  --bx-link-primary-hover: #046324;
  --bx-link-secondary: #0043ce;
  --bx-link-visited: #8a3ffc;
  --bx-overlay: rgba(22, 22, 22, 0.5);
  --bx-shadow: rgba(0, 0, 0, 0.3);
  --bx-skeleton-background: #e8e8e8;
  --bx-skeleton-element: #c6c6c6;
  --bx-support-caution-major: #ff832b;
  --bx-support-caution-minor: #f1c21b;
  --bx-support-caution-undefined: #8a3ffc;
  --bx-support-error: #dd2d4a;
  --bx-support-error-inverse: #fa4d56;
  --bx-support-info: #0d4c8b;
  --bx-support-info-inverse: #4589ff;
  --bx-support-success: #079b6c;
  --bx-support-success-inverse: #42be65;
  --bx-support-warning: #fdd13a;
  --bx-support-warning-inverse: #f1c21b;
  --bx-text-disabled: rgba(22, 22, 22, 0.25);
  --bx-text-error: #da1e28;
  --bx-text-helper: #6f6f6f;
  --bx-text-inverse: #ffffff;
  --bx-text-on-color: #ffffff;
  --bx-text-on-color-disabled: #8d8d8d;
  --bx-text-placeholder: rgba(22, 22, 22, 0.2);
  --bx-text-primary: #161616;
  --bx-text-secondary: #525252;
  --bx-toggle-off: #8d8d8d;
  --bx-spacing-01: 0.125rem;
  --bx-spacing-02: 0.25rem;
  --bx-spacing-03: 0.5rem;
  --bx-spacing-04: 0.75rem;
  --bx-spacing-05: 1rem;
  --bx-spacing-06: 1.5rem;
  --bx-spacing-07: 2rem;
  --bx-spacing-08: 2.5rem;
  --bx-spacing-09: 3rem;
  --bx-spacing-10: 4rem;
  --bx-spacing-11: 5rem;
  --bx-spacing-12: 6rem;
  --bx-spacing-13: 10rem;
  --bx-fluid-spacing-01: 0;
  --bx-fluid-spacing-02: 2vw;
  --bx-fluid-spacing-03: 5vw;
  --bx-fluid-spacing-04: 10vw;
  --bx-label-01-font-size: 0.75rem;
  --bx-label-01-font-weight: 400;
  --bx-label-01-line-height: 1.33333;
  --bx-label-01-letter-spacing: 0.32px;
  --bx-helper-text-01-font-size: 0.75rem;
  --bx-helper-text-01-line-height: 1.33333;
  --bx-helper-text-01-letter-spacing: 0.32px;
  --bx-body-short-01-font-size: 0.875rem;
  --bx-body-short-01-font-weight: 400;
  --bx-body-short-01-line-height: 1.28572;
  --bx-body-short-01-letter-spacing: 0.16px;
  --bx-body-short-02-font-size: 1rem;
  --bx-body-short-02-font-weight: 400;
  --bx-body-short-02-line-height: 1.375;
  --bx-body-short-02-letter-spacing: 0;
  --bx-body-long-01-font-size: 0.875rem;
  --bx-body-long-01-font-weight: 400;
  --bx-body-long-01-line-height: 1.42857;
  --bx-body-long-01-letter-spacing: 0.16px;
  --bx-body-long-02-font-size: 1rem;
  --bx-body-long-02-font-weight: 400;
  --bx-body-long-02-line-height: 1.5;
  --bx-body-long-02-letter-spacing: 0;
  --bx-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --bx-code-01-font-size: 0.75rem;
  --bx-code-01-font-weight: 400;
  --bx-code-01-line-height: 1.33333;
  --bx-code-01-letter-spacing: 0.32px;
  --bx-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --bx-code-02-font-size: 0.875rem;
  --bx-code-02-font-weight: 400;
  --bx-code-02-line-height: 1.42857;
  --bx-code-02-letter-spacing: 0.32px;
  --bx-heading-01-font-size: 0.875rem;
  --bx-heading-01-font-weight: 600;
  --bx-heading-01-line-height: 1.42857;
  --bx-heading-01-letter-spacing: 0.16px;
  --bx-heading-02-font-size: 1rem;
  --bx-heading-02-font-weight: 600;
  --bx-heading-02-line-height: 1.5;
  --bx-heading-02-letter-spacing: 0;
  --bx-productive-heading-01-font-size: 0.875rem;
  --bx-productive-heading-01-font-weight: 600;
  --bx-productive-heading-01-line-height: 1.28572;
  --bx-productive-heading-01-letter-spacing: 0.16px;
  --bx-productive-heading-02-font-size: 1rem;
  --bx-productive-heading-02-font-weight: 600;
  --bx-productive-heading-02-line-height: 1.375;
  --bx-productive-heading-02-letter-spacing: 0;
  --bx-productive-heading-03-font-size: 1.25rem;
  --bx-productive-heading-03-font-weight: 400;
  --bx-productive-heading-03-line-height: 1.4;
  --bx-productive-heading-03-letter-spacing: 0;
  --bx-productive-heading-04-font-size: 1.75rem;
  --bx-productive-heading-04-font-weight: 400;
  --bx-productive-heading-04-line-height: 1.28572;
  --bx-productive-heading-04-letter-spacing: 0;
  --bx-productive-heading-05-font-size: 2rem;
  --bx-productive-heading-05-font-weight: 400;
  --bx-productive-heading-05-line-height: 1.25;
  --bx-productive-heading-05-letter-spacing: 0;
  --bx-productive-heading-06-font-size: 2rem;
  --bx-productive-heading-06-font-weight: 300;
  --bx-productive-heading-06-line-height: 1.199;
  --bx-productive-heading-06-letter-spacing: 0;
  --bx-productive-heading-07-font-size: 2.625rem;
  --bx-productive-heading-07-font-weight: 300;
  --bx-productive-heading-07-line-height: 1.19;
  --bx-productive-heading-07-letter-spacing: 0;
  --bx-expressive-paragraph-01-font-size: 1.5rem;
  --bx-expressive-paragraph-01-font-weight: 300;
  --bx-expressive-paragraph-01-line-height: 1.334;
  --bx-expressive-paragraph-01-letter-spacing: 0;
  --bx-expressive-heading-01-font-size: 0.875rem;
  --bx-expressive-heading-01-font-weight: 600;
  --bx-expressive-heading-01-line-height: 1.42857;
  --bx-expressive-heading-01-letter-spacing: 0.16px;
  --bx-expressive-heading-02-font-size: 1rem;
  --bx-expressive-heading-02-font-weight: 600;
  --bx-expressive-heading-02-line-height: 1.5;
  --bx-expressive-heading-02-letter-spacing: 0;
  --bx-expressive-heading-03-font-size: 1rem;
  --bx-expressive-heading-03-font-weight: 600;
  --bx-expressive-heading-03-line-height: 130%;
  --bx-expressive-heading-03-letter-spacing: 0;
  --bx-expressive-heading-04-font-size: 1.25rem;
  --bx-expressive-heading-04-font-weight: 600;
  --bx-expressive-heading-04-line-height: 129%;
  --bx-expressive-heading-04-letter-spacing: 0;
  --bx-expressive-heading-05-font-size: 1.25rem;
  --bx-expressive-heading-05-font-weight: 600;
  --bx-expressive-heading-05-line-height: 125%;
  --bx-expressive-heading-05-letter-spacing: 0;
  --bx-expressive-heading-06-font-size: 2rem;
  --bx-expressive-heading-06-font-weight: 600;
  --bx-expressive-heading-06-line-height: 1.25;
  --bx-expressive-heading-06-letter-spacing: 0;
  --bx-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --bx-quotation-01-font-size: 1.25rem;
  --bx-quotation-01-font-weight: 400;
  --bx-quotation-01-line-height: 1.3;
  --bx-quotation-01-letter-spacing: 0;
  --bx-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --bx-quotation-02-font-size: 2rem;
  --bx-quotation-02-font-weight: 300;
  --bx-quotation-02-line-height: 1.25;
  --bx-quotation-02-letter-spacing: 0;
  --bx-display-01-font-size: 2.625rem;
  --bx-display-01-font-weight: 300;
  --bx-display-01-line-height: 1.19;
  --bx-display-01-letter-spacing: 0;
  --bx-display-02-font-size: 2.625rem;
  --bx-display-02-font-weight: 600;
  --bx-display-02-line-height: 1.19;
  --bx-display-02-letter-spacing: 0;
  --bx-display-03-font-size: 2.625rem;
  --bx-display-03-font-weight: 300;
  --bx-display-03-line-height: 1.19;
  --bx-display-03-letter-spacing: 0;
  --bx-display-04-font-size: 2.625rem;
  --bx-display-04-font-weight: 600;
  --bx-display-04-line-height: 1.19;
  --bx-display-04-letter-spacing: 0;
  --bx-legal-01-font-size: 0.75rem;
  --bx-legal-01-font-weight: 400;
  --bx-legal-01-line-height: 1.33333;
  --bx-legal-01-letter-spacing: 0.32px;
  --bx-legal-02-font-size: 0.875rem;
  --bx-legal-02-font-weight: 400;
  --bx-legal-02-line-height: 1.28572;
  --bx-legal-02-letter-spacing: 0.16px;
  --bx-body-compact-01-font-size: 0.875rem;
  --bx-body-compact-01-font-weight: 400;
  --bx-body-compact-01-line-height: 1.28572;
  --bx-body-compact-01-letter-spacing: 0.16px;
  --bx-body-compact-02-font-size: 1rem;
  --bx-body-compact-02-font-weight: 400;
  --bx-body-compact-02-line-height: 1.375;
  --bx-body-compact-02-letter-spacing: 0;
  --bx-heading-compact-01-font-size: 0.875rem;
  --bx-heading-compact-01-font-weight: 600;
  --bx-heading-compact-01-line-height: 1.28572;
  --bx-heading-compact-01-letter-spacing: 0.16px;
  --bx-heading-compact-02-font-size: 1rem;
  --bx-heading-compact-02-font-weight: 600;
  --bx-heading-compact-02-line-height: 1.375;
  --bx-heading-compact-02-letter-spacing: 0;
  --bx-body-01-font-size: 0.875rem;
  --bx-body-01-font-weight: 400;
  --bx-body-01-line-height: 1.42857;
  --bx-body-01-letter-spacing: 0.16px;
  --bx-body-02-font-size: 1rem;
  --bx-body-02-font-weight: 400;
  --bx-body-02-line-height: 1.5;
  --bx-body-02-letter-spacing: 0;
  --bx-heading-03-font-size: 1.25rem;
  --bx-heading-03-font-weight: 400;
  --bx-heading-03-line-height: 1.4;
  --bx-heading-03-letter-spacing: 0;
  --bx-heading-04-font-size: 1.75rem;
  --bx-heading-04-font-weight: 400;
  --bx-heading-04-line-height: 1.28572;
  --bx-heading-04-letter-spacing: 0;
  --bx-heading-05-font-size: 2rem;
  --bx-heading-05-font-weight: 400;
  --bx-heading-05-line-height: 1.25;
  --bx-heading-05-letter-spacing: 0;
  --bx-heading-06-font-size: 2rem;
  --bx-heading-06-font-weight: 600;
  --bx-heading-06-line-height: 1.199;
  --bx-heading-06-letter-spacing: 0;
  --bx-heading-07-font-size: 2.625rem;
  --bx-heading-07-font-weight: 300;
  --bx-heading-07-line-height: 1.19;
  --bx-heading-07-letter-spacing: 0;
  --bx-fluid-heading-03-font-size: 1.25rem;
  --bx-fluid-heading-03-font-weight: 400;
  --bx-fluid-heading-03-line-height: 1.4;
  --bx-fluid-heading-03-letter-spacing: 0;
  --bx-fluid-heading-04-font-size: 1.75rem;
  --bx-fluid-heading-04-font-weight: 400;
  --bx-fluid-heading-04-line-height: 1.28572;
  --bx-fluid-heading-04-letter-spacing: 0;
  --bx-fluid-heading-05-font-size: 2rem;
  --bx-fluid-heading-05-font-weight: 400;
  --bx-fluid-heading-05-line-height: 1.25;
  --bx-fluid-heading-05-letter-spacing: 0;
  --bx-fluid-heading-06-font-size: 2rem;
  --bx-fluid-heading-06-font-weight: 600;
  --bx-fluid-heading-06-line-height: 1.25;
  --bx-fluid-heading-06-letter-spacing: 0;
  --bx-fluid-paragraph-01-font-size: 1.5rem;
  --bx-fluid-paragraph-01-font-weight: 300;
  --bx-fluid-paragraph-01-line-height: 1.334;
  --bx-fluid-paragraph-01-letter-spacing: 0;
  --bx-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --bx-fluid-quotation-01-font-size: 1.25rem;
  --bx-fluid-quotation-01-font-weight: 400;
  --bx-fluid-quotation-01-line-height: 1.3;
  --bx-fluid-quotation-01-letter-spacing: 0;
  --bx-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --bx-fluid-quotation-02-font-size: 2rem;
  --bx-fluid-quotation-02-font-weight: 300;
  --bx-fluid-quotation-02-line-height: 1.25;
  --bx-fluid-quotation-02-letter-spacing: 0;
  --bx-fluid-display-01-font-size: 2.625rem;
  --bx-fluid-display-01-font-weight: 300;
  --bx-fluid-display-01-line-height: 1.19;
  --bx-fluid-display-01-letter-spacing: 0;
  --bx-fluid-display-02-font-size: 2.625rem;
  --bx-fluid-display-02-font-weight: 600;
  --bx-fluid-display-02-line-height: 1.19;
  --bx-fluid-display-02-letter-spacing: 0;
  --bx-fluid-display-03-font-size: 2.625rem;
  --bx-fluid-display-03-font-weight: 300;
  --bx-fluid-display-03-line-height: 1.19;
  --bx-fluid-display-03-letter-spacing: 0;
  --bx-fluid-display-04-font-size: 2.625rem;
  --bx-fluid-display-04-font-weight: 600;
  --bx-fluid-display-04-line-height: 1.19;
  --bx-fluid-display-04-letter-spacing: 0;
  --bx-fluid-heading--main-font-size: 1.25rem;
  --bx-fluid-heading--main-font-weight: 600;
  --bx-fluid-heading--main-line-height: 125%;
  --bx-fluid-heading--main-letter-spacing: 0.1;
  --bx-caption-01-font-size: 0.75rem;
  --bx-caption-01-font-weight: 400;
  --bx-caption-01-line-height: 1.34;
  --bx-caption-01-letter-spacing: 0.32px;
  --bx-button-primary: #027a2c;
  --bx-button-secondary: #171717;
  --bx-button-tertiary: #027a2c;
  --bx-button-danger-primary: #da1e28;
  --bx-button-danger-secondary: #da1e28;
  --bx-text-tertiary: #757575;
  --bx-header-logo-width--sm: 120px;
  --bx-header-logo-height--sm: 32px;
  --bx-header-logo-width--md: 180px;
  --bx-header-logo-height--md: 32px;
  --bx-footer-logo-width--sm: 200px;
  --bx-footer-logo-height--sm: 32px;
  --bx-footer-logo-width--md: 200px;
  --bx-footer-logo-height--md: 32px;
  --bx-button-primary-hover: #1e9131;
  --bx-button-primary-active: #046324;
  --bx-button-tertiary-hover: #1e9131;
  --bx-layer:var(--bx-layer-01, #f3f3f3);
  --bx-layer-active:var(--bx-layer-active-01, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-01, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-01, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-01, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-01, #dcdcdc);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-01, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-01, #a8a8a8);
  --bx-field:var(--bx-field-01, #f4f4f4);
  --bx-field-hover:var(--bx-field-hover-01, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-01, #dcdcdc);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-01, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-01, #f3f3f3);
}

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

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  background-color: var(--bx-background, #ffffff);
  color: var(--bx-text-primary, #161616);
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: var(--bx-heading-06-font-size, 2rem);
  font-weight: var(--bx-heading-06-font-weight, 600);
  line-height: var(--bx-heading-06-line-height, 1.199);
  letter-spacing: var(--bx-heading-06-letter-spacing, 0);
}

h2 {
  font-size: var(--bx-heading-05-font-size, 2rem);
  font-weight: var(--bx-heading-05-font-weight, 400);
  line-height: var(--bx-heading-05-line-height, 1.25);
  letter-spacing: var(--bx-heading-05-letter-spacing, 0);
}

h3 {
  font-size: var(--bx-heading-04-font-size, 1.75rem);
  font-weight: var(--bx-heading-04-font-weight, 400);
  line-height: var(--bx-heading-04-line-height, 1.28572);
  letter-spacing: var(--bx-heading-04-letter-spacing, 0);
}

h4 {
  font-size: var(--bx-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-heading-03-font-weight, 400);
  line-height: var(--bx-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-heading-03-letter-spacing, 0);
}

h5 {
  font-size: var(--bx-heading-02-font-size, 1rem);
  font-weight: var(--bx-heading-02-font-weight, 600);
  line-height: var(--bx-heading-02-line-height, 1.5);
  letter-spacing: var(--bx-heading-02-letter-spacing, 0);
}

h6 {
  font-size: var(--bx-heading-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-01-font-weight, 600);
  line-height: var(--bx-heading-01-line-height, 1.42857);
  letter-spacing: var(--bx-heading-01-letter-spacing, 0.16px);
}

p {
  font-size: var(--bx-body-02-font-size, 1rem);
  font-weight: var(--bx-body-02-font-weight, 400);
  line-height: var(--bx-body-02-line-height, 1.5);
  letter-spacing: var(--bx-body-02-letter-spacing, 0);
}

a {
  color: var(--cds-link-primary, #0062fe);
}

em {
  font-style: italic;
}

.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 42rem) {
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid--full-width {
    max-width: 100%;
  }
}
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.bx--row-padding [class*=bx--col],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--grid--condensed [class*=bx--col] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto,
.bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto,
.bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col,
.bx--col-sm {
  max-width: 100%;
  flex-basis: 0;
  flex-grow: 1;
}

.bx--col--auto,
.bx--col-sm--auto {
  width: auto;
  max-width: 100%;
  flex: 1 0 0%;
}

.bx--col-sm-0 {
  display: none;
}

.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

.bx--offset-sm-0 {
  margin-left: 0;
}

.bx--offset-sm-1 {
  margin-left: 25%;
}

.bx--offset-sm-2 {
  margin-left: 50%;
}

.bx--offset-sm-3 {
  margin-left: 75%;
}

.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto,
.bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto,
.bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .bx--col--auto,
.bx--col-md--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }
  .bx--col-md-0 {
    display: none;
  }
  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .bx--offset-md-0 {
    margin-left: 0;
  }
  .bx--offset-md-1 {
    margin-left: 12.5%;
  }
  .bx--offset-md-2 {
    margin-left: 25%;
  }
  .bx--offset-md-3 {
    margin-left: 37.5%;
  }
  .bx--offset-md-4 {
    margin-left: 50%;
  }
  .bx--offset-md-5 {
    margin-left: 62.5%;
  }
  .bx--offset-md-6 {
    margin-left: 75%;
  }
  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto,
.bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto,
.bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .bx--col--auto,
.bx--col-lg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }
  .bx--col-lg-0 {
    display: none;
  }
  .bx--col-lg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .bx--col-lg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .bx--col-lg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .bx--col-lg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .bx--col-lg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .bx--col-lg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .bx--col-lg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .bx--col-lg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .bx--col-lg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .bx--col-lg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .bx--col-lg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .bx--col-lg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .bx--offset-lg-0 {
    margin-left: 0;
  }
  .bx--offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .bx--offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .bx--offset-lg-3 {
    margin-left: 25%;
  }
  .bx--offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .bx--offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .bx--offset-lg-6 {
    margin-left: 50%;
  }
  .bx--offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .bx--offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .bx--offset-lg-9 {
    margin-left: 75%;
  }
  .bx--offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .bx--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-13 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-13, .bx--grid--condensed .bx--col-xlg-13 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-13, .bx--grid--narrow .bx--col-xlg-13 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-14 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-14, .bx--grid--condensed .bx--col-xlg-14 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-14, .bx--grid--narrow .bx--col-xlg-14 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-15 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-15, .bx--grid--condensed .bx--col-xlg-15 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-15, .bx--grid--narrow .bx--col-xlg-15 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-16 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg-16, .bx--grid--condensed .bx--col-xlg-16 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg-16, .bx--grid--narrow .bx--col-xlg-16 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto,
.bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto,
.bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 80rem) {
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }
  .bx--col-xlg-0 {
    display: none;
  }
  .bx--col-xlg-1 {
    display: block;
    max-width: 6.25%;
    flex: 0 0 6.25%;
  }
  .bx--col-xlg-2 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .bx--col-xlg-3 {
    display: block;
    max-width: 18.75%;
    flex: 0 0 18.75%;
  }
  .bx--col-xlg-4 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .bx--col-xlg-5 {
    display: block;
    max-width: 31.25%;
    flex: 0 0 31.25%;
  }
  .bx--col-xlg-6 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .bx--col-xlg-7 {
    display: block;
    max-width: 43.75%;
    flex: 0 0 43.75%;
  }
  .bx--col-xlg-8 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .bx--col-xlg-9 {
    display: block;
    max-width: 56.25%;
    flex: 0 0 56.25%;
  }
  .bx--col-xlg-10 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .bx--col-xlg-11 {
    display: block;
    max-width: 68.75%;
    flex: 0 0 68.75%;
  }
  .bx--col-xlg-12 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .bx--col-xlg-13 {
    display: block;
    max-width: 81.25%;
    flex: 0 0 81.25%;
  }
  .bx--col-xlg-14 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .bx--col-xlg-15 {
    display: block;
    max-width: 93.75%;
    flex: 0 0 93.75%;
  }
  .bx--col-xlg-16 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .bx--offset-xlg-0 {
    margin-left: 0;
  }
  .bx--offset-xlg-1 {
    margin-left: 6.25%;
  }
  .bx--offset-xlg-2 {
    margin-left: 12.5%;
  }
  .bx--offset-xlg-3 {
    margin-left: 18.75%;
  }
  .bx--offset-xlg-4 {
    margin-left: 25%;
  }
  .bx--offset-xlg-5 {
    margin-left: 31.25%;
  }
  .bx--offset-xlg-6 {
    margin-left: 37.5%;
  }
  .bx--offset-xlg-7 {
    margin-left: 43.75%;
  }
  .bx--offset-xlg-8 {
    margin-left: 50%;
  }
  .bx--offset-xlg-9 {
    margin-left: 56.25%;
  }
  .bx--offset-xlg-10 {
    margin-left: 62.5%;
  }
  .bx--offset-xlg-11 {
    margin-left: 68.75%;
  }
  .bx--offset-xlg-12 {
    margin-left: 75%;
  }
  .bx--offset-xlg-13 {
    margin-left: 81.25%;
  }
  .bx--offset-xlg-14 {
    margin-left: 87.5%;
  }
  .bx--offset-xlg-15 {
    margin-left: 93.75%;
  }
}
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-13 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-13, .bx--grid--condensed .bx--col-max-13 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-13, .bx--grid--narrow .bx--col-max-13 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-14 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-14, .bx--grid--condensed .bx--col-max-14 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-14, .bx--grid--narrow .bx--col-max-14 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-15 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-15, .bx--grid--condensed .bx--col-max-15 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-15, .bx--grid--narrow .bx--col-max-15 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-16 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max-16, .bx--grid--condensed .bx--col-max-16 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max-16, .bx--grid--narrow .bx--col-max-16 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto,
.bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}

.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto,
.bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .bx--col--auto,
.bx--col-max--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }
  .bx--col-max-0 {
    display: none;
  }
  .bx--col-max-1 {
    display: block;
    max-width: 6.25%;
    flex: 0 0 6.25%;
  }
  .bx--col-max-2 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .bx--col-max-3 {
    display: block;
    max-width: 18.75%;
    flex: 0 0 18.75%;
  }
  .bx--col-max-4 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .bx--col-max-5 {
    display: block;
    max-width: 31.25%;
    flex: 0 0 31.25%;
  }
  .bx--col-max-6 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .bx--col-max-7 {
    display: block;
    max-width: 43.75%;
    flex: 0 0 43.75%;
  }
  .bx--col-max-8 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .bx--col-max-9 {
    display: block;
    max-width: 56.25%;
    flex: 0 0 56.25%;
  }
  .bx--col-max-10 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .bx--col-max-11 {
    display: block;
    max-width: 68.75%;
    flex: 0 0 68.75%;
  }
  .bx--col-max-12 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .bx--col-max-13 {
    display: block;
    max-width: 81.25%;
    flex: 0 0 81.25%;
  }
  .bx--col-max-14 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .bx--col-max-15 {
    display: block;
    max-width: 93.75%;
    flex: 0 0 93.75%;
  }
  .bx--col-max-16 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .bx--offset-max-0 {
    margin-left: 0;
  }
  .bx--offset-max-1 {
    margin-left: 6.25%;
  }
  .bx--offset-max-2 {
    margin-left: 12.5%;
  }
  .bx--offset-max-3 {
    margin-left: 18.75%;
  }
  .bx--offset-max-4 {
    margin-left: 25%;
  }
  .bx--offset-max-5 {
    margin-left: 31.25%;
  }
  .bx--offset-max-6 {
    margin-left: 37.5%;
  }
  .bx--offset-max-7 {
    margin-left: 43.75%;
  }
  .bx--offset-max-8 {
    margin-left: 50%;
  }
  .bx--offset-max-9 {
    margin-left: 56.25%;
  }
  .bx--offset-max-10 {
    margin-left: 62.5%;
  }
  .bx--offset-max-11 {
    margin-left: 68.75%;
  }
  .bx--offset-max-12 {
    margin-left: 75%;
  }
  .bx--offset-max-13 {
    margin-left: 81.25%;
  }
  .bx--offset-max-14 {
    margin-left: 87.5%;
  }
  .bx--offset-max-15 {
    margin-left: 93.75%;
  }
}
.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
  padding-right: 0;
  padding-left: 0;
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
  padding-right: 0;
}

.bx--hang--start {
  padding-left: 1rem;
}

.bx--hang--end {
  padding-right: 1rem;
}

:root {
  --bx-layer:var(--bx-layer-01, #f3f3f3);
  --bx-layer-active:var(--bx-layer-active-01, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-01, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-01, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-01, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-01, #dcdcdc);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-01, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-01, #a8a8a8);
  --bx-field:var(--bx-field-01, #f4f4f4);
  --bx-field-hover:var(--bx-field-hover-01, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-01, #dcdcdc);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-01, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-01, #f3f3f3);
}

.bx--layer-one {
  --bx-layer:var(--bx-layer-01, #f3f3f3);
  --bx-layer-active:var(--bx-layer-active-01, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-01, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-01, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-01, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-01, #dcdcdc);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-01, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-01, #a8a8a8);
  --bx-field:var(--bx-field-01, #f4f4f4);
  --bx-field-hover:var(--bx-field-hover-01, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-01, #dcdcdc);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-01, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-01, #f3f3f3);
}

.bx--layer-two {
  --bx-layer:var(--bx-layer-02, #f3f3f3);
  --bx-layer-active:var(--bx-layer-active-02, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-02, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-02, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-02, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-02, #e0e0e0);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-02, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-02, #a8a8a8);
  --bx-field:var(--bx-field-02, #ffffff);
  --bx-field-hover:var(--bx-field-hover-02, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-02, #e0e0e0);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-02, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-02, #8d8d8d);
}

.bx--layer-three {
  --bx-layer:var(--bx-layer-03, #f4f4f4);
  --bx-layer-active:var(--bx-layer-active-03, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-03, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-03, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-03, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-03, #e0e0e0);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-03, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-03, #a8a8a8);
  --bx-field:var(--bx-field-03, #f4f4f4);
  --bx-field-hover:var(--bx-field-hover-03, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-03, #e0e0e0);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-03, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-03, #8d8d8d);
}

.bx--white {
  background: var(--cds-background);
  color: var(--cds-text-primary);
  --bx-background:#ffffff;
  --bx-background-active:rgba(141, 141, 141, 0.5);
  --bx-background-brand:#0f62fe;
  --bx-background-hover:rgba(141, 141, 141, 0.12);
  --bx-background-inverse:#393939;
  --bx-background-inverse-hover:#474747;
  --bx-background-selected:rgba(141, 141, 141, 0.2);
  --bx-background-selected-hover:rgba(141, 141, 141, 0.32);
  --bx-border-disabled:#c6c6c6;
  --bx-border-interactive:#0f62fe;
  --bx-border-inverse:#161616;
  --bx-border-strong-01:#8d8d8d;
  --bx-border-strong-02:#8d8d8d;
  --bx-border-strong-03:#8d8d8d;
  --bx-border-subtle-00:#e0e0e0;
  --bx-border-subtle-01:#e0e0e0;
  --bx-border-subtle-02:#e0e0e0;
  --bx-border-subtle-03:#e0e0e0;
  --bx-border-subtle-selected-01:#c6c6c6;
  --bx-border-subtle-selected-02:#c6c6c6;
  --bx-border-subtle-selected-03:#c6c6c6;
  --bx-field-01:#f4f4f4;
  --bx-field-02:#ffffff;
  --bx-field-03:#f4f4f4;
  --bx-field-hover-01:#e8e8e8;
  --bx-field-hover-02:#e8e8e8;
  --bx-field-hover-03:#e8e8e8;
  --bx-focus:#0f62fe;
  --bx-focus-inset:#ffffff;
  --bx-focus-inverse:#ffffff;
  --bx-highlight:#d0e2ff;
  --bx-icon-disabled:rgba(22, 22, 22, 0.25);
  --bx-icon-inverse:#ffffff;
  --bx-icon-on-color:#ffffff;
  --bx-icon-on-color-disabled:#8d8d8d;
  --bx-icon-primary:#161616;
  --bx-icon-secondary:#525252;
  --bx-interactive:#0f62fe;
  --bx-layer-01:#f4f4f4;
  --bx-layer-02:#ffffff;
  --bx-layer-03:#f4f4f4;
  --bx-layer-accent-01:#e0e0e0;
  --bx-layer-accent-02:#e0e0e0;
  --bx-layer-accent-03:#e0e0e0;
  --bx-layer-accent-active-01:#a8a8a8;
  --bx-layer-accent-active-02:#a8a8a8;
  --bx-layer-accent-active-03:#a8a8a8;
  --bx-layer-accent-hover-01:#d1d1d1;
  --bx-layer-accent-hover-02:#d1d1d1;
  --bx-layer-accent-hover-03:#d1d1d1;
  --bx-layer-active-01:#c6c6c6;
  --bx-layer-active-02:#c6c6c6;
  --bx-layer-active-03:#c6c6c6;
  --bx-layer-hover-01:#e8e8e8;
  --bx-layer-hover-02:#e8e8e8;
  --bx-layer-hover-03:#e8e8e8;
  --bx-layer-selected-01:#e0e0e0;
  --bx-layer-selected-02:#e0e0e0;
  --bx-layer-selected-03:#e0e0e0;
  --bx-layer-selected-disabled:#8d8d8d;
  --bx-layer-selected-hover-01:#d1d1d1;
  --bx-layer-selected-hover-02:#d1d1d1;
  --bx-layer-selected-hover-03:#d1d1d1;
  --bx-layer-selected-inverse:#161616;
  --bx-link-inverse:#78a9ff;
  --bx-link-inverse-active:#f4f4f4;
  --bx-link-inverse-hover:#a6c8ff;
  --bx-link-primary:#0f62fe;
  --bx-link-primary-hover:#0043ce;
  --bx-link-secondary:#0043ce;
  --bx-link-visited:#8a3ffc;
  --bx-overlay:rgba(22, 22, 22, 0.5);
  --bx-shadow:rgba(0, 0, 0, 0.3);
  --bx-skeleton-background:#e8e8e8;
  --bx-skeleton-element:#c6c6c6;
  --bx-support-caution-major:#ff832b;
  --bx-support-caution-minor:#f1c21b;
  --bx-support-caution-undefined:#8a3ffc;
  --bx-support-error:#da1e28;
  --bx-support-error-inverse:#fa4d56;
  --bx-support-info:#0043ce;
  --bx-support-info-inverse:#4589ff;
  --bx-support-success:#198038;
  --bx-support-success-inverse:#42be65;
  --bx-support-warning:#f1c21b;
  --bx-support-warning-inverse:#f1c21b;
  --bx-text-disabled:rgba(22, 22, 22, 0.25);
  --bx-text-error:#da1e28;
  --bx-text-helper:#6f6f6f;
  --bx-text-inverse:#ffffff;
  --bx-text-on-color:#ffffff;
  --bx-text-on-color-disabled:#8d8d8d;
  --bx-text-placeholder:rgba(22, 22, 22, 0.4);
  --bx-text-primary:#161616;
  --bx-text-secondary:#525252;
  --bx-toggle-off:#8d8d8d;
  --bx-layer:var(--bx-layer-01, #f3f3f3);
  --bx-layer-active:var(--bx-layer-active-01, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-01, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-01, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-01, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-01, #dcdcdc);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-01, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-01, #a8a8a8);
  --bx-field:var(--bx-field-01, #f4f4f4);
  --bx-field-hover:var(--bx-field-hover-01, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-01, #dcdcdc);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-01, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-01, #f3f3f3);
  --bx-button-separator:#e0e0e0;
  --bx-button-primary:#0f62fe;
  --bx-button-secondary:#393939;
  --bx-button-tertiary:#0f62fe;
  --bx-button-danger-primary:#da1e28;
  --bx-button-danger-secondary:#da1e28;
  --bx-button-danger-active:#750e13;
  --bx-button-primary-active:#002d9c;
  --bx-button-secondary-active:#6f6f6f;
  --bx-button-tertiary-active:#002d9c;
  --bx-button-danger-hover:#b81922;
  --bx-button-primary-hover:#0050e6;
  --bx-button-secondary-hover:#474747;
  --bx-button-tertiary-hover:#0050e6;
  --bx-button-disabled:#c6c6c6;
  --bx-notification-background-error:#fff1f1;
  --bx-notification-background-success:#defbe6;
  --bx-notification-background-info:#edf5ff;
  --bx-notification-background-warning:#fdf6dd;
  --bx-notification-action-hover:#ffffff;
  --bx-notification-action-tertiary-inverse:#ffffff;
  --bx-notification-action-tertiary-inverse-active:#c6c6c6;
  --bx-notification-action-tertiary-inverse-hover:#f4f4f4;
  --bx-notification-action-tertiary-inverse-text:#161616;
  --bx-notification-action-tertiary-inverse-text-on-color-disabled:rgba(255, 255, 255, 0.25);
  --bx-tag-background-red:#ffd7d9;
  --bx-tag-color-red:#750e13;
  --bx-tag-hover-red:#ffb3b8;
  --bx-tag-background-magenta:#ffd6e8;
  --bx-tag-color-magenta:#740937;
  --bx-tag-hover-magenta:#ffafd2;
  --bx-tag-background-purple:#e8daff;
  --bx-tag-color-purple:#491d8b;
  --bx-tag-hover-purple:#d4bbff;
  --bx-tag-background-blue:#d0e2ff;
  --bx-tag-color-blue:#002d9c;
  --bx-tag-hover-blue:#a6c8ff;
  --bx-tag-background-cyan:#bae6ff;
  --bx-tag-color-cyan:#003a6d;
  --bx-tag-hover-cyan:#82cfff;
  --bx-tag-background-teal:#9ef0f0;
  --bx-tag-color-teal:#004144;
  --bx-tag-hover-teal:#3ddbd9;
  --bx-tag-background-green:#a7f0ba;
  --bx-tag-color-green:#044317;
  --bx-tag-hover-green:#6fdc8c;
  --bx-tag-background-gray:#e0e0e0;
  --bx-tag-color-gray:#393939;
  --bx-tag-hover-gray:#c6c6c6;
  --bx-tag-background-cool-gray:#dde1e6;
  --bx-tag-color-cool-gray:#343a3f;
  --bx-tag-hover-cool-gray:#c1c7cd;
  --bx-tag-background-warm-gray:#e5e0df;
  --bx-tag-color-warm-gray:#3c3838;
  --bx-tag-hover-warm-gray:#cac5c4;
}

.bx--g10 {
  background: var(--cds-background);
  color: var(--cds-text-primary);
  --bx-background:#f4f4f4;
  --bx-background-active:rgba(141, 141, 141, 0.5);
  --bx-background-brand:#0f62fe;
  --bx-background-hover:rgba(141, 141, 141, 0.12);
  --bx-background-inverse:#393939;
  --bx-background-inverse-hover:#474747;
  --bx-background-selected:rgba(141, 141, 141, 0.2);
  --bx-background-selected-hover:rgba(141, 141, 141, 0.32);
  --bx-border-disabled:#c6c6c6;
  --bx-border-interactive:#0f62fe;
  --bx-border-inverse:#161616;
  --bx-border-strong-01:#8d8d8d;
  --bx-border-strong-02:#8d8d8d;
  --bx-border-strong-03:#8d8d8d;
  --bx-border-subtle-00:#e0e0e0;
  --bx-border-subtle-01:#e0e0e0;
  --bx-border-subtle-02:#e0e0e0;
  --bx-border-subtle-03:#e0e0e0;
  --bx-border-subtle-selected-01:#c6c6c6;
  --bx-border-subtle-selected-02:#c6c6c6;
  --bx-border-subtle-selected-03:#c6c6c6;
  --bx-field-01:#ffffff;
  --bx-field-02:#f4f4f4;
  --bx-field-03:#ffffff;
  --bx-field-hover-01:#e8e8e8;
  --bx-field-hover-02:#e8e8e8;
  --bx-field-hover-03:#e8e8e8;
  --bx-focus:#0f62fe;
  --bx-focus-inset:#ffffff;
  --bx-focus-inverse:#ffffff;
  --bx-highlight:#d0e2ff;
  --bx-icon-disabled:rgba(22, 22, 22, 0.25);
  --bx-icon-inverse:#ffffff;
  --bx-icon-on-color:#ffffff;
  --bx-icon-on-color-disabled:#8d8d8d;
  --bx-icon-primary:#161616;
  --bx-icon-secondary:#525252;
  --bx-interactive:#0f62fe;
  --bx-layer-01:#ffffff;
  --bx-layer-02:#f4f4f4;
  --bx-layer-03:#ffffff;
  --bx-layer-accent-01:#e0e0e0;
  --bx-layer-accent-02:#e0e0e0;
  --bx-layer-accent-03:#e0e0e0;
  --bx-layer-accent-active-01:#a8a8a8;
  --bx-layer-accent-active-02:#a8a8a8;
  --bx-layer-accent-active-03:#a8a8a8;
  --bx-layer-accent-hover-01:#d1d1d1;
  --bx-layer-accent-hover-02:#d1d1d1;
  --bx-layer-accent-hover-03:#d1d1d1;
  --bx-layer-active-01:#c6c6c6;
  --bx-layer-active-02:#c6c6c6;
  --bx-layer-active-03:#c6c6c6;
  --bx-layer-hover-01:#e8e8e8;
  --bx-layer-hover-02:#e8e8e8;
  --bx-layer-hover-03:#e8e8e8;
  --bx-layer-selected-01:#e0e0e0;
  --bx-layer-selected-02:#e0e0e0;
  --bx-layer-selected-03:#e0e0e0;
  --bx-layer-selected-disabled:#8d8d8d;
  --bx-layer-selected-hover-01:#d1d1d1;
  --bx-layer-selected-hover-02:#d1d1d1;
  --bx-layer-selected-hover-03:#d1d1d1;
  --bx-layer-selected-inverse:#161616;
  --bx-link-inverse:#78a9ff;
  --bx-link-inverse-active:#f4f4f4;
  --bx-link-inverse-hover:#a6c8ff;
  --bx-link-primary:#0f62fe;
  --bx-link-primary-hover:#0043ce;
  --bx-link-secondary:#0043ce;
  --bx-link-visited:#8a3ffc;
  --bx-overlay:rgba(22, 22, 22, 0.5);
  --bx-shadow:rgba(0, 0, 0, 0.3);
  --bx-skeleton-background:#e8e8e8;
  --bx-skeleton-element:#c6c6c6;
  --bx-support-caution-major:#ff832b;
  --bx-support-caution-minor:#f1c21b;
  --bx-support-caution-undefined:#8a3ffc;
  --bx-support-error:#da1e28;
  --bx-support-error-inverse:#fa4d56;
  --bx-support-info:#0043ce;
  --bx-support-info-inverse:#4589ff;
  --bx-support-success:#198038;
  --bx-support-success-inverse:#42be65;
  --bx-support-warning:#f1c21b;
  --bx-support-warning-inverse:#f1c21b;
  --bx-text-disabled:rgba(22, 22, 22, 0.25);
  --bx-text-error:#da1e28;
  --bx-text-helper:#6f6f6f;
  --bx-text-inverse:#ffffff;
  --bx-text-on-color:#ffffff;
  --bx-text-on-color-disabled:#8d8d8d;
  --bx-text-placeholder:rgba(22, 22, 22, 0.4);
  --bx-text-primary:#161616;
  --bx-text-secondary:#525252;
  --bx-toggle-off:#8d8d8d;
  --bx-layer:var(--bx-layer-01, #f3f3f3);
  --bx-layer-active:var(--bx-layer-active-01, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-01, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-01, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-01, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-01, #dcdcdc);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-01, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-01, #a8a8a8);
  --bx-field:var(--bx-field-01, #f4f4f4);
  --bx-field-hover:var(--bx-field-hover-01, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-01, #dcdcdc);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-01, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-01, #f3f3f3);
  --bx-button-separator:#e0e0e0;
  --bx-button-primary:#0f62fe;
  --bx-button-secondary:#393939;
  --bx-button-tertiary:#0f62fe;
  --bx-button-danger-primary:#da1e28;
  --bx-button-danger-secondary:#da1e28;
  --bx-button-danger-active:#750e13;
  --bx-button-primary-active:#002d9c;
  --bx-button-secondary-active:#6f6f6f;
  --bx-button-tertiary-active:#002d9c;
  --bx-button-danger-hover:#b81922;
  --bx-button-primary-hover:#0050e6;
  --bx-button-secondary-hover:#474747;
  --bx-button-tertiary-hover:#0050e6;
  --bx-button-disabled:#c6c6c6;
  --bx-notification-background-error:#fff1f1;
  --bx-notification-background-success:#defbe6;
  --bx-notification-background-info:#edf5ff;
  --bx-notification-background-warning:#fdf6dd;
  --bx-notification-action-hover:#ffffff;
  --bx-notification-action-tertiary-inverse:#ffffff;
  --bx-notification-action-tertiary-inverse-active:#c6c6c6;
  --bx-notification-action-tertiary-inverse-hover:#f4f4f4;
  --bx-notification-action-tertiary-inverse-text:#161616;
  --bx-notification-action-tertiary-inverse-text-on-color-disabled:rgba(255, 255, 255, 0.25);
  --bx-tag-background-red:#ffd7d9;
  --bx-tag-color-red:#750e13;
  --bx-tag-hover-red:#ffb3b8;
  --bx-tag-background-magenta:#ffd6e8;
  --bx-tag-color-magenta:#740937;
  --bx-tag-hover-magenta:#ffafd2;
  --bx-tag-background-purple:#e8daff;
  --bx-tag-color-purple:#491d8b;
  --bx-tag-hover-purple:#d4bbff;
  --bx-tag-background-blue:#d0e2ff;
  --bx-tag-color-blue:#002d9c;
  --bx-tag-hover-blue:#a6c8ff;
  --bx-tag-background-cyan:#bae6ff;
  --bx-tag-color-cyan:#003a6d;
  --bx-tag-hover-cyan:#82cfff;
  --bx-tag-background-teal:#9ef0f0;
  --bx-tag-color-teal:#004144;
  --bx-tag-hover-teal:#3ddbd9;
  --bx-tag-background-green:#a7f0ba;
  --bx-tag-color-green:#044317;
  --bx-tag-hover-green:#6fdc8c;
  --bx-tag-background-gray:#e0e0e0;
  --bx-tag-color-gray:#393939;
  --bx-tag-hover-gray:#c6c6c6;
  --bx-tag-background-cool-gray:#dde1e6;
  --bx-tag-color-cool-gray:#343a3f;
  --bx-tag-hover-cool-gray:#c1c7cd;
  --bx-tag-background-warm-gray:#e5e0df;
  --bx-tag-color-warm-gray:#3c3838;
  --bx-tag-hover-warm-gray:#cac5c4;
}

.bx--g90 {
  background: var(--cds-background);
  color: var(--cds-text-primary);
  --bx-background:#262626;
  --bx-background-active:rgba(141, 141, 141, 0.4);
  --bx-background-brand:#0f62fe;
  --bx-background-hover:rgba(141, 141, 141, 0.16);
  --bx-background-inverse:#f4f4f4;
  --bx-background-inverse-hover:#e8e8e8;
  --bx-background-selected:rgba(141, 141, 141, 0.24);
  --bx-background-selected-hover:rgba(141, 141, 141, 0.32);
  --bx-border-disabled:rgba(141, 141, 141, 0.5);
  --bx-border-interactive:#4589ff;
  --bx-border-inverse:#f4f4f4;
  --bx-border-strong-01:#8d8d8d;
  --bx-border-strong-02:#a8a8a8;
  --bx-border-strong-03:#c6c6c6;
  --bx-border-subtle-00:#525252;
  --bx-border-subtle-01:#525252;
  --bx-border-subtle-02:#6f6f6f;
  --bx-border-subtle-03:#8d8d8d;
  --bx-border-subtle-selected-01:#6f6f6f;
  --bx-border-subtle-selected-02:#8d8d8d;
  --bx-border-subtle-selected-03:#a8a8a8;
  --bx-field-01:#393939;
  --bx-field-02:#525252;
  --bx-field-03:#6f6f6f;
  --bx-field-hover-01:#474747;
  --bx-field-hover-02:#636363;
  --bx-field-hover-03:#5e5e5e;
  --bx-focus:#ffffff;
  --bx-focus-inset:#161616;
  --bx-focus-inverse:#0f62fe;
  --bx-highlight:#0043ce;
  --bx-icon-disabled:rgba(244, 244, 244, 0.25);
  --bx-icon-inverse:#161616;
  --bx-icon-on-color:#ffffff;
  --bx-icon-on-color-disabled:rgba(255, 255, 255, 0.25);
  --bx-icon-primary:#f4f4f4;
  --bx-icon-secondary:#c6c6c6;
  --bx-interactive:#4589ff;
  --bx-layer-01:#393939;
  --bx-layer-02:#525252;
  --bx-layer-03:#6f6f6f;
  --bx-layer-accent-01:#525252;
  --bx-layer-accent-02:#6f6f6f;
  --bx-layer-accent-03:#8d8d8d;
  --bx-layer-accent-active-01:#8d8d8d;
  --bx-layer-accent-active-02:#393939;
  --bx-layer-accent-active-03:#525252;
  --bx-layer-accent-hover-01:#636363;
  --bx-layer-accent-hover-02:#5e5e5e;
  --bx-layer-accent-hover-03:#7a7a7a;
  --bx-layer-active-01:#6f6f6f;
  --bx-layer-active-02:#8d8d8d;
  --bx-layer-active-03:#393939;
  --bx-layer-hover-01:#474747;
  --bx-layer-hover-02:#636363;
  --bx-layer-hover-03:#5e5e5e;
  --bx-layer-selected-01:#525252;
  --bx-layer-selected-02:#6f6f6f;
  --bx-layer-selected-03:#525252;
  --bx-layer-selected-disabled:#a8a8a8;
  --bx-layer-selected-hover-01:#636363;
  --bx-layer-selected-hover-02:#5e5e5e;
  --bx-layer-selected-hover-03:#636363;
  --bx-layer-selected-inverse:#f4f4f4;
  --bx-link-inverse:#0f62fe;
  --bx-link-inverse-active:#161616;
  --bx-link-inverse-hover:#0043ce;
  --bx-link-primary:#78a9ff;
  --bx-link-primary-hover:#a6c8ff;
  --bx-link-secondary:#a6c8ff;
  --bx-link-visited:#be95ff;
  --bx-overlay:rgba(0, 0, 0, 0.65);
  --bx-shadow:rgba(0, 0, 0, 0.8);
  --bx-skeleton-background:#333333;
  --bx-skeleton-element:#525252;
  --bx-support-caution-major:#ff832b;
  --bx-support-caution-minor:#f1c21b;
  --bx-support-caution-undefined:#a56eff;
  --bx-support-error:#ff8389;
  --bx-support-error-inverse:#da1e28;
  --bx-support-info:#4589ff;
  --bx-support-info-inverse:#0043ce;
  --bx-support-success:#42be65;
  --bx-support-success-inverse:#24a148;
  --bx-support-warning:#f1c21b;
  --bx-support-warning-inverse:#f1c21b;
  --bx-text-disabled:rgba(244, 244, 244, 0.25);
  --bx-text-error:#ffb3b8;
  --bx-text-helper:#c6c6c6;
  --bx-text-inverse:#161616;
  --bx-text-on-color:#ffffff;
  --bx-text-on-color-disabled:rgba(255, 255, 255, 0.25);
  --bx-text-placeholder:rgba(244, 244, 244, 0.4);
  --bx-text-primary:#f4f4f4;
  --bx-text-secondary:#c6c6c6;
  --bx-toggle-off:#8d8d8d;
  --bx-layer:var(--bx-layer-01, #f3f3f3);
  --bx-layer-active:var(--bx-layer-active-01, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-01, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-01, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-01, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-01, #dcdcdc);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-01, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-01, #a8a8a8);
  --bx-field:var(--bx-field-01, #f4f4f4);
  --bx-field-hover:var(--bx-field-hover-01, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-01, #dcdcdc);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-01, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-01, #f3f3f3);
  --bx-button-separator:#161616;
  --bx-button-primary:#0f62fe;
  --bx-button-secondary:#6f6f6f;
  --bx-button-tertiary:#ffffff;
  --bx-button-danger-primary:#da1e28;
  --bx-button-danger-secondary:#ff8389;
  --bx-button-danger-active:#750e13;
  --bx-button-primary-active:#002d9c;
  --bx-button-secondary-active:#393939;
  --bx-button-tertiary-active:#c6c6c6;
  --bx-button-danger-hover:#b81921;
  --bx-button-primary-hover:#0050e6;
  --bx-button-secondary-hover:#5e5e5e;
  --bx-button-tertiary-hover:#f4f4f4;
  --bx-button-disabled:rgba(141, 141, 141, 0.3);
  --bx-notification-action-tertiary-inverse:#0f62fe;
  --bx-notification-action-tertiary-inverse-active:#002d9c;
  --bx-notification-action-tertiary-inverse-hover:#0050e6;
  --bx-notification-action-tertiary-inverse-text:#ffffff;
  --bx-notification-action-tertiary-inverse-text-on-color-disabled:#8d8d8d;
  --bx-tag-background-red:#a2191f;
  --bx-tag-color-red:#ffd7d9;
  --bx-tag-hover-red:#c21e25;
  --bx-tag-background-magenta:#9f1853;
  --bx-tag-color-magenta:#ffd6e8;
  --bx-tag-hover-magenta:#bf1d63;
  --bx-tag-background-purple:#6929c4;
  --bx-tag-color-purple:#e8daff;
  --bx-tag-hover-purple:#7c3dd6;
  --bx-tag-background-blue:#0043ce;
  --bx-tag-color-blue:#d0e2ff;
  --bx-tag-hover-blue:#0053ff;
  --bx-tag-background-cyan:#00539a;
  --bx-tag-color-cyan:#bae6ff;
  --bx-tag-hover-cyan:#0066bd;
  --bx-tag-background-teal:#005d5d;
  --bx-tag-color-teal:#9ef0f0;
  --bx-tag-hover-teal:#007070;
  --bx-tag-background-green:#0e6027;
  --bx-tag-color-green:#a7f0ba;
  --bx-tag-hover-green:#11742f;
  --bx-tag-background-gray:#525252;
  --bx-tag-color-gray:#e0e0e0;
  --bx-tag-hover-gray:#636363;
  --bx-tag-background-cool-gray:#4d5358;
  --bx-tag-color-cool-gray:#dde1e6;
  --bx-tag-hover-cool-gray:#5d646a;
  --bx-tag-background-warm-gray:#565151;
  --bx-tag-color-warm-gray:#e5e0df;
  --bx-tag-hover-warm-gray:#696363;
}

.bx--g100 {
  background: var(--cds-background);
  color: var(--cds-text-primary);
  --bx-background:#161616;
  --bx-background-active:rgba(141, 141, 141, 0.4);
  --bx-background-brand:#0f62fe;
  --bx-background-hover:rgba(141, 141, 141, 0.16);
  --bx-background-inverse:#f4f4f4;
  --bx-background-inverse-hover:#e8e8e8;
  --bx-background-selected:rgba(141, 141, 141, 0.24);
  --bx-background-selected-hover:rgba(141, 141, 141, 0.32);
  --bx-border-disabled:rgba(141, 141, 141, 0.5);
  --bx-border-interactive:#4589ff;
  --bx-border-inverse:#f4f4f4;
  --bx-border-strong-01:#6f6f6f;
  --bx-border-strong-02:#8d8d8d;
  --bx-border-strong-03:#a8a8a8;
  --bx-border-subtle-00:#393939;
  --bx-border-subtle-01:#393939;
  --bx-border-subtle-02:#525252;
  --bx-border-subtle-03:#6f6f6f;
  --bx-border-subtle-selected-01:#525252;
  --bx-border-subtle-selected-02:#6f6f6f;
  --bx-border-subtle-selected-03:#8d8d8d;
  --bx-field-01:#262626;
  --bx-field-02:#393939;
  --bx-field-03:#525252;
  --bx-field-hover-01:#333333;
  --bx-field-hover-02:#474747;
  --bx-field-hover-03:#636363;
  --bx-focus:#ffffff;
  --bx-focus-inset:#161616;
  --bx-focus-inverse:#0f62fe;
  --bx-highlight:#002d9c;
  --bx-icon-disabled:rgba(244, 244, 244, 0.25);
  --bx-icon-inverse:#161616;
  --bx-icon-on-color:#ffffff;
  --bx-icon-on-color-disabled:rgba(255, 255, 255, 0.25);
  --bx-icon-primary:#f4f4f4;
  --bx-icon-secondary:#c6c6c6;
  --bx-interactive:#4589ff;
  --bx-layer-01:#262626;
  --bx-layer-02:#393939;
  --bx-layer-03:#525252;
  --bx-layer-accent-01:#393939;
  --bx-layer-accent-02:#525252;
  --bx-layer-accent-03:#6f6f6f;
  --bx-layer-accent-active-01:#6f6f6f;
  --bx-layer-accent-active-02:#8d8d8d;
  --bx-layer-accent-active-03:#393939;
  --bx-layer-accent-hover-01:#474747;
  --bx-layer-accent-hover-02:#636363;
  --bx-layer-accent-hover-03:#5e5e5e;
  --bx-layer-active-01:#525252;
  --bx-layer-active-02:#6f6f6f;
  --bx-layer-active-03:#8d8d8d;
  --bx-layer-hover-01:#333333;
  --bx-layer-hover-02:#474747;
  --bx-layer-hover-03:#636363;
  --bx-layer-selected-01:#393939;
  --bx-layer-selected-02:#525252;
  --bx-layer-selected-03:#6f6f6f;
  --bx-layer-selected-disabled:#a8a8a8;
  --bx-layer-selected-hover-01:#474747;
  --bx-layer-selected-hover-02:#636363;
  --bx-layer-selected-hover-03:#5e5e5e;
  --bx-layer-selected-inverse:#f4f4f4;
  --bx-link-inverse:#0f62fe;
  --bx-link-inverse-active:#161616;
  --bx-link-inverse-hover:#0043ce;
  --bx-link-primary:#78a9ff;
  --bx-link-primary-hover:#a6c8ff;
  --bx-link-secondary:#a6c8ff;
  --bx-link-visited:#be95ff;
  --bx-overlay:rgba(0, 0, 0, 0.65);
  --bx-shadow:rgba(0, 0, 0, 0.8);
  --bx-skeleton-background:#292929;
  --bx-skeleton-element:#393939;
  --bx-support-caution-major:#ff832b;
  --bx-support-caution-minor:#f1c21b;
  --bx-support-caution-undefined:#a56eff;
  --bx-support-error:#fa4d56;
  --bx-support-error-inverse:#da1e28;
  --bx-support-info:#4589ff;
  --bx-support-info-inverse:#0043ce;
  --bx-support-success:#42be65;
  --bx-support-success-inverse:#24a148;
  --bx-support-warning:#f1c21b;
  --bx-support-warning-inverse:#f1c21b;
  --bx-text-disabled:rgba(244, 244, 244, 0.25);
  --bx-text-error:#ff8389;
  --bx-text-helper:#a8a8a8;
  --bx-text-inverse:#161616;
  --bx-text-on-color:#ffffff;
  --bx-text-on-color-disabled:rgba(255, 255, 255, 0.25);
  --bx-text-placeholder:rgba(244, 244, 244, 0.4);
  --bx-text-primary:#f4f4f4;
  --bx-text-secondary:#c6c6c6;
  --bx-toggle-off:#6f6f6f;
  --bx-layer:var(--bx-layer-01, #f3f3f3);
  --bx-layer-active:var(--bx-layer-active-01, #c6c6c6);
  --bx-layer-hover:var(--bx-layer-hover-01, #e8e8e8);
  --bx-layer-selected:var(--bx-layer-selected-01, #e0e0e0);
  --bx-layer-selected-hover:var(--bx-layer-selected-hover-01, #d1d1d1);
  --bx-layer-accent:var(--bx-layer-accent-01, #dcdcdc);
  --bx-layer-accent-hover:var(--bx-layer-accent-hover-01, #d1d1d1);
  --bx-layer-accent-active:var(--bx-layer-accent-active-01, #a8a8a8);
  --bx-field:var(--bx-field-01, #f4f4f4);
  --bx-field-hover:var(--bx-field-hover-01, #e8e8e8);
  --bx-border-subtle:var(--bx-border-subtle-01, #dcdcdc);
  --bx-border-subtle-selected:var(--bx-border-subtle-selected-01, #c6c6c6);
  --bx-border-strong:var(--bx-border-strong-01, #f3f3f3);
  --bx-button-separator:#161616;
  --bx-button-primary:#0f62fe;
  --bx-button-secondary:#6f6f6f;
  --bx-button-tertiary:#ffffff;
  --bx-button-danger-primary:#da1e28;
  --bx-button-danger-secondary:#fa4d56;
  --bx-button-danger-active:#750e13;
  --bx-button-primary-active:#002d9c;
  --bx-button-secondary-active:#393939;
  --bx-button-tertiary-active:#c6c6c6;
  --bx-button-danger-hover:#b81921;
  --bx-button-primary-hover:#0050e6;
  --bx-button-secondary-hover:#5e5e5e;
  --bx-button-tertiary-hover:#f4f4f4;
  --bx-button-disabled:rgba(141, 141, 141, 0.3);
  --bx-notification-action-tertiary-inverse:#0f62fe;
  --bx-notification-action-tertiary-inverse-active:#002d9c;
  --bx-notification-action-tertiary-inverse-hover:#0050e6;
  --bx-notification-action-tertiary-inverse-text:#ffffff;
  --bx-notification-action-tertiary-inverse-text-on-color-disabled:#8d8d8d;
  --bx-tag-background-red:#a2191f;
  --bx-tag-color-red:#ffd7d9;
  --bx-tag-hover-red:#c21e25;
  --bx-tag-background-magenta:#9f1853;
  --bx-tag-color-magenta:#ffd6e8;
  --bx-tag-hover-magenta:#bf1d63;
  --bx-tag-background-purple:#6929c4;
  --bx-tag-color-purple:#e8daff;
  --bx-tag-hover-purple:#7c3dd6;
  --bx-tag-background-blue:#0043ce;
  --bx-tag-color-blue:#d0e2ff;
  --bx-tag-hover-blue:#0053ff;
  --bx-tag-background-cyan:#00539a;
  --bx-tag-color-cyan:#bae6ff;
  --bx-tag-hover-cyan:#0066bd;
  --bx-tag-background-teal:#005d5d;
  --bx-tag-color-teal:#9ef0f0;
  --bx-tag-hover-teal:#007070;
  --bx-tag-background-green:#0e6027;
  --bx-tag-color-green:#a7f0ba;
  --bx-tag-hover-green:#11742f;
  --bx-tag-background-gray:#525252;
  --bx-tag-color-gray:#e0e0e0;
  --bx-tag-hover-gray:#636363;
  --bx-tag-background-cool-gray:#4d5358;
  --bx-tag-color-cool-gray:#dde1e6;
  --bx-tag-hover-cool-gray:#5d646a;
  --bx-tag-background-warm-gray:#565151;
  --bx-tag-color-warm-gray:#e5e0df;
  --bx-tag-hover-warm-gray:#696363;
}

.bx--accordion {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  width: 100%;
  list-style: none;
}

.bx--accordion *,
.bx--accordion *::before,
.bx--accordion *::after {
  box-sizing: inherit;
}

.bx--accordion__item {
  overflow: visible;
  border-top: 1px solid var(--bx-border-subtle);
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--accordion__item:last-child {
  border-bottom: 1px solid var(--bx-border-subtle);
}

.bx--accordion__heading {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  position: relative;
  display: flex;
  width: 100%;
  min-height: 2.5rem;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.625rem 0;
  margin: 0;
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}

.bx--accordion__heading *,
.bx--accordion__heading *::before,
.bx--accordion__heading *::after {
  box-sizing: inherit;
}

.bx--accordion__heading::-moz-focus-inner {
  border: 0;
}

.bx--accordion__heading:hover::before, .bx--accordion__heading:focus::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  content: "";
}

.bx--accordion__heading:hover::before {
  background-color: var(--bx-layer-hover);
}

.bx--accordion__heading:focus {
  outline: none;
}

.bx--accordion__heading:focus::before {
  box-sizing: border-box;
  border: 2px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--accordion__heading:focus::before {
    border-style: dotted;
  }
}
.bx--accordion--lg .bx--accordion__heading {
  min-height: 3rem;
}

.bx--accordion--sm .bx--accordion__heading {
  min-height: 2rem;
  padding: 0.3125rem 0;
}

.bx--accordion__heading[disabled] {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--accordion__heading[disabled] .bx--accordion__arrow {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--accordion__heading[disabled]:hover::before {
  background-color: transparent;
}

.bx--accordion__item--disabled,
.bx--accordion__item--disabled + .bx--accordion__item {
  border-top: 1px solid var(--bx-border-subtle);
}

li.bx--accordion__item--disabled:last-of-type {
  border-bottom: 1px solid var(--bx-border-subtle);
}

.bx--accordion__arrow {
  outline: 2px solid transparent;
  outline-offset: -2px;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  margin: 2px 1rem 0 0;
  fill: var(--bx-icon-primary, #161616);
  transform: rotate(-270deg) /*rtl:ignore*/;
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--accordion__title {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  z-index: 1;
  width: 100%;
  margin: 0 0 0 1rem;
  text-align: left;
}

.bx--accordion__content {
  display: none;
  padding-right: 1rem;
  padding-left: 1rem;
  transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}

@media (min-width: 480px) {
  .bx--accordion__content {
    padding-right: 3rem;
  }
}
@media (min-width: 640px) {
  .bx--accordion__content {
    padding-right: 25%;
  }
}
.bx--accordion__content > p {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
}

.bx--accordion--start .bx--accordion__heading {
  flex-direction: row;
}

.bx--accordion--start .bx--accordion__arrow {
  margin: 2px 0 0 1rem;
}

.bx--accordion--start .bx--accordion__title {
  margin-right: 1rem;
}

.bx--accordion--start .bx--accordion__content {
  margin-left: 2rem;
}

.bx--accordion__item--collapsing .bx--accordion__content,
.bx--accordion__item--expanding .bx--accordion__content {
  display: block;
}

@keyframes collapse-accordion {
  0% {
    height: 100%;
    opacity: 1;
    visibility: inherit;
  }
  100% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes expand-accordion {
  0% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    height: 100%;
    opacity: 1;
    visibility: inherit;
  }
}
.bx--accordion__item--collapsing .bx--accordion__content {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) collapse-accordion;
}

.bx--accordion__item--expanding .bx--accordion__content {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) expand-accordion;
}

.bx--accordion__item--active {
  overflow: visible;
}

.bx--accordion__item--active .bx--accordion__content {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  transition: padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms;
}

.bx--accordion__item--active > .bx--accordion__heading > .bx--accordion__arrow {
  fill: var(--bx-icon-primary, #161616);
  transform: rotate(-90deg) /*rtl:ignore*/;
}

.bx--accordion.bx--skeleton .bx--accordion__heading,
.bx--accordion.bx--skeleton .bx--accordion__button {
  cursor: default;
}

.bx--accordion.bx--skeleton .bx--accordion__arrow {
  cursor: default;
  fill: var(--bx-icon-primary, #161616);
  pointer-events: none;
}

.bx--accordion.bx--skeleton .bx--accordion__arrow:hover, .bx--accordion.bx--skeleton .bx--accordion__arrow:focus, .bx--accordion.bx--skeleton .bx--accordion__arrow:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--accordion.bx--skeleton .bx--accordion__heading:hover::before {
  background-color: transparent;
}

.bx--accordion--end.bx--skeleton .bx--accordion__arrow {
  margin-left: 1rem;
}

.bx--skeleton .bx--accordion__heading:focus .bx--accordion__arrow {
  border: none;
  cursor: default;
  outline: none;
}

.bx--accordion__title.bx--skeleton__text {
  margin-bottom: 0;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--accordion__arrow,
.bx--accordion__item--active .bx--accordion__arrow {
    fill: ButtonText;
  }
}
.bx--aspect-ratio {
  position: relative;
}

.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: "";
  float: left;
}

.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

@keyframes hide-feedback {
  0% {
    opacity: 1;
    visibility: inherit;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes show-feedback {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: inherit;
  }
}
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
.bx--breadcrumb {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: inline;
}

.bx--breadcrumb html {
  font-size: 100%;
}

.bx--breadcrumb body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--breadcrumb code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--breadcrumb strong {
  font-weight: 600;
}

@media (min-width: 42rem) {
  .bx--breadcrumb {
    display: flex;
    flex-wrap: wrap;
  }
}
.bx--breadcrumb-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}

.bx--breadcrumb-item .bx--link:visited, .bx--breadcrumb-item .dashboard-items__address a:visited, .dashboard-items__address .bx--breadcrumb-item a:visited, .bx--breadcrumb-item .dashboard-table__link:visited, .bx--breadcrumb-item .action__link:visited,
.bx--breadcrumb-item .actions-toolbar .secondary .action:visited,
.actions-toolbar .secondary .bx--breadcrumb-item .action:visited, .bx--breadcrumb-item .actions .link:visited, .actions .bx--breadcrumb-item .link:visited, .bx--breadcrumb-item .dashboard-nav__list .nav.item a:visited, .dashboard-nav__list .nav.item .bx--breadcrumb-item a:visited {
  color: var(--bx-link-primary, #0090FF);
}

.bx--breadcrumb-item .bx--link:visited:hover, .bx--breadcrumb-item .dashboard-items__address a:visited:hover, .dashboard-items__address .bx--breadcrumb-item a:visited:hover, .bx--breadcrumb-item .dashboard-table__link:visited:hover, .bx--breadcrumb-item .action__link:visited:hover,
.bx--breadcrumb-item .actions-toolbar .secondary .action:visited:hover,
.actions-toolbar .secondary .bx--breadcrumb-item .action:visited:hover, .bx--breadcrumb-item .actions .link:visited:hover, .actions .bx--breadcrumb-item .link:visited:hover, .bx--breadcrumb-item .dashboard-nav__list .nav.item a:visited:hover, .dashboard-nav__list .nav.item .bx--breadcrumb-item a:visited:hover {
  color: var(--bx-link-primary-hover, #0043ce);
}

.bx--breadcrumb-item::after {
  margin-left: 0.5rem;
  color: var(--bx-text-primary, #161616);
  content: "/";
}

.bx--breadcrumb--no-trailing-slash .bx--breadcrumb-item:last-child::after {
  content: "";
}

.bx--breadcrumb-item:last-child,
.bx--breadcrumb-item:last-child::after {
  margin-right: 0;
}

.bx--breadcrumb .bx--link, .bx--breadcrumb .dashboard-items__address a, .dashboard-items__address .bx--breadcrumb a, .bx--breadcrumb .dashboard-table__link, .bx--breadcrumb .action__link,
.bx--breadcrumb .actions-toolbar .secondary .action,
.actions-toolbar .secondary .bx--breadcrumb .action, .bx--breadcrumb .actions .link, .actions .bx--breadcrumb .link, .bx--breadcrumb .dashboard-nav__list .nav.item a, .dashboard-nav__list .nav.item .bx--breadcrumb a {
  white-space: nowrap;
}

.bx--breadcrumb-item [aria-current=page],
.bx--breadcrumb-item.bx--breadcrumb-item--current .bx--link,
.bx--breadcrumb-item.bx--breadcrumb-item--current .dashboard-items__address a,
.dashboard-items__address .bx--breadcrumb-item.bx--breadcrumb-item--current a,
.bx--breadcrumb-item.bx--breadcrumb-item--current .dashboard-table__link,
.bx--breadcrumb-item.bx--breadcrumb-item--current .action__link,
.bx--breadcrumb-item.bx--breadcrumb-item--current .actions-toolbar .secondary .action,
.actions-toolbar .secondary .bx--breadcrumb-item.bx--breadcrumb-item--current .action,
.bx--breadcrumb-item.bx--breadcrumb-item--current .actions .link,
.actions .bx--breadcrumb-item.bx--breadcrumb-item--current .link,
.bx--breadcrumb-item.bx--breadcrumb-item--current .dashboard-nav__list .nav.item a,
.dashboard-nav__list .nav.item .bx--breadcrumb-item.bx--breadcrumb-item--current a {
  color: var(--bx-text-primary, #161616);
  cursor: auto;
}

.bx--breadcrumb-item [aria-current=page]:hover,
.bx--breadcrumb-item.bx--breadcrumb-item--current .bx--link:hover,
.bx--breadcrumb-item.bx--breadcrumb-item--current .dashboard-items__address a:hover,
.dashboard-items__address .bx--breadcrumb-item.bx--breadcrumb-item--current a:hover,
.bx--breadcrumb-item.bx--breadcrumb-item--current .dashboard-table__link:hover,
.bx--breadcrumb-item.bx--breadcrumb-item--current .action__link:hover,
.bx--breadcrumb-item.bx--breadcrumb-item--current .actions-toolbar .secondary .action:hover,
.actions-toolbar .secondary .bx--breadcrumb-item.bx--breadcrumb-item--current .action:hover,
.bx--breadcrumb-item.bx--breadcrumb-item--current .actions .link:hover,
.actions .bx--breadcrumb-item.bx--breadcrumb-item--current .link:hover,
.bx--breadcrumb-item.bx--breadcrumb-item--current .dashboard-nav__list .nav.item a:hover,
.dashboard-nav__list .nav.item .bx--breadcrumb-item.bx--breadcrumb-item--current a:hover {
  text-decoration: none;
}

.bx--breadcrumb-item .bx--overflow-menu {
  position: relative;
  width: 1.25rem;
  height: 1.125rem;
}

.bx--breadcrumb-item .bx--overflow-menu:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

.bx--breadcrumb-item .bx--overflow-menu:hover {
  background: transparent;
}

.bx--breadcrumb-item .bx--overflow-menu::after {
  position: absolute;
  bottom: 2px;
  width: 0.75rem;
  height: 1px;
  background: var(--bx-link-primary-hover, #0043ce);
  content: "";
  opacity: 0;
  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--breadcrumb-item .bx--overflow-menu::after {
    transition: none;
  }
}
.bx--breadcrumb-item .bx--overflow-menu:hover::after {
  opacity: 1;
}

.bx--breadcrumb-item .bx--overflow-menu.bx--overflow-menu--open {
  background: transparent;
  box-shadow: none;
}

.bx--breadcrumb-item .bx--overflow-menu__icon {
  position: relative;
  fill: var(--bx-link-primary, #0090FF);
  transform: translateY(4px);
}

.bx--breadcrumb-item .bx--overflow-menu:hover .bx--overflow-menu__icon {
  fill: var(--bx-link-primary-hover, #0043ce);
}

.bx--breadcrumb-menu-options:focus {
  outline: none;
}

.bx--breadcrumb-menu-options.bx--overflow-menu-options::after {
  top: -0.4375rem;
  left: 0.875rem;
  width: 0;
  height: 0;
  border-right: 0.4375rem solid transparent;
  border-bottom: 0.4375rem solid var(--bx-field);
  border-left: 0.4375rem solid transparent;
  margin: 0 auto;
  background: transparent;
}

.bx--breadcrumb.bx--skeleton .bx--link, .bx--breadcrumb.bx--skeleton .dashboard-items__address a, .dashboard-items__address .bx--breadcrumb.bx--skeleton a, .bx--breadcrumb.bx--skeleton .dashboard-table__link, .bx--breadcrumb.bx--skeleton .action__link,
.bx--breadcrumb.bx--skeleton .actions-toolbar .secondary .action,
.actions-toolbar .secondary .bx--breadcrumb.bx--skeleton .action, .bx--breadcrumb.bx--skeleton .actions .link, .actions .bx--breadcrumb.bx--skeleton .link, .bx--breadcrumb.bx--skeleton .dashboard-nav__list .nav.item a, .dashboard-nav__list .nav.item .bx--breadcrumb.bx--skeleton a {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 6.25rem;
  height: 1rem;
}

.bx--breadcrumb.bx--skeleton .bx--link:hover, .bx--breadcrumb.bx--skeleton .dashboard-items__address a:hover, .dashboard-items__address .bx--breadcrumb.bx--skeleton a:hover, .bx--breadcrumb.bx--skeleton .dashboard-table__link:hover, .bx--breadcrumb.bx--skeleton .action__link:hover,
.bx--breadcrumb.bx--skeleton .actions-toolbar .secondary .action:hover,
.actions-toolbar .secondary .bx--breadcrumb.bx--skeleton .action:hover, .bx--breadcrumb.bx--skeleton .actions .link:hover, .actions .bx--breadcrumb.bx--skeleton .link:hover, .bx--breadcrumb.bx--skeleton .dashboard-nav__list .nav.item a:hover, .dashboard-nav__list .nav.item .bx--breadcrumb.bx--skeleton a:hover, .bx--breadcrumb.bx--skeleton .bx--link:focus, .bx--breadcrumb.bx--skeleton .dashboard-items__address a:focus, .dashboard-items__address .bx--breadcrumb.bx--skeleton a:focus, .bx--breadcrumb.bx--skeleton .dashboard-table__link:focus, .bx--breadcrumb.bx--skeleton .action__link:focus,
.bx--breadcrumb.bx--skeleton .actions-toolbar .secondary .action:focus,
.actions-toolbar .secondary .bx--breadcrumb.bx--skeleton .action:focus, .bx--breadcrumb.bx--skeleton .actions .link:focus, .actions .bx--breadcrumb.bx--skeleton .link:focus, .bx--breadcrumb.bx--skeleton .dashboard-nav__list .nav.item a:focus, .dashboard-nav__list .nav.item .bx--breadcrumb.bx--skeleton a:focus, .bx--breadcrumb.bx--skeleton .bx--link:active, .bx--breadcrumb.bx--skeleton .dashboard-items__address a:active, .dashboard-items__address .bx--breadcrumb.bx--skeleton a:active, .bx--breadcrumb.bx--skeleton .dashboard-table__link:active, .bx--breadcrumb.bx--skeleton .action__link:active,
.bx--breadcrumb.bx--skeleton .actions-toolbar .secondary .action:active,
.actions-toolbar .secondary .bx--breadcrumb.bx--skeleton .action:active, .bx--breadcrumb.bx--skeleton .actions .link:active, .actions .bx--breadcrumb.bx--skeleton .link:active, .bx--breadcrumb.bx--skeleton .dashboard-nav__list .nav.item a:active, .dashboard-nav__list .nav.item .bx--breadcrumb.bx--skeleton a:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--breadcrumb.bx--skeleton .bx--link::before, .bx--breadcrumb.bx--skeleton .dashboard-items__address a::before, .dashboard-items__address .bx--breadcrumb.bx--skeleton a::before, .bx--breadcrumb.bx--skeleton .dashboard-table__link::before, .bx--breadcrumb.bx--skeleton .action__link::before,
.bx--breadcrumb.bx--skeleton .actions-toolbar .secondary .action::before,
.actions-toolbar .secondary .bx--breadcrumb.bx--skeleton .action::before, .bx--breadcrumb.bx--skeleton .actions .link::before, .actions .bx--breadcrumb.bx--skeleton .link::before, .bx--breadcrumb.bx--skeleton .dashboard-nav__list .nav.item a::before, .dashboard-nav__list .nav.item .bx--breadcrumb.bx--skeleton a::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--breadcrumb.bx--skeleton .bx--link::before, .bx--breadcrumb.bx--skeleton .dashboard-items__address a::before, .dashboard-items__address .bx--breadcrumb.bx--skeleton a::before, .bx--breadcrumb.bx--skeleton .dashboard-table__link::before, .bx--breadcrumb.bx--skeleton .action__link::before,
.bx--breadcrumb.bx--skeleton .actions-toolbar .secondary .action::before,
.actions-toolbar .secondary .bx--breadcrumb.bx--skeleton .action::before, .bx--breadcrumb.bx--skeleton .actions .link::before, .actions .bx--breadcrumb.bx--skeleton .link::before, .bx--breadcrumb.bx--skeleton .dashboard-nav__list .nav.item a::before, .dashboard-nav__list .nav.item .bx--breadcrumb.bx--skeleton a::before {
    animation: none;
  }
}
.bx--link, .dashboard-items__address a, .dashboard-table__link, .action__link,
.actions-toolbar .secondary .action, .actions .link, .dashboard-nav__list .nav.item a {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: inline-flex;
  color: var(--bx-link-text-color, var(--bx-link-primary, #0090FF));
  outline: none;
  text-decoration: none;
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--link *, .dashboard-items__address a *, .dashboard-table__link *, .action__link *,
.actions-toolbar .secondary .action *, .actions .link *, .dashboard-nav__list .nav.item a *,
.bx--link *::before,
.dashboard-items__address a *::before,
.dashboard-table__link *::before,
.action__link *::before,
.actions-toolbar .secondary .action *::before,
.actions .link *::before,
.dashboard-nav__list .nav.item a *::before,
.bx--link *::after,
.dashboard-items__address a *::after,
.dashboard-table__link *::after,
.action__link *::after,
.actions-toolbar .secondary .action *::after,
.actions .link *::after,
.dashboard-nav__list .nav.item a *::after {
  box-sizing: inherit;
}

.bx--link:hover, .dashboard-items__address a:hover, .dashboard-table__link:hover, .action__link:hover,
.actions-toolbar .secondary .action:hover, .actions .link:hover, .dashboard-nav__list .nav.item a:hover {
  color: var(--bx-link-hover-text-color, var(--bx-link-primary-hover, #0043ce));
  text-decoration: underline;
}

.bx--link:active, .dashboard-items__address a:active, .dashboard-table__link:active, .action__link:active,
.actions-toolbar .secondary .action:active, .actions .link:active, .dashboard-nav__list .nav.item a:active, .bx--link:active:visited, .bx--link:active:visited:hover {
  color: var(--bx-text-primary, #161616);
  text-decoration: underline;
}

.bx--link:focus, .dashboard-items__address a:focus, .dashboard-table__link:focus, .action__link:focus,
.actions-toolbar .secondary .action:focus, .actions .link:focus, .dashboard-nav__list .nav.item a:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
  outline-color: var(--bx-link-focus-text-color, var(--bx-focus, #0d4c8b));
}

@media screen and (prefers-contrast) {
  .bx--link:focus, .dashboard-items__address a:focus, .dashboard-table__link:focus, .action__link:focus,
.actions-toolbar .secondary .action:focus, .actions .link:focus, .dashboard-nav__list .nav.item a:focus {
    outline-style: dotted;
  }
}
.bx--link:visited, .dashboard-items__address a:visited, .dashboard-table__link:visited, .action__link:visited,
.actions-toolbar .secondary .action:visited, .actions .link:visited, .dashboard-nav__list .nav.item a:visited {
  color: var(--bx-link-primary, #0090FF);
}

.bx--link:visited:hover, .dashboard-items__address a:visited:hover, .dashboard-table__link:visited:hover, .action__link:visited:hover,
.actions-toolbar .secondary .action:visited:hover, .actions .link:visited:hover, .dashboard-nav__list .nav.item a:visited:hover {
  color: var(--bx-link-primary-hover, #0043ce);
}

.bx--link--disabled,
.bx--link--disabled:hover {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  font-weight: 400;
  text-decoration: none;
}

.bx--link--disabled *,
.bx--link--disabled *::before,
.bx--link--disabled *::after,
.bx--link--disabled:hover *,
.bx--link--disabled:hover *::before,
.bx--link--disabled:hover *::after {
  box-sizing: inherit;
}

.bx--link.bx--link--visited:visited, .dashboard-items__address a.bx--link--visited:visited, .bx--link--visited.dashboard-table__link:visited, .bx--link--visited.action__link:visited,
.actions-toolbar .secondary .bx--link--visited.action:visited, .actions .bx--link--visited.link:visited, .dashboard-nav__list .nav.item a.bx--link--visited:visited {
  color: var(--bx-link-visited, #8a3ffc);
}

.bx--link.bx--link--visited:visited:hover, .dashboard-items__address a.bx--link--visited:visited:hover, .bx--link--visited.dashboard-table__link:visited:hover, .bx--link--visited.action__link:visited:hover,
.actions-toolbar .secondary .bx--link--visited.action:visited:hover, .actions .bx--link--visited.link:visited:hover, .dashboard-nav__list .nav.item a.bx--link--visited:visited:hover {
  color: var(--bx-link-primary-hover, #0043ce);
}

.bx--link.bx--link--inline, .dashboard-items__address a.bx--link--inline, .bx--link--inline.dashboard-table__link, .bx--link--inline.action__link,
.actions-toolbar .secondary .bx--link--inline.action, .actions .bx--link--inline.link, .dashboard-nav__list .nav.item a.bx--link--inline {
  text-decoration: underline;
}

.bx--link.bx--link--inline:focus, .dashboard-items__address a.bx--link--inline:focus, .bx--link--inline.dashboard-table__link:focus, .bx--link--inline.action__link:focus,
.actions-toolbar .secondary .bx--link--inline.action:focus, .actions .bx--link--inline.link:focus, .dashboard-nav__list .nav.item a.bx--link--inline:focus, .bx--link.bx--link--inline:visited, .dashboard-items__address a.bx--link--inline:visited, .bx--link--inline.dashboard-table__link:visited, .bx--link--inline.action__link:visited,
.actions-toolbar .secondary .bx--link--inline.action:visited, .actions .bx--link--inline.link:visited, .dashboard-nav__list .nav.item a.bx--link--inline:visited {
  text-decoration: none;
}

.bx--link--disabled.bx--link--inline {
  text-decoration: underline;
}

.bx--link--sm,
.bx--link--sm.bx--link--disabled:hover {
  font-size: var(--bx-helper-text-01-font-size, 0.75rem);
  line-height: var(--bx-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--bx-helper-text-01-letter-spacing, 0.32px);
}

.bx--link--lg,
.bx--link--lg.bx--link--disabled:hover {
  font-size: var(--bx-body-compact-02-font-size, 1rem);
  font-weight: var(--bx-body-compact-02-font-weight, 400);
  line-height: var(--bx-body-compact-02-line-height, 1.375);
  letter-spacing: var(--bx-body-compact-02-letter-spacing, 0);
}

.bx--link__icon {
  display: inline-flex;
  align-self: center;
  margin-left: 0.5rem;
}

.bx--assistive-text,
.bx--visually-hidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--btn, .action__button,
.action.primary {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: inline-flex;
  width: max-content;
  max-width: 20rem;
  min-height: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  text-align: left;
  text-decoration: none;
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
  vertical-align: top;
}

.bx--btn *, .action__button *,
.action.primary *,
.bx--btn *::before,
.action__button *::before,
.action.primary *::before,
.bx--btn *::after,
.action__button *::after,
.action.primary *::after {
  box-sizing: inherit;
}

.bx--btn:disabled, .action__button:disabled,
.action.primary:disabled, .bx--btn:hover:disabled, .bx--btn:focus:disabled, .bx--btn.bx--btn--disabled, .bx--btn--disabled.action__button,
.bx--btn--disabled.action.primary, .bx--btn.bx--btn--disabled:hover, .bx--btn.bx--btn--disabled:focus {
  border-color: var(--bx-button-disabled, #c6c6c6);
  background: var(--bx-button-disabled, #c6c6c6);
  box-shadow: none;
  color: var(--bx-text-on-color-disabled, #8d8d8d);
  cursor: not-allowed;
}

.bx--btn .bx--btn__icon, .action__button .bx--btn__icon,
.action.primary .bx--btn__icon {
  position: absolute;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.bx--btn::-moz-focus-inner, .action__button::-moz-focus-inner,
.action.primary::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.bx--btn--primary, .action__button,
.action.primary {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--bx-button-primary, #0f62fe);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--primary:hover, .action__button:hover,
.action.primary:hover {
  background-color: var(--bx-button-primary-hover, #0050e6);
}

.bx--btn--primary:focus, .action__button:focus,
.action.primary:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

.bx--btn--primary:active, .action__button:active,
.action.primary:active {
  background-color: var(--bx-button-primary-active, #002d9c);
}

.bx--btn--primary .bx--btn__icon, .action__button .bx--btn__icon,
.action.primary .bx--btn__icon,
.bx--btn--primary .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
.action__button .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
.action.primary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--btn--primary:hover, .action__button:hover,
.action.primary:hover {
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--secondary {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--bx-button-secondary, #393939);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--secondary:hover {
  background-color: var(--bx-button-secondary-hover, #474747);
}

.bx--btn--secondary:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

.bx--btn--secondary:active {
  background-color: var(--bx-button-secondary-active, #6f6f6f);
}

.bx--btn--secondary .bx--btn__icon,
.bx--btn--secondary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--btn--secondary:hover, .bx--btn--secondary:focus {
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--tertiary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bx-button-tertiary, #0f62fe);
  background-color: transparent;
  color: var(--bx-button-tertiary, #0f62fe);
}

.bx--btn--tertiary:hover {
  background-color: var(--bx-button-tertiary-hover, #0050e6);
}

.bx--btn--tertiary:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

.bx--btn--tertiary:active {
  background-color: var(--bx-button-tertiary-active, #002d9c);
}

.bx--btn--tertiary .bx--btn__icon,
.bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--btn--tertiary:hover {
  color: var(--bx-text-inverse, #ffffff);
}

.bx--btn--tertiary:focus {
  background-color: var(--bx-button-tertiary, #0f62fe);
  color: var(--bx-text-inverse, #ffffff);
}

.bx--btn--tertiary:active {
  border-color: transparent;
  background-color: var(--bx-button-tertiary-active, #002d9c);
  color: var(--bx-text-inverse, #ffffff);
}

.bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus {
  background: transparent;
  color: var(--bx-text-on-color-disabled, #8d8d8d);
  outline: none;
}

.bx--btn--ghost {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  color: var(--bx-link-primary, #0090FF);
  padding: calc(0.875rem - 3px) 16px;
}

.bx--btn--ghost:hover {
  background-color: var(--bx-layer-hover);
}

.bx--btn--ghost:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

.bx--btn--ghost:active {
  background-color: var(--bx-layer-active);
}

.bx--btn--ghost .bx--btn__icon,
.bx--btn--ghost .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--btn--ghost .bx--btn__icon {
  position: static;
  margin-left: 0.5rem;
}

.bx--btn--ghost:hover, .bx--btn--ghost:active {
  color: var(--bx-link-primary-hover, #0043ce);
}

.bx--btn--ghost:active {
  background-color: var(--bx-background-active, rgba(141, 141, 141, 0.5));
}

.bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus {
  border-color: transparent;
  background: transparent;
  color: var(--bx-text-on-color-disabled, #8d8d8d);
  outline: none;
}

.bx--btn--ghost.bx--btn--sm {
  padding: calc(0.375rem - 3px) 16px;
}

.bx--btn--ghost.bx--btn--field, .bx--btn--ghost.bx--btn--md {
  padding: calc(0.675rem - 3px) 16px;
}

.bx--btn--ghost:not([disabled]) svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--btn--icon-only {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.bx--btn--icon-only .bx--btn__icon {
  position: static;
}

.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon, .bx--btn--icon-only.bx--btn--danger--ghost .bx--btn__icon {
  margin: 0;
}

.bx--btn--icon-only.bx--btn--selected {
  background: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
}

.bx--btn path[data-icon-path=inner-path], .action__button path[data-icon-path=inner-path],
.action.primary path[data-icon-path=inner-path] {
  fill: none;
}

.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {
  fill: var(--bx-icon-primary, #161616);
}

.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon,
.bx--btn.bx--btn--icon-only.bx--btn--ghost[disabled]:hover .bx--btn__icon {
  fill: var(--bx-icon-on-color-disabled, #8d8d8d);
}

.bx--btn--ghost.bx--btn--icon-only[disabled] {
  cursor: not-allowed;
}

.bx--btn--field.bx--btn--icon-only,
.bx--btn--md.bx--btn--icon-only {
  padding-right: 0.6875rem;
  padding-left: 0.6875rem;
}

.bx--btn--sm.bx--btn--icon-only {
  padding-right: 0.4375rem;
  padding-left: 0.4375rem;
}

.bx--btn--danger {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--bx-button-danger-primary, #da1e28);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--danger:hover {
  background-color: var(--bx-button-danger-hover, #b81922);
}

.bx--btn--danger:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

.bx--btn--danger:active {
  background-color: var(--bx-button-danger-active, #750e13);
}

.bx--btn--danger .bx--btn__icon,
.bx--btn--danger .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--btn--danger:hover {
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--danger--tertiary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bx-button-danger-secondary, #da1e28);
  background-color: transparent;
  color: var(--bx-button-danger-secondary, #da1e28);
}

.bx--btn--danger--tertiary:hover {
  background-color: var(--bx-button-danger-hover, #b81922);
}

.bx--btn--danger--tertiary:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

.bx--btn--danger--tertiary:active {
  background-color: var(--bx-button-danger-active, #750e13);
}

.bx--btn--danger--tertiary .bx--btn__icon,
.bx--btn--danger--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--btn--danger--tertiary:hover {
  border-color: var(--bx-button-danger-hover, #b81922);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--danger--tertiary:focus {
  background-color: var(--bx-button-danger-primary, #da1e28);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--danger--tertiary:active {
  border-color: var(--bx-button-danger-active, #750e13);
  background-color: var(--bx-button-danger-active, #750e13);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--danger--tertiary:disabled, .bx--btn--danger--tertiary:hover:disabled, .bx--btn--danger--tertiary:focus:disabled, .bx--btn--danger--tertiary.bx--btn--disabled, .bx--btn--danger--tertiary.bx--btn--disabled:hover, .bx--btn--danger--tertiary.bx--btn--disabled:focus {
  background: transparent;
  color: var(--bx-text-on-color-disabled, #8d8d8d);
  outline: none;
}

.bx--btn--danger--ghost {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  color: var(--bx-button-danger-secondary, #da1e28);
  padding: calc(0.875rem - 3px) 16px;
}

.bx--btn--danger--ghost:hover {
  background-color: var(--bx-button-danger-hover, #b81922);
}

.bx--btn--danger--ghost:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

.bx--btn--danger--ghost:active {
  background-color: var(--bx-button-danger-active, #750e13);
}

.bx--btn--danger--ghost .bx--btn__icon,
.bx--btn--danger--ghost .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--btn--danger--ghost .bx--btn__icon {
  position: static;
  margin-left: 0.5rem;
}

.bx--btn--danger--ghost:hover, .bx--btn--danger--ghost:active {
  color: var(--bx-text-on-color, #ffffff);
}

.bx--btn--danger--ghost:disabled, .bx--btn--danger--ghost:hover:disabled, .bx--btn--danger--ghost:focus:disabled, .bx--btn--danger--ghost.bx--btn--disabled, .bx--btn--danger--ghost.bx--btn--disabled:hover, .bx--btn--danger--ghost.bx--btn--disabled:focus {
  border-color: transparent;
  background: transparent;
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.bx--btn--danger--ghost.bx--btn--sm {
  padding: calc(0.375rem - 3px) 16px;
}

.bx--btn--danger--ghost.bx--btn--field, .bx--btn--danger--ghost.bx--btn--md {
  padding: calc(0.675rem - 3px) 16px;
}

.bx--btn--sm {
  min-height: 2rem;
  padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px;
}

.bx--btn--2xl:not(.bx--btn--icon-only) {
  align-items: baseline;
  padding-top: 1rem;
  padding-right: 4rem;
  padding-left: 1rem;
  min-height: 5rem;
}

.bx--btn--xl:not(.bx--btn--icon-only) {
  align-items: baseline;
  padding-top: 1rem;
  padding-right: 4rem;
  padding-left: 1rem;
  min-height: 4rem;
}

.bx--btn--field,
.bx--btn--md {
  min-height: 2.5rem;
  padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px;
}

.bx--btn--expressive {
  font-size: var(--bx-body-compact-02-font-size, 1rem);
  font-weight: var(--bx-body-compact-02-font-weight, 400);
  line-height: var(--bx-body-compact-02-line-height, 1.375);
  letter-spacing: var(--bx-body-compact-02-letter-spacing, 0);
  min-height: 3rem;
}

.bx--btn--icon-only.bx--btn--expressive {
  padding: 12px 13px;
}

.bx--btn.bx--btn--expressive .bx--btn__icon, .bx--btn--expressive.action__button .bx--btn__icon,
.bx--btn--expressive.action.primary .bx--btn__icon {
  width: 1.25rem;
  height: 1.25rem;
}

.bx--btn-set .bx--btn.bx--btn--expressive, .bx--btn-set .bx--btn--expressive.action__button,
.bx--btn-set .bx--btn--expressive.action.primary {
  max-width: 20rem;
}

.bx--btn.bx--skeleton, .bx--skeleton.action__button,
.bx--skeleton.action.primary {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 9.375rem;
}

.bx--btn.bx--skeleton:hover, .bx--skeleton.action__button:hover,
.bx--skeleton.action.primary:hover, .bx--btn.bx--skeleton:focus, .bx--skeleton.action__button:focus,
.bx--skeleton.action.primary:focus, .bx--btn.bx--skeleton:active, .bx--skeleton.action__button:active,
.bx--skeleton.action.primary:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--btn.bx--skeleton::before, .bx--skeleton.action__button::before,
.bx--skeleton.action.primary::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--btn.bx--skeleton::before, .bx--skeleton.action__button::before,
.bx--skeleton.action.primary::before {
    animation: none;
  }
}
.bx--btn-set {
  display: flex;
}

.bx--btn-set--stacked {
  flex-direction: column;
}

.bx--btn-set .bx--btn, .bx--btn-set .action__button,
.bx--btn-set .action.primary {
  width: 100%;
  max-width: 12.25rem;
}

.bx--btn-set .bx--btn:not(:focus), .bx--btn-set .action__button:not(:focus),
.bx--btn-set .action.primary:not(:focus) {
  box-shadow: -0.0625rem 0 0 0 var(--bx-button-separator, #e0e0e0);
}

.bx--btn-set .bx--btn:first-of-type:not(:focus), .bx--btn-set .action__button:first-of-type:not(:focus),
.bx--btn-set .action.primary:first-of-type:not(:focus) {
  box-shadow: inherit;
}

.bx--btn-set .bx--btn:focus + .bx--btn, .bx--btn-set .action__button:focus + .bx--btn,
.bx--btn-set .action.primary:focus + .bx--btn, .bx--btn-set .bx--btn:focus + .action__button, .bx--btn-set .action__button:focus + .action__button,
.bx--btn-set .action.primary:focus + .action__button,
.bx--btn-set .bx--btn:focus + .action.primary,
.bx--btn-set .action__button:focus + .action.primary,
.bx--btn-set .action.primary:focus + .action.primary {
  box-shadow: inherit;
}

.bx--btn-set--stacked .bx--btn:not(:focus), .bx--btn-set--stacked .action__button:not(:focus),
.bx--btn-set--stacked .action.primary:not(:focus) {
  box-shadow: 0 -0.0625rem 0 0 var(--bx-button-separator, #e0e0e0);
}

.bx--btn-set--stacked .bx--btn:first-of-type:not(:focus), .bx--btn-set--stacked .action__button:first-of-type:not(:focus),
.bx--btn-set--stacked .action.primary:first-of-type:not(:focus) {
  box-shadow: inherit;
}

.bx--btn-set .bx--btn.bx--btn--disabled, .bx--btn-set .bx--btn--disabled.action__button,
.bx--btn-set .bx--btn--disabled.action.primary {
  box-shadow: -0.0625rem 0 0 0 var(--bx-icon-on-color-disabled, #8d8d8d);
}

.bx--btn-set .bx--btn.bx--btn--disabled:first-of-type, .bx--btn-set .bx--btn--disabled.action__button:first-of-type,
.bx--btn-set .bx--btn--disabled.action.primary:first-of-type {
  box-shadow: none;
}

.bx--btn-set--stacked .bx--btn.bx--btn--disabled, .bx--btn-set--stacked .bx--btn--disabled.action__button,
.bx--btn-set--stacked .bx--btn--disabled.action.primary {
  box-shadow: 0 -0.0625rem 0 0 var(--bx-layer-selected-disabled, #8d8d8d);
}

.bx--btn-set--stacked .bx--btn.bx--btn--disabled:first-of-type, .bx--btn-set--stacked .bx--btn--disabled.action__button:first-of-type,
.bx--btn-set--stacked .bx--btn--disabled.action.primary:first-of-type {
  box-shadow: none;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--btn:focus, .action__button:focus,
.action.primary:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {
    fill: ButtonText;
  }
}
.bx--fieldset html {
  font-size: 100%;
}

.bx--fieldset body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--fieldset code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--fieldset strong {
  font-weight: 600;
}

.bx--form-item, .input, .checkbox {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
}

.bx--label, .input__label, .label {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  display: inline-block;
  margin-bottom: 0.5rem;
  color: var(--bx-text-secondary, #525252);
  font-weight: 400;
  line-height: 1rem;
  vertical-align: baseline;
}

.bx--label html, .input__label html, .label html {
  font-size: 100%;
}

.bx--label body, .input__label body, .label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--label code, .input__label code, .label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--label strong, .input__label strong, .label strong {
  font-weight: 600;
}

.bx--label--no-margin {
  margin-bottom: 0;
}

.bx--label .bx--tooltip__trigger, .input__label .bx--tooltip__trigger, .label .bx--tooltip__trigger {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
}

.bx--label.bx--skeleton, .bx--skeleton.input__label, .bx--skeleton.label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 4.6875rem;
  height: 0.875rem;
}

.bx--label.bx--skeleton:hover, .bx--skeleton.input__label:hover, .bx--skeleton.label:hover, .bx--label.bx--skeleton:focus, .bx--skeleton.input__label:focus, .bx--skeleton.label:focus, .bx--label.bx--skeleton:active, .bx--skeleton.input__label:active, .bx--skeleton.label:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--label.bx--skeleton::before, .bx--skeleton.input__label::before, .bx--skeleton.label::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--label.bx--skeleton::before, .bx--skeleton.input__label::before, .bx--skeleton.label::before {
    animation: none;
  }
}
input[type=number] {
  font-family: carbon--font-family("mono");
}

input[data-invalid]:not(:focus),
.bx--number[data-invalid] input[type=number]:not(:focus),
.bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),
.bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),
.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),
.bx--list-box[data-invalid]:not(:focus),
.bx--combo-box[data-invalid] .bx--text-input:not(:focus),
.bx--combo-box[data-invalid] .input__field:not(:focus),
.bx--combo-box[data-invalid] .input-text:not(:focus) {
  outline: 2px solid var(--bx-support-error, #dd2d4a);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  input[data-invalid]:not(:focus),
.bx--number[data-invalid] input[type=number]:not(:focus),
.bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),
.bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),
.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),
.bx--list-box[data-invalid]:not(:focus),
.bx--combo-box[data-invalid] .bx--text-input:not(:focus),
.bx--combo-box[data-invalid] .input__field:not(:focus),
.bx--combo-box[data-invalid] .input-text:not(:focus) {
    outline-style: dotted;
  }
}
input[data-invalid] ~ .bx--form-requirement,
.bx--number[data-invalid] .bx--number__input-wrapper ~ .bx--form-requirement,
.bx--number__input-wrapper--warning ~ .bx--form-requirement,
.bx--date-picker-input__wrapper ~ .bx--form-requirement,
.bx--date-picker-input__wrapper--warn ~ .bx--form-requirement,
.bx--date-picker-input__wrapper--invalid ~ .bx--form-requirement,
.bx--time-picker--invalid ~ .bx--form-requirement,
.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement,
.bx--text-input__field-wrapper--warning ~ .bx--form-requirement,
.bx--text-input__field-wrapper--warning > .bx--text-input ~ .bx--form-requirement,
.bx--text-input__field-wrapper--warning > .input__field ~ .bx--form-requirement,
.bx--text-input__field-wrapper--warning > .input-text ~ .bx--form-requirement,
.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement,
.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement,
.bx--select--warning .bx--select-input__wrapper ~ .bx--form-requirement,
.bx--time-picker[data-invalid] ~ .bx--form-requirement,
.bx--list-box[data-invalid] ~ .bx--form-requirement,
.bx--list-box--warning ~ .bx--form-requirement {
  display: block;
  overflow: visible;
  max-height: 12.5rem;
  font-weight: 400;
}

input[data-invalid] ~ .bx--form-requirement,
.bx--number[data-invalid] .bx--number__input-wrapper ~ .bx--form-requirement,
.bx--date-picker-input__wrapper ~ .bx--form-requirement,
.bx--date-picker-input__wrapper--invalid ~ .bx--form-requirement,
.bx--time-picker--invalid ~ .bx--form-requirement,
.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement,
.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement,
.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement,
.bx--time-picker[data-invalid] ~ .bx--form-requirement,
.bx--list-box[data-invalid] ~ .bx--form-requirement {
  color: var(--bx-text-error, #da1e28);
}

.bx--form--fluid .bx--text-input__field-wrapper[data-invalid],
.bx--form--fluid .bx--text-input__field-wrapper--warning {
  display: block;
}

.bx--form--fluid input[data-invalid] {
  outline: none;
}

.bx--form--fluid .bx--form-requirement {
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0;
}

input:not(output):not([data-invalid]):-moz-ui-invalid {
  box-shadow: none;
}

.bx--form-requirement {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  display: none;
  overflow: hidden;
  max-height: 0;
  margin: 0.25rem 0 0;
}

.bx--form-requirement html {
  font-size: 100%;
}

.bx--form-requirement body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--form-requirement code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--form-requirement strong {
  font-weight: 600;
}

.bx--select--inline .bx--form__helper-text {
  margin-top: 0;
}

.bx--form__helper-text {
  font-size: var(--bx-helper-text-01-font-size, 0.75rem);
  line-height: var(--bx-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--bx-helper-text-01-letter-spacing, 0.32px);
  z-index: 0;
  width: 100%;
  margin-top: 0.25rem;
  color: var(--bx-text-secondary, #525252);
  opacity: 1;
}

.bx--label--disabled,
.bx--form__helper-text--disabled {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

fieldset[disabled] .bx--label, fieldset[disabled] .input__label, fieldset[disabled] .label,
fieldset[disabled] .bx--form__helper-text {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--form-item.bx--checkbox-wrapper, .bx--checkbox-wrapper.input, .checkbox {
  position: relative;
  margin-bottom: 0.25rem;
}

.bx--form-item.bx--checkbox-wrapper:first-of-type, .bx--checkbox-wrapper.input:first-of-type, .checkbox:first-of-type {
  margin-top: 0.1875rem;
}

.bx--label + .bx--form-item.bx--checkbox-wrapper, .input__label + .bx--form-item.bx--checkbox-wrapper, .label + .bx--form-item.bx--checkbox-wrapper, .bx--label + .bx--checkbox-wrapper.input, .input__label + .bx--checkbox-wrapper.input, .label + .bx--checkbox-wrapper.input, .bx--label + .checkbox, .input__label + .checkbox, .label + .checkbox {
  margin-top: -0.125rem;
}

.bx--form-item.bx--checkbox-wrapper:last-of-type, .bx--checkbox-wrapper.input:last-of-type, .checkbox:last-of-type {
  margin-bottom: 0.1875rem;
}

.bx--checkbox, .checkbox__field {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
  top: 1.25rem;
  left: 0.7rem;
}

.bx--checkbox-label, .checkbox__label {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  min-height: 1.5rem;
  padding-top: 0.1875rem;
  padding-left: 1.25rem;
  cursor: pointer;
  user-select: none;
}

.bx--checkbox-label html, .checkbox__label html {
  font-size: 100%;
}

.bx--checkbox-label body, .checkbox__label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--checkbox-label code, .checkbox__label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--checkbox-label strong, .checkbox__label strong {
  font-weight: 600;
}

.bx--checkbox-label-text {
  padding-left: 0.375rem;
}

.bx--checkbox-label::before, .checkbox__label::before,
.bx--checkbox-label::after,
.checkbox__label::after {
  box-sizing: border-box;
}

.bx--checkbox-label::before, .checkbox__label::before {
  position: absolute;
  top: 0.125rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--bx-icon-primary, #161616);
  margin: 0.125rem 0.125rem 0.125rem 0.1875rem;
  background-color: transparent;
  border-radius: 1px;
  content: "";
}

.bx--checkbox-label::after, .checkbox__label::after {
  position: absolute;
  top: 0.5rem;
  left: 0.4375rem;
  width: 0.5625rem;
  height: 0.3125rem;
  border-bottom: 2px solid var(--bx-icon-inverse, #ffffff);
  border-left: 2px solid var(--bx-icon-inverse, #ffffff);
  margin-top: -0.1875rem /*rtl:0rem*/;
  background: none;
  content: "";
  transform: scale(0) rotate(-45deg);
  transform-origin: bottom right /*rtl:center*/;
}

.bx--checkbox:checked + .bx--checkbox-label::before, .checkbox__field:checked + .bx--checkbox-label::before, .bx--checkbox:checked + .checkbox__label::before, .checkbox__field:checked + .checkbox__label::before,
.bx--checkbox:indeterminate + .bx--checkbox-label::before,
.checkbox__field:indeterminate + .bx--checkbox-label::before,
.bx--checkbox:indeterminate + .checkbox__label::before,
.checkbox__field:indeterminate + .checkbox__label::before,
.bx--checkbox-label[data-contained-checkbox-state=true]::before,
[data-contained-checkbox-state=true].checkbox__label::before,
.bx--checkbox-label[data-contained-checkbox-state=mixed]::before,
[data-contained-checkbox-state=mixed].checkbox__label::before {
  border: none;
  border-width: 1px;
  background-color: var(--bx-icon-primary, #161616);
}

.bx--checkbox:checked + .bx--checkbox-label::after, .checkbox__field:checked + .bx--checkbox-label::after, .bx--checkbox:checked + .checkbox__label::after, .checkbox__field:checked + .checkbox__label::after,
.bx--checkbox-label[data-contained-checkbox-state=true]::after,
[data-contained-checkbox-state=true].checkbox__label::after {
  transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/;
}

.bx--checkbox:indeterminate + .bx--checkbox-label::after, .checkbox__field:indeterminate + .bx--checkbox-label::after, .bx--checkbox:indeterminate + .checkbox__label::after, .checkbox__field:indeterminate + .checkbox__label::after,
.bx--checkbox-label[data-contained-checkbox-state=mixed]::after,
[data-contained-checkbox-state=mixed].checkbox__label::after {
  top: 0.6875rem;
  width: 0.5rem;
  border-bottom: 2px solid var(--bx-icon-inverse, #ffffff);
  border-left: 0 solid var(--bx-icon-inverse, #ffffff);
  transform: scale(1) rotate(0deg);
}

.bx--checkbox:focus + .bx--checkbox-label::before, .checkbox__field:focus + .bx--checkbox-label::before, .bx--checkbox:focus + .checkbox__label::before, .checkbox__field:focus + .checkbox__label::before,
.bx--checkbox-label__focus::before,
.bx--checkbox:checked:focus + .bx--checkbox-label::before,
.bx--checkbox-label[data-contained-checkbox-state=true].bx--checkbox-label__focus::before,
.bx--checkbox:indeterminate:focus + .bx--checkbox-label::before,
.bx--checkbox-label[data-contained-checkbox-state=mixed].bx--checkbox-label__focus::before {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: 1px;
}

.bx--checkbox:disabled + .bx--checkbox-label, .checkbox__field:disabled + .bx--checkbox-label, .bx--checkbox:disabled + .checkbox__label, .checkbox__field:disabled + .checkbox__label,
.bx--checkbox-label[data-contained-checkbox-disabled=true],
[data-contained-checkbox-disabled=true].checkbox__label {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--checkbox:disabled + .bx--checkbox-label::before, .checkbox__field:disabled + .bx--checkbox-label::before, .bx--checkbox:disabled + .checkbox__label::before, .checkbox__field:disabled + .checkbox__label::before,
.bx--checkbox-label[data-contained-checkbox-disabled=true]::before,
[data-contained-checkbox-disabled=true].checkbox__label::before {
  border-color: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--checkbox:checked:disabled + .bx--checkbox-label::before, .checkbox__field:checked:disabled + .bx--checkbox-label::before, .bx--checkbox:checked:disabled + .checkbox__label::before, .checkbox__field:checked:disabled + .checkbox__label::before,
.bx--checkbox:indeterminate:disabled + .bx--checkbox-label::before,
.checkbox__field:indeterminate:disabled + .bx--checkbox-label::before,
.bx--checkbox:indeterminate:disabled + .checkbox__label::before,
.checkbox__field:indeterminate:disabled + .checkbox__label::before,
.bx--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,
[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true].checkbox__label::before,
.bx--checkbox-label[data-contained-checkbox-state=mixed][data-contained-checkbox-disabled=true]::before,
[data-contained-checkbox-state=mixed][data-contained-checkbox-disabled=true].checkbox__label::before {
  background-color: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--checkbox-skeleton .bx--checkbox-label, .bx--checkbox-skeleton .checkbox__label {
  cursor: default;
}

.bx--checkbox-label-text.bx--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 6.25rem;
  height: 1rem;
  margin: 0.0625rem 0 0 0.375rem;
}

.bx--checkbox-label-text.bx--skeleton:hover, .bx--checkbox-label-text.bx--skeleton:focus, .bx--checkbox-label-text.bx--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--checkbox-label-text.bx--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--checkbox-label-text.bx--skeleton::before {
    animation: none;
  }
}
.bx--checkbox--inline {
  position: relative;
}

.bx--copy-btn {
  position: relative;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: var(--bx-layer);
  cursor: pointer;
}

.bx--copy-btn html {
  font-size: 100%;
}

.bx--copy-btn body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--copy-btn code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--copy-btn strong {
  font-weight: 600;
}

.bx--copy-btn:hover {
  background-color: var(--bx-layer-hover);
}

.bx--copy-btn:active {
  background-color: var(--bx-layer-active);
}

.bx--copy-btn::before {
  position: absolute;
  z-index: 6000;
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  display: none;
}

.bx--copy-btn .bx--copy-btn__feedback {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  width: max-content;
  min-width: 1.5rem;
  max-width: 13rem;
  height: auto;
  padding: 0.1875rem 1rem;
  background-color: var(--bx-background-inverse, #393939);
  border-radius: 0.125rem;
  color: var(--bx-text-inverse, #ffffff);
  font-weight: 400;
  text-align: left;
  transform: translateX(-50%);
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: none;
  overflow: visible;
  box-sizing: content-box;
  margin: auto;
  clip: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bx--copy-btn .bx--copy-btn__feedback {
    width: auto;
  }
}
@supports (-ms-accelerator: true) {
  .bx--copy-btn .bx--copy-btn__feedback {
    width: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .bx--copy-btn .bx--copy-btn__feedback {
    width: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .bx--copy-btn .bx--copy-btn__feedback {
    border: 1px solid transparent;
  }
}
.bx--copy-btn:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  outline-color: var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--copy-btn:focus {
    outline-style: dotted;
  }
}
.bx--copy-btn.bx--copy-btn--animating::before, .bx--copy-btn.bx--copy-btn--animating .bx--copy-btn__feedback {
  display: block;
}

.bx--copy-btn.bx--copy-btn--animating::before {
  border: none;
}

.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-out::before, .bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-out .bx--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;
}

.bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-in::before, .bx--copy-btn.bx--copy-btn--animating.bx--copy-btn--fade-in .bx--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;
}

.bx--copy {
  font-size: 0;
}

.bx--snippet html {
  font-size: 100%;
}

.bx--snippet body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--snippet code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--snippet strong {
  font-weight: 600;
}

.bx--snippet--disabled,
.bx--snippet--disabled .bx--btn.bx--snippet-btn--expand,
.bx--snippet--disabled .bx--snippet-btn--expand.action__button,
.bx--snippet--disabled .bx--snippet-btn--expand.action.primary {
  background-color: var(--bx-layer);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--snippet--disabled .bx--snippet-btn--expand:hover,
.bx--snippet--disabled .bx--copy-btn:hover {
  background-color: var(--bx-layer);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--snippet--disabled .bx--snippet__icon,
.bx--snippet--disabled .bx--snippet-btn--expand .bx--icon-chevron--down {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--snippet code {
  font-family: var(--bx-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--bx-code-01-font-size, 0.75rem);
  font-weight: var(--bx-code-01-font-weight, 400);
  line-height: var(--bx-code-01-line-height, 1.33333);
  letter-spacing: var(--bx-code-01-letter-spacing, 0.32px);
}

.bx--snippet--inline {
  position: relative;
  display: inline;
  padding: 0;
  border: 1px solid transparent;
  background-color: var(--bx-layer);
  border-radius: 4px;
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
}

.bx--snippet--inline html {
  font-size: 100%;
}

.bx--snippet--inline body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--snippet--inline code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--snippet--inline strong {
  font-weight: 600;
}

.bx--snippet--inline:hover {
  background-color: var(--bx-layer-hover);
}

.bx--snippet--inline:active {
  background-color: var(--bx-layer-active);
}

.bx--snippet--inline:focus {
  border: 1px solid var(--bx-focus, #0d4c8b);
  outline: none;
}

.bx--snippet--inline::before {
  position: absolute;
  z-index: 6000;
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  display: none;
  border: none;
}

.bx--snippet--inline .bx--copy-btn__feedback {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  width: max-content;
  min-width: 1.5rem;
  max-width: 13rem;
  height: auto;
  padding: 0.1875rem 1rem;
  background-color: var(--bx-background-inverse, #393939);
  border-radius: 0.125rem;
  color: var(--bx-text-inverse, #ffffff);
  font-weight: 400;
  text-align: left;
  transform: translateX(-50%);
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: none;
  overflow: visible;
  box-sizing: content-box;
  margin: auto;
  clip: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bx--snippet--inline .bx--copy-btn__feedback {
    width: auto;
  }
}
@supports (-ms-accelerator: true) {
  .bx--snippet--inline .bx--copy-btn__feedback {
    width: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .bx--snippet--inline .bx--copy-btn__feedback {
    width: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .bx--snippet--inline .bx--copy-btn__feedback {
    border: 1px solid transparent;
  }
}
.bx--snippet--inline.bx--copy-btn--animating::before,
.bx--snippet--inline.bx--copy-btn--animating .bx--copy-btn__feedback {
  display: block;
}

.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-out::before,
.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-out .bx--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;
}

.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-in::before,
.bx--snippet--inline.bx--copy-btn--animating.bx--copy-btn--fade-in .bx--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;
}

.bx--snippet--inline code {
  padding: 0 0.5rem;
}

.bx--snippet--inline.bx--snippet--no-copy {
  display: inline-block;
}

.bx--snippet--inline.bx--snippet--no-copy:hover {
  background-color: var(--bx-layer);
  cursor: auto;
}

.bx--snippet--light.bx--snippet--inline.bx--snippet--no-copy:hover {
  background-color: var(--bx-layer-hover);
  cursor: auto;
}

.bx--snippet--single {
  font-family: var(--bx-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--bx-code-01-font-size, 0.75rem);
  font-weight: var(--bx-code-01-font-weight, 400);
  line-height: var(--bx-code-01-line-height, 1.33333);
  letter-spacing: var(--bx-code-01-letter-spacing, 0.32px);
  position: relative;
  width: 100%;
  max-width: 48rem;
  background-color: var(--bx-layer);
  display: flex;
  height: 2.5rem;
  align-items: center;
  padding-right: 2.5rem;
}

.bx--snippet--single.bx--snippet--no-copy {
  padding: 0;
}

.bx--snippet--single.bx--snippet--no-copy::after {
  right: 1rem;
}

.bx--snippet--single .bx--snippet-container {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 1rem;
  overflow-x: auto;
}

.bx--snippet--single .bx--snippet-container:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--snippet--single .bx--snippet-container:focus {
    outline-style: dotted;
  }
}
.bx--snippet--single pre {
  font-family: var(--bx-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--bx-code-01-font-size, 0.75rem);
  font-weight: var(--bx-code-01-font-weight, 400);
  line-height: var(--bx-code-01-line-height, 1.33333);
  letter-spacing: var(--bx-code-01-letter-spacing, 0.32px);
  padding-right: 0.5rem;
}

.bx--snippet--single pre,
.bx--snippet--inline code {
  white-space: pre;
}

.bx--snippet--multi {
  font-family: var(--bx-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--bx-code-01-font-size, 0.75rem);
  font-weight: var(--bx-code-01-font-weight, 400);
  line-height: var(--bx-code-01-line-height, 1.33333);
  letter-spacing: var(--bx-code-01-letter-spacing, 0.32px);
  position: relative;
  width: 100%;
  max-width: 48rem;
  background-color: var(--bx-layer);
  display: flex;
  padding: 1rem;
}

.bx--snippet--multi .bx--snippet-container {
  position: relative;
  min-height: 100%;
  max-height: 100%;
  order: 1;
  overflow-y: auto;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--snippet--multi.bx--snippet--expand .bx--snippet-container {
  padding-bottom: 1rem;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--snippet--multi.bx--snippet--wraptext pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.bx--snippet--multi .bx--snippet-container pre {
  padding-right: 2.5rem;
  padding-bottom: 1.5rem;
  overflow-x: auto;
}

.bx--snippet--multi.bx--snippet--no-copy .bx--snippet-container pre {
  padding-right: 0;
}

.bx--snippet--multi.bx--snippet--expand .bx--snippet-container pre {
  overflow-x: auto;
}

.bx--snippet--multi .bx--snippet-container pre::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  height: 100%;
  background-image: linear-gradient(to right, rgba(var(--bx-layer), 0), var(--bx-layer));
  content: "";
}

.bx--snippet--multi .bx--snippet-container pre code {
  overflow: hidden;
}

.bx--snippet__icon {
  width: 1rem;
  height: 1rem;
  fill: var(--bx-icon-primary, #161616);
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--copy-btn {
  display: flex;
  overflow: visible;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: var(--bx-layer);
  cursor: pointer;
  outline: none;
}

.bx--copy-btn html {
  font-size: 100%;
}

.bx--copy-btn body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--copy-btn code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--copy-btn strong {
  font-weight: 600;
}

.bx--copy-btn:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  outline-color: var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--copy-btn:focus {
    outline-style: dotted;
  }
}
.bx--snippet .bx--popover-container {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  position: absolute;
  top: 0;
  right: 0;
}

.bx--snippet--inline.bx--btn--md.bx--btn--icon-only {
  padding-right: 0;
  padding-left: 0;
}

.bx--snippet--inline.bx--btn--md {
  min-height: 1.25rem;
}

.bx--snippet--inline.bx--btn--primary:hover, .bx--snippet--inline.action__button:hover,
.bx--snippet--inline.action.primary:hover {
  color: var(--bx-text-primary, #161616);
}

.bx--snippet.bx--snippet--multi .bx--popover-container {
  top: 0.5rem;
  right: 0.5rem;
}

.bx--snippet--multi .bx--copy-btn.bx--btn--md {
  z-index: 10;
  width: 2rem;
  height: 2rem;
  min-height: 2rem;
  padding: 0;
}

.bx--snippet-btn--expand {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 0;
  background-color: var(--bx-layer);
  color: var(--bx-text-primary, #161616);
}

.bx--snippet-btn--expand .bx--snippet-btn--text {
  position: relative;
  top: -0.0625rem;
}

.bx--snippet-btn--expand--hide.bx--snippet-btn--expand {
  display: none;
}

.bx--snippet-btn--expand .bx--icon-chevron--down {
  margin-left: 0.5rem;
  fill: var(--bx-icon-primary, #161616);
  transform: rotate(0deg);
  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--snippet-btn--expand:hover {
  background: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

.bx--snippet-btn--expand:active {
  background-color: var(--bx-layer-active);
}

.bx--snippet-btn--expand:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  border-color: transparent;
}

@media screen and (prefers-contrast) {
  .bx--snippet-btn--expand:focus {
    outline-style: dotted;
  }
}
.bx--snippet--expand .bx--snippet-btn--expand .bx--icon-chevron--down {
  transform: rotate(180deg);
  transition: transform 300ms;
}

.bx--snippet--light,
.bx--snippet--light .bx--snippet-button,
.bx--snippet--light .bx--btn.bx--snippet-btn--expand,
.bx--snippet--light .bx--snippet-btn--expand.action__button,
.bx--snippet--light .bx--snippet-btn--expand.action.primary,
.bx--snippet--light .bx--copy-btn {
  background-color: var(--bx-layer);
}

.bx--snippet--light.bx--snippet--inline:hover,
.bx--snippet--light .bx--snippet-button:hover,
.bx--snippet--light .bx--btn.bx--snippet-btn--expand:hover,
.bx--snippet--light .bx--snippet-btn--expand.action__button:hover,
.bx--snippet--light .bx--snippet-btn--expand.action.primary:hover,
.bx--snippet--light .bx--copy-btn:hover {
  background-color: var(--bx-layer-hover);
}

.bx--snippet--light.bx--snippet--inline:active,
.bx--snippet--light .bx--snippet-button:active,
.bx--snippet--light .bx--btn.bx--snippet-btn--expand:active,
.bx--snippet--light .bx--snippet-btn--expand.action__button:active,
.bx--snippet--light .bx--snippet-btn--expand.action.primary:active,
.bx--snippet--light .bx--copy-btn:active {
  background-color: var(--bx-layer-active);
}

.bx--snippet--light.bx--snippet--single::after,
.bx--snippet--light.bx--snippet--multi .bx--snippet-container pre::after {
  background-image: linear-gradient(to right, rgba(var(--bx-layer), 0), var(--bx-layer));
}

.bx--snippet.bx--skeleton .bx--snippet-container {
  width: 100%;
  height: 100%;
}

.bx--snippet-button .bx--btn--copy__feedback {
  top: 3.175rem;
  right: auto;
  left: 50%;
}

.bx--snippet-button .bx--btn--copy__feedback::before {
  top: 0;
}

.bx--snippet-button .bx--btn--copy__feedback::after {
  top: -0.25rem;
}

.bx--snippet--multi .bx--snippet-button .bx--btn--copy__feedback {
  top: 2.675rem;
}

.bx--snippet--inline .bx--btn--copy__feedback {
  top: calc(100% - 0.25rem);
  right: auto;
  left: 50%;
}

.bx--snippet__overflow-indicator--left,
.bx--snippet__overflow-indicator--right {
  z-index: 1;
  width: 1rem;
  flex: 1 0 auto;
}

.bx--snippet__overflow-indicator--left {
  order: 0;
  margin-right: -1rem;
  background-image: linear-gradient(to left, transparent, var(--bx-layer));
}

.bx--snippet__overflow-indicator--right {
  order: 2;
  margin-left: -1rem;
  background-image: linear-gradient(to right, transparent, var(--bx-layer));
}

.bx--snippet--single .bx--snippet__overflow-indicator--right,
.bx--snippet--single .bx--snippet__overflow-indicator--left {
  position: absolute;
  width: 2rem;
  height: calc(100% - 0.25rem);
}

.bx--snippet--single .bx--snippet__overflow-indicator--right {
  right: 2.5rem;
}

.bx--snippet--single.bx--snippet--no-copy .bx--snippet__overflow-indicator--right {
  right: 0;
}

.bx--snippet--single .bx--snippet-container:focus ~ .bx--snippet__overflow-indicator--right {
  right: calc(2.5rem + 0.125rem);
}

.bx--snippet--single .bx--snippet-container:focus + .bx--snippet__overflow-indicator--left {
  left: 0.125rem;
}

.bx--snippet--light .bx--snippet__overflow-indicator--left {
  background-image: linear-gradient(to left, transparent, var(--bx-layer));
}

.bx--snippet--light .bx--snippet__overflow-indicator--right {
  background-image: linear-gradient(to right, transparent, var(--bx-layer));
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .bx--snippet__overflow-indicator--left {
      background-image: linear-gradient(to left, rgba(var(--bx-layer), 0), var(--bx-layer));
    }
    .bx--snippet__overflow-indicator--right {
      background-image: linear-gradient(to right, rgba(var(--bx-layer), 0), var(--bx-layer));
    }
  }
}
.bx--snippet--multi.bx--skeleton {
  height: 6.125rem;
}

.bx--snippet--single.bx--skeleton {
  height: 3.5rem;
}

.bx--snippet.bx--skeleton span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: block;
  width: 100%;
  height: 1rem;
  margin-top: 0.5rem;
}

.bx--snippet.bx--skeleton span:hover, .bx--snippet.bx--skeleton span:focus, .bx--snippet.bx--skeleton span:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--snippet.bx--skeleton span::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--snippet.bx--skeleton span::before {
    animation: none;
  }
}
.bx--snippet.bx--skeleton span:first-child {
  margin: 0;
}

.bx--snippet.bx--skeleton span:nth-child(2) {
  width: 85%;
}

.bx--snippet.bx--skeleton span:nth-child(3) {
  width: 95%;
}

.bx--snippet--single.bx--skeleton .bx--snippet-container {
  padding-bottom: 0;
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--snippet__icon {
    fill: ButtonText;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--snippet--inline:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--snippet--single,
.bx--snippet--multi {
    outline: 1px solid transparent;
  }
}
/* stylelint-enable */
.bx--text-input, .input__field, .input-text {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  width: 100%;
  height: 2.5rem;
  padding: 0 1rem;
  border: none;
  border-bottom: 1px solid var(--bx-border-strong);
  background-color: var(--bx-field);
  color: var(--bx-text-primary, #161616);
  font-family: inherit;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--text-input html, .input__field html, .input-text html {
  font-size: 100%;
}

.bx--text-input body, .input__field body, .input-text body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--text-input code, .input__field code, .input-text code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--text-input strong, .input__field strong, .input-text strong {
  font-weight: 600;
}

.bx--text-input:focus, .input__field:focus, .input-text:focus, .bx--text-input:active, .input__field:active, .input-text:active {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--text-input:focus, .input__field:focus, .input-text:focus, .bx--text-input:active, .input__field:active, .input-text:active {
    outline-style: dotted;
  }
}
.bx--text-input-wrapper svg[hidden] {
  display: none;
}

.bx--text-input--lg {
  height: 3rem;
}

.bx--text-input--sm {
  height: 2rem;
}

.bx--password-input {
  padding-right: 2.5rem;
}

.bx--text-input--sm.bx--password-input {
  padding-right: 2rem;
}

.bx--text-input--lg.bx--password-input {
  padding-right: 3rem;
}

.bx--text-input::placeholder, .input__field::placeholder, .input-text::placeholder {
  color: var(--bx-text-placeholder, rgba(22, 22, 22, 0.2));
  opacity: 1;
}

.bx--text-input--light {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--text-input__field-wrapper {
  position: relative;
  display: flex;
  width: 100%;
}

.bx--text-input__invalid-icon,
.bx--text-input__readonly-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

.bx--text-input__invalid-icon {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--text-input__invalid-icon--warning {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--text-input__invalid-icon--warning path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.bx--text-input--password__visibility {
  position: relative;
  display: inline-flex;
  overflow: visible;
  align-items: center;
  cursor: pointer;
}

.bx--text-input--password__visibility:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--text-input--password__visibility:focus {
    outline-style: dotted;
  }
}
.bx--text-input--password__visibility:focus {
  outline: 1px solid transparent;
}

.bx--text-input--password__visibility:focus svg {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--text-input--password__visibility:focus svg {
    outline-style: dotted;
  }
}
.bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
  position: absolute;
  z-index: 6000;
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
    display: inline-block;
  }
}
.bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after {
  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after {
    transition: none;
  }
}
.bx--text-input--password__visibility.bx--tooltip--a11y::before, .bx--text-input--password__visibility.bx--tooltip--a11y::after {
  transition: none;
}

.bx--text-input--password__visibility::before {
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
}

.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
  box-sizing: content-box;
  color: inherit;
  opacity: 1;
  white-space: normal;
  word-break: break-word;
}

.bx--text-input--password__visibility::after,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  width: max-content;
  min-width: 1.5rem;
  max-width: 13rem;
  height: auto;
  padding: 0.1875rem 1rem;
  background-color: var(--bx-background-inverse, #393939);
  border-radius: 0.125rem;
  color: var(--bx-text-inverse, #ffffff);
  font-weight: 400;
  text-align: left;
  transform: translateX(-50%);
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bx--text-input--password__visibility::after,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
    width: auto;
  }
}
@supports (-ms-accelerator: true) {
  .bx--text-input--password__visibility::after,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
    width: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .bx--text-input--password__visibility::after,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
    width: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .bx--text-input--password__visibility::after,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
    border: 1px solid transparent;
  }
}
.bx--text-input--password__visibility::after {
  content: attr(aria-label);
}

.bx--text-input--password__visibility.bx--tooltip--a11y::after {
  content: none;
}

.bx--text-input--password__visibility.bx--tooltip--visible::before, .bx--text-input--password__visibility.bx--tooltip--visible::after, .bx--text-input--password__visibility:hover::before, .bx--text-input--password__visibility:hover::after, .bx--text-input--password__visibility:focus::before, .bx--text-input--password__visibility:focus::after {
  opacity: 1;
}

@keyframes tooltip-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,
.bx--text-input--password__visibility.bx--tooltip--visible + .bx--assistive-text, .bx--text-input--password__visibility:hover .bx--assistive-text,
.bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input--password__visibility:focus .bx--assistive-text,
.bx--text-input--password__visibility:focus + .bx--assistive-text {
  overflow: visible;
  margin: auto;
  clip: auto;
}

.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,
.bx--text-input--password__visibility.bx--tooltip--visible + .bx--assistive-text, .bx--text-input--password__visibility.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--text-input--password__visibility:hover .bx--assistive-text,
.bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input--password__visibility:hover.bx--tooltip--a11y::before, .bx--text-input--password__visibility:focus .bx--assistive-text,
.bx--text-input--password__visibility:focus + .bx--assistive-text, .bx--text-input--password__visibility:focus.bx--tooltip--a11y::before {
  animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--text-input--password__visibility.bx--tooltip--hidden .bx--assistive-text, .bx--text-input--password__visibility.bx--tooltip--hidden + .bx--assistive-text {
  overflow: hidden;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}

.bx--text-input--password__visibility.bx--tooltip--hidden.bx--tooltip--a11y::before {
  animation: none;
  opacity: 0;
}

.bx--text-input--password__visibility .bx--assistive-text::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 0.75rem;
  top: -0.75rem;
}

.bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
  bottom: 0;
  left: 50%;
}

.bx--text-input--password__visibility::before {
  bottom: -0.5rem;
  border-width: 0 0.25rem 0.3125rem 0.25rem;
  border-color: transparent transparent var(--bx-background-inverse, #393939) transparent;
  transform: translate(-50%, 100%);
}

.bx--text-input--password__visibility::after,
.bx--text-input--password__visibility .bx--assistive-text,
.bx--text-input--password__visibility + .bx--assistive-text {
  bottom: -0.8125rem;
  transform: translate(-50%, 100%);
}

.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger, .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button,
.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  right: 0;
  display: flex;
  width: 2.5rem;
  height: 100%;
  min-height: auto;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--text-input--sm + .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger, .bx--text-input--sm + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button,
.bx--text-input--sm + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary {
  width: 2rem;
}

.bx--text-input--lg + .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger, .bx--text-input--lg + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button,
.bx--text-input--lg + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary {
  width: 3rem;
}

.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg, .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button svg,
.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary svg {
  fill: var(--bx-icon-secondary, #525252);
  transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg, .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button svg,
.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary svg {
    fill: ButtonText;
  }
}
.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus, .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button:focus,
.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus, .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button:focus,
.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary:focus {
    outline-style: dotted;
  }
}
.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg, .bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button:hover svg,
.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary:hover svg,
.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus svg,
.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button:focus svg,
.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary:focus svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--text-input--invalid,
.bx--text-input--warning,
.bx--text-input-wrapper--readonly .bx--text-input,
.bx--text-input-wrapper--readonly .input__field,
.bx--text-input-wrapper--readonly .input-text {
  padding-right: 2.5rem;
}

.bx--text-input--invalid.bx--password-input {
  padding-right: 4rem;
}

.bx--text-input--invalid + .bx--text-input--password__visibility__toggle {
  right: 1rem;
}

.bx--password-input-wrapper .bx--text-input__invalid-icon {
  right: 2.5rem;
}

.bx--text-input:disabled + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg, .input__field:disabled + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg, .input-text:disabled + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg {
  cursor: not-allowed;
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--text-input:disabled + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg:hover, .input__field:disabled + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg:hover, .input-text:disabled + .bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg:hover {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--text-input:disabled, .input__field:disabled, .input-text:disabled {
  outline: 2px solid transparent;
  outline-offset: -2px;
  border-bottom: 1px solid transparent;
  background-color: var(--bx-field);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  -webkit-text-fill-color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--text-input--light:disabled {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--text-input:disabled::placeholder, .input__field:disabled::placeholder, .input-text:disabled::placeholder {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  opacity: 1;
}

.bx--text-input--invalid {
  outline: 2px solid var(--bx-support-error, #dd2d4a);
  outline-offset: -2px;
  box-shadow: none;
}

@media screen and (prefers-contrast) {
  .bx--text-input--invalid {
    outline-style: dotted;
  }
}
.bx--text-input--invalid .bx--text-input--password__visibility__toggle {
  right: 2.5rem;
}

.bx--skeleton.bx--text-input, .bx--skeleton.input__field, .bx--skeleton.input-text {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}

.bx--skeleton.bx--text-input:hover, .bx--skeleton.input__field:hover, .bx--skeleton.input-text:hover, .bx--skeleton.bx--text-input:focus, .bx--skeleton.input__field:focus, .bx--skeleton.input-text:focus, .bx--skeleton.bx--text-input:active, .bx--skeleton.input__field:active, .bx--skeleton.input-text:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--skeleton.bx--text-input::before, .bx--skeleton.input__field::before, .bx--skeleton.input-text::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--skeleton.bx--text-input::before, .bx--skeleton.input__field::before, .bx--skeleton.input-text::before {
    animation: none;
  }
}
.bx--form--fluid .bx--text-input-wrapper {
  position: relative;
  background: var(--bx-field);
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--form--fluid .bx--label, .bx--form--fluid .input__label, .bx--form--fluid .label {
  position: absolute;
  z-index: 1;
  top: 0.8125rem;
  left: 1rem;
  margin: 0;
}

.bx--form--fluid .bx--form__helper-text {
  display: none;
}

.bx--form--fluid .bx--text-input, .bx--form--fluid .input__field, .bx--form--fluid .input-text {
  min-height: 4rem;
  padding: 2rem 1rem 0.8125rem;
}

.bx--text-input__divider,
.bx--form--fluid .bx--text-input__divider {
  display: none;
}

.bx--form--fluid .bx--text-input--invalid,
.bx--form--fluid .bx--text-input--warn {
  border-bottom: none;
}

.bx--form--fluid .bx--text-input--invalid + .bx--text-input__divider,
.bx--form--fluid .bx--text-input--warn + .bx--text-input__divider {
  display: block;
  border-style: solid;
  border-color: var(--bx-border-subtle);
  border-bottom: none;
  margin: 0 1rem;
}

.bx--form--fluid .bx--text-input__invalid-icon {
  top: 5rem;
}

.bx--form--fluid .bx--text-input-wrapper--light {
  background: var(--bx-field-02, #ffffff);
}

.bx--form--fluid .bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid {
  outline: 2px solid transparent;
  outline-offset: -2px;
}

.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus) {
  outline: 2px solid var(--bx-support-error, #dd2d4a);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus) {
    outline-style: dotted;
  }
}
.bx--form--fluid .bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--form--fluid .bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:focus {
    outline-style: dotted;
  }
}
.bx--text-input-wrapper.bx--text-input-wrapper--inline {
  flex-flow: row wrap;
}

.bx--text-input-wrapper .bx--label--inline {
  flex: 1;
  margin: 0.8125rem 0 0 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.bx--text-input-wrapper .bx--label--inline--sm {
  margin-top: 0.5625rem;
}

.bx--text-input-wrapper .bx--label--inline--lg {
  margin-top: 1.0625rem;
}

.bx--text-input__label-helper-wrapper {
  max-width: 8rem;
  flex: 2;
  flex-direction: column;
  margin-right: 1.5rem;
  overflow-wrap: break-word;
}

.bx--text-input-wrapper .bx--form__helper-text--inline {
  margin-top: 0.125rem;
}

.bx--text-input__field-outer-wrapper {
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
}

.bx--text-input__field-outer-wrapper--inline {
  flex: 8;
  flex-direction: column;
}

.bx--form--fluid .bx--text-input-wrapper--readonly,
.bx--text-input-wrapper--readonly .bx--text-input,
.bx--text-input-wrapper--readonly .input__field,
.bx--text-input-wrapper--readonly .input-text {
  background: transparent;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg, .bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action__button svg,
.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger.action.primary svg,
.bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg {
    fill: ButtonText;
  }
}
.bx--tag {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  background-color: var(--bx-tag-background-gray, #e0e0e0);
  color: var(--bx-tag-color-gray, #393939);
  display: inline-flex;
  min-width: 2rem;
  max-width: 100%;
  min-height: 1.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  margin: 0.25rem;
  border-radius: 0.9375rem;
  cursor: default;
  vertical-align: middle;
  word-break: break-word;
}

.bx--tag.bx--tag--interactive:hover,
.bx--tag .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-gray, #c6c6c6);
}

.bx--tag:not(:first-child) {
  margin-left: 0;
}

.bx--tag--red {
  background-color: var(--bx-tag-background-red, #ffd7d9);
  color: var(--bx-tag-color-red, #750e13);
}

.bx--tag--red.bx--tag--interactive:hover,
.bx--tag--red .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-red, #ffb3b8);
}

.bx--tag--magenta {
  background-color: var(--bx-tag-background-magenta, #ffd6e8);
  color: var(--bx-tag-color-magenta, #740937);
}

.bx--tag--magenta.bx--tag--interactive:hover,
.bx--tag--magenta .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-magenta, #ffafd2);
}

.bx--tag--purple {
  background-color: var(--bx-tag-background-purple, #e8daff);
  color: var(--bx-tag-color-purple, #491d8b);
}

.bx--tag--purple.bx--tag--interactive:hover,
.bx--tag--purple .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-purple, #d4bbff);
}

.bx--tag--blue {
  background-color: var(--bx-tag-background-blue, #d0e2ff);
  color: var(--bx-tag-color-blue, #002d9c);
}

.bx--tag--blue.bx--tag--interactive:hover,
.bx--tag--blue .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-blue, #a6c8ff);
}

.bx--tag--cyan {
  background-color: var(--bx-tag-background-cyan, #bae6ff);
  color: var(--bx-tag-color-cyan, #003a6d);
}

.bx--tag--cyan.bx--tag--interactive:hover,
.bx--tag--cyan .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-cyan, #82cfff);
}

.bx--tag--teal {
  background-color: var(--bx-tag-background-teal, #9ef0f0);
  color: var(--bx-tag-color-teal, #004144);
}

.bx--tag--teal.bx--tag--interactive:hover,
.bx--tag--teal .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-teal, #3ddbd9);
}

.bx--tag--green {
  background-color: var(--bx-tag-background-green, #a7f0ba);
  color: var(--bx-tag-color-green, #044317);
}

.bx--tag--green.bx--tag--interactive:hover,
.bx--tag--green .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-green, #6fdc8c);
}

.bx--tag--gray {
  background-color: var(--bx-tag-background-gray, #e0e0e0);
  color: var(--bx-tag-color-gray, #393939);
}

.bx--tag--gray.bx--tag--interactive:hover,
.bx--tag--gray .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-gray, #c6c6c6);
}

.bx--tag--cool-gray {
  background-color: var(--bx-tag-background-cool-gray, #dde1e6);
  color: var(--bx-tag-color-cool-gray, #343a3f);
}

.bx--tag--cool-gray.bx--tag--interactive:hover,
.bx--tag--cool-gray .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-cool-gray, #c1c7cd);
}

.bx--tag--warm-gray {
  background-color: var(--bx-tag-background-warm-gray, #e5e0df);
  color: var(--bx-tag-color-warm-gray, #3c3838);
}

.bx--tag--warm-gray.bx--tag--interactive:hover,
.bx--tag--warm-gray .bx--tag__close-icon:hover {
  background-color: var(--bx-tag-hover-warm-gray, #cac5c4);
}

.bx--tag--high-contrast {
  background-color: var(--bx-background-inverse, #393939);
  color: var(--bx-text-inverse, #ffffff);
}

.bx--tag--high-contrast.bx--tag--interactive:hover,
.bx--tag--high-contrast .bx--tag__close-icon:hover {
  background-color: var(--bx-background-inverse-hover, #474747);
}

.bx--tag--outline {
  background-color: var(--bx-background, #ffffff);
  color: var(--bx-text-primary, #161616);
  box-shadow: 0 0 0 1px var(--bx-background-inverse, #393939);
}

.bx--tag--outline.bx--tag--interactive:hover,
.bx--tag--outline .bx--tag__close-icon:hover {
  background-color: var(--bx-layer-hover);
}

.bx--tag--disabled,
.bx--tag--filter.bx--tag--disabled,
.bx--tag--interactive.bx--tag--disabled {
  background-color: var(--bx-layer);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  box-shadow: none;
}

.bx--tag--disabled.bx--tag--interactive:hover,
.bx--tag--disabled .bx--tag__close-icon:hover,
.bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,
.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,
.bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,
.bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover {
  background-color: var(--bx-layer);
}

.bx--tag--disabled:hover,
.bx--tag--filter.bx--tag--disabled:hover,
.bx--tag--interactive.bx--tag--disabled:hover {
  cursor: not-allowed;
}

.bx--tag__label {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--tag--interactive:focus {
  box-shadow: inset 0 0 0 1px var(--bx-focus, #0d4c8b);
  outline: none;
}

.bx--tag--interactive:hover {
  cursor: pointer;
}

.bx--tag--filter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  cursor: pointer;
}

.bx--tag--filter:hover {
  outline: none;
}

.bx--tag--interactive {
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--tag__close-icon {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  margin: 0 0 0 0.125rem;
  background-color: transparent;
  border-radius: 50%;
  color: currentColor;
  cursor: pointer;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--tag__close-icon svg {
  fill: currentColor;
}

.bx--tag__custom-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  margin-right: 0.25rem;
  background-color: transparent;
  color: currentColor;
  outline: none;
}

.bx--tag__custom-icon svg {
  fill: currentColor;
}

.bx--tag--disabled .bx--tag__close-icon {
  cursor: not-allowed;
}

.bx--tag__close-icon:focus {
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--bx-focus, #0d4c8b);
  outline: none;
}

.bx--tag--high-contrast .bx--tag__close-icon:focus {
  box-shadow: inset 0 0 0 1px var(--bx-focus-inverse, #ffffff);
}

.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover {
  background-color: transparent;
}

.bx--tag--filter.bx--tag--disabled svg {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--tag--sm {
  min-height: 1.125rem;
  padding: 0 0.5rem;
}

.bx--tag--sm.bx--tag--filter {
  padding-right: 0;
}

.bx--tag--sm .bx--tag__close-icon {
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 0.3125rem;
}

.bx--tag.bx--skeleton {
  background-color: var(--bx-skeleton-background, #e8e8e8);
  color: var(--bx-text-primary, #161616);
  overflow: hidden;
  width: 3.75rem;
}

.bx--tag.bx--skeleton.bx--tag--interactive:hover,
.bx--tag.bx--skeleton .bx--tag__close-icon:hover {
  background-color: var(--bx-skeleton-background, #e8e8e8);
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .bx--tag.bx--skeleton {
      transform: translateZ(0);
    }
  }
}
/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--tag {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--tag__close-icon svg,
.bx--tag__custom-icon svg {
    fill: ButtonText;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--tag__close-icon:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
/* stylelint-enable */
.bx--list-box__wrapper--inline {
  display: inline-grid;
  align-items: center;
  grid-gap: 0.25rem;
  grid-template: auto auto/auto auto;
}

.bx--list-box__wrapper--inline .bx--label, .bx--list-box__wrapper--inline .input__label, .bx--list-box__wrapper--inline .label {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
}

.bx--list-box__wrapper--inline .bx--label, .bx--list-box__wrapper--inline .input__label, .bx--list-box__wrapper--inline .label,
.bx--list-box__wrapper--inline .bx--form__helper-text,
.bx--list-box__wrapper--inline .bx--form-requirement {
  margin: 0;
}

.bx--list-box__wrapper--inline .bx--form__helper-text {
  max-width: none;
}

.bx--list-box__wrapper--inline .bx--form-requirement {
  grid-column: 2;
}

.bx--list-box {
  position: relative;
  width: 100%;
  height: 2.5rem;
  max-height: 2.5rem;
  border: none;
  border-bottom: 1px solid var(--bx-border-strong);
  background-color: var(--bx-field);
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--list-box html {
  font-size: 100%;
}

.bx--list-box body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--list-box code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--list-box strong {
  font-weight: 600;
}

.bx--list-box:hover {
  background-color: var(--bx-field-hover);
}

.bx--list-box--lg {
  height: 3rem;
  max-height: 3rem;
}

.bx--list-box--sm {
  height: 2rem;
  max-height: 2rem;
}

.bx--list-box--expanded {
  border-bottom-color: var(--bx-border-subtle);
}

.bx--list-box--expanded:hover {
  background-color: var(--bx-field);
}

.bx--list-box--expanded:hover.bx--list-box--light:hover {
  background-color: var(--bx-field);
}

.bx--list-box .bx--text-input, .bx--list-box .input__field, .bx--list-box .input-text {
  min-width: 0;
  height: 100%;
}

.bx--list-box__invalid-icon {
  position: absolute;
  top: 50%;
  right: 2.5rem;
  fill: var(--bx-support-error, #dd2d4a);
  transform: translateY(-50%);
}

.bx--list-box__invalid-icon--warning {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--list-box__invalid-icon--warning path[fill] {
  fill: #000000;
  opacity: 1;
}

.bx--list-box[data-invalid] .bx--list-box__field,
.bx--list-box.bx--list-box--warning .bx--list-box__field {
  padding-right: 4rem;
  border-bottom: 0;
}

.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field,
.bx--list-box.bx--list-box--warning.bx--list-box--inline .bx--list-box__field {
  padding-right: 3.5rem;
}

.bx--list-box--light {
  background-color: var(--bx-field);
}

.bx--list-box--light:hover {
  background-color: var(--bx-field-hover);
}

.bx--list-box--light .bx--list-box__menu {
  background: var(--bx-layer);
}

.bx--list-box--light .bx--list-box__menu-item__option {
  border-top-color: var(--bx-border-subtle);
}

.bx--list-box--light.bx--list-box--expanded {
  border-bottom-color: transparent;
}

.bx--list-box--disabled:hover {
  background-color: var(--bx-field);
}

.bx--list-box--light.bx--list-box--disabled {
  background-color: var(--bx-field);
}

.bx--list-box--disabled,
.bx--list-box--disabled .bx--list-box__field,
.bx--list-box--disabled .bx--list-box__field:focus {
  border-bottom-color: transparent;
  outline: none;
}

.bx--list-box--disabled .bx--list-box__label,
.bx--list-box--disabled.bx--list-box--inline .bx--list-box__label {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--list-box--disabled .bx--list-box__menu-icon > svg,
.bx--list-box--disabled .bx--list-box__selection > svg {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--list-box--disabled,
.bx--list-box--disabled .bx--list-box__field,
.bx--list-box--disabled .bx--list-box__menu-icon {
  cursor: not-allowed;
}

.bx--list-box--disabled .bx--list-box__menu-item,
.bx--list-box--disabled .bx--list-box__menu-item:hover,
.bx--list-box--disabled .bx--list-box__menu-item--highlighted {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  text-decoration: none;
}

.bx--list-box--disabled .bx--list-box__selection:hover {
  cursor: not-allowed;
}

.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field {
  padding-right: 3rem;
}

.bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {
  padding-right: 2rem;
}

.bx--list-box.bx--list-box--inline {
  border-width: 0;
  background-color: transparent;
}

.bx--list-box.bx--list-box--inline:hover {
  background-color: var(--bx-layer-hover);
}

.bx--list-box.bx--list-box--inline.bx--list-box--expanded {
  border-bottom-width: 0;
}

.bx--list-box.bx--list-box--inline.bx--list-box--expanded .bx--list-box__field[aria-expanded=true] {
  border-width: 0;
}

.bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover,
.bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover {
  background-color: transparent;
}

.bx--list-box.bx--list-box--inline .bx--list-box__field {
  padding: 0 2rem 0 0.5rem;
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-icon {
  right: 0.5rem;
}

.bx--list-box.bx--list-box--inline .bx--list-box__invalid-icon {
  right: 2rem;
}

.bx--list-box--inline .bx--list-box__label {
  color: var(--bx-text-primary, #161616);
}

.bx--list-box--inline .bx--list-box__field {
  height: 100%;
}

.bx--dropdown--inline .bx--list-box__field {
  max-width: 30rem;
}

.bx--dropdown--inline .bx--list-box__menu {
  min-width: 18rem;
  max-width: 30rem;
}

.bx--list-box__field {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  height: calc(100% + 1px);
  align-items: center;
  padding: 0 3rem 0 1rem;
  cursor: pointer;
  outline: none;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.bx--list-box__field *,
.bx--list-box__field *::before,
.bx--list-box__field *::after {
  box-sizing: inherit;
}

.bx--list-box__field::-moz-focus-inner {
  border: 0;
}

.bx--list-box__field:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--list-box__field:focus {
    outline-style: dotted;
  }
}
.bx--list-box__field[disabled] {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.bx--list-box__field .bx--text-input, .bx--list-box__field .input__field, .bx--list-box__field .input-text {
  padding-right: 4.5rem;
}

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input, .bx--list-box[data-invalid] .bx--list-box__field .input__field, .bx--list-box[data-invalid] .bx--list-box__field .input-text,
.bx--list-box--warning .bx--list-box__field .bx--text-input,
.bx--list-box--warning .bx--list-box__field .input__field,
.bx--list-box--warning .bx--list-box__field .input-text {
  padding-right: 6.125rem;
}

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input + .bx--list-box__invalid-icon, .bx--list-box[data-invalid] .bx--list-box__field .input__field + .bx--list-box__invalid-icon, .bx--list-box[data-invalid] .bx--list-box__field .input-text + .bx--list-box__invalid-icon,
.bx--list-box--warning .bx--list-box__field .bx--text-input + .bx--list-box__invalid-icon,
.bx--list-box--warning .bx--list-box__field .input__field + .bx--list-box__invalid-icon,
.bx--list-box--warning .bx--list-box__field .input-text + .bx--list-box__invalid-icon {
  right: 4.125rem;
}

.bx--list-box__field .bx--text-input--empty {
  padding-right: 3rem;
}

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty,
.bx--list-box--warning .bx--list-box__field .bx--text-input--empty {
  padding-right: carbon--mini-units(9);
}

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty + .bx--list-box__invalid-icon,
.bx--list-box--warning .bx--list-box__field .bx--text-input--empty + .bx--list-box__invalid-icon {
  right: 2.5rem;
}

.bx--list-box__label {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  color: var(--bx-text-primary, #161616);
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
}

.bx--list-box__menu-icon {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  position: absolute;
  right: 1rem;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--list-box__menu-icon *,
.bx--list-box__menu-icon *::before,
.bx--list-box__menu-icon *::after {
  box-sizing: inherit;
}

.bx--list-box__menu-icon::-moz-focus-inner {
  border: 0;
}

.bx--list-box__menu-icon > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--list-box__menu-icon--open {
  width: 1.5rem;
  justify-content: center;
  transform: rotate(180deg);
}

.bx--list-box__selection {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
  right: 2.25rem;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  user-select: none;
}

.bx--list-box__selection *,
.bx--list-box__selection *::before,
.bx--list-box__selection *::after {
  box-sizing: inherit;
}

.bx--list-box__selection::-moz-focus-inner {
  border: 0;
}

.bx--list-box__selection:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--list-box__selection:focus {
    outline-style: dotted;
  }
}
.bx--list-box__selection:focus:hover {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--list-box__selection:focus:hover {
    outline-style: dotted;
  }
}
.bx--list-box__selection > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--list-box--disabled .bx--list-box__selection:focus {
  outline: none;
}

.bx--list-box__selection--multi {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  position: static;
  top: auto;
  display: flex;
  width: auto;
  height: 1.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  padding-right: 0.125rem;
  margin-right: 0.625rem;
  background-color: var(--bx-background-inverse, #393939);
  border-radius: 0.75rem;
  color: var(--bx-text-inverse, #ffffff);
  line-height: 0;
  transform: none;
}

.bx--list-box__selection--multi > svg {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.125rem;
  margin-left: 0.25rem;
  fill: var(--bx-icon-inverse, #ffffff);
}

.bx--list-box__selection--multi > svg:hover {
  background-color: var(--bx-button-secondary-hover, #474747);
  border-radius: 50%;
}

.bx--list-box--disabled .bx--list-box__selection--multi {
  background-color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  color: var(--bx-layer);
}

.bx--list-box--disabled .bx--list-box__selection--multi.bx--tag--interactive:hover,
.bx--list-box--disabled .bx--list-box__selection--multi .bx--tag__close-icon:hover {
  background-color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--list-box--disabled .bx--list-box__selection--multi > svg {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--list-box--disabled .bx--list-box__selection--multi > svg:hover {
  background-color: initial;
}

.bx--list-box__selection--multi:hover {
  outline: none;
}

.bx--list-box__menu {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  position: absolute;
  z-index: 9100;
  right: 0;
  left: 0;
  width: 100%;
  background-color: var(--bx-layer);
  overflow-y: auto;
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--list-box__menu:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--list-box__menu:focus {
    outline-style: dotted;
  }
}
.bx--list-box .bx--list-box__field[aria-expanded=false] + .bx--list-box__menu {
  max-height: 0;
}

.bx--list-box--expanded .bx--list-box__menu {
  max-height: 13.75rem;
}

.bx--list-box--expanded.bx--list-box--lg .bx--list-box__menu {
  max-height: 16.5rem;
}

.bx--list-box--expanded.bx--list-box--sm .bx--list-box__menu {
  max-height: 11rem;
}

.bx--list-box__menu-item {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  height: 2.5rem;
  color: var(--bx-text-secondary, #525252);
  cursor: pointer;
  transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  user-select: none;
}

.bx--list-box__menu-item:hover {
  background-color: var(--bx-layer-hover);
}

.bx--list-box__menu-item:active {
  background-color: var(--bx-layer-selected);
}

.bx--list-box--light .bx--list-box__menu-item:hover {
  background-color: var(--bx-layer-hover);
}

.bx--list-box--sm .bx--list-box__menu-item {
  height: 2rem;
}

.bx--list-box--lg .bx--list-box__menu-item {
  height: 3rem;
}

.bx--list-box--disabled .bx--list-box__menu-item:hover {
  background-color: transparent;
}

.bx--list-box--light .bx--list-box__menu-item:active {
  background-color: var(--bx-layer-selected);
}

.bx--list-box--disabled .bx--list-box__menu-item__option:hover {
  border-top-color: var(--bx-border-subtle);
}

.bx--list-box__menu-item:first-of-type .bx--list-box__menu-item__option {
  border-top-color: transparent;
}

.bx--list-box__menu-item:hover .bx--list-box__menu-item__option {
  color: var(--bx-text-primary, #161616);
}

.bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option {
  border-top-color: transparent;
}

.bx--list-box--disabled .bx--list-box__menu-item:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option {
  border-top-color: var(--bx-border-subtle);
}

.bx--list-box__menu-item__option {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: block;
  overflow: hidden;
  height: 2.5rem;
  padding: 0.6875rem 0;
  padding-right: 1.5rem;
  border-top: 1px solid transparent;
  border-top-color: var(--bx-border-subtle);
  border-bottom: 1px solid transparent;
  margin: 0 1rem;
  color: var(--bx-text-secondary, #525252);
  font-weight: normal;
  line-height: 1rem;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}

.bx--list-box__menu-item__option:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  padding: 0.6875rem 1rem;
  border-color: transparent;
  margin: 0;
}

@media screen and (prefers-contrast) {
  .bx--list-box__menu-item__option:focus {
    outline-style: dotted;
  }
}
.bx--list-box__menu-item__option:hover {
  border-color: transparent;
  color: var(--bx-text-primary, #161616);
}

.bx--list-box--sm .bx--list-box__menu-item__option {
  height: 2rem;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}

.bx--list-box--lg .bx--list-box__menu-item__option {
  height: 3rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.bx--list-box--disabled .bx--list-box__menu-item:hover .bx--list-box__menu-item__option,
.bx--list-box--disabled .bx--list-box__menu-item__option {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--list-box__menu-item[disabled],
.bx--list-box__menu-item[disabled] *,
.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option,
.bx--list-box__menu-item[disabled]:hover {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  outline: none;
}

.bx--list-box__menu-item[disabled]:hover {
  background-color: revert;
}

.bx--list-box__menu-item[disabled] .bx--checkbox-label::before, .bx--list-box__menu-item[disabled] .checkbox__label::before {
  border-color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option {
  border-top-color: var(--bx-border-subtle);
}

.bx--list-box__menu-item[disabled]:hover + .bx--list-box__menu-item .bx--list-box__menu-item__option {
  border-top-color: var(--bx-border-subtle);
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option {
  margin: 0 0.5rem;
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option:focus {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin: 0;
}

.bx--list-box__menu-item--highlighted {
  border-color: transparent;
  background-color: var(--bx-layer-selected);
  color: var(--bx-text-primary, #161616);
}

.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option,
.bx--list-box__menu-item--highlighted + .bx--list-box__menu-item .bx--list-box__menu-item__option {
  border-top-color: transparent;
}

.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option {
  color: var(--bx-text-primary, #161616);
}

.bx--list-box__menu-item--active {
  border-bottom-color: var(--bx-layer-selected);
  background-color: var(--bx-layer-selected);
  color: var(--bx-text-primary, #161616);
}

.bx--list-box--light .bx--list-box__menu-item--active {
  border-bottom-color: var(--bx-layer-selected);
  background-color: var(--bx-layer-selected);
}

.bx--list-box__menu-item--active:hover {
  border-bottom-color: var(--bx-layer-selected-hover);
  background-color: var(--bx-layer-selected-hover);
}

.bx--list-box__menu-item--active .bx--list-box__menu-item__option {
  color: var(--bx-text-primary, #161616);
}

.bx--list-box__menu-item--active + .bx--list-box__menu-item > .bx--list-box__menu-item__option {
  border-top-color: transparent;
}

.bx--list-box__menu-item__selected-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  display: none;
  fill: var(--bx-icon-primary, #161616);
  transform: translateY(-50%);
}

.bx--list-box--inline .bx--list-box__menu-item__selected-icon {
  right: 0.5rem;
}

.bx--list-box__menu-item--active .bx--list-box__menu-item__selected-icon {
  display: block;
}

.bx--list-box__menu-item .bx--checkbox-label, .bx--list-box__menu-item .checkbox__label {
  width: 100%;
}

.bx--list-box__menu-item .bx--checkbox-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--list-box--up .bx--list-box__menu {
  bottom: 2.5rem;
}

.bx--list-box--up.bx--dropdown--sm .bx--list-box__menu,
.bx--list-box--up.bx--list-box--sm .bx--list-box__menu,
.bx--list-box--up .bx--list-box--sm .bx--list-box__menu {
  bottom: 2rem;
}

.bx--list-box--up.bx--dropdown--lg .bx--list-box__menu,
.bx--list-box--up.bx--list-box--lg .bx--list-box__menu,
.bx--list-box--up .bx--list-box--lg .bx--list-box__menu {
  bottom: 3rem;
}

.bx--list-box input[role=combobox],
.bx--list-box input[type=text] {
  min-width: 0;
  background-color: inherit;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--list-box__field,
.bx--list-box__menu,
.bx--multi-select .bx--tag--filter {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--list-box__field:focus,
.bx--multi-select .bx--tag__close-icon:focus,
.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--list-box__menu-icon > svg,
.bx--list-box__selection > svg,
.bx--list-box__selection--multi > svg {
    fill: ButtonText;
  }
}
.bx--combo-box:hover {
  background-color: var(--bx-field);
}

.bx--combo-box.bx--list-box--light:hover {
  background-color: var(--bx-field);
}

.bx--combo-box .bx--text-input::-ms-clear, .bx--combo-box .input__field::-ms-clear, .bx--combo-box .input-text::-ms-clear {
  display: none;
}

.bx--combo-box.bx--list-box--expanded .bx--text-input, .bx--combo-box.bx--list-box--expanded .input__field, .bx--combo-box.bx--list-box--expanded .input-text {
  border-bottom-color: var(--bx-border-subtle);
}

.bx--combo-box .bx--list-box__field,
.bx--combo-box.bx--list-box[data-invalid] .bx--list-box__field,
.bx--combo-box.bx--list-box--warning .bx--list-box__field,
.bx--combo-box.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field,
.bx--combo-box.bx--list-box--disabled.bx--list-box--warning .bx--list-box__field {
  padding: 0;
}

.bx--content-switcher {
  display: flex;
  width: 100%;
  height: 2.5rem;
  justify-content: space-evenly;
}

.bx--content-switcher--sm {
  height: 2rem;
}

.bx--content-switcher--lg {
  height: 3rem;
}

.bx--content-switcher-btn {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  align-items: center;
  padding: 0.5rem 1rem;
  border: none;
  border-top: 0.0625rem solid var(--bx-border-inverse, #161616);
  border-bottom: 0.0625rem solid var(--bx-border-inverse, #161616);
  margin: 0;
  background-color: transparent;
  color: var(--bx-text-secondary, #525252);
  text-align: left;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}

.bx--content-switcher-btn html {
  font-size: 100%;
}

.bx--content-switcher-btn body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--content-switcher-btn code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--content-switcher-btn strong {
  font-weight: 600;
}

.bx--content-switcher-btn::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--bx-layer-selected-inverse, #161616);
  content: "";
  transform: scaleY(0);
  transform-origin: bottom;
  transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media (prefers-reduced-motion: reduce) {
  .bx--content-switcher-btn::after {
    transition: none;
  }
}
.bx--content-switcher-btn:disabled::after {
  display: none;
}

.bx--content-switcher-btn:focus {
  z-index: 3;
  border-color: var(--bx-focus, #0d4c8b);
  box-shadow: inset 0 0 0 2px var(--bx-focus, #0d4c8b), inset 0 0 0 3px var(--bx-focus-inset, #ffffff);
}

.bx--content-switcher-btn:focus::after {
  clip-path: inset(3px 3px 3px 3px);
}

.bx--content-switcher-btn:hover {
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
}

.bx--content-switcher-btn:hover, .bx--content-switcher-btn:active {
  z-index: 3;
  background-color: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

.bx--content-switcher-btn:disabled {
  border-color: var(--bx-border-disabled, #c6c6c6);
  background-color: transparent;
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--content-switcher-btn:disabled:hover {
  cursor: not-allowed;
}

.bx--content-switcher-btn:disabled:first-child, .bx--content-switcher-btn:disabled:last-child {
  border-color: var(--bx-border-disabled, #c6c6c6);
}

.bx--content-switcher-btn:first-child {
  border-left: 0.0625rem solid var(--bx-border-inverse, #161616);
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.bx--content-switcher-btn:last-child {
  border-right: 0.0625rem solid var(--bx-border-inverse, #161616);
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.bx--content-switcher--selected,
.bx--content-switcher--selected:first-child,
.bx--content-switcher--selected:last-child {
  border: 0;
}

.bx--content-switcher-btn::before {
  position: absolute;
  z-index: 2;
  left: 0;
  display: block;
  width: 0.0625rem;
  height: 1rem;
  background-color: var(--bx-border-subtle);
  content: "";
}

.bx--content-switcher-btn:first-of-type::before {
  display: none;
}

.bx--content-switcher-btn:focus::before,
.bx--content-switcher-btn:focus + .bx--content-switcher-btn::before,
.bx--content-switcher-btn:hover::before,
.bx--content-switcher-btn:hover + .bx--content-switcher-btn::before,
.bx--content-switcher--selected::before,
.bx--content-switcher--selected + .bx--content-switcher-btn::before {
  background-color: transparent;
}

.bx--content-switcher-btn:disabled::before,
.bx--content-switcher-btn:disabled:hover + .bx--content-switcher-btn:disabled::before {
  background-color: var(--bx-border-disabled, #c6c6c6);
}

.bx--content-switcher-btn.bx--content-switcher--selected:disabled + .bx--content-switcher-btn::before,
.bx--content-switcher-btn.bx--content-switcher--selected:disabled:hover + .bx--content-switcher-btn::before {
  background-color: transparent;
}

.bx--content-switcher__icon {
  fill: var(--bx-icon-secondary, #525252);
  transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--content-switcher__icon + span {
  margin-left: 0.5rem;
}

.bx--content-switcher__label {
  z-index: 1;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--content-switcher-btn:hover .bx--content-switcher__icon,
.bx--content-switcher-btn:focus .bx--content-switcher__icon {
  fill: var(--bx-icon-primary, #161616);
}

.bx--content-switcher-btn.bx--content-switcher--selected {
  z-index: 3;
  background-color: var(--bx-layer-selected-inverse, #161616);
  color: var(--bx-text-inverse, #ffffff);
}

.bx--content-switcher-btn.bx--content-switcher--selected:disabled {
  background-color: var(--bx-layer-selected-disabled, #8d8d8d);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--content-switcher-btn.bx--content-switcher--selected::after {
  transform: scaleY(1);
}

.bx--content-switcher-btn.bx--content-switcher--selected .bx--content-switcher__icon {
  fill: var(--bx-icon-inverse, #ffffff);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--content-switcher-btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
.bx--data-table-container {
  position: relative;
  padding-top: 0.125rem;
}

.bx--data-table-content {
  overflow-x: auto;
}

.bx--data-table-header {
  padding: 1rem 0 1.5rem 1rem;
  background: var(--bx-layer);
}

.bx--data-table-header__title {
  font-size: var(--bx-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-heading-03-font-weight, 400);
  line-height: var(--bx-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-heading-03-letter-spacing, 0);
  color: var(--bx-text-primary, #161616);
}

.bx--data-table-header__description {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  color: var(--bx-text-secondary, #525252);
}

.bx--data-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.bx--data-table thead {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  background-color: var(--bx-layer-accent);
}

.bx--data-table tbody {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  width: 100%;
  background-color: var(--bx-layer);
}

.bx--data-table tr {
  width: 100%;
  height: 3rem;
  border: none;
}

.bx--data-table tbody tr,
.bx--data-table tbody tr td,
.bx--data-table tbody tr th {
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--data-table tbody tr:hover {
  background: var(--bx-layer-hover);
}

.bx--data-table tbody tr:hover td,
.bx--data-table tbody tr:hover th {
  border-top: 1px solid var(--bx-layer-hover);
  border-bottom: 1px solid var(--bx-layer-hover);
  background: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

.bx--data-table tr:hover .bx--link, .bx--data-table tr:hover .dashboard-items__address a, .dashboard-items__address .bx--data-table tr:hover a, .bx--data-table tr:hover .dashboard-table__link, .bx--data-table tr:hover .action__link,
.bx--data-table tr:hover .actions-toolbar .secondary .action,
.actions-toolbar .secondary .bx--data-table tr:hover .action, .bx--data-table tr:hover .actions .link, .actions .bx--data-table tr:hover .link, .bx--data-table tr:hover .dashboard-nav__list .nav.item a, .dashboard-nav__list .nav.item .bx--data-table tr:hover a {
  color: var(--bx-link-secondary, #0043ce);
}

.bx--data-table tr:hover .bx--link--disabled {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--data-table th,
.bx--data-table td {
  text-align: left;
  vertical-align: middle;
}

.bx--data-table th[align=right],
.bx--data-table td[align=right] {
  text-align: right;
}

.bx--data-table th[align=center],
.bx--data-table td[align=center] {
  text-align: center;
}

.bx--data-table th {
  padding-right: 1rem;
  padding-left: 1rem;
  background-color: var(--bx-layer-accent);
  color: var(--bx-text-primary, #161616);
}

.bx--data-table th:last-of-type {
  position: static;
  width: auto;
}

.bx--data-table .bx--table-header-label {
  text-align: left;
}

.bx--data-table td,
.bx--data-table tbody th {
  padding-right: 1rem;
  padding-left: 1rem;
  border-top: 1px solid var(--bx-layer);
  border-bottom: 1px solid var(--bx-border-subtle);
  background: var(--bx-layer);
  color: var(--bx-text-secondary, #525252);
}

.bx--data-table td + td:first-of-type,
.bx--data-table tbody th + td:first-of-type {
  padding-left: 0.75rem;
}

@supports (-moz-appearance: none) {
  .bx--data-table td {
    background-clip: padding-box;
  }
}
.bx--data-table .bx--list-box input[role=combobox],
.bx--data-table .bx--list-box input[type=text],
.bx--data-table .bx--dropdown,
.bx--data-table .bx--list-box,
.bx--data-table .bx--number input[type=number],
.bx--data-table .bx--number__control-btn::before,
.bx--data-table .bx--number__control-btn::after,
.bx--data-table .bx--text-input,
.bx--data-table .input__field,
.bx--data-table .input-text,
.bx--data-table .bx--select-input {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=false]:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=false]:focus {
    outline-style: dotted;
  }
}
.bx--data-table td.bx--table-column-menu .bx--overflow-menu[aria-expanded=true]:focus {
  outline: none;
}

@media screen and (hover: hover), (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bx--data-table td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon {
    opacity: 0;
  }
}
.bx--data-table td.bx--table-column-menu .bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__icon {
  opacity: 1;
}

.bx--data-table.bx--data-table--visible-overflow-menu td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon,
.bx--data-table td.bx--table-column-menu .bx--overflow-menu:hover .bx--overflow-menu__icon,
.bx--data-table td.bx--table-column-menu .bx--overflow-menu:focus .bx--overflow-menu__icon,
.bx--data-table tr:hover td.bx--table-column-menu .bx--overflow-menu .bx--overflow-menu__icon {
  opacity: 1;
}

.bx--table-row--menu-option .bx--overflow-menu-options__btn .bx--overflow-menu-options__option-content svg {
  position: relative;
  top: 0.1875rem;
  margin-right: 0.5rem;
}

.bx--data-table .bx--overflow-menu:hover,
.bx--data-table .bx--overflow-menu__trigger:hover {
  background-color: var(--bx-layer-selected-hover);
}

.bx--data-table--selected .bx--overflow-menu:hover,
.bx--data-table--selected .bx--overflow-menu__trigger:hover {
  background-color: var(--bx-layer-hover);
}

.bx--data-table--selected .bx--link:not(.bx--link--disabled), .bx--data-table--selected .dashboard-items__address a:not(.bx--link--disabled), .dashboard-items__address .bx--data-table--selected a:not(.bx--link--disabled), .bx--data-table--selected .dashboard-table__link:not(.bx--link--disabled), .bx--data-table--selected .action__link:not(.bx--link--disabled),
.bx--data-table--selected .actions-toolbar .secondary .action:not(.bx--link--disabled),
.actions-toolbar .secondary .bx--data-table--selected .action:not(.bx--link--disabled), .bx--data-table--selected .actions .link:not(.bx--link--disabled), .actions .bx--data-table--selected .link:not(.bx--link--disabled), .bx--data-table--selected .dashboard-nav__list .nav.item a:not(.bx--link--disabled), .dashboard-nav__list .nav.item .bx--data-table--selected a:not(.bx--link--disabled) {
  color: var(--bx-link-secondary, #0043ce);
}

.bx--data-table--xs td.bx--table-column-menu,
.bx--data-table--sm td.bx--table-column-menu {
  height: 1.5rem;
  padding-top: 0;
  padding-bottom: 0;
}

.bx--data-table--sm td.bx--table-column-menu {
  height: 2rem;
}

.bx--data-table--md td.bx--table-column-menu {
  height: 2.5rem;
}

.bx--data-table--xl .bx--table-column-menu {
  padding-top: 0.5rem;
}

.bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(odd) td {
  border-bottom: 1px solid var(--bx-layer);
}

.bx--data-table--zebra tbody tr:not(.bx--parent-row):nth-child(even) td {
  border-top: 1px solid var(--bx-layer-accent);
  border-bottom: 1px solid var(--bx-layer-accent);
  background-color: var(--bx-layer-accent);
}

.bx--data-table--zebra tbody tr:not(.bx--parent-row):hover td {
  border-top: 1px solid var(--bx-layer-hover);
  border-bottom: 1px solid var(--bx-layer-hover);
  background-color: var(--bx-layer-hover);
}

.bx--table-column-checkbox .bx--checkbox-label, .bx--table-column-checkbox .checkbox__label {
  padding-left: 0;
}

.bx--data-table th.bx--table-column-checkbox {
  position: static;
  width: 2rem;
  background: var(--bx-layer-accent);
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--data-table .bx--table-column-checkbox .bx--checkbox:focus + .bx--checkbox-label::before, .bx--data-table .bx--table-column-checkbox .checkbox__field:focus + .bx--checkbox-label::before, .bx--data-table .bx--table-column-checkbox .bx--checkbox:focus + .checkbox__label::before, .bx--data-table .bx--table-column-checkbox .checkbox__field:focus + .checkbox__label::before {
  outline-offset: 0.375rem;
}

.bx--data-table--compact .bx--table-column-checkbox .bx--checkbox:focus + .bx--checkbox-label::before, .bx--data-table--compact .bx--table-column-checkbox .checkbox__field:focus + .bx--checkbox-label::before, .bx--data-table--compact .bx--table-column-checkbox .bx--checkbox:focus + .checkbox__label::before, .bx--data-table--compact .bx--table-column-checkbox .checkbox__field:focus + .checkbox__label::before,
.bx--data-table--xs .bx--table-column-checkbox .bx--checkbox:focus + .bx--checkbox-label::before,
.bx--data-table--xs .bx--table-column-checkbox .checkbox__field:focus + .bx--checkbox-label::before,
.bx--data-table--xs .bx--table-column-checkbox .bx--checkbox:focus + .checkbox__label::before,
.bx--data-table--xs .bx--table-column-checkbox .checkbox__field:focus + .checkbox__label::before {
  outline-offset: 0.125rem;
}

.bx--data-table thead th.bx--table-column-checkbox,
.bx--data-table tbody td.bx--table-column-checkbox,
.bx--data-table thead th.bx--table-expand,
.bx--data-table tbody td.bx--table-expand {
  min-width: 0;
}

.bx--data-table thead th.bx--table-column-checkbox,
.bx--data-table tbody td.bx--table-column-checkbox {
  min-width: 2.5rem;
  padding-right: 0.25rem;
  padding-left: 1rem;
}

.bx--data-table thead th.bx--table-expand,
.bx--data-table tbody td.bx--table-expand {
  width: 2rem;
  height: 2rem;
}

.bx--data-table--xs thead th.bx--table-expand,
.bx--data-table--xs tbody td.bx--table-expand {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 0 0 0.5rem;
}

.bx--data-table--sm thead th.bx--table-expand,
.bx--data-table--sm tbody td.bx--table-expand {
  width: 2rem;
  height: 2rem;
  padding: 0;
  padding-left: 0.5rem;
}

.bx--data-table--md thead th.bx--table-expand,
.bx--data-table--md tbody td.bx--table-expand {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
}

.bx--data-table--xl thead th.bx--table-expand,
.bx--data-table--xl tbody td.bx--table-expand {
  height: 4rem;
  padding-top: 0.625rem;
  padding-bottom: 1.375rem;
}

.bx--data-table--xl .bx--table-column-checkbox {
  padding-top: 0.8125rem;
}

.bx--data-table--xl .bx--table-column-radio {
  padding-top: 1rem;
}

.bx--table-column-radio {
  width: 48px;
}

.bx--table-column-radio .bx--radio-button__appearance {
  margin-right: -0.125rem;
}

.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected td,
tr.bx--data-table--selected td {
  border-top: 1px solid var(--bx-layer-selected);
  border-bottom: 1px solid var(--bx-layer-active);
  background-color: var(--bx-layer-selected);
  color: var(--bx-text-primary, #161616);
}

.bx--data-table--zebra tbody tr:first-of-type:nth-child(odd).bx--data-table--selected td,
tr.bx--data-table--selected:first-of-type td {
  border-top: 1px solid var(--bx-border-subtle-selected);
}

.bx--data-table--zebra tbody tr:last-of-type:nth-child(odd).bx--data-table--selected td,
.bx--data-table--zebra tbody tr:last-of-type:nth-child(even).bx--data-table--selected td,
tr.bx--data-table--selected:last-of-type td {
  border-top: 1px solid var(--bx-layer-selected);
  border-bottom: 1px solid var(--bx-layer-selected);
}

.bx--data-table--zebra tbody tr:nth-child(even).bx--data-table--selected td {
  border-bottom: 1px solid var(--bx-layer-active);
}

.bx--data-table--zebra tbody tr:nth-child(even).bx--data-table--selected:hover td {
  border-bottom: 1px solid var(--bx-layer-selected-hover);
}

.bx--data-table--zebra tbody tr:nth-child(odd).bx--data-table--selected:hover td,
.bx--data-table tbody .bx--data-table--selected:hover td {
  border-top: 1px solid var(--bx-layer-selected-hover);
  border-bottom: 1px solid var(--bx-layer-selected-hover);
  background: var(--bx-layer-selected-hover);
  color: var(--bx-text-primary, #161616);
}

.bx--data-table--selected .bx--overflow-menu .bx--overflow-menu__icon {
  opacity: 1;
}

.bx--data-table--xs thead tr,
.bx--data-table--xs tbody tr,
.bx--data-table--xs tbody tr th {
  height: 1.5rem;
}

.bx--data-table--xs .bx--table-header-label {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.bx--data-table--xs td,
.bx--data-table--xs tbody tr th {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.bx--data-table--xs .bx--overflow-menu {
  width: 2rem;
  height: calc(100% + 1px);
}

.bx--data-table.bx--data-table--xs .bx--table-column-checkbox {
  padding-top: 0;
  padding-bottom: 0;
}

.bx--data-table.bx--data-table--xs .bx--table-column-checkbox .bx--checkbox-label, .bx--data-table.bx--data-table--xs .bx--table-column-checkbox .checkbox__label {
  height: 1.4375rem;
  min-height: 1.4375rem;
}

.bx--data-table--sm thead tr,
.bx--data-table--sm tbody tr,
.bx--data-table--sm tbody tr th {
  height: 2rem;
}

.bx--data-table--sm .bx--table-header-label {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}

.bx--data-table--sm td,
.bx--data-table--sm tbody tr th {
  padding-top: 0.4375rem;
  padding-bottom: 0.375rem;
}

.bx--data-table.bx--data-table--sm .bx--table-column-checkbox {
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}

.bx--data-table--sm .bx--overflow-menu {
  height: calc(100% + 1px);
}

.bx--data-table--md thead tr,
.bx--data-table--md tbody tr,
.bx--data-table--md tbody tr th {
  height: 2.5rem;
}

.bx--data-table--md .bx--table-header-label {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}

.bx--data-table--md td,
.bx--data-table--md tbody tr th {
  padding-top: 0.4375rem;
  padding-bottom: 0.375rem;
}

.bx--data-table.bx--data-table--md .bx--table-column-checkbox {
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}

.bx--data-table--md .bx--table-column-menu {
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}

.bx--data-table--xl thead tr,
.bx--data-table--xl tbody tr,
.bx--data-table--xl tbody tr th {
  height: 4rem;
}

.bx--data-table--xl .bx--table-header-label {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--data-table--xl td,
.bx--data-table--xl tbody tr th {
  padding-top: 1rem;
}

.bx--data-table--xl th,
.bx--data-table--xl td {
  vertical-align: top;
}

.bx--data-table--xl .bx--data-table--cell-secondary-text {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
}

.bx--data-table--static {
  width: auto;
}

.bx--data-table-container--static {
  width: fit-content;
}

.bx--data-table_inner-container {
  background-color: var(--bx-layer-accent);
  transform: translateZ(0);
}

.bx--data-table--sticky-header {
  display: block;
  overflow-y: scroll;
  /* When using sticky header, with a selection element in the first column, we need to set the last item to a fixed width to match the table body. We only want this to happen when the last table header does not have any text */
}

.bx--data-table--sticky-header thead,
.bx--data-table--sticky-header tbody,
.bx--data-table--sticky-header tr,
.bx--data-table--sticky-header th,
.bx--data-table--sticky-header td {
  display: flex;
}

.bx--data-table--sticky-header thead {
  position: sticky;
  z-index: 1;
  top: 0;
  overflow: scroll;
  width: 100%;
  -ms-overflow-style: none;
  will-change: transform;
}

.bx--data-table--sticky-header thead tr th {
  border-bottom: 1px solid var(--bx-layer-active);
}

.bx--data-table--sticky-header tbody {
  flex-direction: column;
  -ms-overflow-style: none;
  overflow-x: scroll;
  will-change: transform;
}

.bx--data-table--sticky-header tr.bx--parent-row.bx--expandable-row {
  height: auto;
  min-height: 3rem;
}

.bx--data-table--sticky-header tr.bx--expandable-row:not(.bx--parent-row) {
  height: auto;
}

.bx--data-table--sticky-header .bx--table-expand {
  max-width: 3rem;
}

.bx--data-table--sticky-header thead .bx--table-expand {
  align-items: center;
}

.bx--data-table--sticky-header .bx--parent-row {
  min-height: 3rem;
}

.bx--data-table--sticky-header:not(.bx--data-table--xs):not(.bx--data-table--xl):not(.bx--data-table--sm) td:not(.bx--table-column-menu):not(.bx--table-column-checkbox) {
  padding-top: 0.875rem;
}

.bx--data-table--sticky-header tr.bx--parent-row.bx--expandable-row:hover + tr[data-child-row] td {
  border-top: 1px solid var(--bx-layer-hover);
}

.bx--data-table--sticky-header tr.bx--expandable-row:last-of-type {
  overflow: hidden;
}

.bx--data-table--sticky-header tr.bx--data-table--selected:first-of-type td {
  border-top: none;
}

.bx--data-table--sticky-header thead th.bx--table-column-checkbox,
.bx--data-table--sticky-header tbody tr td.bx--table-column-checkbox {
  width: 2.25rem;
  min-width: 2.25rem;
  align-items: center;
}

.bx--data-table--sticky-header.bx--data-table--xl thead th.bx--table-column-checkbox, .bx--data-table--sticky-header.bx--data-table--xl td.bx--table-column-checkbox {
  align-items: flex-start;
}

.bx--data-table--sticky-header th.bx--table-column-checkbox ~ th:last-of-type:empty {
  max-width: 4rem;
}

.bx--data-table--sticky-header th:empty:not(.bx--table-expand) {
  max-width: 2.25rem;
}

.bx--data-table--sticky-header td.bx--table-column-menu {
  height: auto;
  align-items: center;
  padding-top: 0;
}

.bx--data-table--sticky-header thead::-webkit-scrollbar,
.bx--data-table--sticky-header tbody::-webkit-scrollbar {
  display: none;
}

@-moz-document url-prefix() {
  .bx--data-table--sticky-header thead,
.bx--data-table--sticky-header tbody {
    scrollbar-width: none;
  }
}
.bx--data-table--sticky-header tbody tr:last-of-type {
  border-bottom: 0;
}

.bx--data-table--sticky-header th:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand):not(.bx--table-column-icon),
.bx--data-table--sticky-header td:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand):not(.bx--table-column-icon) {
  width: 100%;
  min-width: 0;
}

.bx--data-table--sticky-header.bx--data-table--xs tr:not(.bx--expandable-row), .bx--data-table--sticky-header.bx--data-table--sm tr:not(.bx--expandable-row), .bx--data-table--sticky-header.bx--data-table--xl tr:not(.bx--expandable-row) {
  height: auto;
}

.bx--data-table--sticky-header.bx--data-table--xs tr:not(.bx--expandable-row) {
  min-height: 1.5rem;
}

.bx--data-table--sticky-header.bx--data-table--sm tr:not(.bx--expandable-row) {
  min-height: 2rem;
}

.bx--data-table--sticky-header.bx--data-table--xl tr:not(.bx--expandable-row) {
  min-height: 4rem;
}

.bx--data-table--sticky-header.bx--data-table--xs tr td.bx--table-expand {
  padding-top: 0.25rem;
}

.bx--data-table--sticky-header.bx--data-table--sm tr td.bx--table-expand {
  padding-top: 0.5rem;
}

.bx--data-table--sticky-header .bx--table-header-label {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 10px);
  padding-top: 0.9375rem;
  padding-bottom: 1rem;
  overflow-y: hidden;
}

.bx--data-table--sticky-header.bx--data-table--xs th .bx--table-header-label {
  padding-top: 0.1875rem;
  padding-bottom: 0;
}

.bx--data-table--sticky-header.bx--data-table--sm th .bx--table-header-label {
  padding-top: 0.5rem;
  padding-bottom: 0;
}

.bx--data-table--sticky-header.bx--data-table--xl th .bx--table-header-label {
  padding-top: 1rem;
}

.bx--data-table--sticky-header.bx--data-table--xl th.bx--table-expand {
  display: flex;
  align-items: flex-start;
}

.bx--data-table--sticky-header.bx--data-table--xs tr.bx--parent-row .bx--table-column-checkbox, .bx--data-table--sticky-header.bx--data-table--sm tr.bx--parent-row .bx--table-column-checkbox {
  align-items: flex-start;
}

.bx--data-table--max-width {
  max-width: 100%;
}

.bx--data-table--sticky-header {
  max-height: rem(300px);
}

.bx--data-table .bx--form-item.bx--checkbox-wrapper:last-of-type, .bx--data-table .bx--checkbox-wrapper.input:last-of-type, .bx--data-table .checkbox:last-of-type {
  margin: 0;
}

.bx--data-table--xs .bx--form-item.bx--checkbox-wrapper:last-of-type, .bx--data-table--xs .bx--checkbox-wrapper.input:last-of-type, .bx--data-table--xs .checkbox:last-of-type,
.bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type,
.bx--data-table--sm .bx--checkbox-wrapper.input:last-of-type,
.bx--data-table--sm .checkbox:last-of-type {
  margin: -0.1875rem 0;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--data-table-content {
    outline: 1px solid transparent;
  }
}
.bx--table-toolbar {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 3rem;
  background-color: var(--bx-layer);
}

.bx--toolbar-content {
  display: flex;
  width: 100%;
  height: 3rem;
  justify-content: flex-end;
  transform: translate3d(0, 0, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--batch-actions ~ .bx--toolbar-content {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.bx--toolbar-content .bx--search .bx--search-input {
  height: 3rem;
  padding: 0 3rem;
  background-color: transparent;
}

.bx--toolbar-content .bx--overflow-menu {
  width: 3rem;
  height: 3rem;
}

.bx--batch-actions ~ .bx--toolbar-search-container {
  display: flex;
  align-items: center;
  opacity: 1;
  transition: opacity 110ms;
}

.bx--toolbar-search-container-expandable {
  position: relative;
  width: 3rem;
  height: 3rem;
  box-shadow: none;
  cursor: pointer;
  transition: width 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--toolbar-search-container-expandable:hover {
  background-color: var(--bx-field-hover);
}

.bx--search.bx--toolbar-search-container-expandable {
  width: 3rem;
}

.bx--toolbar-search-container-expandable .bx--search-input {
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.bx--toolbar-search-container-expandable:not(.bx--toolbar-search-container-active) .bx--search-input {
  padding: 0;
}

.bx--toolbar-search-container-disabled .bx--search-input {
  cursor: not-allowed;
}

.bx--toolbar-search-container-expandable.bx--search .bx--label, .bx--toolbar-search-container-expandable.bx--search .input__label, .bx--toolbar-search-container-expandable.bx--search .label {
  visibility: hidden;
}

.bx--toolbar-search-container-expandable.bx--search .bx--search-close {
  width: 3rem;
  height: 3rem;
}

.bx--toolbar-search-container-expandable.bx--search .bx--search-close::before {
  top: 0.125rem;
  height: calc(100% - 0.25rem);
  background-color: var(--bx-field-hover);
}

.bx--toolbar-search-container-expandable.bx--search .bx--search-close:focus::before {
  background-color: var(--bx-focus, #0d4c8b);
}

.bx--table-toolbar .bx--search--lg .bx--search-magnifier-icon {
  left: 0;
}

.bx--table-toolbar:not(.bx--table-toolbar--sm) .bx--toolbar-search-container-persistent.bx--search--lg .bx--search-magnifier-icon {
  left: 1rem;
}

.bx--table-toolbar.bx--table-toolbar--sm .bx--search--sm:not(.bx--toolbar-search-container-active):not(.bx--toolbar-search-container-persistent) .bx--search-magnifier-icon {
  left: 0;
}

.bx--table-toolbar.bx--table-toolbar--sm .bx--search--sm.bx--toolbar-search-container-active .bx--search-magnifier-icon {
  left: 0.5rem;
}

.bx--table-toolbar .bx--toolbar-search-container-persistent.bx--search--sm .bx--search-magnifier-icon {
  left: 0.5rem;
}

.bx--toolbar-search-container-expandable .bx--search-magnifier-icon {
  width: 3rem;
  height: 3rem;
  padding: 1rem;
}

.bx--toolbar-search-container-expandable.bx--search--disabled .bx--search-magnifier-icon {
  background-color: var(--bx-layer);
  cursor: not-allowed;
  transition: background-color none;
}

.bx--toolbar-search-container-active .bx--search-magnifier-icon:focus,
.bx--toolbar-search-container-active .bx--search-magnifier-icon:active,
.bx--toolbar-search-container-active .bx--search-magnifier-icon:hover {
  border: none;
  background-color: transparent;
  outline: none;
}

.bx--toolbar-search-container-active.bx--search {
  width: 100%;
}

.bx--toolbar-search-container-active .bx--search-input {
  opacity: 1;
}

.bx--toolbar-search-container-active .bx--label, .bx--toolbar-search-container-active .input__label, .bx--toolbar-search-container-active .label,
.bx--toolbar-search-container-active .bx--search-input {
  padding: 0 3rem;
  cursor: text;
}

.bx--toolbar-search-container-active .bx--search-input:focus + .bx--search-close {
  border: none;
  box-shadow: none;
  outline: none;
}

.bx--toolbar-search-container-active .bx--search-input:not(:placeholder-shown) {
  border: none;
  background-color: var(--bx-field-hover);
}

.bx--toolbar-search-container-persistent .bx--search-close,
.bx--toolbar-search-container-persistent .bx--search-close:hover,
.bx--toolbar-search-container-active .bx--search-close,
.bx--toolbar-search-container-active .bx--search-close:hover {
  border: none;
  background-color: transparent;
}

.bx--toolbar-search-container-persistent .bx--search-close::before {
  display: none;
}

.bx--overflow-menu.bx--toolbar-action {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  display: flex;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  cursor: pointer;
  transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--overflow-menu.bx--toolbar-action *,
.bx--overflow-menu.bx--toolbar-action *::before,
.bx--overflow-menu.bx--toolbar-action *::after {
  box-sizing: inherit;
}

.bx--overflow-menu.bx--toolbar-action::-moz-focus-inner {
  border: 0;
}

.bx--toolbar-action {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  display: flex;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--toolbar-action *,
.bx--toolbar-action *::before,
.bx--toolbar-action *::after {
  box-sizing: inherit;
}

.bx--toolbar-action::-moz-focus-inner {
  border: 0;
}

.bx--toolbar-action:hover:not([disabled]) {
  background-color: var(--bx-field-hover);
}

.bx--toolbar-action:hover[aria-expanded=true] {
  background-color: var(--bx-layer);
}

.bx--toolbar-action[disabled] {
  cursor: not-allowed;
}

.bx--toolbar-action[disabled] .bx--toolbar-action__icon {
  cursor: not-allowed;
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--toolbar-action:focus:not([disabled]),
.bx--toolbar-action:active:not([disabled]) {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--toolbar-action:focus:not([disabled]),
.bx--toolbar-action:active:not([disabled]) {
    outline-style: dotted;
  }
}
.bx--toolbar-action:focus:not([disabled]).bx--toolbar-search-container-expandable,
.bx--toolbar-action:active:not([disabled]).bx--toolbar-search-container-expandable {
  outline: none;
}

.bx--toolbar-action ~ .bx--btn, .bx--toolbar-action ~ .action__button,
.bx--toolbar-action ~ .action.primary {
  max-width: none;
  margin: 0;
  white-space: nowrap;
}

.bx--overflow-menu--data-table {
  height: 3rem;
}

.bx--toolbar-action__icon {
  width: auto;
  max-width: 1rem;
  height: 1rem;
  fill: var(--bx-icon-primary, #161616);
}

.bx--toolbar-search-container-persistent {
  position: relative;
  width: 100%;
  height: 3rem;
  opacity: 1;
}

.bx--toolbar-search-container-persistent + .bx--toolbar-content {
  position: relative;
  width: auto;
}

.bx--toolbar-search-container-persistent .bx--search {
  position: initial;
}

.bx--toolbar-search-container-persistent .bx--search-magnifier-icon {
  left: 1rem;
}

.bx--toolbar-search-container-persistent .bx--search-input {
  height: 3rem;
  padding: 0 3rem;
  border: none;
}

.bx--toolbar-search-container-persistent .bx--search-input:focus:not([disabled]) {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--toolbar-search-container-persistent .bx--search-input:focus:not([disabled]) {
    outline-style: dotted;
  }
}
.bx--toolbar-search-container-persistent .bx--search-input:hover:not([disabled]) {
  background-color: var(--bx-field-hover);
}

.bx--toolbar-search-container-persistent .bx--search-input:active:not([disabled]),
.bx--toolbar-search-container-persistent .bx--search-input:not(:placeholder-shown) {
  background-color: var(--bx-field-hover);
}

.bx--toolbar-search-container-persistent .bx--search-close {
  width: 3rem;
  height: 3rem;
}

.bx--batch-actions--active ~ .bx--toolbar-search-container,
.bx--batch-actions--active ~ .bx--toolbar-content {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transform: translate3d(0, 48px, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--batch-actions {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--bx-background-brand, #0f62fe);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  pointer-events: none;
  transform: translate3d(0, 48px, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  will-change: transform;
}

.bx--batch-actions:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--batch-actions:focus {
    outline-style: dotted;
  }
}
.bx--batch-actions--active {
  overflow: auto hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: all;
  transform: translate3d(0, 0, 0);
}

.bx--action-list {
  display: flex;
  align-items: center;
}

.bx--action-list .bx--btn, .bx--action-list .action__button,
.bx--action-list .action.primary {
  padding: calc(0.875rem - 3px) 16px;
  color: var(--bx-text-on-color, #ffffff);
  white-space: nowrap;
}

.bx--action-list .bx--btn:disabled, .bx--action-list .action__button:disabled,
.bx--action-list .action.primary:disabled {
  color: var(--bx-text-on-color-disabled, #8d8d8d);
}

.bx--action-list .bx--btn .bx--btn__icon, .bx--action-list .action__button .bx--btn__icon,
.bx--action-list .action.primary .bx--btn__icon {
  position: static;
  margin-left: 0.5rem;
  fill: var(--bx-icon-on-color, #ffffff);
}

.bx--action-list .bx--btn .bx--btn__icon .st0, .bx--action-list .action__button .bx--btn__icon .st0,
.bx--action-list .action.primary .bx--btn__icon .st0 {
  fill: none;
}

.bx--batch-download {
  padding: 0.0625rem;
}

.bx--action-list .bx--btn--primary:focus::before,
.bx--action-list .bx--btn--primary::before,
.bx--action-list .action__button::before,
.bx--action-list .action.primary::before,
.bx--action-list .bx--btn--primary:focus::after,
.bx--action-list .bx--btn--primary::after,
.bx--action-list .action__button::after,
.bx--action-list .action.primary::after {
  display: none;
}

.bx--action-list .bx--btn--primary:focus, .bx--action-list .action__button:focus,
.bx--action-list .action.primary:focus {
  outline: 2px solid var(--bx-layer);
  outline-offset: -0.125rem;
}

.bx--action-list .bx--btn--primary:nth-child(3):hover + .bx--btn--primary.bx--batch-summary__cancel::before, .bx--action-list .action__button:nth-child(3):hover + .bx--btn--primary.bx--batch-summary__cancel::before,
.bx--action-list .action.primary:nth-child(3):hover + .bx--btn--primary.bx--batch-summary__cancel::before, .bx--action-list .bx--btn--primary:nth-child(3):hover + .bx--batch-summary__cancel.action__button::before, .bx--action-list .action__button:nth-child(3):hover + .bx--batch-summary__cancel.action__button::before,
.bx--action-list .action.primary:nth-child(3):hover + .bx--batch-summary__cancel.action__button::before,
.bx--action-list .bx--btn--primary:nth-child(3):hover + .bx--batch-summary__cancel.action.primary::before,
.bx--action-list .action__button:nth-child(3):hover + .bx--batch-summary__cancel.action.primary::before,
.bx--action-list .action.primary:nth-child(3):hover + .bx--batch-summary__cancel.action.primary::before,
.bx--action-list .bx--btn--primary:nth-child(3):focus + .bx--btn--primary.bx--batch-summary__cancel::before,
.bx--action-list .action__button:nth-child(3):focus + .bx--btn--primary.bx--batch-summary__cancel::before,
.bx--action-list .action.primary:nth-child(3):focus + .bx--btn--primary.bx--batch-summary__cancel::before,
.bx--action-list .bx--btn--primary:nth-child(3):focus + .bx--batch-summary__cancel.action__button::before,
.bx--action-list .action__button:nth-child(3):focus + .bx--batch-summary__cancel.action__button::before,
.bx--action-list .action.primary:nth-child(3):focus + .bx--batch-summary__cancel.action__button::before,
.bx--action-list .bx--btn--primary:nth-child(3):focus + .bx--batch-summary__cancel.action.primary::before,
.bx--action-list .action__button:nth-child(3):focus + .bx--batch-summary__cancel.action.primary::before,
.bx--action-list .action.primary:nth-child(3):focus + .bx--batch-summary__cancel.action.primary::before {
  opacity: 0;
}

.bx--btn--primary.bx--batch-summary__cancel::before, .bx--batch-summary__cancel.action__button::before,
.bx--batch-summary__cancel.action.primary::before {
  position: absolute;
  top: 0.9375rem;
  left: 0;
  display: block;
  width: 0.0625rem;
  height: 1rem;
  border: none;
  background-color: var(--bx-text-on-color, #ffffff);
  content: "";
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--btn--primary.bx--batch-summary__cancel:hover::before, .bx--batch-summary__cancel.action__button:hover::before,
.bx--batch-summary__cancel.action.primary:hover::before {
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.5, 0, 0.1, 1);
}

.bx--batch-summary {
  position: sticky;
  z-index: 100000;
  left: 0;
  display: flex;
  min-height: 3rem;
  align-items: center;
  padding: 0 1rem;
  background-color: var(--bx-background-brand, #0f62fe);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--batch-summary__scroll {
  box-shadow: 0.5px 0 0.2px var(--bx-link-primary-hover, #0043ce);
}

.bx--batch-summary__para {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
}

.bx--table-toolbar--sm {
  height: 2rem;
  min-height: 2rem;
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable,
.bx--table-toolbar--sm .bx--toolbar-search-container-persistent {
  height: 2rem;
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable .bx--search-input,
.bx--table-toolbar--sm .bx--toolbar-search-container-persistent .bx--search-input {
  height: 2rem;
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable .bx--search-close,
.bx--table-toolbar--sm .bx--toolbar-search-container-persistent .bx--search-close {
  width: 2rem;
  height: 2rem;
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable .bx--search-magnifier-icon,
.bx--table-toolbar--sm .bx--toolbar-search-container-persistent .bx--search-magnifier-icon {
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
}

.bx--table-toolbar--sm .bx--toolbar-action.bx--toolbar-search-container-persistent {
  width: 100%;
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable {
  width: 2rem;
}

.bx--table-toolbar--sm .bx--toolbar-search-container-expandable .bx--search .bx--search-input {
  padding: 0 3rem;
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active {
  flex: auto;
  transition: flex 175ms cubic-bezier(0.5, 0, 0.1, 1);
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input {
  visibility: inherit;
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  background-color: var(--bx-field-hover);
}

@media screen and (prefers-contrast) {
  .bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:focus {
    outline-style: dotted;
  }
}
.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:active,
.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-input:not(:placeholder-shown) {
  background-color: var(--bx-field-hover);
}

.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-magnifier-icon:focus,
.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-magnifier-icon:active,
.bx--table-toolbar--sm .bx--toolbar-search-container-active .bx--search-magnifier-icon:hover {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: transparent;
}

.bx--table-toolbar--sm .bx--overflow-menu.bx--toolbar-action {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
}

.bx--table-toolbar--sm .bx--toolbar-content {
  height: 2rem;
}

.bx--table-toolbar--sm .bx--toolbar-content .bx--overflow-menu {
  width: 2rem;
  height: 2rem;
}

.bx--search--disabled .bx--search-magnifier-icon:hover {
  background-color: transparent;
}

.bx--table-toolbar--sm .bx--batch-actions .bx--action-list {
  height: 2rem;
}

.bx--table-toolbar--sm .bx--toolbar-action {
  width: 2rem;
  height: 2rem;
  padding: 0.5rem 0;
}

.bx--table-toolbar--sm .bx--btn--primary, .bx--table-toolbar--sm .action__button,
.bx--table-toolbar--sm .action.primary {
  height: 2rem;
  min-height: auto;
  padding-top: calc(0.375rem - 3px);
  padding-bottom: calc(0.375rem - 3px);
}

.bx--table-toolbar--sm .bx--btn--primary.bx--batch-summary__cancel::before, .bx--table-toolbar--sm .bx--batch-summary__cancel.action__button::before,
.bx--table-toolbar--sm .bx--batch-summary__cancel.action.primary::before {
  top: 0.5rem;
}

.bx--table-toolbar--sm .bx--toolbar-action ~ .bx--btn, .bx--table-toolbar--sm .bx--toolbar-action ~ .action__button,
.bx--table-toolbar--sm .bx--toolbar-action ~ .action.primary {
  overflow: hidden;
  height: 2rem;
}

.bx--table-toolbar--sm .bx--batch-summary {
  min-height: 2rem;
}

.bx--data-table tr.bx--parent-row:first-of-type td {
  border-top: 1px solid var(--bx-border-subtle);
}

.bx--expandable-row--hidden td {
  width: auto;
  padding: 1rem;
  border-top: 0;
}

tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] {
  height: 0;
  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] td {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  background-color: var(--bx-layer-hover);
  transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] td .bx--child-row-inner-container {
  overflow: hidden;
  max-height: 0;
}

tr.bx--parent-row.bx--expandable-row + tr[data-child-row] {
  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td {
  padding-left: 4rem;
  border-bottom: 1px solid var(--bx-border-subtle);
  transition: padding-bottom 110ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td .bx--child-row-inner-container {
  max-height: 100%;
}

.bx--parent-row.bx--expandable-row > td,
.bx--parent-row.bx--expandable-row + tr[data-child-row] > td {
  border-bottom: 1px solid var(--bx-border-subtle);
  box-shadow: 0 1px var(--bx-border-subtle);
}

.bx--parent-row:not(.bx--expandable-row) + tr[data-child-row] > td {
  box-shadow: none;
}

.bx--parent-row.bx--expandable-row > td:first-of-type {
  box-shadow: none;
}

tr.bx--parent-row:not(.bx--expandable-row) td,
tr.bx--parent-row.bx--expandable-row td,
tr.bx--parent-row.bx--expandable-row {
  transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.bx--parent-row:not(.bx--expandable-row):first-of-type:hover td {
  border-top: 1px solid var(--bx-border-subtle);
  border-bottom: 1px solid var(--bx-border-subtle);
}

tr.bx--parent-row.bx--expandable-row:hover td {
  border-top: 1px solid var(--bx-border-subtle);
  border-bottom: 1px solid var(--bx-border-subtle);
  background-color: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

tr.bx--parent-row.bx--expandable-row:hover td:first-of-type {
  border-bottom: 1px solid var(--bx-layer-hover);
}

tr.bx--parent-row.bx--expandable-row:hover + tr[data-child-row] td {
  border-bottom: 1px solid var(--bx-border-subtle);
  background-color: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

tr.bx--expandable-row--hover + tr[data-child-row] td {
  border-bottom: 1px solid var(--bx-border-subtle);
}

tr.bx--expandable-row--hover {
  background-color: var(--bx-layer-hover);
}

tr.bx--expandable-row--hover td {
  border-top: 1px solid var(--bx-border-subtle);
  border-bottom: 1px solid var(--bx-border-subtle);
  background-color: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td:first-of-type {
  border-bottom: 1px solid transparent;
}

.bx--data-table td.bx--table-expand {
  border-bottom: 1px solid var(--bx-border-subtle);
}

.bx--data-table th.bx--table-expand + .bx--table-column-checkbox,
.bx--data-table td.bx--table-expand + .bx--table-column-checkbox {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.bx--data-table th.bx--table-expand + .bx--table-column-checkbox + th,
.bx--data-table td.bx--table-expand + .bx--table-column-checkbox + td {
  padding-left: 0.5rem;
}

.bx--data-table td.bx--table-expand,
.bx--data-table th.bx--table-expand {
  padding: 0.5rem;
  padding-right: 0;
}

.bx--data-table td.bx--table-expand[data-previous-value=collapsed] {
  border-bottom: 1px solid transparent;
}

.bx--table-expand[data-previous-value=collapsed] .bx--table-expand__svg {
  transform: rotate(270deg);
  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--table-expand__button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  display: inline-flex;
  width: 100%;
  height: calc(100% + 1px);
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  vertical-align: inherit;
}

.bx--table-expand__button *,
.bx--table-expand__button *::before,
.bx--table-expand__button *::after {
  box-sizing: inherit;
}

.bx--table-expand__button::-moz-focus-inner {
  border: 0;
}

.bx--table-expand__button:focus {
  box-shadow: inset 0 0 0 2px var(--bx-focus, #0d4c8b);
  outline: none;
}

.bx--table-expand__svg {
  fill: var(--bx-layer-selected-inverse, #161616);
  transform: rotate(90deg);
  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--data-table--xl .bx--table-expand__button {
  width: 2rem;
  padding: 0;
}

tr.bx--parent-row.bx--expandable-row td.bx--table-expand + td::after {
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
  width: 0.5rem;
  height: 0.0625rem;
  background: var(--bx-layer-accent);
  content: "";
}

tr.bx--parent-row.bx--expandable-row:hover td.bx--table-expand + td::after,
tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td.bx--table-expand + td::after {
  background: var(--bx-layer-hover);
}

tr.bx--parent-row.bx--data-table--selected td.bx--table-expand + td::after {
  display: none;
}

.bx--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+3) td,
.bx--data-table--zebra tbody tr[data-child-row]:nth-child(4n+4) td {
  border-bottom: 1px solid var(--bx-layer);
}

.bx--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+1) td,
.bx--data-table--zebra tbody tr[data-child-row]:nth-child(4n+2) td {
  border-top: 1px solid var(--bx-layer-accent);
  border-bottom: 1px solid var(--bx-layer-accent);
  background-color: var(--bx-layer-accent);
}

.bx--data-table--zebra tr.bx--parent-row td,
.bx--data-table--zebra tr.bx--parent-row.bx--expandable-row + tr[data-child-row] td {
  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--data-table--zebra tbody tr[data-parent-row]:hover td,
.bx--data-table--zebra tbody tr[data-parent-row]:hover + tr[data-child-row] td,
.bx--data-table--zebra tbody tr[data-child-row]:hover td {
  border-top: 1px solid var(--bx-layer-hover);
  border-bottom: 1px solid var(--bx-layer-hover);
  background-color: var(--bx-layer-hover);
}

.bx--data-table--zebra tr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover td {
  border-top: 1px solid var(--bx-layer-hover);
  border-bottom: 1px solid var(--bx-layer-hover);
  background: var(--bx-layer-hover);
}

tr.bx--parent-row.bx--data-table--selected:first-of-type td {
  border-top: 1px solid var(--bx-layer-active);
  border-bottom: 1px solid var(--bx-border-subtle);
  background: var(--bx-layer-selected);
  box-shadow: 0 1px var(--bx-layer-active);
}

tr.bx--parent-row.bx--data-table--selected td {
  border-bottom: 1px solid transparent;
  background: var(--bx-layer-selected);
  box-shadow: 0 1px var(--bx-layer-active);
  color: var(--bx-text-primary, #161616);
}

tr.bx--parent-row.bx--data-table--selected:last-of-type td {
  border-bottom: 1px solid transparent;
  background: var(--bx-layer-selected);
  box-shadow: 0 1px var(--bx-border-subtle);
}

tr.bx--parent-row.bx--data-table--selected:not(.bx--expandable-row):hover td {
  border-top: 1px solid var(--bx-layer-selected-hover);
  border-bottom: 1px solid var(--bx-border-subtle);
  background: var(--bx-layer-selected-hover);
  box-shadow: 0 1px var(--bx-layer-selected-hover);
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row td:first-of-type {
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px var(--bx-layer-selected);
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover td:first-of-type,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover td:first-of-type {
  border-top: 1px solid var(--bx-layer-selected-hover);
  border-bottom: 1px solid transparent;
  background: var(--bx-layer-selected-hover);
  box-shadow: 0 1px var(--bx-layer-selected-hover);
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row + tr[data-child-row] td {
  border-top: 1px solid var(--bx-layer-active);
  border-bottom: 1px solid var(--bx-border-subtle);
  background-color: var(--bx-layer-hover);
  box-shadow: 0 1px var(--bx-layer-active);
  color: var(--bx-text-primary, #161616);
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row + tr[data-child-row]:last-of-type td {
  padding-bottom: 1.5rem;
  box-shadow: inset 0 -1px var(--bx-layer-active);
}

tr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover + tr[data-child-row] td,
tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover + tr[data-child-row] td {
  background: var(--bx-layer-selected);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--table-expand__button:focus .bx--table-expand__svg {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--table-expand__svg {
    fill: ButtonText;
  }
}
.bx--data-table.bx--skeleton th {
  padding-left: 1rem;
  vertical-align: middle;
}

.bx--data-table.bx--skeleton th span,
.bx--data-table.bx--skeleton td span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: block;
  width: 4rem;
  height: 1rem;
}

.bx--data-table.bx--skeleton th span:hover, .bx--data-table.bx--skeleton th span:focus, .bx--data-table.bx--skeleton th span:active,
.bx--data-table.bx--skeleton td span:hover,
.bx--data-table.bx--skeleton td span:focus,
.bx--data-table.bx--skeleton td span:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--data-table.bx--skeleton th span::before,
.bx--data-table.bx--skeleton td span::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--data-table.bx--skeleton th span::before,
.bx--data-table.bx--skeleton td span::before {
    animation: none;
  }
}
.bx--data-table.bx--skeleton tr:hover td {
  border-color: var(--bx-border-subtle);
  background: transparent;
}

.bx--data-table.bx--skeleton tr:hover td:first-of-type,
.bx--data-table.bx--skeleton tr:hover td:last-of-type {
  border-color: var(--bx-border-subtle);
}

.bx--data-table.bx--skeleton .bx--table-sort {
  pointer-events: none;
}

.bx--data-table.bx--skeleton th span {
  background: var(--bx-skeleton-element, #c6c6c6);
}

.bx--data-table.bx--skeleton th span::before {
  background: var(--bx-skeleton-background, #e8e8e8);
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__title {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 7.5rem;
  height: 1.5rem;
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__title:hover, .bx--data-table-container.bx--skeleton .bx--data-table-header__title:focus, .bx--data-table-container.bx--skeleton .bx--data-table-header__title:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__title::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--data-table-container.bx--skeleton .bx--data-table-header__title::before {
    animation: none;
  }
}
.bx--data-table-container.bx--skeleton .bx--data-table-header__description {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 10rem;
  height: 1rem;
  margin-top: 0.5rem;
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__description:hover, .bx--data-table-container.bx--skeleton .bx--data-table-header__description:focus, .bx--data-table-container.bx--skeleton .bx--data-table-header__description:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--data-table-container.bx--skeleton .bx--data-table-header__description::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--data-table-container.bx--skeleton .bx--data-table-header__description::before {
    animation: none;
  }
}
.bx--data-table--sort th,
.bx--data-table th[aria-sort] {
  height: 3rem;
  padding: 0;
  border-top: none;
  border-bottom: none;
}

.bx--table-sort {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  display: flex;
  width: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  background-color: var(--bx-layer-accent);
  color: var(--bx-text-primary, #161616);
  font: inherit;
  line-height: 1;
  text-align: left;
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--table-sort *,
.bx--table-sort *::before,
.bx--table-sort *::after {
  box-sizing: inherit;
}

.bx--table-sort::-moz-focus-inner {
  border: 0;
}

.bx--table-sort:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--table-sort:focus {
    outline-style: dotted;
  }
}
.bx--table-sort:hover {
  background: var(--bx-layer-selected-hover);
}

.bx--table-sort:focus svg,
.bx--table-sort:hover svg {
  opacity: 1;
}

.bx--data-table.bx--data-table--sort th > .bx--table-header-label {
  padding-right: 1rem;
  padding-left: 1rem;
  line-height: 1;
}

th .bx--table-sort__flex {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 3rem;
  align-items: center;
  justify-content: space-between;
}

.bx--data-table--sort:not(.bx--data-table--xs):not(.bx--data-table--sm):not(.bx--data-table--md):not(.bx--data-table--xl) th .bx--table-sort__flex {
  /* IE11 workaround for align-items: center and min-height
      https://github.com/philipwalton/flexbugs/issues/231 */
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .bx--data-table--sort:not(.bx--data-table--xs):not(.bx--data-table--sm):not(.bx--data-table--md):not(.bx--data-table--xl) th .bx--table-sort__flex {
    height: 2.99rem;
  }
}
.bx--data-table--xs.bx--data-table--sort th .bx--table-sort__flex {
  min-height: 1.5rem;
}

.bx--data-table--sm.bx--data-table--sort th .bx--table-sort__flex {
  min-height: 2rem;
}

.bx--data-table--md.bx--data-table--sort th .bx--table-sort__flex {
  min-height: 2.5rem;
}

.bx--data-table--xl.bx--data-table--sort th .bx--table-sort__flex {
  min-height: 4rem;
  align-items: flex-start;
}

.bx--table-sort .bx--table-sort__icon-inactive {
  display: block;
}

.bx--table-sort .bx--table-sort__icon {
  display: none;
}

.bx--table-sort__icon-unsorted {
  width: 1.25rem;
  min-width: 1rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  fill: var(--bx-icon-primary, #161616);
  opacity: 0;
}

.bx--table-sort.bx--table-sort--active {
  background: var(--bx-layer-selected-hover);
}

.bx--table-sort.bx--table-sort--active .bx--table-sort__icon-unsorted {
  display: none;
}

.bx--table-sort.bx--table-sort--active .bx--table-sort__icon {
  display: block;
  opacity: 1;
}

.bx--table-sort--ascending .bx--table-sort__icon {
  transform: rotate(180deg);
}

.bx--table-sort__icon {
  width: 1.25rem;
  min-width: 1rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  fill: var(--bx-icon-primary, #161616);
  opacity: 1;
  transform: rotate(0);
  transition: transform 250ms cubic-bezier(0.5, 0, 0.1, 1);
}

.bx--data-table--xs.bx--data-table--sort th {
  height: 1.5rem;
}

.bx--data-table--sm.bx--data-table--sort th {
  height: 2rem;
}

.bx--data-table--md.bx--data-table--sort th {
  height: 2.5rem;
}

.bx--data-table--xl.bx--data-table--sort th {
  height: 4rem;
}

.bx--data-table--xl.bx--data-table--sort th .bx--table-sort {
  display: inline-block;
  height: 4rem;
}

.bx--data-table--xl .bx--table-sort__icon-unsorted,
.bx--data-table--xl .bx--table-sort__icon {
  margin-top: 0.8125rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--table-sort__icon,
.bx--table-sort__icon-unsorted {
    fill: ButtonText;
  }
}
@keyframes fp-fade-in-down {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fp-slide-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fp-slide-left-new {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fp-slide-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fp-slide-right-new {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fp-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fp-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.flatpickr-calendar {
  position: absolute;
  overflow: hidden;
  width: 19.6875rem;
  max-height: 0;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  animation: none;
  border-radius: 0;
  direction: ltr;
  opacity: 0;
  text-align: center;
  touch-action: manipulation;
  visibility: hidden;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-calendar {
    outline: 1px solid transparent;
  }
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  overflow: visible;
  max-height: 40rem;
  opacity: 1;
  visibility: inherit;
}

.flatpickr-calendar.open {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  z-index: 99999;
  display: flex;
  overflow: hidden;
  width: 18rem;
  height: 21rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.25rem 0.5rem 0.25rem;
  border: none;
  margin-top: -0.125rem;
  background-color: var(--bx-layer-01, #f3f3f3);
}

.flatpickr-calendar.open:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .flatpickr-calendar.open:focus {
    outline-style: dotted;
  }
}
.flatpickr-calendar.animate.open {
  animation: fp-fade-in-down 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
  .flatpickr-calendar.animate.open {
    animation: none;
  }
}
.flatpickr-calendar.inline {
  position: relative;
  top: 0.125rem;
  display: block;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.hasWeeks {
  width: auto;
}

.dayContainer {
  display: flex;
  height: 15.375rem;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
  outline: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 2.5rem;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-months {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.flatpickr-month {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  display: flex;
  height: 2.5rem;
  align-items: center;
  background-color: transparent;
  color: var(--bx-text-primary, #161616);
  line-height: 1;
  text-align: center;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  z-index: 3;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  fill: var(--bx-icon-primary, #161616);
  line-height: 16px;
  text-decoration: none;
  transform: scale(1, 1) /*rtl: scale(-1,1)*/;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  user-select: none;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-prev-month,
.flatpickr-next-month {
    fill: ButtonText;
  }
}
@media screen and (prefers-reduced-motion: reduce) {
  .flatpickr-prev-month,
.flatpickr-next-month {
    transition: none;
  }
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  background-color: var(--bx-layer-hover);
}

.flatpickr-next-month.disabled svg,
.flatpickr-prev-month.disabled svg {
  cursor: not-allowed;
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.flatpickr-next-month.disabled:hover svg,
.flatpickr-prev-month.disabled:hover svg {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.flatpickr-current-month {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  display: flex;
  height: 1.75rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-current-month .cur-month {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.flatpickr-current-month .cur-month:hover {
  background-color: var(--bx-layer-hover);
}

.numInputWrapper {
  position: relative;
  width: 3.75rem;
}

.numInputWrapper:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
}

.numInputWrapper .numInput {
  display: inline-block;
  width: 100%;
  padding: 0.25rem;
  border: none;
  margin: 0;
  -moz-appearance: textfield; /* Firefox */
  background-color: var(--bx-field-01, #f4f4f4);
  color: var(--bx-text-primary, #161616);
  cursor: default;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
}

.numInputWrapper .numInput::-webkit-outer-spin-button, .numInputWrapper .numInput::-webkit-inner-spin-button {
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
  -webkit-appearance: none;
}

.numInputWrapper .numInput:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .numInputWrapper .numInput:focus {
    outline-style: dotted;
  }
}
.numInputWrapper .numInput[disabled], .numInputWrapper .numInput[disabled]:hover {
  background-color: var(--bx-layer-01, #f3f3f3);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  pointer-events: none;
}

.numInputWrapper .arrowUp {
  top: 0.25rem;
  border-bottom: 0;
}

.numInputWrapper .arrowUp::after {
  border-bottom: 0.25rem solid var(--bx-icon-primary, #161616);
}

.numInputWrapper .arrowDown {
  top: 0.6875rem;
}

.numInputWrapper .arrowDown::after {
  border-top: 0.25rem solid var(--bx-icon-primary, #161616);
}

.numInputWrapper .arrowUp,
.numInputWrapper .arrowDown {
  position: absolute;
  left: 2.6rem;
  width: 0.75rem;
  height: 50%;
  padding: 0 0.25rem 0 0.125rem;
  border: none;
  cursor: pointer;
  line-height: 50%;
  opacity: 0;
}

.numInputWrapper .arrowUp::after,
.numInputWrapper .arrowDown::after {
  position: absolute;
  top: 33%;
  display: block;
  border-right: 0.25rem solid transparent;
  border-left: 0.25rem solid transparent;
  content: "";
}

.numInputWrapper .arrowUp:hover::after,
.numInputWrapper .arrowDown:hover::after {
  border-top-color: var(--bx-button-primary, #0f62fe);
  border-bottom-color: var(--bx-button-primary, #0f62fe);
}

.numInputWrapper .arrowUp:active::after,
.numInputWrapper .arrowDown:active::after {
  border-top-color: var(--bx-border-interactive, #0d4c8b);
  border-bottom-color: var(--bx-border-interactive, #0d4c8b);
}

.numInput[disabled] ~ .arrowUp::after {
  border-bottom-color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.numInput[disabled] ~ .arrowDown::after {
  border-top-color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.numInputWrapper:hover .arrowUp,
.numInputWrapper:hover .arrowDown {
  opacity: 1;
}

.numInputWrapper:hover .numInput[disabled] ~ .arrowUp,
.numInputWrapper:hover .numInput[disabled] ~ .arrowDown {
  opacity: 0;
}

.flatpickr-weekdays {
  display: flex;
  height: 2.5rem;
  align-items: center;
}

.flatpickr-weekdaycontainer {
  display: flex;
  width: 100%;
}

.flatpickr-weekday {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  flex: 1;
  color: var(--bx-text-primary, #161616);
  cursor: default;
}

.flatpickr-days:focus {
  outline: 0;
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
  animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  transform: translate3d(-100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideRight {
  animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right-new 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-day {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.flatpickr-day:hover {
  background: var(--bx-layer-hover);
}

.flatpickr-day:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  outline-color: var(--bx-button-primary, #0f62fe);
}

@media screen and (prefers-contrast) {
  .flatpickr-day:focus {
    outline-style: dotted;
  }
}
.nextMonthDay,
.prevMonthDay {
  color: var(--bx-text-helper, #6f6f6f);
}

.flatpickr-day.today {
  position: relative;
  color: var(--bx-link-primary, #0090FF);
  font-weight: 600;
}

.flatpickr-day.today::after {
  position: absolute;
  bottom: 0.4375rem;
  left: 50%;
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: var(--bx-link-primary, #0090FF);
  content: "";
  transform: translateX(-50%);
}

.flatpickr-day.today.no-border {
  border: none;
}

.flatpickr-day.today.selected {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .flatpickr-day.today.selected {
    outline-style: dotted;
  }
}
.flatpickr-day.today.selected::after {
  display: none;
}

.flatpickr-day.inRange {
  background-color: var(--bx-highlight, #d0e2ff);
  color: var(--bx-text-primary, #161616);
}

.flatpickr-day.selected {
  background-color: var(--bx-button-primary, #0f62fe);
  color: var(--bx-text-on-color, #ffffff);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-day.selected {
    color: Highlight;
    outline: 1px solid Highlight;
    outline-style: dotted;
  }
}
.flatpickr-day.selected:focus {
  outline: 0.0625rem solid var(--bx-layer-02, #f3f3f3);
  outline-offset: -0.1875rem;
}

.flatpickr-day.startRange.selected {
  z-index: 2;
  box-shadow: none;
}

.flatpickr-day.startRange.inRange:not(.selected),
.flatpickr-day.endRange.inRange {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  z-index: 3;
  background: var(--bx-layer-01, #f3f3f3);
}

@media screen and (prefers-contrast) {
  .flatpickr-day.startRange.inRange:not(.selected),
.flatpickr-day.endRange.inRange {
    outline-style: dotted;
  }
}
.flatpickr-day.endRange:hover {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  background: var(--bx-layer-01, #f3f3f3);
  color: var(--bx-text-primary, #161616);
}

@media screen and (prefers-contrast) {
  .flatpickr-day.endRange:hover {
    outline-style: dotted;
  }
}
.flatpickr-day.endRange.inRange.selected {
  background: var(--bx-button-primary, #0f62fe);
  color: var(--bx-text-on-color, #ffffff);
}

.flatpickr-day.flatpickr-disabled {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.flatpickr-day.flatpickr-disabled:hover {
  background-color: transparent;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-day.today,
.flatpickr-day.inRange {
    color: Highlight;
  }
}
.bx--date-picker {
  display: flex;
}

.bx--date-picker--light .bx--date-picker__input {
  background: var(--bx-field-02, #ffffff);
}

.bx--date-picker ~ .bx--label, .bx--date-picker ~ .input__label, .bx--date-picker ~ .label {
  order: 1;
}

.bx--date-picker-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bx--date-picker-input__wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.bx--date-picker.bx--date-picker--simple .bx--date-picker__input,
.bx--date-picker.bx--date-picker--simple .bx--label,
.bx--date-picker.bx--date-picker--simple .input__label,
.bx--date-picker.bx--date-picker--simple .label {
  width: 7.5rem;
}

.bx--date-picker.bx--date-picker--simple .bx--date-picker-input__wrapper--invalid .bx--date-picker__input,
.bx--date-picker.bx--date-picker--simple .bx--date-picker-input__wrapper--invalid ~ .bx--form-requirement,
.bx--date-picker.bx--date-picker--simple .bx--date-picker-input__wrapper--warn .bx--date-picker__input,
.bx--date-picker.bx--date-picker--simple .bx--date-picker-input__wrapper--warn ~ .bx--form-requirement {
  width: 9.5rem;
}

.bx--date-picker.bx--date-picker--simple.bx--date-picker--short .bx--date-picker__input {
  width: 5.7rem;
}

.bx--date-picker.bx--date-picker--single .bx--date-picker__input {
  width: 18rem;
}

.bx--date-picker .bx--date-picker-input__wrapper--warn ~ .bx--form-requirement {
  color: var(--bx-text-primary, #161616);
}

.bx--date-picker__input {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-family: var(--bx-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--bx-code-02-font-size, 0.875rem);
  font-weight: var(--bx-code-02-font-weight, 400);
  line-height: var(--bx-code-02-line-height, 1.42857);
  letter-spacing: var(--bx-code-02-letter-spacing, 0.32px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  display: block;
  height: 2.5rem;
  padding: 0 1rem;
  border: none;
  border-bottom: 1px solid var(--bx-border-strong);
  background-color: var(--bx-field);
  color: var(--bx-text-primary, #161616);
  transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;
}

.bx--date-picker__input *,
.bx--date-picker__input *::before,
.bx--date-picker__input *::after {
  box-sizing: inherit;
}

.bx--date-picker__input:focus, .bx--date-picker__input.bx--focused {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--date-picker__input:focus, .bx--date-picker__input.bx--focused {
    outline-style: dotted;
  }
}
.bx--date-picker__input:disabled {
  border-bottom: 1px solid transparent;
  background-color: var(--bx-field);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--date-picker__input:disabled::placeholder {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--date-picker__input:disabled:hover {
  border-bottom: 1px solid transparent;
}

.bx--date-picker__input::placeholder {
  color: var(--bx-text-placeholder, rgba(22, 22, 22, 0.2));
  opacity: 1;
}

.bx--date-picker__input--lg {
  height: 3rem;
}

.bx--date-picker__input--sm {
  height: 2rem;
}

.bx--date-picker__icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 1rem;
  fill: var(--bx-icon-primary, #161616);
  pointer-events: none;
  transform: translateY(-50%);
}

.bx--date-picker__icon--invalid,
.bx--date-picker__icon--warn {
  cursor: auto;
}

.bx--date-picker__icon--warn {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--date-picker__icon--warn path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.bx--date-picker__icon--invalid {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--date-picker__icon ~ .bx--date-picker__input {
  padding-right: 3rem;
}

.bx--date-picker__input:disabled ~ .bx--date-picker__icon {
  cursor: not-allowed;
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--date-picker--range > .bx--date-picker-container:first-child {
  margin-right: 0.0625rem;
}

.bx--date-picker--range .bx--date-picker-container,
.bx--date-picker--range .bx--date-picker__input {
  width: 8.96875rem;
}

.bx--date-picker.bx--skeleton input,
.bx--date-picker__input.bx--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 100%;
}

.bx--date-picker.bx--skeleton input:hover, .bx--date-picker.bx--skeleton input:focus, .bx--date-picker.bx--skeleton input:active,
.bx--date-picker__input.bx--skeleton:hover,
.bx--date-picker__input.bx--skeleton:focus,
.bx--date-picker__input.bx--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--date-picker.bx--skeleton input::before,
.bx--date-picker__input.bx--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--date-picker.bx--skeleton input::before,
.bx--date-picker__input.bx--skeleton::before {
    animation: none;
  }
}
.bx--date-picker.bx--skeleton input::placeholder,
.bx--date-picker__input.bx--skeleton::placeholder {
  color: transparent;
}

.bx--date-picker.bx--skeleton .bx--label, .bx--date-picker.bx--skeleton .input__label, .bx--date-picker.bx--skeleton .label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 4.6875rem;
  height: 0.875rem;
}

.bx--date-picker.bx--skeleton .bx--label:hover, .bx--date-picker.bx--skeleton .input__label:hover, .bx--date-picker.bx--skeleton .label:hover, .bx--date-picker.bx--skeleton .bx--label:focus, .bx--date-picker.bx--skeleton .input__label:focus, .bx--date-picker.bx--skeleton .label:focus, .bx--date-picker.bx--skeleton .bx--label:active, .bx--date-picker.bx--skeleton .input__label:active, .bx--date-picker.bx--skeleton .label:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--date-picker.bx--skeleton .bx--label::before, .bx--date-picker.bx--skeleton .input__label::before, .bx--date-picker.bx--skeleton .label::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--date-picker.bx--skeleton .bx--label::before, .bx--date-picker.bx--skeleton .input__label::before, .bx--date-picker.bx--skeleton .label::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--date-picker__icon {
    fill: ButtonText;
  }
}
.bx--dropdown__wrapper--inline {
  display: inline-grid;
  align-items: center;
  grid-gap: 0 1.5rem;
  grid-template: auto auto/auto min-content;
}

.bx--dropdown__wrapper--inline .bx--label, .bx--dropdown__wrapper--inline .input__label, .bx--dropdown__wrapper--inline .label {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
}

.bx--dropdown__wrapper--inline .bx--label, .bx--dropdown__wrapper--inline .input__label, .bx--dropdown__wrapper--inline .label,
.bx--dropdown__wrapper--inline .bx--form__helper-text,
.bx--dropdown__wrapper--inline .bx--form-requirement {
  margin: 0;
}

.bx--dropdown__wrapper--inline .bx--form-requirement {
  grid-column: 2;
}

.bx--dropdown {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  display: block;
  width: 100%;
  height: 2.5rem;
  border: none;
  border-bottom: 1px solid var(--bx-border-strong);
  background-color: var(--bx-field);
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
  list-style: none;
  outline: 2px solid transparent;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--dropdown html {
  font-size: 100%;
}

.bx--dropdown body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--dropdown code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--dropdown strong {
  font-weight: 600;
}

.bx--dropdown:hover {
  background-color: var(--bx-field-hover);
}

.bx--dropdown .bx--list-box__field {
  text-align: left;
}

.bx--dropdown--lg {
  height: 3rem;
  max-height: 3rem;
}

.bx--dropdown--lg .bx--dropdown__arrow {
  top: 1rem;
}

.bx--dropdown--sm {
  height: 2rem;
  max-height: 2rem;
}

.bx--dropdown--sm .bx--dropdown__arrow {
  top: 0.5rem;
}

.bx--dropdown--open {
  border-bottom-color: var(--bx-border-subtle);
}

.bx--dropdown--invalid {
  outline: 2px solid var(--bx-support-error, #dd2d4a);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--dropdown--invalid {
    outline-style: dotted;
  }
}
.bx--dropdown--invalid .bx--dropdown-text {
  padding-right: 3.5rem;
}

.bx--dropdown--invalid + .bx--form-requirement {
  display: inline-block;
  max-height: 12.5rem;
  color: var(--bx-text-error, #da1e28);
}

.bx--dropdown__invalid-icon {
  position: absolute;
  top: 50%;
  right: 2.5rem;
  fill: var(--bx-support-error, #dd2d4a);
  transform: translateY(-50%);
}

.bx--dropdown--open:hover {
  background-color: var(--bx-field);
}

.bx--dropdown--open:focus {
  outline: 1px solid transparent;
}

.bx--dropdown--open .bx--dropdown-list {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  max-height: 13.75rem;
  transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--dropdown--light {
  background-color: var(--bx-field);
}

.bx--dropdown--light:hover {
  background-color: var(--bx-field-hover);
}

.bx--dropdown--up .bx--dropdown-list {
  bottom: 2rem;
}

.bx--dropdown__arrow {
  position: absolute;
  top: 0.8125rem;
  right: 1rem;
  fill: var(--bx-icon-primary, #161616);
  pointer-events: none;
  transform-origin: 50% 45%;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

button.bx--dropdown-text {
  width: 100%;
  border: none;
  background: none;
  color: var(--bx-text-primary, #161616);
  text-align: left;
}

button.bx--dropdown-text:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  button.bx--dropdown-text:focus {
    outline-style: dotted;
  }
}
.bx--dropdown-text {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: block;
  overflow: hidden;
  height: calc(100% + 1px);
  padding-right: 2.625rem;
  padding-left: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--dropdown-list {
  outline: 2px solid transparent;
  outline-offset: -2px;
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  position: absolute;
  z-index: 9100;
  display: flex;
  width: 100%;
  max-height: 0;
  flex-direction: column;
  background-color: var(--bx-layer);
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--dropdown-list html {
  font-size: 100%;
}

.bx--dropdown-list body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--dropdown-list code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--dropdown-list strong {
  font-weight: 600;
}

.bx--dropdown--light .bx--dropdown-list {
  background-color: var(--bx-layer);
}

.bx--dropdown:not(.bx--dropdown--open) .bx--dropdown-item {
  visibility: hidden;
}

.bx--dropdown-item {
  position: relative;
  opacity: 0;
  transition: visibility 70ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: inherit;
}

.bx--dropdown-item:hover {
  background-color: var(--bx-layer-hover);
}

.bx--dropdown-item:hover + .bx--dropdown-item .bx--dropdown-link {
  border-color: transparent;
}

.bx--dropdown-item:active {
  background-color: var(--bx-layer-selected);
}

.bx--dropdown-item:first-of-type .bx--dropdown-link {
  border-top-color: transparent;
}

.bx--dropdown-item:last-of-type .bx--dropdown-link {
  border-bottom: none;
}

.bx--dropdown-link {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: block;
  overflow: hidden;
  height: 2.5rem;
  padding: 0.6875rem 0;
  border: 1px solid transparent;
  border-top-color: var(--bx-border-subtle);
  margin: 0 1rem;
  color: var(--bx-text-secondary, #525252);
  font-weight: normal;
  line-height: 1rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--dropdown-link:hover {
  border-color: transparent;
  color: var(--bx-text-primary, #161616);
}

.bx--dropdown--light .bx--dropdown-link {
  border-top-color: var(--bx-border-subtle-02, #e0e0e0);
}

.bx--dropdown--sm .bx--dropdown-link {
  height: 2rem;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}

.bx--dropdown--focused,
.bx--dropdown-link:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  padding: 0.6875rem 1rem;
  margin: 0;
}

@media screen and (prefers-contrast) {
  .bx--dropdown--focused,
.bx--dropdown-link:focus {
    outline-style: dotted;
  }
}
.bx--dropdown-list[aria-activedescendant] .bx--dropdown-link:focus {
  padding: 0.6875rem 0;
  margin: 0 1rem;
  outline: none;
}

.bx--dropdown-list[aria-activedescendant] .bx--dropdown--focused:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  padding: 0.6875rem 1rem;
  margin: 0;
}

@media screen and (prefers-contrast) {
  .bx--dropdown-list[aria-activedescendant] .bx--dropdown--focused:focus {
    outline-style: dotted;
  }
}
.bx--dropdown-list[aria-activedescendant] .bx--dropdown-item:active {
  background-color: inherit;
}

.bx--dropdown-item:hover .bx--dropdown-link {
  border-bottom-color: var(--bx-layer-hover);
}

.bx--dropdown--open .bx--dropdown__arrow {
  transform: rotate(-180deg);
}

.bx--dropdown--open.bx--dropdown--sm .bx--dropdown-list {
  max-height: 11rem;
}

.bx--dropdown--open .bx--dropdown-item {
  opacity: 1;
}

.bx--dropdown--disabled {
  border-bottom-color: transparent;
}

.bx--dropdown--disabled:hover {
  background-color: var(--bx-field);
}

.bx--dropdown--disabled:focus {
  outline: none;
}

.bx--dropdown--disabled .bx--dropdown-text,
.bx--dropdown--disabled .bx--list-box__label {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--dropdown--disabled .bx--dropdown__arrow,
.bx--dropdown--disabled .bx--list-box__menu-icon svg {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--dropdown--disabled.bx--dropdown--light:hover {
  background-color: var(--bx-field);
}

.bx--dropdown--disabled .bx--list-box__field,
.bx--dropdown--disabled .bx--list-box__menu-icon {
  cursor: not-allowed;
}

.bx--dropdown--auto-width {
  width: auto;
  max-width: 25rem;
}

.bx--dropdown--inline {
  display: inline-block;
  width: auto;
  border-bottom-color: transparent;
  background-color: transparent;
  justify-self: start;
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--dropdown--inline:hover {
  background-color: var(--bx-layer-hover);
}

.bx--dropdown--inline.bx--dropdown--disabled {
  background-color: transparent;
}

.bx--dropdown--inline .bx--dropdown__arrow {
  top: 0.5rem;
  right: 0.5rem;
}

.bx--dropdown--inline.bx--dropdown--open {
  background-color: transparent;
}

.bx--dropdown--inline .bx--dropdown-text {
  display: inline-block;
  overflow: visible;
  height: 2rem;
  padding: 0.4375rem 2rem 0.4375rem 0.75rem;
  color: var(--bx-text-primary, #161616);
}

.bx--dropdown--inline.bx--dropdown--disabled .bx--dropdown-text {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--dropdown--inline.bx--dropdown--disabled:focus .bx--dropdown-text {
  outline: 0;
}

.bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown__invalid-icon {
  right: 2rem;
}

.bx--dropdown--inline.bx--dropdown--invalid .bx--dropdown-text {
  padding-right: 3.5rem;
}

.bx--dropdown--inline.bx--dropdown--open:focus .bx--dropdown-list {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
}

.bx--dropdown--inline .bx--dropdown-link {
  font-weight: normal;
}

.bx--dropdown--show-selected .bx--dropdown--selected {
  display: block;
  background-color: var(--bx-layer-selected);
  color: var(--bx-text-primary, #161616);
}

.bx--dropdown--show-selected .bx--dropdown--selected:hover {
  background-color: var(--bx-layer-selected-hover);
}

.bx--dropdown--show-selected .bx--dropdown--selected .bx--dropdown-link {
  border-top-color: transparent;
}

.bx--dropdown--show-selected .bx--dropdown--selected + .bx--dropdown-item .bx--dropdown-link {
  border-top-color: transparent;
}

.bx--dropdown--show-selected .bx--dropdown--selected .bx--list-box__menu-item__selected-icon {
  display: block;
}

.bx--dropdown-v2.bx--skeleton,
.bx--dropdown.bx--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}

.bx--dropdown-v2.bx--skeleton:hover, .bx--dropdown-v2.bx--skeleton:focus, .bx--dropdown-v2.bx--skeleton:active,
.bx--dropdown.bx--skeleton:hover,
.bx--dropdown.bx--skeleton:focus,
.bx--dropdown.bx--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--dropdown-v2.bx--skeleton::before,
.bx--dropdown.bx--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--dropdown-v2.bx--skeleton::before,
.bx--dropdown.bx--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--dropdown .bx--list-box__field {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--list-box__menu-item__option {
    outline: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--list-box__menu-item__selected-icon {
    fill: ButtonText;
  }
}
.bx--loading {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  animation-duration: 690ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: rotate;
  animation-timing-function: linear;
  width: 5.5rem;
  height: 5.5rem;
}

.bx--loading *,
.bx--loading *::before,
.bx--loading *::after {
  box-sizing: inherit;
}

.bx--loading svg circle {
  animation-duration: 10ms;
  animation-name: init-stroke;
  animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--loading svg circle {
    animation: none;
  }
}
.bx--loading__svg {
  fill: transparent;
}

.bx--loading__svg circle {
  stroke-dasharray: 276.4608 276.4608;
  stroke-linecap: butt;
  stroke-width: 10;
}

.bx--loading__stroke {
  stroke: var(--bx-interactive, #0d4c8b);
  stroke-dashoffset: 52.527552;
}

.bx--loading--small .bx--loading__stroke {
  stroke-dashoffset: 143.759616;
}

.bx--loading--stop {
  animation: rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
}

.bx--loading--stop svg circle {
  animation-delay: 700ms;
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-name: stroke-end;
  animation-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--loading--stop svg circle {
    animation: none;
  }
}
.bx--loading--small {
  width: 1rem;
  height: 1rem;
}

.bx--loading--small circle {
  stroke-width: 16;
}

.bx--loading--small .bx--loading__svg {
  stroke: var(--bx-interactive, #0d4c8b);
}

.bx--loading__background {
  stroke: var(--bx-layer-accent);
  stroke-dashoffset: -22;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    circle.bx--loading__background {
      stroke-dasharray: 265;
      stroke-dashoffset: 0;
    }
  }
}
.bx--loading-overlay {
  position: fixed;
  z-index: 6000;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--bx-overlay, rgba(22, 22, 22, 0.5));
  transition: background-color 700ms cubic-bezier(0.4, 0.14, 0.3, 1);
}

.bx--loading-overlay--stop {
  display: none;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-end-p1 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-end-p2 {
  100% {
    transform: rotate(-360deg);
  }
}
/* Stroke animations */
@keyframes init-stroke {
  0% {
    stroke-dashoffset: 276.4608;
  }
  100% {
    stroke-dashoffset: 52.527552;
  }
}
@keyframes stroke-end {
  0% {
    stroke-dashoffset: 52.527552;
  }
  100% {
    stroke-dashoffset: 276.4608;
  }
}
.bx--file {
  width: 100%;
}

.bx--file--invalid {
  margin-right: 0.5rem;
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--file--label {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  margin-bottom: 0.5rem;
  color: var(--bx-text-primary, #161616);
}

.bx--file--label html {
  font-size: 100%;
}

.bx--file--label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--file--label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--file--label strong {
  font-weight: 600;
}

.bx--file--label--disabled {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--file-input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--file-btn {
  display: inline-flex;
  padding-right: 4rem;
  margin: 0;
}

.bx--file-browse-btn {
  display: inline-block;
  width: 100%;
  max-width: 20rem;
  color: var(--bx-link-primary, #0090FF);
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: -2px;
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--file-browse-btn:focus, .bx--file-browse-btn:hover {
  outline: 2px solid var(--bx-focus, #0d4c8b);
}

.bx--file-browse-btn:hover, .bx--file-browse-btn:focus, .bx--file-browse-btn:active, .bx--file-browse-btn:active:visited {
  text-decoration: underline;
}

.bx--file-browse-btn:active {
  color: var(--bx-text-primary, #161616);
}

.bx--file-browse-btn--disabled {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: no-drop;
  text-decoration: none;
}

.bx--file-browse-btn--disabled:hover, .bx--file-browse-btn--disabled:focus {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
  text-decoration: none;
}

.bx--file-browse-btn--disabled .bx--file__drop-container {
  border: 1px dashed var(--bx-button-disabled, #c6c6c6);
}

.bx--label-description {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  margin-bottom: 1rem;
  color: var(--bx-text-secondary, #525252);
}

.bx--label-description html {
  font-size: 100%;
}

.bx--label-description body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--label-description code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--label-description strong {
  font-weight: 600;
}

.bx--label-description--disabled {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--file-btn ~ .bx--file-container {
  margin-top: 1.5rem;
}

.bx--btn ~ .bx--file-container, .action__button ~ .bx--file-container,
.action.primary ~ .bx--file-container {
  margin-top: 1rem;
}

.bx--file .bx--file-container,
.bx--file ~ .bx--file-container {
  margin-top: 0.5rem;
}

.bx--file__selected-file {
  display: grid;
  max-width: 20rem;
  min-height: 3rem;
  align-items: center;
  margin-bottom: 0.5rem;
  background-color: var(--bx-layer);
  gap: 0.75rem 1rem;
  grid-auto-rows: auto;
  grid-template-columns: 1fr auto;
  word-break: break-word;
}

.bx--file__selected-file:last-child {
  margin-bottom: 0;
}

.bx--file__selected-file .bx--form-requirement {
  display: block;
  max-height: none;
  margin: 0;
  grid-column: 1/-1;
}

.bx--file__selected-file .bx--inline-loading__animation .bx--loading {
  margin-right: 0;
}

.bx--file__selected-file .bx--file-filename {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  margin-left: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--file__selected-file--md {
  min-height: 2.5rem;
  gap: 0.5rem 1rem;
}

.bx--file__selected-file--sm {
  min-height: 2rem;
  gap: 0.25rem 1rem;
}

.bx--file__selected-file--invalid__wrapper {
  outline: 2px solid var(--bx-support-error, #dd2d4a);
  outline-offset: -2px;
  max-width: 20rem;
  margin-bottom: 0.5rem;
  background-color: var(--bx-layer);
  outline-width: 1px;
}

@media screen and (prefers-contrast) {
  .bx--file__selected-file--invalid__wrapper {
    outline-style: dotted;
  }
}
.bx--file__selected-file--invalid {
  outline: 2px solid var(--bx-support-error, #dd2d4a);
  outline-offset: -2px;
  padding: 0.75rem 0;
}

@media screen and (prefers-contrast) {
  .bx--file__selected-file--invalid {
    outline-style: dotted;
  }
}
.bx--file__selected-file--invalid.bx--file__selected-file--sm {
  padding: 0.25rem 0;
}

.bx--file__selected-file--invalid.bx--file__selected-file--md {
  padding: 0.5rem 0;
}

.bx--file__selected-file--invalid .bx--form-requirement {
  padding-top: 1rem;
  border-top: 1px solid var(--bx-border-subtle);
}

.bx--file__selected-file--invalid.bx--file__selected-file--sm .bx--form-requirement {
  padding-top: 0.4375rem;
}

.bx--file__selected-file--invalid.bx--file__selected-file--md .bx--form-requirement {
  padding-top: 0.6875rem;
}

.bx--file__selected-file--invalid .bx--form-requirement__title,
.bx--file__selected-file--invalid .bx--form-requirement__supplement {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  padding: 0 1rem;
}

.bx--file__selected-file--invalid .bx--form-requirement__title {
  color: var(--bx-text-error, #da1e28);
}

.bx--file__selected-file--invalid .bx--form-requirement__supplement {
  color: var(--bx-text-primary, #161616);
}

.bx--file__selected-file--invalid + .bx--form-requirement {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  display: block;
  overflow: visible;
  max-height: 12.5rem;
  padding: 0.5rem 1rem;
  color: var(--bx-text-error, #da1e28);
  font-weight: 400;
}

.bx--file__selected-file--invalid + .bx--form-requirement .bx--form-requirement__supplement {
  padding-bottom: 0.5rem;
  color: var(--bx-text-primary, #161616);
}

.bx--file__state-container {
  display: flex;
  min-width: 1.5rem;
  align-items: center;
  justify-content: center;
  padding-right: 1rem;
}

.bx--file__state-container .bx--loading__svg {
  stroke: var(--bx-icon-primary, #161616);
}

.bx--file__state-container .bx--file-complete {
  cursor: pointer;
  fill: var(--bx-interactive, #0d4c8b);
}

.bx--file__state-container .bx--file-complete:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--file__state-container .bx--file-complete:focus {
    outline-style: dotted;
  }
}
.bx--file__state-container .bx--file-complete [data-icon-path=inner-path] {
  fill: var(--bx-icon-inverse, #ffffff);
  opacity: 1;
}

.bx--file__state-container .bx--file-invalid {
  width: 1rem;
  height: 1rem;
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--file__state-container .bx--file-close {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  fill: var(--bx-icon-primary, #161616);
}

.bx--file__state-container .bx--file-close:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--file__state-container .bx--file-close:focus {
    outline-style: dotted;
  }
}
.bx--file__state-container .bx--file-close svg path {
  fill: var(--bx-icon-primary, #161616);
}

.bx--file__state-container .bx--inline-loading__animation {
  margin-right: -0.5rem;
}

.bx--file__drop-container {
  display: flex;
  overflow: hidden;
  height: 6rem;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border: 1px dashed var(--bx-border-strong);
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
}

.bx--file__drop-container--drag-over {
  background: none;
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--file__selected-file {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--file__state-container .bx--file-close svg path {
    fill: ButtonText;
  }
}
/* stylelint-enable */
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
.bx--inline-loading {
  display: flex;
  width: 100%;
  min-height: 2rem;
  align-items: center;
}

.bx--inline-loading__text {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  color: var(--bx-text-secondary, #525252);
}

.bx--inline-loading__animation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}

.bx--inline-loading__checkmark-container {
  fill: var(--bx-support-success, #079b6c);
}

.bx--inline-loading__checkmark-container.bx--inline-loading__svg {
  position: absolute;
  top: 0.75rem;
  width: 0.75rem;
}

.bx--inline-loading__checkmark-container[hidden] {
  display: none;
}

.bx--inline-loading__checkmark {
  animation-duration: 250ms;
  animation-fill-mode: forwards;
  animation-name: stroke;
  fill: none;
  stroke: var(--bx-interactive, #0d4c8b);
  stroke-dasharray: 12;
  stroke-dashoffset: 12;
  stroke-width: 1.8;
  transform-origin: 50% 50%;
}

.bx--inline-loading--error {
  width: 1rem;
  height: 1rem;
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--inline-loading--error[hidden] {
  display: none;
}

.bx--loading--small .bx--inline-loading__svg {
  stroke: var(--bx-interactive, #0d4c8b);
}

/* If IE11 Don't show check animation */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .bx--inline-loading__checkmark-container {
    top: 1px;
    right: 0.5rem;
  }
  .bx--inline-loading__checkmark {
    animation: none;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
  }
}
.bx--list--nested,
.bx--list--unordered,
.bx--list--ordered,
.bx--list--ordered--native {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  list-style: none;
}

.bx--list--nested *,
.bx--list--nested *::before,
.bx--list--nested *::after,
.bx--list--unordered *,
.bx--list--unordered *::before,
.bx--list--unordered *::after,
.bx--list--ordered *,
.bx--list--ordered *::before,
.bx--list--ordered *::after,
.bx--list--ordered--native *,
.bx--list--ordered--native *::before,
.bx--list--ordered--native *::after {
  box-sizing: inherit;
}

.bx--list--expressive,
.bx--list--expressive .bx--list--nested {
  font-size: var(--bx-body-02-font-size, 1rem);
  font-weight: var(--bx-body-02-font-weight, 400);
  line-height: var(--bx-body-02-line-height, 1.5);
  letter-spacing: var(--bx-body-02-letter-spacing, 0);
}

.bx--list--ordered--native {
  list-style: decimal;
}

.bx--list__item {
  color: var(--bx-text-primary, #161616);
}

.bx--list--nested {
  margin-left: 2rem;
}

.bx--list--nested .bx--list__item {
  padding-left: 0.25rem;
}

.bx--list--ordered:not(.bx--list--nested) {
  counter-reset: item;
}

.bx--list--ordered:not(.bx--list--nested) > .bx--list__item {
  position: relative;
}

.bx--list--ordered:not(.bx--list--nested) > .bx--list__item::before {
  position: absolute;
  left: -1.5rem;
  content: counter(item) ".";
  counter-increment: item;
}

.bx--list--ordered.bx--list--nested,
.bx--list--ordered--native.bx--list--nested {
  list-style-type: lower-latin;
}

.bx--list--unordered > .bx--list__item {
  position: relative;
}

.bx--list--unordered > .bx--list__item::before {
  position: absolute;
  left: calc(-1 * 1rem);
  content: "–";
}

.bx--list--unordered.bx--list--nested > .bx--list__item::before {
  left: calc(-1 * 0.75rem);
  content: "▪";
}

.bx--menu {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  position: fixed;
  z-index: 9000;
  min-width: 13rem;
  max-width: 18rem;
  padding: 0.25rem 0;
  background-color: var(--bx-layer);
  visibility: hidden;
}

.bx--menu--open {
  visibility: visible;
}

.bx--menu--open:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--menu--open:focus {
    outline-style: dotted;
  }
}
.bx--menu--invisible {
  opacity: 0;
  pointer-events: none;
}

.bx--menu-option {
  position: relative;
  height: 2rem;
  background-color: var(--bx-layer);
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--menu-option:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--menu-option:focus {
    outline-style: dotted;
  }
}
.bx--menu-option--active,
.bx--menu-option:hover {
  background-color: var(--bx-layer-hover);
}

.bx--menu-option--danger:hover,
.bx--menu-option--danger:focus {
  background-color: var(--bx-button-danger-primary, #da1e28);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--menu-option > .bx--menu {
  margin-top: calc(0.25rem * -1);
}

.bx--menu-option__content {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
}

.bx--menu-option__content--disabled {
  background-color: var(--bx-layer);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--menu-option__content--disabled .bx--menu-option__label,
.bx--menu-option__content--disabled .bx--menu-option__info,
.bx--menu-option__content--disabled .bx--menu-option__icon {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--menu-option__content--indented .bx--menu-option__label {
  margin-left: 1rem;
}

.bx--menu-option__label {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  flex-grow: 1;
  padding: 0.25rem 0;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--menu-option__info {
  display: inline-flex;
  margin-left: 1rem;
}

.bx--menu-option__icon {
  display: flex;
  width: 1rem;
  height: 1rem;
  align-items: center;
  margin-right: 0.5rem;
}

.bx--menu-divider {
  width: 100%;
  height: 1px;
  margin: 0.25rem 0;
  background-color: var(--bx-border-subtle);
}

.bx--menu--md .bx--menu-option {
  height: 2.5rem;
}

.bx--menu--lg .bx--menu-option {
  height: 3rem;
}

.bx--modal {
  position: fixed;
  z-index: 9000;
  top: 0;
  left: 0;
  display: flex;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: var(--bx-overlay, rgba(22, 22, 22, 0.5));
  content: "";
  opacity: 0;
  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;
  visibility: hidden;
}

.bx--modal.is-visible {
  opacity: 1;
  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
  visibility: inherit;
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--modal.is-visible {
    transition: none;
  }
}
.bx--modal .bx--pagination,
.bx--modal .bx--pagination__control-buttons,
.bx--modal .bx--text-input,
.bx--modal .input__field,
.bx--modal .input-text,
.bx--modal .bx--text-area,
.bx--modal .bx--search-input,
.bx--modal .bx--select-input,
.bx--modal .bx--dropdown,
.bx--modal .bx--dropdown-list,
.bx--modal .bx--number input[type=number],
.bx--modal .bx--date-picker__input,
.bx--modal .bx--multi-select {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--modal.is-visible .bx--modal-container {
  transform: translate3d(0, 0, 0);
  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
}

.bx--modal-container {
  display: grid;
  overflow: hidden;
  position: static;
  width: 84%;
  height: auto;
  max-height: 90%;
  background-color: var(--bx-layer);
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  outline: 3px solid transparent;
  outline-offset: -3px;
  transform: translate3d(0, -24px, 0);
  transform-origin: top center;
  transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);
}

@media (min-width: 42rem) {
  .bx--modal-container {
    position: static;
    width: 84%;
    height: auto;
    max-height: 90%;
  }
}
@media (min-width: 66rem) {
  .bx--modal-container {
    width: 60%;
    max-height: 84%;
  }
}
@media (min-width: 80rem) {
  .bx--modal-container {
    width: 48%;
  }
}
.bx--modal-container .bx--modal-container-body {
  display: contents;
}

.bx--modal-content {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  position: relative;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-bottom: 3rem;
  color: var(--bx-text-primary, #161616);
  font-weight: 400;
  grid-column: 1/-1;
  grid-row: 2/-2;
  overflow-y: auto;
}

.bx--modal-content:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--modal-content:focus {
    outline-style: dotted;
  }
}
.bx--modal-content p,
.bx--modal-content__regular-content {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  padding-right: calc(20% - 2rem);
}

.bx--modal-content--with-form {
  padding-right: 1rem;
}

.bx--modal-header {
  padding-top: 1rem;
  padding-right: 3rem;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  grid-column: 1/-1;
  grid-row: 1/1;
}

.bx--modal-header__label {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  margin-bottom: 0.25rem;
  color: var(--bx-text-secondary, #525252);
}

.bx--modal-header__heading {
  font-size: var(--bx-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-heading-03-font-weight, 400);
  line-height: var(--bx-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-heading-03-letter-spacing, 0);
  color: var(--bx-text-primary, #161616);
}

.bx--modal-container--xs .bx--modal-content__regular-content {
  padding-right: 1rem;
}

.bx--modal-container--xs .bx--modal-content p {
  padding-right: 0;
}

@media (min-width: 42rem) {
  .bx--modal-container--xs {
    width: 48%;
  }
}
@media (min-width: 66rem) {
  .bx--modal-container--xs {
    width: 32%;
    max-height: 48%;
  }
}
@media (min-width: 80rem) {
  .bx--modal-container--xs {
    width: 24%;
  }
}
.bx--modal-container--sm .bx--modal-content__regular-content {
  padding-right: 1rem;
}

.bx--modal-container--sm .bx--modal-content p {
  padding-right: 0;
}

@media (min-width: 42rem) {
  .bx--modal-container--sm {
    width: 60%;
  }
}
@media (min-width: 66rem) {
  .bx--modal-container--sm {
    width: 42%;
    max-height: 72%;
  }
  .bx--modal-container--sm .bx--modal-content p,
.bx--modal-container--sm .bx--modal-content__regular-content {
    padding-right: 20%;
  }
}
@media (min-width: 80rem) {
  .bx--modal-container--sm {
    width: 36%;
  }
}
@media (min-width: 42rem) {
  .bx--modal-container--lg {
    width: 96%;
  }
}
@media (min-width: 66rem) {
  .bx--modal-container--lg {
    width: 84%;
    max-height: 96%;
  }
}
@media (min-width: 80rem) {
  .bx--modal-container--lg {
    width: 72%;
  }
}
.bx--modal-scroll-content > *:last-child {
  padding-bottom: 2rem;
}

.bx--modal-content--overflow-indicator {
  position: absolute;
  bottom: 3rem;
  left: 0;
  width: 100%;
  height: 2rem;
  background-image: linear-gradient(to bottom, transparent, var(--bx-layer));
  content: "";
  grid-column: 1/-1;
  grid-row: 2/-2;
  pointer-events: none;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .bx--modal-content--overflow-indicator {
      background-image: linear-gradient(to bottom, rgba(var(--bx-layer), 0), var(--bx-layer));
    }
  }
}
.bx--modal-content:focus ~ .bx--modal-content--overflow-indicator {
  width: calc(100% - 4px);
  margin: 0 2px 2px;
}

@media screen and (-ms-high-contrast: active) {
  .bx--modal-scroll-content > *:last-child {
    padding-bottom: 0;
  }
  .bx--modal-content--overflow-indicator {
    display: none;
  }
}
.bx--modal-footer {
  display: flex;
  height: 4rem;
  justify-content: flex-end;
  margin-top: auto;
  grid-column: 1/-1;
  grid-row: -1/-1;
}

.bx--modal-footer .bx--btn, .bx--modal-footer .action__button,
.bx--modal-footer .action.primary {
  max-width: none;
  height: 4rem;
  flex: 0 1 50%;
  padding-top: 1rem;
  padding-bottom: 2rem;
  margin: 0;
}

.bx--modal-footer--three-button .bx--btn, .bx--modal-footer--three-button .action__button,
.bx--modal-footer--three-button .action.primary {
  flex: 0 1 25%;
  align-items: flex-start;
}

.bx--modal-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  border: 2px solid transparent;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--modal-close:hover {
  background-color: var(--bx-layer-hover);
}

.bx--modal-close:focus {
  border-color: var(--bx-focus, #0d4c8b);
  outline: none;
}

.bx--modal-close::-moz-focus-inner {
  border: 0;
}

.bx--modal-close__icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: var(--bx-icon-primary, #161616);
}

.bx--body--with-modal-open {
  overflow: hidden;
}

.bx--body--with-modal-open .bx--tooltip,
.bx--body--with-modal-open .bx--overflow-menu-options {
  z-index: 9000;
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--modal-close__icon {
    fill: ButtonText;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--modal-close:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
/* stylelint-enable */
.bx--multi-select .bx--tag {
  min-width: auto;
  margin: 0 0.5rem 0 0;
}

.bx--multi-select--filterable .bx--tag {
  margin: 0 0.5rem 0 1rem;
}

.bx--multi-select .bx--list-box__menu {
  min-width: auto;
}

.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-wrapper, .bx--multi-select .bx--list-box__menu-item__option .checkbox {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}

.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-label, .bx--multi-select .bx--list-box__menu-item__option .checkbox__label {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  padding-left: 1.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--multi-select .bx--list-box__menu-item__option > .bx--form-item, .bx--multi-select .bx--list-box__menu-item__option > .input, .bx--multi-select .bx--list-box__menu-item__option > .checkbox {
  flex-direction: row;
  margin: 0;
}

.bx--multi-select .bx--list-box__menu-item .bx--checkbox:checked ~ .bx--checkbox-label-text, .bx--multi-select .bx--list-box__menu-item .checkbox__field:checked ~ .bx--checkbox-label-text {
  color: var(--bx-text-primary, #161616);
}

.bx--multi-select--filterable {
  transition: outline-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--multi-select--filterable.bx--combo-box .bx--text-input, .bx--multi-select--filterable.bx--combo-box .input__field, .bx--multi-select--filterable.bx--combo-box .input-text {
  border: 0.125rem solid transparent;
  background-clip: padding-box;
  outline: none;
}

.bx--multi-select--filterable--input-focused {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--multi-select--filterable--input-focused {
    outline-style: dotted;
  }
}
.bx--multi-select--filterable.bx--multi-select--selected .bx--text-input, .bx--multi-select--filterable.bx--multi-select--selected .input__field, .bx--multi-select--filterable.bx--multi-select--selected .input-text {
  padding-left: 0;
}

.bx--multi-select--filterable.bx--list-box--disabled:hover .bx--text-input, .bx--multi-select--filterable.bx--list-box--disabled:hover .input__field, .bx--multi-select--filterable.bx--list-box--disabled:hover .input-text {
  background-color: var(--bx-field);
}

.bx--multi-select--filterable .bx--list-box__selection--multi {
  margin: 0 0 0 1rem;
}

.bx--multi-select--filterable.bx--multi-select--inline,
.bx--multi-select--filterable.bx--multi-select--inline .bx--text-input,
.bx--multi-select--filterable.bx--multi-select--inline .input__field,
.bx--multi-select--filterable.bx--multi-select--inline .input-text {
  border-bottom: 0;
  background-color: transparent;
}

.bx--inline-notification {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 18rem;
  max-width: 18rem;
  height: auto;
  min-height: 3rem;
  flex-wrap: wrap;
  color: var(--bx-text-inverse, #ffffff);
}

.bx--inline-notification html {
  font-size: 100%;
}

.bx--inline-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--inline-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--inline-notification strong {
  font-weight: 600;
}

@media (min-width: 42rem) {
  .bx--inline-notification {
    max-width: 38rem;
    flex-wrap: nowrap;
  }
}
@media (min-width: 66rem) {
  .bx--inline-notification {
    max-width: 46rem;
  }
}
@media (min-width: 99rem) {
  .bx--inline-notification {
    max-width: 52rem;
  }
}
.bx--inline-notification:not(.bx--inline-notification--low-contrast) a {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--inline-notification a {
  text-decoration: none;
}

.bx--inline-notification a:hover {
  text-decoration: underline;
}

.bx--inline-notification a:focus {
  outline: 1px solid var(--bx-link-inverse, #78a9ff);
}

.bx--inline-notification.bx--inline-notification--low-contrast a:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--inline-notification.bx--inline-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}
.bx--inline-notification--low-contrast {
  color: var(--bx-text-primary, #161616);
}

.bx--inline-notification--low-contrast::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  content: "";
  filter: opacity(0.4);
  pointer-events: none;
}

.bx--inline-notification--error {
  border-left: 3px solid var(--bx-support-error-inverse, #fa4d56);
  background: var(--bx-background-inverse, #393939);
}

.bx--inline-notification--error .bx--inline-notification__icon,
.bx--inline-notification--error .bx--toast-notification__icon,
.bx--inline-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error-inverse, #fa4d56);
}

.bx--inline-notification--low-contrast.bx--inline-notification--error {
  border-left: 3px solid var(--bx-support-error, #dd2d4a);
  background: var(--bx-notification-background-error, #fff1f1);
}

.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--inline-notification--low-contrast.bx--inline-notification--error::before {
  border-color: var(--bx-support-error, #dd2d4a);
}

.bx--inline-notification--success {
  border-left: 3px solid var(--bx-support-success-inverse, #42be65);
  background: var(--bx-background-inverse, #393939);
}

.bx--inline-notification--success .bx--inline-notification__icon,
.bx--inline-notification--success .bx--toast-notification__icon,
.bx--inline-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success-inverse, #42be65);
}

.bx--inline-notification--low-contrast.bx--inline-notification--success {
  border-left: 3px solid var(--bx-support-success, #079b6c);
  background: var(--bx-notification-background-success, #defbe6);
}

.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success, #079b6c);
}

.bx--inline-notification--low-contrast.bx--inline-notification--success::before {
  border-color: var(--bx-support-success, #079b6c);
}

.bx--inline-notification--info,
.bx--inline-notification--info-square {
  border-left: 3px solid var(--bx-support-info-inverse, #4589ff);
  background: var(--bx-background-inverse, #393939);
}

.bx--inline-notification--info .bx--inline-notification__icon,
.bx--inline-notification--info .bx--toast-notification__icon,
.bx--inline-notification--info .bx--actionable-notification__icon,
.bx--inline-notification--info-square .bx--inline-notification__icon,
.bx--inline-notification--info-square .bx--toast-notification__icon,
.bx--inline-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info-inverse, #4589ff);
}

.bx--inline-notification--low-contrast.bx--inline-notification--info,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square {
  border-left: 3px solid var(--bx-support-info, #0d4c8b);
  background: var(--bx-notification-background-info, #edf5ff);
}

.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info, #0d4c8b);
}

.bx--inline-notification--low-contrast.bx--inline-notification--info::before,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square::before {
  border-color: var(--bx-support-info, #0d4c8b);
}

.bx--inline-notification--warning,
.bx--inline-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning-inverse, #f1c21b);
  background: var(--bx-background-inverse, #393939);
}

.bx--inline-notification--warning .bx--inline-notification__icon,
.bx--inline-notification--warning .bx--toast-notification__icon,
.bx--inline-notification--warning .bx--actionable-notification__icon,
.bx--inline-notification--warning-alt .bx--inline-notification__icon,
.bx--inline-notification--warning-alt .bx--toast-notification__icon,
.bx--inline-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning-inverse, #f1c21b);
}

.bx--inline-notification--low-contrast.bx--inline-notification--warning,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning, #fdd13a);
  background: var(--bx-notification-background-warning, #fdf6dd);
}

.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--inline-notification--low-contrast.bx--inline-notification--warning::before,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt::before {
  border-color: var(--bx-support-warning, #fdd13a);
}

.bx--inline-notification--warning .bx--inline-notification__icon path[opacity="0"] {
  fill: #000000;
  opacity: 1;
}

.bx--inline-notification__details {
  display: flex;
  flex-grow: 1;
  margin: 0 3rem 0 0.8125rem;
}

@media (min-width: 42rem) {
  .bx--inline-notification__details {
    margin: 0 0.8125rem;
  }
}
.bx--inline-notification__icon {
  flex-shrink: 0;
  margin-top: 0.875rem;
  margin-right: 1rem;
}

.bx--inline-notification__text-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 0;
}

.bx--inline-notification__title {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  margin: 0 0.25rem 0 0;
}

.bx--inline-notification__subtitle {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  word-break: break-word;
}

.bx--inline-notification__action-button.bx--btn--ghost {
  height: 2rem;
  margin-bottom: 0.5rem;
  margin-left: 2.5rem;
}

@media (min-width: 42rem) {
  .bx--inline-notification__action-button.bx--btn--ghost {
    margin: 0.5rem 0;
  }
}
.bx--inline-notification:not(.bx--inline-notification--low-contrast) .bx--inline-notification__action-button.bx--btn--ghost {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--inline-notification__action-button.bx--btn--ghost:active,
.bx--inline-notification__action-button.bx--btn--ghost:hover {
  background-color: var(--bx-background-inverse-hover, #474747);
}

.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:active,
.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:hover {
  background-color: var(--bx-notification-action-hover, #ffffff);
}

.bx--inline-notification__action-button.bx--btn--ghost:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:focus {
  outline-color: var(--bx-focus, #0d4c8b);
}

.bx--inline-notification--hide-close-button .bx--inline-notification__action-button.bx--btn--ghost {
  margin-right: 0.5rem;
}

.bx--inline-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  height: 3rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--inline-notification__close-button:focus {
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--inline-notification__close-button .bx--inline-notification__close-icon {
  fill: var(--bx-icon-inverse, #ffffff);
}

@media (min-width: 42rem) {
  .bx--inline-notification__close-button {
    position: static;
  }
}
.bx--inline-notification--low-contrast .bx--inline-notification__close-button:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--inline-notification--low-contrast .bx--inline-notification__close-button:focus {
    outline-style: dotted;
  }
}
.bx--inline-notification--low-contrast .bx--inline-notification__close-button .bx--inline-notification__close-icon {
  fill: var(--bx-icon-primary, #161616);
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--inline-notification {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--inline-notification__close-button:focus,
.bx--btn.bx--btn--ghost.bx--inline-notification__action-button:focus,
.bx--btn--ghost.bx--inline-notification__action-button.action__button:focus,
.bx--btn--ghost.bx--inline-notification__action-button.action.primary:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--inline-notification__icon {
    fill: ButtonText;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--inline-notification__close-icon {
    fill: ButtonText;
  }
}
/* stylelint-enable */
.bx--toast-notification {
  display: flex;
  width: 18rem;
  height: auto;
  padding-left: 0.8125rem;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  color: var(--bx-text-inverse, #ffffff);
}

.bx--toast-notification html {
  font-size: 100%;
}

.bx--toast-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--toast-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--toast-notification strong {
  font-weight: 600;
}

@media (min-width: 99rem) {
  .bx--toast-notification {
    width: 22rem;
  }
}
.bx--toast-notification:not(.bx--toast-notification--low-contrast) a {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--toast-notification a {
  text-decoration: none;
}

.bx--toast-notification a:hover {
  text-decoration: underline;
}

.bx--toast-notification a:focus {
  outline: 1px solid var(--bx-link-inverse, #78a9ff);
}

.bx--toast-notification.bx--toast-notification--low-contrast a:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--toast-notification.bx--toast-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}
.bx--toast-notification--low-contrast {
  color: var(--bx-text-primary, #161616);
}

.bx--toast-notification--error {
  border-left: 3px solid var(--bx-support-error-inverse, #fa4d56);
  background: var(--bx-background-inverse, #393939);
}

.bx--toast-notification--error .bx--inline-notification__icon,
.bx--toast-notification--error .bx--toast-notification__icon,
.bx--toast-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error-inverse, #fa4d56);
}

.bx--toast-notification--low-contrast.bx--toast-notification--error {
  border-left: 3px solid var(--bx-support-error, #dd2d4a);
  background: var(--bx-notification-background-error, #fff1f1);
}

.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--toast-notification--success {
  border-left: 3px solid var(--bx-support-success-inverse, #42be65);
  background: var(--bx-background-inverse, #393939);
}

.bx--toast-notification--success .bx--inline-notification__icon,
.bx--toast-notification--success .bx--toast-notification__icon,
.bx--toast-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success-inverse, #42be65);
}

.bx--toast-notification--low-contrast.bx--toast-notification--success {
  border-left: 3px solid var(--bx-support-success, #079b6c);
  background: var(--bx-notification-background-success, #defbe6);
}

.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success, #079b6c);
}

.bx--toast-notification--info,
.bx--toast-notification--info-square {
  border-left: 3px solid var(--bx-support-info-inverse, #4589ff);
  background: var(--bx-background-inverse, #393939);
}

.bx--toast-notification--info .bx--inline-notification__icon,
.bx--toast-notification--info .bx--toast-notification__icon,
.bx--toast-notification--info .bx--actionable-notification__icon,
.bx--toast-notification--info-square .bx--inline-notification__icon,
.bx--toast-notification--info-square .bx--toast-notification__icon,
.bx--toast-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info-inverse, #4589ff);
}

.bx--toast-notification--low-contrast.bx--toast-notification--info,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square {
  border-left: 3px solid var(--bx-support-info, #0d4c8b);
  background: var(--bx-notification-background-info, #edf5ff);
}

.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info, #0d4c8b);
}

.bx--toast-notification--warning,
.bx--toast-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning-inverse, #f1c21b);
  background: var(--bx-background-inverse, #393939);
}

.bx--toast-notification--warning .bx--inline-notification__icon,
.bx--toast-notification--warning .bx--toast-notification__icon,
.bx--toast-notification--warning .bx--actionable-notification__icon,
.bx--toast-notification--warning-alt .bx--inline-notification__icon,
.bx--toast-notification--warning-alt .bx--toast-notification__icon,
.bx--toast-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning-inverse, #f1c21b);
}

.bx--toast-notification--low-contrast.bx--toast-notification--warning,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning, #fdd13a);
  background: var(--bx-notification-background-warning, #fdf6dd);
}

.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--toast-notification--warning .bx--toast-notification__icon path[opacity="0"] {
  fill: #000000;
  opacity: 1;
}

.bx--toast-notification__icon {
  flex-shrink: 0;
  margin-top: 1rem;
  margin-right: 1rem;
}

.bx--toast-notification__details {
  margin-right: 1rem;
}

.bx--toast-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  margin-left: auto;
  background-color: transparent;
  cursor: pointer;
  transition: outline 250ms, background-color 250ms;
}

.bx--toast-notification__close-button:focus {
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--toast-notification__close-button .bx--toast-notification__close-icon {
  fill: var(--bx-icon-inverse, #ffffff);
}

.bx--toast-notification--low-contrast .bx--toast-notification__close-button:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--toast-notification--low-contrast .bx--toast-notification__close-button:focus {
    outline-style: dotted;
  }
}
.bx--toast-notification--low-contrast .bx--toast-notification__close-button .bx--toast-notification__close-icon {
  fill: var(--bx-icon-primary, #161616);
}

.bx--toast-notification__title {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  margin-top: 1rem;
  font-weight: 600;
  word-break: break-word;
}

.bx--toast-notification__subtitle {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  margin-top: 0;
  margin-bottom: 1rem;
  color: var(--bx-text-inverse, #ffffff);
  word-break: break-word;
}

.bx--toast-notification--low-contrast .bx--toast-notification__subtitle {
  color: var(--bx-text-primary, #161616);
}

.bx--toast-notification__caption {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  padding-top: 0.5rem;
  margin-bottom: 1rem;
  color: var(--bx-text-inverse, #ffffff);
}

.bx--toast-notification--low-contrast .bx--toast-notification__caption {
  color: var(--bx-text-primary, #161616);
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toast-notification {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toast-notification__close-button:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toast-notification__close-icon {
    fill: ButtonText;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toast-notification__icon {
    fill: ButtonText;
  }
}
/* stylelint-enable */
.bx--actionable-notification {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 18rem;
  max-width: 18rem;
  height: auto;
  min-height: 3rem;
  flex-wrap: wrap;
  color: var(--bx-text-inverse, #ffffff);
}

.bx--actionable-notification html {
  font-size: 100%;
}

.bx--actionable-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--actionable-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--actionable-notification strong {
  font-weight: 600;
}

@media (min-width: 42rem) {
  .bx--actionable-notification {
    max-width: 38rem;
    flex-wrap: nowrap;
  }
}
@media (min-width: 66rem) {
  .bx--actionable-notification {
    max-width: 46rem;
  }
}
@media (min-width: 99rem) {
  .bx--actionable-notification {
    max-width: 52rem;
  }
}
.bx--actionable-notification--toast {
  min-width: 18rem;
  max-width: 18rem;
  flex-wrap: wrap;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) a {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--actionable-notification a {
  text-decoration: none;
}

.bx--actionable-notification a:hover {
  text-decoration: underline;
}

.bx--actionable-notification a:focus {
  outline: 1px solid var(--bx-focus-inverse, #ffffff);
}

.bx--actionable-notification.bx--actionable-notification--low-contrast a:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--actionable-notification.bx--actionable-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}
.bx--actionable-notification--low-contrast {
  color: var(--bx-text-primary, #161616);
}

.bx--actionable-notification--low-contrast:not(.bx--actionable-notification--toast)::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  content: "";
  filter: opacity(0.4);
  pointer-events: none;
}

.bx--actionable-notification--error {
  border-left: 3px solid var(--bx-support-error-inverse, #fa4d56);
  background: var(--bx-background-inverse, #393939);
}

.bx--actionable-notification--error .bx--inline-notification__icon,
.bx--actionable-notification--error .bx--toast-notification__icon,
.bx--actionable-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error-inverse, #fa4d56);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--error {
  border-left: 3px solid var(--bx-support-error, #dd2d4a);
  background: var(--bx-notification-background-error, #fff1f1);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--error .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--error .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--error::before {
  border-color: var(--bx-support-error, #dd2d4a);
}

.bx--actionable-notification--success {
  border-left: 3px solid var(--bx-support-success-inverse, #42be65);
  background: var(--bx-background-inverse, #393939);
}

.bx--actionable-notification--success .bx--inline-notification__icon,
.bx--actionable-notification--success .bx--toast-notification__icon,
.bx--actionable-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success-inverse, #42be65);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--success {
  border-left: 3px solid var(--bx-support-success, #079b6c);
  background: var(--bx-notification-background-success, #defbe6);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--success .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--success .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success, #079b6c);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--success::before {
  border-color: var(--bx-support-success, #079b6c);
}

.bx--actionable-notification--info,
.bx--actionable-notification--info-square {
  border-left: 3px solid var(--bx-support-info-inverse, #4589ff);
  background: var(--bx-background-inverse, #393939);
}

.bx--actionable-notification--info .bx--inline-notification__icon,
.bx--actionable-notification--info .bx--toast-notification__icon,
.bx--actionable-notification--info .bx--actionable-notification__icon,
.bx--actionable-notification--info-square .bx--inline-notification__icon,
.bx--actionable-notification--info-square .bx--toast-notification__icon,
.bx--actionable-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info-inverse, #4589ff);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--info,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square {
  border-left: 3px solid var(--bx-support-info, #0d4c8b);
  background: var(--bx-notification-background-info, #edf5ff);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--info .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info .bx--actionable-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info, #0d4c8b);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--info::before,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square::before {
  border-color: var(--bx-support-info, #0d4c8b);
}

.bx--actionable-notification--warning,
.bx--actionable-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning-inverse, #f1c21b);
  background: var(--bx-background-inverse, #393939);
}

.bx--actionable-notification--warning .bx--inline-notification__icon,
.bx--actionable-notification--warning .bx--toast-notification__icon,
.bx--actionable-notification--warning .bx--actionable-notification__icon,
.bx--actionable-notification--warning-alt .bx--inline-notification__icon,
.bx--actionable-notification--warning-alt .bx--toast-notification__icon,
.bx--actionable-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning-inverse, #f1c21b);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--warning,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning, #fdd13a);
  background: var(--bx-notification-background-warning, #fdf6dd);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--warning .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning .bx--actionable-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--warning::before,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt::before {
  border-color: var(--bx-support-warning, #fdd13a);
}

.bx--actionable-notification--warning .bx--toast-notification__icon path[opacity="0"] {
  fill: #000000;
  opacity: 1;
}

.bx--actionable-notification__details {
  display: flex;
  flex-grow: 1;
  margin: 0 3rem 0 0.8125rem;
}

@media (min-width: 42rem) {
  .bx--actionable-notification:not(.bx--actionable-notification--toast) .bx--actionable-notification__details {
    margin: 0 0.8125rem;
  }
}
.bx--actionable-notification .bx--inline-notification__icon {
  flex-shrink: 0;
  margin-top: 0.875rem;
  margin-right: 1rem;
}

.bx--actionable-notification .bx--toast-notification__icon {
  flex-shrink: 0;
  margin-top: 1rem;
  margin-right: 1rem;
}

.bx--actionable-notification__text-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 0;
}

.bx--actionable-notification--toast .bx--actionable-notification__text-wrapper {
  padding: 0.9375rem 0 1.4375rem 0;
}

.bx--actionable-notification__content {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.bx--actionable-notification--toast .bx--actionable-notification__content {
  display: block;
}

.bx--actionable-notification__title {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  margin-right: 0.25rem;
  font-weight: 600;
  word-break: break-word;
}

.bx--actionable-notification--toast .bx--actionable-notification__title {
  margin-right: 0;
}

.bx--actionable-notification__subtitle {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  margin-top: 0;
  color: var(--bx-text-inverse, #ffffff);
  word-break: break-word;
}

.bx--actionable-notification--low-contrast .bx--actionable-notification__subtitle {
  color: var(--bx-text-primary, #161616);
}

/* Ghost action button when inline */
.bx--actionable-notification__action-button.bx--btn--ghost {
  height: 2rem;
  margin-bottom: 0.5rem;
  margin-left: 2.5rem;
}

@media (min-width: 42rem) {
  .bx--actionable-notification__action-button.bx--btn--ghost {
    margin: 0.5rem 0;
  }
}
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--ghost {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--actionable-notification__action-button.bx--btn--ghost:active,
.bx--actionable-notification__action-button.bx--btn--ghost:hover {
  background-color: var(--bx-background-inverse-hover, #474747);
}

.bx--actionable-notification--low-contrast .bx--actionable-notification__action-button.bx--btn--ghost:active,
.bx--actionable-notification--low-contrast .bx--actionable-notification__action-button.bx--btn--ghost:hover {
  background-color: var(--bx-notification-action-hover, #ffffff);
}

.bx--actionable-notification__action-button.bx--btn--ghost:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--actionable-notification--low-contrast .bx--actionable-notification__action-button.bx--btn--ghost:focus {
  outline-color: var(--bx-focus, #0d4c8b);
}

.bx--actionable-notification--hide-close-button .bx--actionable-notification__action-button.bx--btn--ghost {
  margin-right: 0.5rem;
}

/* Tertiary action button when not inline (toast) */
.bx--actionable-notification__action-button.bx--btn--tertiary {
  padding: 0 1rem;
  margin-bottom: 1rem;
  margin-left: calc(2rem + 1.25rem - 0.125rem);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bx-notification-action-tertiary-inverse, #0f62fe);
  background-color: transparent;
  color: var(--bx-notification-action-tertiary-inverse, #0f62fe);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:hover {
  background-color: var(--bx-notification-action-tertiary-inverse-hover, #0050e6);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:active {
  background-color: var(--bx-notification-action-tertiary-inverse-active, #002d9c);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary .bx--btn__icon,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:hover {
  color: var(--bx-notification-action-tertiary-inverse-text, #ffffff);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:focus {
  border-color: var(--bx-focus-inverse, #ffffff);
  background-color: var(--bx-notification-action-tertiary-inverse, #0f62fe);
  box-shadow: inset 0 0 0 1px var(--bx-focus-inverse, #ffffff), inset 0 0 0 2px var(--bx-background-inverse, #393939);
  color: var(--bx-notification-action-tertiary-inverse-text, #ffffff);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:active {
  border-color: transparent;
  background-color: var(--bx-notification-action-tertiary-inverse-active, #002d9c);
  color: var(--bx-notification-action-tertiary-inverse-text, #ffffff);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:disabled,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:hover:disabled,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:focus:disabled,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary.bx--btn--disabled,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary.bx--btn--disabled:hover,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary.bx--btn--disabled:focus {
  background: transparent;
  color: var(--bx-notification-action-tertiary-inverse-text-on-color-disabled, #8d8d8d);
  outline: none;
}

.bx--actionable-notification--hide-close-button .bx--actionable-notification__action-button.bx--btn--tertiary {
  margin-right: 0.5rem;
}

.bx--actionable-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  height: 3rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--actionable-notification__close-button:focus {
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--actionable-notification__close-button .bx--actionable-notification__close-icon {
  fill: var(--bx-icon-inverse, #ffffff);
}

@media (min-width: 42rem) {
  .bx--actionable-notification__close-button {
    position: static;
  }
}
@media (min-width: 42rem) {
  .bx--actionable-notification--toast .bx--actionable-notification__close-button {
    position: absolute;
  }
}
.bx--actionable-notification--low-contrast .bx--actionable-notification__close-button:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--actionable-notification--low-contrast .bx--actionable-notification__close-button:focus {
    outline-style: dotted;
  }
}
.bx--actionable-notification--low-contrast .bx--actionable-notification__close-button .bx--actionable-notification__close-icon {
  fill: var(--bx-icon-primary, #161616);
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--actionable-notification {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--actionable-notification__close-button:focus,
.bx--btn.bx--btn--ghost.bx--actionable-notification__action-button:focus,
.bx--btn--ghost.bx--actionable-notification__action-button.action__button:focus,
.bx--btn--ghost.bx--actionable-notification__action-button.action.primary:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--actionable-notification .bx--inline-notification__icon,
.bx--actionable-notification .bx--toast-notification__icon {
    fill: ButtonText;
  }
}
/* stylelint-enable */
.bx--number {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.bx--number html {
  font-size: 100%;
}

.bx--number body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--number code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--number strong {
  font-weight: 600;
}

.bx--number input[type=number] {
  font-family: var(--bx-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--bx-code-01-font-size, 0.75rem);
  font-weight: var(--bx-code-01-font-weight, 400);
  line-height: var(--bx-code-01-line-height, 1.33333);
  letter-spacing: var(--bx-code-01-letter-spacing, 0.32px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: inline-flex;
  width: 100%;
  min-width: 9.375rem;
  height: 2.5rem;
  box-sizing: border-box;
  padding-right: 8rem;
  padding-left: 1rem;
  border: 0;
  border-bottom: 0.0625rem solid var(--bx-border-strong);
  -moz-appearance: textfield;
  background-color: var(--bx-field);
  border-radius: 0;
  color: var(--bx-text-primary, #161616);
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  font-weight: 300;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--number input[type=number]:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--number input[type=number]:focus {
    outline-style: dotted;
  }
}
.bx--number input[type=number]:disabled ~ .bx--number__controls {
  cursor: not-allowed;
  pointer-events: none;
}

.bx--number input[type=number]:disabled ~ .bx--number__controls svg {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--number input[type=number]::-ms-clear {
  display: none;
}

.bx--number input[type=number]::-webkit-inner-spin-button {
  appearance: none;
}

.bx--number--lg.bx--number input[type=number] {
  padding-right: 9rem;
}

.bx--number--sm.bx--number input[type=number] {
  padding-right: 7rem;
}

.bx--number input[type=number]:disabled {
  border-bottom-color: transparent;
  background-color: var(--bx-field);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--number__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.bx--number__controls {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  width: 5rem;
  height: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}

.bx--number__controls html {
  font-size: 100%;
}

.bx--number__controls body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--number__controls code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--number__controls strong {
  font-weight: 600;
}

.bx--number__control-btn {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  position: relative;
  display: inline-flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-bottom: 0.0625rem solid var(--bx-border-strong);
  color: var(--bx-icon-primary, #161616);
}

.bx--number__control-btn *,
.bx--number__control-btn *::before,
.bx--number__control-btn *::after {
  box-sizing: inherit;
}

.bx--number__control-btn::-moz-focus-inner {
  border: 0;
}

.bx--number__control-btn::before, .bx--number__control-btn::after {
  position: absolute;
  top: 0.125rem;
  display: block;
  width: 0.125rem;
  height: 2.25rem;
  background-color: var(--bx-field);
  content: "";
}

.bx--number__control-btn::before {
  left: 0;
}

.bx--number__control-btn::after {
  right: 0;
}

.bx--number__control-btn svg {
  fill: currentColor;
}

.bx--number__control-btn:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
  color: var(--bx-icon-primary, #161616);
  outline-offset: -2px;
  outline-width: 2px;
}

@media screen and (prefers-contrast) {
  .bx--number__control-btn:focus {
    outline-style: dotted;
  }
}
.bx--number__control-btn:hover {
  background-color: var(--bx-field-hover);
  color: var(--bx-icon-primary, #161616);
  cursor: pointer;
}

.bx--number__control-btn:hover::before, .bx--number__control-btn:hover::after {
  background-color: var(--bx-field-hover);
}

.bx--number__control-btn:focus::before, .bx--number__control-btn:focus::after, .bx--number__control-btn:hover:focus::before, .bx--number__control-btn:hover:focus::after {
  background-color: transparent;
}

.bx--number__control-btn:disabled {
  border-bottom-color: transparent;
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--number__control-btn.down-icon {
  order: 1;
}

.bx--number__control-btn.up-icon {
  order: 2;
}

.bx--number input[type=number]:focus ~ .bx--number__controls .bx--number__control-btn {
  border-bottom-width: 0;
}

.bx--number input[type=number]:focus ~ .bx--number__controls .bx--number__control-btn:hover {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  border: 0;
}

@media screen and (prefers-contrast) {
  .bx--number input[type=number]:focus ~ .bx--number__controls .bx--number__control-btn:hover {
    outline-style: dotted;
  }
}
.bx--number input[type=number][data-invalid] ~ .bx--number__controls .bx--number__control-btn {
  border-bottom-width: 0;
}

.bx--number input[type=number][data-invalid]:not(:focus) ~ .bx--number__controls .bx--number__control-btn:hover {
  outline: 2px solid var(--bx-support-error, #dd2d4a);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--number input[type=number][data-invalid]:not(:focus) ~ .bx--number__controls .bx--number__control-btn:hover {
    outline-style: dotted;
  }
}
.bx--number input[type=number]:focus ~ .bx--number__controls .bx--number__control-btn.up-icon::after {
  background-color: transparent;
}

.bx--number input[type=number][data-invalid] ~ .bx--number__controls .bx--number__control-btn.up-icon::after {
  background-color: var(--bx-support-error, #dd2d4a);
}

.bx--number input[type=number][data-invalid]:focus ~ .bx--number__controls .bx--number__control-btn.up-icon::after,
.bx--number input[type=number][data-invalid] ~ .bx--number__controls .bx--number__control-btn.up-icon:focus::after {
  background-color: var(--bx-focus, #0d4c8b);
}

.bx--number__rule-divider {
  position: absolute;
  z-index: 6000;
  width: 0.0625rem;
  height: 1rem;
  background-color: var(--bx-border-subtle);
}

.bx--number__rule-divider:first-of-type {
  order: 0;
}

.bx--number__controls .bx--number__rule-divider:first-of-type {
  left: 0;
  background-color: transparent;
}

.bx--number__invalid + .bx--number__controls .bx--number__rule-divider:first-of-type {
  background-color: var(--bx-border-subtle);
}

.bx--number--light .bx--number__rule-divider,
.bx--number--light .bx--number__invalid + .bx--number__controls .bx--number__rule-divider:first-of-type {
  background-color: var(--bx-border-subtle-02, #e0e0e0);
}

.bx--number input[type=number]:disabled + .bx--number__controls .bx--number__rule-divider:first-of-type {
  background-color: transparent;
}

.bx--number input[type=number]:disabled + .bx--number__controls .bx--number__rule-divider {
  background-color: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--number__control-btn:focus ~ .bx--number__rule-divider {
  background-color: transparent;
}

.bx--number__invalid {
  position: absolute;
  right: 6rem;
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--number--lg .bx--number__invalid {
  right: 7rem;
}

.bx--number--sm .bx--number__invalid {
  right: 5rem;
}

.bx--number__invalid + .bx--number__rule-divider {
  position: absolute;
  right: 5rem;
}

.bx--number--lg .bx--number__invalid + .bx--number__rule-divider {
  right: 6rem;
}

.bx--number--sm .bx--number__invalid + .bx--number__rule-divider {
  right: 4rem;
}

.bx--number__control-btn.down-icon:hover ~ .bx--number__rule-divider,
.bx--number__control-btn.up-icon:hover + .bx--number__rule-divider,
.bx--number__control-btn.down-icon:focus ~ .bx--number__rule-divider,
.bx--number__control-btn.up-icon:focus + .bx--number__rule-divider {
  background-color: transparent;
}

.bx--number__invalid--warning {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--number__invalid--warning path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.bx--number--light input[type=number] {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--number--light input[type=number]:disabled {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--number--light .bx--number__control-btn::before,
.bx--number--light .bx--number__control-btn::after {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--number--light .bx--number__control-btn:focus::before,
.bx--number--light .bx--number__control-btn:focus::after {
  background-color: transparent;
}

.bx--number--light .bx--number__control-btn:hover,
.bx--number--light .bx--number__control-btn:not(:focus):hover::before,
.bx--number--light .bx--number__control-btn:not(:focus):hover::after {
  background-color: var(--bx-layer-hover-02, #e8e8e8);
}

.bx--number--lg input[type=number] {
  height: 3rem;
}

.bx--number--lg .bx--number__controls {
  width: 6rem;
}

.bx--number--lg .bx--number__control-btn {
  width: 3rem;
}

.bx--number--lg .bx--number__control-btn::before, .bx--number--lg .bx--number__control-btn::after {
  height: 2.75rem;
}

.bx--number--sm input[type=number] {
  height: 2rem;
}

.bx--number--sm .bx--number__controls {
  width: 4rem;
}

.bx--number--sm .bx--number__control-btn {
  width: 2rem;
}

.bx--number--sm .bx--number__control-btn::before, .bx--number--sm .bx--number__control-btn::after {
  height: 1.75rem;
}

.bx--number--nolabel .bx--label + .bx--form__helper-text, .bx--number--nolabel .input__label + .bx--form__helper-text, .bx--number--nolabel .label + .bx--form__helper-text {
  margin-top: 0;
}

.bx--number--nosteppers input[type=number] {
  padding-right: 3rem;
}

.bx--number--nosteppers .bx--number__invalid {
  right: 1rem;
}

.bx--number--readonly input[type=number] {
  background: transparent;
}

.bx--number--readonly .bx--number__controls {
  display: none;
}

.bx--number__readonly-icon {
  position: absolute;
  right: 1rem;
}

.bx--number.bx--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 100%;
  height: 2.5rem;
}

.bx--number.bx--skeleton:hover, .bx--number.bx--skeleton:focus, .bx--number.bx--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--number.bx--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--number.bx--skeleton::before {
    animation: none;
  }
}
.bx--number.bx--skeleton input[type=number] {
  display: none;
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--number__control-btn:hover,
.bx--number__control-btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--number__control-btn {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--number__control-btn svg {
    fill: ButtonText;
  }
}
/* stylelint-enable */
.bx--overflow-menu,
.bx--overflow-menu__trigger {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--overflow-menu *,
.bx--overflow-menu *::before,
.bx--overflow-menu *::after,
.bx--overflow-menu__trigger *,
.bx--overflow-menu__trigger *::before,
.bx--overflow-menu__trigger *::after {
  box-sizing: inherit;
}

.bx--overflow-menu::-moz-focus-inner,
.bx--overflow-menu__trigger::-moz-focus-inner {
  border: 0;
}

.bx--overflow-menu html,
.bx--overflow-menu__trigger html {
  font-size: 100%;
}

.bx--overflow-menu body,
.bx--overflow-menu__trigger body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--overflow-menu code,
.bx--overflow-menu__trigger code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--overflow-menu strong,
.bx--overflow-menu__trigger strong {
  font-weight: 600;
}

.bx--overflow-menu:focus,
.bx--overflow-menu__trigger:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--overflow-menu:focus,
.bx--overflow-menu__trigger:focus {
    outline-style: dotted;
  }
}
.bx--overflow-menu:hover,
.bx--overflow-menu__trigger:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
}

.bx--overflow-menu--sm {
  width: 2rem;
  height: 2rem;
}

.bx--overflow-menu--lg {
  width: 3rem;
  height: 3rem;
}

.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
    outline-style: dotted;
  }
}
.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg {
  outline: none;
}

.bx--overflow-menu.bx--overflow-menu--open,
.bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  background-color: var(--bx-layer);
  transition: none;
}

.bx--overflow-menu--light.bx--overflow-menu--open,
.bx--overflow-menu--light.bx--overflow-menu--open .bx--overflow-menu__trigger {
  background-color: var(--bx-layer);
}

.bx--overflow-menu__icon {
  width: 1rem;
  height: 1rem;
  fill: var(--bx-icon-primary, #161616);
}

.bx--overflow-menu-options {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  position: absolute;
  z-index: 6000;
  top: 32px;
  left: 0;
  display: none;
  width: 10rem;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--bx-layer);
  list-style: none;
}

.bx--overflow-menu-options html {
  font-size: 100%;
}

.bx--overflow-menu-options body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--overflow-menu-options code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--overflow-menu-options strong {
  font-weight: 600;
}

.bx--overflow-menu-options::after {
  position: absolute;
  display: block;
  background-color: var(--bx-layer);
  content: "";
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--overflow-menu-options::after {
    transition: none;
  }
}
.bx--overflow-menu.bx--overflow-menu--open:hover {
  background-color: var(--bx-layer);
}

.bx--overflow-menu-options--light {
  background-color: var(--bx-layer);
}

.bx--overflow-menu-options--light::after {
  background-color: var(--bx-layer);
}

.bx--overflow-menu.bx--overflow-menu--light.bx--overflow-menu--open:hover {
  background-color: var(--bx-layer);
}

.bx--overflow-menu-options[data-floating-menu-direction=bottom]:not(.bx--breadcrumb-menu-options)::after {
  top: -0.1875rem;
  left: 0;
  width: 2.5rem;
  height: 0.1875rem;
}

.bx--overflow-menu-options[data-floating-menu-direction=top]::after {
  bottom: -0.5rem;
  left: 0;
  width: 2.5rem;
  height: 0.5rem;
}

.bx--overflow-menu-options[data-floating-menu-direction=left]::after {
  top: 0;
  right: -0.375rem;
  width: 0.375rem;
  height: 2.5rem;
}

.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
  top: 0;
  left: -0.375rem;
  width: 0.375rem;
  height: 2.5rem;
}

.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after, .bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=top]::after {
  width: 2rem;
}

.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=left]::after, .bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
  height: 2rem;
}

.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after, .bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=top]::after {
  width: 3rem;
}

.bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=left]::after, .bx--overflow-menu-options--lg.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
  height: 3rem;
}

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]::after,
.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  right: 0;
  left: auto;
}

.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]::after,
.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
  top: auto;
  bottom: 0;
}

.bx--overflow-menu-options--open {
  display: flex;
}

.bx--overflow-menu-options__content {
  width: 100%;
}

.bx--overflow-menu-options__option {
  display: flex;
  width: 100%;
  height: 2.5rem;
  align-items: center;
  padding: 0;
  background-color: transparent;
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--overflow-menu-options__option html {
  font-size: 100%;
}

.bx--overflow-menu-options__option body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--overflow-menu-options__option code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--overflow-menu-options__option strong {
  font-weight: 600;
}

.bx--overflow-menu-options--sm .bx--overflow-menu-options__option {
  height: 2rem;
}

.bx--overflow-menu-options--lg .bx--overflow-menu-options__option {
  height: 3rem;
}

.bx--overflow-menu--divider {
  border-top: 1px solid var(--bx-border-subtle);
}

.bx--overflow-menu--light .bx--overflow-menu--divider {
  border-top: 1px solid var(--bx-border-subtle);
}

a.bx--overflow-menu-options__btn::before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.bx--overflow-menu-options__btn {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: inline-flex;
  width: 100%;
  max-width: 11.25rem;
  height: 100%;
  align-items: center;
  padding: 0 1rem;
  border: none;
  background-color: transparent;
  color: var(--bx-text-secondary, #525252);
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
  text-align: left;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.bx--overflow-menu-options__btn:hover {
  color: var(--bx-text-primary, #161616);
}

.bx--overflow-menu-options__btn:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--overflow-menu-options__btn:focus {
    outline-style: dotted;
  }
}
.bx--overflow-menu-options__btn::-moz-focus-inner {
  border: none;
}

.bx--overflow-menu-options__btn svg {
  fill: var(--bx-icon-secondary, #525252);
}

.bx--overflow-menu-options__btn:hover svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--overflow-menu-options__option-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--overflow-menu-options__option:hover {
  background-color: var(--bx-layer-hover);
}

.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus {
  background-color: var(--bx-button-danger-primary, #da1e28);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg,
.bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg {
  fill: currentColor;
}

.bx--overflow-menu-options__option--disabled:hover {
  background-color: var(--bx-layer);
  cursor: not-allowed;
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  pointer-events: none;
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active, .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: var(--bx-layer);
}

.bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--overflow-menu--flip {
  left: -140px;
}

.bx--overflow-menu--flip::before {
  left: 145px;
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--overflow-menu:focus,
.bx--overflow-menu-options__btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--overflow-menu svg {
    fill: ButtonText;
  }
}
/*stylelint-enable */
.bx--select {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.bx--select *,
.bx--select *::before,
.bx--select *::after {
  box-sizing: inherit;
}

.bx--select-input__wrapper {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}

.bx--select-input {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: block;
  width: 100%;
  height: 2.5rem;
  padding: 0 3rem 0 1rem;
  border: none;
  border-bottom: 1px solid var(--bx-border-strong);
  appearance: none;
  background-color: var(--bx-field);
  border-radius: 0;
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
  font-family: inherit;
  opacity: 1;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--select-input:hover {
  background-color: var(--bx-field-hover);
}

.bx--select-input::-ms-expand {
  display: none;
}

@-moz-document url-prefix() {
  .bx--select-input:-moz-focusring, .bx--select-input::-moz-focus-inner {
    background-image: none;
    color: transparent;
    text-shadow: 0 0 0 #000000;
  }
}
.bx--select-input:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  color: var(--bx-text-primary, #161616);
}

@media screen and (prefers-contrast) {
  .bx--select-input:focus {
    outline-style: dotted;
  }
}
.bx--select-input:disabled, .bx--select-input:hover:disabled {
  border-bottom-color: transparent;
  background-color: var(--bx-field);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--select-input--sm {
  height: 2rem;
  max-height: 2rem;
}

.bx--select-input--lg {
  height: 3rem;
  max-height: 3rem;
}

.bx--select--disabled .bx--label, .bx--select--disabled .input__label, .bx--select--disabled .label,
.bx--select--disabled .bx--form__helper-text {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--select-input__wrapper[data-invalid] .bx--select-input,
.bx--select--warning .bx--select-input {
  padding-right: 4rem;
}

.bx--select-input:disabled ~ .bx--select__arrow {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--select--light .bx--select-input {
  background-color: var(--bx-field);
}

.bx--select--light .bx--select-input:hover {
  background-color: var(--bx-field-hover);
}

.bx--select--light .bx--select-input:disabled, .bx--select--light .bx--select-input:hover:disabled {
  background-color: var(--bx-field);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--select__arrow {
  position: absolute;
  top: 0;
  right: 1rem;
  height: 100%;
  fill: var(--bx-icon-primary, #161616);
  pointer-events: none;
}

@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .bx--select__arrow path {
    fill: ButtonText;
  }
}
.bx--select__invalid-icon {
  position: absolute;
  right: 2.5rem;
}

.bx--select-input__wrapper[data-invalid] .bx--select-input ~ .bx--select__invalid-icon {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--select__invalid-icon--warning {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--select__invalid-icon--warning path[fill] {
  fill: var(--bx-icon-primary, #161616);
  opacity: 1;
}

optgroup.bx--select-optgroup,
.bx--select-option {
  background-color: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

optgroup.bx--select-optgroup:disabled,
.bx--select-option:disabled {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--select--inline {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bx--select--inline.bx--select--invalid .bx--label, .bx--select--inline.bx--select--invalid .input__label, .bx--select--inline.bx--select--invalid .label,
.bx--select--inline.bx--select--invalid .bx--form__helper-text {
  align-self: flex-start;
  margin-top: 0.8125rem;
}

.bx--select--inline .bx--form__helper-text {
  margin-bottom: 0;
  margin-left: 0.5rem;
}

.bx--select--inline .bx--label, .bx--select--inline .input__label, .bx--select--inline .label {
  margin: 0 0.5rem 0 0;
  white-space: nowrap;
}

.bx--select--inline .bx--select-input {
  width: auto;
  padding-right: 2rem;
  padding-left: 0.5rem;
  border-bottom: none;
  background-color: transparent;
  color: var(--bx-text-primary, #161616);
}

.bx--select--inline .bx--select-input:focus,
.bx--select--inline .bx--select-input:focus option,
.bx--select--inline .bx--select-input:focus optgroup {
  background-color: var(--bx-background, #ffffff);
}

.bx--select--inline .bx--select-input[disabled],
.bx--select--inline .bx--select-input[disabled]:hover {
  background-color: var(--bx-field);
}

.bx--select--inline .bx--select__arrow {
  right: 0.5rem;
}

.bx--select--inline.bx--select--invalid .bx--select-input {
  padding-right: 3.5rem;
}

.bx--select--inline.bx--select--invalid .bx--select-input ~ .bx--select__invalid-icon {
  right: 2rem;
}

.bx--select--inline .bx--select-input:disabled {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--select--inline .bx--select-input:disabled ~ * {
  cursor: not-allowed;
}

.bx--select.bx--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 100%;
  height: 2.5rem;
}

.bx--select.bx--skeleton:hover, .bx--select.bx--skeleton:focus, .bx--select.bx--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--select.bx--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--select.bx--skeleton::before {
    animation: none;
  }
}
.bx--select.bx--skeleton .bx--select-input {
  display: none;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--select__arrow {
    fill: ButtonText;
  }
}
.bx--data-table-container + .bx--pagination {
  border-top: 0;
}

.bx--pagination {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  width: calc(100% - 1px);
  min-height: 2.5rem;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--bx-border-subtle);
  background-color: var(--bx-layer);
  overflow-x: auto;
}

.bx--pagination *,
.bx--pagination *::before,
.bx--pagination *::after {
  box-sizing: inherit;
}

@media (min-width: 42rem) {
  .bx--pagination {
    overflow: initial;
  }
  .bx--pagination .bx--pagination__control-buttons {
    display: flex;
  }
}
@media (max-width: 41.98rem) {
  .bx--pagination .bx--pagination__left > *,
.bx--pagination .bx--pagination__right > * {
    display: none;
  }
  .bx--pagination .bx--pagination__items-count {
    display: initial;
  }
  .bx--pagination .bx--pagination__control-buttons {
    display: flex;
  }
}
.bx--pagination--sm {
  min-height: 2rem;
}

.bx--pagination--lg {
  min-height: 3rem;
}

.bx--pagination .bx--select {
  height: 100%;
  align-items: center;
}

.bx--pagination .bx--select-input--inline__wrapper {
  display: flex;
  height: 100%;
}

.bx--pagination .bx--select-input {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  width: auto;
  min-width: auto;
  height: 100%;
  line-height: 2.5rem;
}

.bx--pagination .bx--select--inline .bx--select-input {
  padding: 0 2.25rem 0 1rem;
}

.bx--pagination--sm .bx--select-input {
  line-height: 2rem;
}

.bx--pagination--lg .bx--select-input {
  line-height: 3rem;
}

.bx--pagination .bx--select-input:hover {
  background: var(--bx-layer-hover);
}

.bx--pagination .bx--select--inline .bx--select-input:focus,
.bx--pagination .bx--select--inline .bx--select-input:focus option,
.bx--pagination .bx--select--inline .bx--select-input:focus optgroup {
  background-color: var(--bx-layer);
}

.bx--pagination .bx--select__arrow {
  top: 50%;
  transform: translate(-0.5rem, -50%);
}

.bx--pagination .bx--select__item-count .bx--select-input {
  border-right: 1px solid var(--bx-border-subtle);
}

.bx--pagination .bx--select__page-number .bx--select-input {
  border-left: 1px solid var(--bx-border-subtle);
}

.bx--pagination__left,
.bx--pagination__right {
  display: flex;
  height: 100%;
  align-items: center;
}

.bx--pagination__left > .bx--form-item, .bx--pagination__left > .input, .bx--pagination__left > .checkbox,
.bx--pagination__right > .bx--form-item,
.bx--pagination__right > .input,
.bx--pagination__right > .checkbox {
  height: 100%;
}

.bx--pagination__left .bx--pagination__text,
.bx--pagination__right .bx--pagination__text {
  white-space: nowrap;
}

.bx--pagination__left .bx--pagination__text {
  margin-right: 0.0625rem;
}

.bx--pagination__right .bx--pagination__text {
  margin-right: 1rem;
  margin-left: 0.0625rem;
}

.bx--pagination__left {
  padding: 0 1rem 0 0;
}

@media (min-width: 42rem) {
  .bx--pagination__left {
    padding: 0 1rem;
  }
}
@media (min-width: 42rem) {
  .bx--pagination__text {
    display: inline-block;
  }
}
span.bx--pagination__text {
  margin-left: 1rem;
  color: var(--bx-text-primary, #161616);
}

span.bx--pagination__text.bx--pagination__items-count {
  color: var(--bx-text-secondary, #525252);
}

.bx--pagination__button,
.bx--btn--ghost.bx--pagination__button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border: none;
  border-left: 1px solid var(--bx-border-subtle);
  margin: 0;
  background: none;
  cursor: pointer;
  fill: var(--bx-icon-primary, #161616);
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--pagination__button *,
.bx--pagination__button *::before,
.bx--pagination__button *::after,
.bx--btn--ghost.bx--pagination__button *,
.bx--btn--ghost.bx--pagination__button *::before,
.bx--btn--ghost.bx--pagination__button *::after {
  box-sizing: inherit;
}

.bx--pagination--sm .bx--pagination__button,
.bx--pagination--sm .bx--btn--ghost.bx--pagination__button {
  width: 2rem;
  height: 2rem;
}

.bx--pagination--lg .bx--pagination__button,
.bx--pagination--lg .bx--btn--ghost.bx--pagination__button {
  width: 3rem;
  height: 3rem;
}

.bx--pagination__button:focus,
.bx--btn--ghost:focus.bx--pagination__button {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  border-left: 0;
}

@media screen and (prefers-contrast) {
  .bx--pagination__button:focus,
.bx--btn--ghost:focus.bx--pagination__button {
    outline-style: dotted;
  }
}
.bx--pagination__button:hover,
.bx--btn--ghost:hover.bx--pagination__button {
  background: var(--bx-layer-hover);
}

.bx--pagination__button--no-index,
.bx--btn--ghost.bx--pagination__button--no-index {
  cursor: not-allowed;
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--pagination__button:disabled:hover,
.bx--pagination__button--no-index:hover,
.bx--btn--ghost:disabled:hover.bx--pagination__button,
.bx--btn--ghost:hover.bx--pagination__button--no-index {
  border-color: var(--bx-border-subtle);
  background: var(--bx-layer);
  cursor: not-allowed;
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--pagination.bx--skeleton .bx--skeleton__text {
  margin-right: 1rem;
  margin-bottom: 0;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--pagination__button,
.bx--btn--ghost.bx--pagination__button {
    outline: 1px solid transparent;
  }
}
.bx--unstable-pagination {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  width: 100%;
  min-height: 2.5rem;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--bx-border-subtle);
  border-bottom: 1px solid transparent;
  background-color: var(--bx-layer);
}

.bx--unstable-pagination *,
.bx--unstable-pagination *::before,
.bx--unstable-pagination *::after {
  box-sizing: inherit;
}

.bx--unstable-pagination__text {
  margin: 0 1rem;
  color: var(--bx-text-secondary, #525252);
}

@media (min-width: 42rem) {
  .bx--unstable-pagination__text {
    display: inline-block;
  }
}
.bx--unstable-pagination__left,
.bx--unstable-pagination__right {
  display: flex;
  height: 100%;
  align-items: center;
}

.bx--unstable-pagination__left {
  padding: 0 1rem 0 0;
}

.bx--unstable-pagination__left > .bx--form-item, .bx--unstable-pagination__left > .input, .bx--unstable-pagination__left > .checkbox,
.bx--unstable-pagination__right > .bx--form-item,
.bx--unstable-pagination__right > .input,
.bx--unstable-pagination__right > .checkbox {
  height: 100%;
}

.bx--unstable-pagination__left .bx--unstable-pagination__text {
  margin-right: 0.0625rem;
}

.bx--unstable-pagination__right .bx--unstable-pagination__text {
  margin-right: 1rem;
  margin-left: 0.0625rem;
}

.bx--unstable-pagination__button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border: none;
  border-left: 1px solid var(--bx-border-subtle);
  margin: 0;
  background: none;
  color: var(--bx-icon-primary, #161616);
  cursor: pointer;
  fill: var(--bx-icon-primary, #161616);
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--unstable-pagination__button *,
.bx--unstable-pagination__button *::before,
.bx--unstable-pagination__button *::after {
  box-sizing: inherit;
}

.bx--unstable-pagination__button .bx--btn__icon {
  width: initial;
  height: initial;
}

.bx--unstable-pagination__button.bx--btn--icon-only.bx--tooltip__trigger:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--unstable-pagination__button.bx--btn--icon-only.bx--tooltip__trigger:focus {
    outline-style: dotted;
  }
}
.bx--unstable-pagination__button:hover {
  background: var(--bx-layer-hover);
  color: var(--bx-icon-primary, #161616);
}

.bx--unstable-pagination__button--no-index {
  cursor: not-allowed;
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--unstable-pagination__button.bx--btn:disabled, .bx--unstable-pagination__button.action__button:disabled,
.bx--unstable-pagination__button.action.primary:disabled {
  border-color: var(--bx-border-subtle);
  background: transparent;
}

.bx--unstable-pagination__button:disabled:hover,
.bx--unstable-pagination__button--no-index:hover {
  background: transparent;
  cursor: not-allowed;
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--unstable-pagination__page-selector,
.bx--unstable-pagination__page-sizer {
  height: 100%;
  align-items: center;
}

.bx--unstable-pagination__page-selector .bx--select-input--inline__wrapper,
.bx--unstable-pagination__page-sizer .bx--select-input--inline__wrapper {
  display: flex;
  height: 100%;
}

.bx--unstable-pagination__page-selector .bx--select-input,
.bx--unstable-pagination__page-sizer .bx--select-input {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  width: auto;
  min-width: auto;
  height: 100%;
  padding: 0 2.25rem 0 1rem;
  line-height: 2.5rem;
}

.bx--unstable-pagination__page-selector .bx--select-input:hover,
.bx--unstable-pagination__page-sizer .bx--select-input:hover {
  background: var(--bx-layer-hover);
}

.bx--unstable-pagination__page-selector .bx--select__arrow,
.bx--unstable-pagination__page-sizer .bx--select__arrow {
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 42rem) {
  .bx--unstable-pagination__page-selector .bx--select__arrow,
.bx--unstable-pagination__page-sizer .bx--select__arrow {
    right: 1rem;
  }
}
.bx--unstable-pagination__page-selector {
  border-left: 1px solid var(--bx-border-subtle);
}

.bx--unstable-pagination__page-sizer {
  border-right: 1px solid var(--bx-border-subtle);
}

.bx--pagination-nav {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  line-height: 0;
}

.bx--pagination-nav html {
  font-size: 100%;
}

.bx--pagination-nav body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--pagination-nav code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--pagination-nav strong {
  font-weight: 600;
}

.bx--pagination-nav__list {
  display: flex;
  align-items: center;
  list-style: none;
}

.bx--pagination-nav__list-item {
  padding: 0;
}

.bx--pagination-nav__list-item:first-child {
  padding-left: 0;
}

.bx--pagination-nav__list-item:last-child {
  padding-right: 0;
}

.bx--pagination-nav__page {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  position: relative;
  display: block;
  min-width: 3rem;
  padding: 1.0625rem 0.25rem;
  border-radius: 0;
  color: var(--bx-text-primary, #161616);
  font-weight: 400;
  line-height: 1;
  outline: 0;
  text-align: center;
  text-decoration: none;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  user-select: none;
}

.bx--pagination-nav__page *,
.bx--pagination-nav__page *::before,
.bx--pagination-nav__page *::after {
  box-sizing: inherit;
}

.bx--pagination-nav__page::-moz-focus-inner {
  border: 0;
}

.bx--pagination-nav__page:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--bx-text-primary, #161616);
}

.bx--pagination-nav__page:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--pagination-nav__page:focus {
    outline-style: dotted;
  }
}
.bx--pagination-nav__page:disabled, .bx--pagination-nav__page.bx--pagination-nav__page--disabled {
  background: none;
  color: rgba(var(--bx-text-secondary, #525252), 0.5);
  outline: none;
  pointer-events: none;
}

.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0.25rem;
  background-color: var(--bx-border-interactive, #0d4c8b);
  content: "";
  opacity: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after {
    transition: none;
  }
}
.bx--pagination-nav__page--active + .bx--pagination-nav__page::after, .bx--pagination-nav__page.bx--pagination-nav__page--active::after {
  left: calc(50% - 0.5rem);
  width: 1rem;
  opacity: 1;
}

.bx--pagination-nav__page.bx--pagination-nav__page--active {
  background-color: initial;
  color: var(--bx-text-primary, #161616);
  font-weight: 600;
}

.bx--pagination-nav__page .bx--pagination-nav__icon {
  fill: currentColor;
  pointer-events: none;
}

.bx--pagination-nav__page--direction {
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.bx--pagination-nav__select {
  position: relative;
}

.bx--pagination-nav__page--select {
  max-height: 3rem;
  appearance: none;
  text-indent: calc(50% - 4.5px);
}

@-moz-document url-prefix() {
  .bx--pagination-nav__page--select {
    text-indent: 0;
  }
}
.bx--pagination-nav__select-icon-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0.25rem;
  background-color: var(--bx-border-interactive, #0d4c8b);
  content: "";
  opacity: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after {
    transition: none;
  }
}
.bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper::after, .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after {
  left: calc(50% - 0.5rem);
  width: 1rem;
  opacity: 1;
}

.bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon {
  display: none;
}

.bx--pagination-nav__select-icon {
  position: absolute;
  top: calc(50% - 0.5rem);
  left: calc(50% - 0.5rem);
  pointer-events: none;
}

.bx--pagination-nav__accessibility-label {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--popover-container {
  position: relative;
  display: inline-block;
}

.bx--popover--high-contrast .bx--popover {
  --bx-popover-background-color:var(--bx-background-inverse, #393939);
  --bx-popover-text-color:var(--bx-text-inverse, #ffffff);
}

.bx--popover--drop-shadow .bx--popover {
  --bx-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
}

.bx--popover--caret {
  --bx-popover-offset:0.625rem;
}

.bx--popover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: var(--bx-popover-drop-shadow, none);
  pointer-events: none;
}

.bx--popover-content {
  position: absolute;
  z-index: 6000;
  display: none;
  width: max-content;
  max-width: 23rem;
  background-color: var(--bx-popover-background-color, var(--bx-layer));
  border-radius: var(--bx-popover-border-radius, 2px);
  color: var(--bx-popover-text-color, var(--bx-text-primary, #161616));
  pointer-events: auto;
}

.bx--popover--open .bx--popover-content {
  display: block;
}

.bx--popover-content::before {
  position: absolute;
  display: none;
  content: "";
}

.bx--popover--open .bx--popover-content::before {
  display: block;
}

.bx--popover-caret {
  position: absolute;
  z-index: 6000;
  display: none;
  background-color: var(--bx-popover-background-color, var(--bx-layer));
  will-change: transform;
}

.bx--popover--open.bx--popover--caret .bx--popover-caret {
  display: block;
}

.bx--popover--bottom .bx--popover-content {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + var(--bx-popover-offset, 0rem)));
}

.bx--popover--bottom-left .bx--popover-content {
  bottom: 0;
  left: 0;
  transform: translate(calc(-1 * var(--bx-popover-offset, 0rem)), calc(100% + var(--bx-popover-offset, 0rem)));
}

.bx--popover--bottom-right .bx--popover-content {
  right: 0;
  bottom: 0;
  transform: translate(var(--bx-popover-offset, 0rem), calc(100% + var(--bx-popover-offset, 0rem)));
}

.bx--popover--bottom .bx--popover-content::before,
.bx--popover--bottom-left .bx--popover-content::before,
.bx--popover--bottom-right .bx--popover-content::before {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bx-popover-offset, 0rem);
  transform: translateY(-100%);
}

.bx--popover--bottom .bx--popover-caret,
.bx--popover--bottom-left .bx--popover-caret,
.bx--popover--bottom-right .bx--popover-caret {
  bottom: 0;
  left: 50%;
  width: var(--bx-popover-caret-width, 0.75rem);
  height: var(--bx-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  transform: translate(-50%, var(--bx-popover-offset, 0rem));
}

.bx--popover--top .bx--popover-content {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - var(--bx-popover-offset, 0rem)));
}

.bx--popover--top-left .bx--popover-content {
  top: 0;
  left: 0;
  transform: translate(calc(-1 * var(--bx-popover-offset, 0rem)), calc(-100% - var(--bx-popover-offset, 0rem)));
}

.bx--popover--top-right .bx--popover-content {
  top: 0;
  right: 0;
  transform: translate(var(--bx-popover-offset, 0rem), calc(-100% - var(--bx-popover-offset, 0rem)));
}

.bx--popover--top .bx--popover-content::before,
.bx--popover--top-left .bx--popover-content::before,
.bx--popover--top-right .bx--popover-content::before {
  right: 0;
  bottom: 0;
  left: 0;
  height: var(--bx-popover-offset, 0rem);
  transform: translateY(100%);
}

.bx--popover--top .bx--popover-caret,
.bx--popover--top-left .bx--popover-caret,
.bx--popover--top-right .bx--popover-caret {
  top: 0;
  left: 50%;
  width: var(--bx-popover-caret-width, 0.75rem);
  height: var(--bx-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  transform: translate(-50%, calc(-1 * var(--bx-popover-offset, 0rem)));
}

.bx--popover--right .bx--popover-content {
  top: 50%;
  left: 100%;
  transform: translate(var(--bx-popover-offset, 0rem), -50%);
}

.bx--popover--right-top .bx--popover-content {
  top: 50%;
  left: 100%;
  transform: translate(var(--bx-popover-offset, 0rem), calc(0.5 * var(--bx-popover-offset, 0rem) * -1 - 16px));
}

.bx--popover--right-bottom .bx--popover-content {
  bottom: 50%;
  left: 100%;
  transform: translate(var(--bx-popover-offset, 0rem), calc(0.5 * var(--bx-popover-offset, 0rem) + 16px));
}

.bx--popover--right .bx--popover-content::before,
.bx--popover--right-top .bx--popover-content::before,
.bx--popover--right-bottom .bx--popover-content::before {
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--bx-popover-offset, 0rem);
  transform: translateX(-100%);
}

.bx--popover--right .bx--popover-caret,
.bx--popover--right-top .bx--popover-caret,
.bx--popover--right-bottom .bx--popover-caret {
  top: 50%;
  left: 100%;
  width: var(--bx-popover-caret-height, 0.375rem);
  height: var(--bx-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  transform: translate(calc(var(--bx-popover-offset, 0rem) - 100%), -50%);
}

.bx--popover--left .bx--popover-content {
  top: 50%;
  right: 100%;
  transform: translate(calc(-1 * var(--bx-popover-offset, 0rem) + 0.1px), -50%);
}

.bx--popover--left-top .bx--popover-content {
  top: -50%;
  right: 100%;
  transform: translate(calc(-1 * var(--bx-popover-offset, 0rem)), calc(-0.5 * var(--bx-popover-offset, 0rem) + 16px));
}

.bx--popover--left-bottom .bx--popover-content {
  right: 100%;
  bottom: -50%;
  transform: translate(calc(-1 * var(--bx-popover-offset, 0rem)), calc(0.5 * var(--bx-popover-offset, 0rem) - 16px));
}

.bx--popover--left .bx--popover-content::before,
.bx--popover--left-top .bx--popover-content::before,
.bx--popover--left-bottom .bx--popover-content::before {
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--bx-popover-offset, 0rem);
  transform: translateX(100%);
}

.bx--popover--left .bx--popover-caret,
.bx--popover--left-top .bx--popover-caret,
.bx--popover--left-bottom .bx--popover-caret {
  top: 50%;
  right: 100%;
  width: var(--bx-popover-caret-height, 0.375rem);
  height: var(--bx-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  transform: translate(calc(-1 * var(--bx-popover-offset, 0rem) + 100%), -50%);
}

.bx--progress-bar__label {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  min-width: 3rem;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  color: var(--bx-text-primary, #161616);
}

.bx--progress-bar__label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bx--progress-bar__track {
  position: relative;
  width: 100%;
  min-width: 3rem;
  height: 0.5rem;
  background-color: var(--bx-layer);
}

.bx--progress-bar--big .bx--progress-bar__track {
  height: 0.5rem;
}

.bx--progress-bar--small .bx--progress-bar__track {
  height: 0.25rem;
}

.bx--progress-bar__bar {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  color: var(--bx-interactive, #0d4c8b);
  transform: scaleX(0);
  transform-origin: 0 center /*rtl:100% center*/;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--progress-bar--indeterminate .bx--progress-bar__track::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-duration: 1400ms;
  animation-iteration-count: infinite;
  animation-name: progress-bar-indeterminate;
  animation-timing-function: linear;
  background-image: linear-gradient(90deg, var(--bx-interactive, #0d4c8b) 12.5%, transparent 12.5%);
  background-position-x: 0%;
  background-size: 200% 100%;
  content: "";
}

.bx--progress-bar__helper-text {
  font-size: var(--bx-helper-text-01-font-size, 0.75rem);
  line-height: var(--bx-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--bx-helper-text-01-letter-spacing, 0.32px);
  margin-top: 0.5rem;
  color: var(--bx-text-secondary, #525252);
}

.bx--progress-bar__status-icon {
  flex-shrink: 0;
  margin-left: 1rem;
}

.bx--progress-bar--finished .bx--progress-bar__bar,
.bx--progress-bar--finished .bx--progress-bar__status-icon {
  color: var(--bx-support-success, #079b6c);
}

.bx--progress-bar--error .bx--progress-bar__bar,
.bx--progress-bar--error .bx--progress-bar__status-icon,
.bx--progress-bar--error .bx--progress-bar__helper-text {
  color: var(--bx-support-error, #dd2d4a);
}

.bx--progress-bar--finished .bx--progress-bar__bar,
.bx--progress-bar--error .bx--progress-bar__bar {
  transform: scaleX(1);
}

.bx--progress-bar--finished.bx--progress-bar--inline .bx--progress-bar__track,
.bx--progress-bar--error.bx--progress-bar--inline .bx--progress-bar__track {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--progress-bar--finished.bx--progress-bar--inline .bx--progress-bar__label,
.bx--progress-bar--error.bx--progress-bar--inline .bx--progress-bar__label {
  flex-shrink: 1;
  justify-content: flex-start;
  margin-right: 0;
}

@keyframes progress-bar-indeterminate {
  0% {
    background-position-x: 25%;
  }
  80%, 100% {
    background-position-x: -105%;
  }
}
.bx--progress-bar--inline {
  display: flex;
  align-items: center;
}

.bx--progress-bar--inline .bx--progress-bar__label {
  flex-shrink: 0;
  margin-bottom: 0;
  margin-inline-end: 1rem;
}

.bx--progress-bar--inline .bx--progress-bar__track {
  flex-basis: 0;
  flex-grow: 1;
}

.bx--progress-bar--inline .bx--progress-bar__helper-text {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--progress-bar--indented .bx--progress-bar__label,
.bx--progress-bar--indented .bx--progress-bar__helper-text {
  padding-inline: 1rem;
}

.bx--tooltip {
  --bx-popover-offset:12px;
}

.bx--tooltip-content {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  max-width: 18rem;
  padding: var(--bx-tooltip-padding-block, 1rem) var(--bx-tooltip-padding-inline, 1rem);
  color: var(--bx-text-inverse, #ffffff);
}

.bx--icon-tooltip {
  --bx-tooltip-padding-block:0.125rem;
  --bx-popover-caret-width:0.5rem;
  --bx-popover-caret-height:0.25rem;
  --bx-popover-offset:0.5rem;
}

.bx--icon-tooltip .bx--tooltip-content {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
}

.bx--definition-term {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  border-bottom: 1px dotted var(--bx-border-strong);
  border-radius: 0;
  color: var(--bx-text-primary, #161616);
}

.bx--definition-term *,
.bx--definition-term *::before,
.bx--definition-term *::after {
  box-sizing: inherit;
}

.bx--definition-term::-moz-focus-inner {
  border: 0;
}

.bx--definition-term:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
  border-bottom-color: var(--bx-border-interactive, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--definition-term:focus {
    outline-style: dotted;
  }
}
.bx--definition-term:hover {
  border-bottom-color: var(--bx-border-interactive, #0d4c8b);
}

.bx--definition-tooltip {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  max-width: 11rem;
  padding: 0.5rem 1rem;
}

.bx--progress {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  list-style: none;
}

.bx--progress *,
.bx--progress *::before,
.bx--progress *::after {
  box-sizing: inherit;
}

.bx--progress-step {
  position: relative;
  display: inline-flex;
  overflow: visible;
  width: 8rem;
  min-width: 7rem;
  flex-direction: row;
}

.bx--progress-step .bx--tooltip__label {
  display: block;
}

.bx--progress--space-equal .bx--progress-step {
  min-width: 8rem;
  flex-grow: 1;
}

.bx--progress-line {
  position: absolute;
  left: 0;
  width: 8rem;
  height: 2px;
  border: 1px inset transparent;
}

.bx--progress--space-equal .bx--progress-line {
  width: 100%;
  min-width: 8rem;
}

.bx--progress-step svg {
  position: relative;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin: 0.625rem 0.5rem 0 0;
  border-radius: 50%;
  fill: var(--bx-interactive, #0d4c8b);
}

.bx--progress-label {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  max-width: 5.5rem;
  margin: 0.5rem 0 0 0;
  color: var(--bx-text-primary, #161616);
  line-height: 1.45;
  text-overflow: ellipsis;
  transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}

.bx--progress-label::before {
  display: block;
  content: "";
}

.bx--progress-label:hover {
  box-shadow: 0 0.0625rem var(--bx-link-primary-hover, #0043ce);
  color: var(--bx-link-primary-hover, #0043ce);
  cursor: pointer;
}

.bx--progress-label:focus {
  box-shadow: 0 0.1875rem 0 0 var(--bx-link-primary, #0090FF);
  color: var(--bx-link-primary, #0090FF);
  outline: none;
}

.bx--progress--space-equal .bx--progress-label {
  max-width: 100%;
  margin-right: 0.75rem;
}

.bx--progress-step-button:not(.bx--progress-step-button--unclickable) .bx--progress-label:active {
  box-shadow: 0 0.1875rem 0 0 var(--bx-text-primary, #161616);
  color: var(--bx-text-primary, #161616);
}

.bx--progress-label-overflow:hover ~ .bx--tooltip,
.bx--progress-label-overflow:focus ~ .bx--tooltip {
  visibility: inherit;
}

.bx--progress-step .bx--tooltip .bx--tooltip__caret {
  margin-left: 0.625rem;
}

.bx--tooltip__text {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

.bx--progress-step .bx--tooltip {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  display: block;
  width: 7.8125rem;
  min-width: 7.1875rem;
  min-height: 1.5rem;
  padding: 0.5rem 1rem;
  margin-top: 2.5rem;
  margin-left: 1.375rem;
  color: var(--bx-text-inverse, #ffffff);
  visibility: hidden;
}

.bx--progress-step .bx--tooltip_multi {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  width: 9.375rem;
  height: auto;
  color: var(--bx-text-inverse, #ffffff);
}

.bx--progress-optional {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  position: absolute;
  left: 0;
  margin-top: 1.75rem;
  margin-left: 1.5rem;
  color: var(--bx-text-secondary, #525252);
  text-align: start;
}

.bx--progress-step--current .bx--progress-line {
  background-color: var(--bx-interactive, #0d4c8b);
}

.bx--progress-step--incomplete svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--progress-step--incomplete .bx--progress-line {
  background-color: var(--bx-border-subtle);
}

.bx--progress-step--complete .bx--progress-line {
  background-color: var(--bx-interactive, #0d4c8b);
}

.bx--progress-step-button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  display: flex;
  text-align: left;
}

.bx--progress-step-button *,
.bx--progress-step-button *::before,
.bx--progress-step-button *::after {
  box-sizing: inherit;
}

.bx--progress-step-button::-moz-focus-inner {
  border: 0;
}

.bx--progress-step-button--unclickable {
  cursor: default;
  outline: none;
}

.bx--progress-step-button--unclickable .bx--progress-label:hover {
  box-shadow: none;
  color: var(--bx-text-primary, #161616);
  cursor: default;
}

.bx--progress-step-button--unclickable .bx--tooltip__label:hover {
  box-shadow: 0 0.0625rem var(--bx-link-primary, #0090FF);
  color: var(--bx-link-primary, #0090FF);
  cursor: pointer;
}

.bx--progress-step--disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.bx--progress-step--disabled svg {
  cursor: not-allowed;
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--progress-step--disabled .bx--progress-label,
.bx--progress-step--disabled .bx--progress-label:hover {
  box-shadow: none;
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--progress-step--disabled .bx--progress-label:focus,
.bx--progress-step--disabled .bx--progress-label:active {
  box-shadow: none;
  outline: none;
}

.bx--progress-step--disabled .bx--progress-line {
  cursor: not-allowed;
}

.bx--progress-step--disabled .bx--progress-label-overflow:hover ~ .bx--tooltip--definition .bx--tooltip--definition__bottom {
  display: none;
}

.bx--progress__warning > * {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--progress.bx--skeleton .bx--progress-label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 2.5rem;
  height: 0.875rem;
  margin-top: 0.625rem;
}

.bx--progress.bx--skeleton .bx--progress-label:hover, .bx--progress.bx--skeleton .bx--progress-label:focus, .bx--progress.bx--skeleton .bx--progress-label:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--progress.bx--skeleton .bx--progress-label::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--progress.bx--skeleton .bx--progress-label::before {
    animation: none;
  }
}
.bx--progress--vertical {
  display: flex;
  flex-direction: column;
}

.bx--progress--vertical,
.bx--progress-text {
  display: flex;
  flex-direction: column;
}

.bx--progress--vertical .bx--progress-step,
.bx--progress--vertical .bx--progress-step-button {
  width: initial;
  min-width: initial;
  min-height: 3.625rem;
  align-content: flex-start;
}

.bx--progress--vertical .bx--progress-step svg,
.bx--progress--vertical .bx--progress-step-button svg {
  display: inline-block;
  margin: 0.0625rem 0.5rem 0;
}

.bx--progress--vertical .bx--progress-label {
  display: inline-block;
  width: initial;
  max-width: 10rem;
  margin: 0;
  vertical-align: top;
  white-space: initial;
}

.bx--progress--vertical .bx--progress-step .bx--tooltip {
  margin-top: 0.5rem;
}

.bx--progress--vertical .bx--progress-optional {
  position: static;
  width: 100%;
  margin: auto 0;
}

.bx--progress--vertical .bx--progress-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
}

.bx--radio-button-group {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: relative;
  display: flex;
  align-items: center;
}

.bx--radio-button-group *,
.bx--radio-button-group *::before,
.bx--radio-button-group *::after {
  box-sizing: inherit;
}

.bx--label + .bx--form-item .bx--radio-button-group, .input__label + .bx--form-item .bx--radio-button-group, .label + .bx--form-item .bx--radio-button-group, .bx--label + .input .bx--radio-button-group, .input__label + .input .bx--radio-button-group, .label + .input .bx--radio-button-group, .bx--label + .checkbox .bx--radio-button-group, .input__label + .checkbox .bx--radio-button-group, .label + .checkbox .bx--radio-button-group {
  margin-top: 0;
}

.bx--radio-button-group--vertical {
  flex-direction: column;
  align-items: flex-start;
}

.bx--radio-button-group--vertical.bx--radio-button-group--label-left {
  align-items: flex-end;
}

.bx--radio-button-group--vertical .bx--radio-button__label {
  margin-right: 0;
  line-height: 1.25;
}

.bx--radio-button-group--vertical .bx--radio-button__label:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

.bx--radio-button {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
  visibility: inherit;
}

.bx--radio-button__label {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  margin-right: 1rem;
  cursor: pointer;
}

.bx--radio-button__appearance {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  border: 1px solid var(--bx-icon-primary, #161616);
  margin: 0.0625rem 0.5rem 0.125rem 0.125rem;
  background-color: transparent;
  border-radius: 50%;
}

.bx--radio-button__appearance *,
.bx--radio-button__appearance *::before,
.bx--radio-button__appearance *::after {
  box-sizing: inherit;
}

.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: var(--bx-icon-primary, #161616);
}

.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: var(--bx-icon-primary, #161616);
  border-radius: 50%;
  content: "";
  transform: scale(0.5);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
    fill: ButtonText;
  }
}
.bx--radio-button:disabled + .bx--radio-button__label {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance,
.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance {
  border-color: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance::before,
.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
  background-color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--radio-button:focus + .bx--radio-button__label .bx--radio-button__appearance {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: 1.5px;
}

.bx--radio-button__label.bx--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 6.25rem;
  height: 1.125rem;
}

.bx--radio-button__label.bx--skeleton:hover, .bx--radio-button__label.bx--skeleton:focus, .bx--radio-button__label.bx--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--radio-button__label.bx--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--radio-button__label.bx--skeleton::before {
    animation: none;
  }
}
.bx--radio-button__label.bx--skeleton .bx--radio-button__appearance {
  display: none;
}

.bx--radio-button-wrapper .bx--radio-button__label {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
}

.bx--radio-button-wrapper:not(:last-of-type) {
  margin-right: 1rem;
}

.bx--radio-button-group--vertical .bx--radio-button-wrapper:not(:last-of-type) {
  margin-right: 0;
  margin-bottom: 0.5rem;
}

.bx--radio-button-group--label-right .bx--radio-button__label,
.bx--radio-button-wrapper.bx--radio-button-wrapper--label-right .bx--radio-button__label {
  flex-direction: row;
}

.bx--radio-button-group--label-left .bx--radio-button__label,
.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__label {
  flex-direction: row-reverse;
}

.bx--radio-button-group--label-left .bx--radio-button__appearance,
.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__appearance {
  margin-right: 0;
  margin-left: 0.5rem;
}

.bx--search {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}

.bx--search .bx--label, .bx--search .input__label, .bx--search .label {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--search-input {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  width: 100%;
  order: 1;
  padding: 0 2.5rem;
  border: none;
  border-bottom: 1px solid var(--bx-border-strong);
  appearance: none;
  background-color: var(--bx-field);
  color: var(--bx-text-primary, #161616);
  text-overflow: ellipsis;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--search-input *,
.bx--search-input *::before,
.bx--search-input *::after {
  box-sizing: inherit;
}

.bx--search-input:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--search-input:focus {
    outline-style: dotted;
  }
}
.bx--search-input::placeholder {
  color: var(--bx-text-placeholder, rgba(22, 22, 22, 0.2));
  opacity: 1;
}

.bx--search-input::-ms-clear {
  display: none;
}

.bx--search-input[disabled] {
  border-bottom: 1px solid transparent;
  background-color: var(--bx-field);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--search-input[disabled]::placeholder {
  color: var(--bx-field);
}

.bx--search--light .bx--search-input {
  background: var(--bx-field-02, #ffffff);
}

.bx--search--light .bx--search-close::before {
  background: var(--bx-field-02, #ffffff);
}

.bx--search--sm .bx--search-input,
.bx--search--sm.bx--search--expandable.bx--search--expanded .bx--search-input {
  height: 2rem;
  padding: 0 2rem;
}

.bx--search--sm .bx--search-magnifier-icon {
  left: 0.5rem;
}

.bx--search--md .bx--search-input,
.bx--search--md.bx--search--expandable.bx--search--expanded .bx--search-input {
  height: 2.5rem;
  padding: 0 2.5rem;
}

.bx--search--md .bx--search-magnifier-icon {
  left: 0.75rem;
}

.bx--search--lg .bx--search-input,
.bx--search--lg.bx--search--expandable.bx--search--expanded .bx--search-input {
  height: 3rem;
  padding: 0 3rem;
}

.bx--search-magnifier-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 1rem;
  width: 1rem;
  height: 1rem;
  fill: var(--bx-icon-secondary, #525252);
  pointer-events: none;
  transform: translateY(-50%);
}

.bx--search-close {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  top: 0;
  right: 0;
}

.bx--search-close *,
.bx--search-close *::before,
.bx--search-close *::after {
  box-sizing: inherit;
}

.bx--search-close::-moz-focus-inner {
  border: 0;
}

.bx--search-close::before {
  position: absolute;
  top: 0.0625rem;
  left: 0;
  display: block;
  width: 2px;
  height: calc(100% - 2px);
  background-color: var(--bx-field);
  content: "";
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--search-close::before {
    transition: none;
  }
}
.bx--search-close:hover {
  border-bottom: 1px solid var(--bx-border-strong);
}

.bx--search-close:hover::before {
  background-color: var(--bx-field-hover);
}

.bx--search-button {
  flex-shrink: 0;
  margin-left: 0.125rem;
  background-color: var(--bx-field);
}

.bx--search-button svg {
  fill: currentColor;
  vertical-align: middle;
}

.bx--search-close svg {
  fill: inherit;
}

.bx--search-close,
.bx--search-button {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-width: 1px 0;
  border-style: solid;
  border-color: transparent;
  cursor: pointer;
  fill: var(--bx-icon-primary, #161616);
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: inherit;
}

.bx--search-close:hover,
.bx--search-button:hover {
  background-color: var(--bx-field-hover);
}

.bx--search-close:focus,
.bx--search-button:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--search-close:focus,
.bx--search-button:focus {
    outline-style: dotted;
  }
}
.bx--search-close:active,
.bx--search-button:active {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
}

@media screen and (prefers-contrast) {
  .bx--search-close:active,
.bx--search-button:active {
    outline-style: dotted;
  }
}
.bx--search--disabled .bx--search-close,
.bx--search--disabled.bx--search--expandable .bx--search-magnifier {
  cursor: not-allowed;
  outline: none;
}

.bx--search--disabled .bx--search-close:hover,
.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover {
  border-bottom-color: transparent;
  background-color: transparent;
}

.bx--search--disabled .bx--search-close:hover::before,
.bx--search--disabled.bx--search--expandable .bx--search-magnifier:hover::before {
  background-color: transparent;
}

.bx--search--disabled svg {
  fill: var(--bx-icon-on-color-disabled, #8d8d8d);
}

.bx--search-close:focus::before,
.bx--search-close:active::before {
  background-color: var(--bx-focus, #0d4c8b);
}

.bx--search-input:focus ~ .bx--search-close:hover {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--search-input:focus ~ .bx--search-close:hover {
    outline-style: dotted;
  }
}
.bx--search--sm .bx--search-close,
.bx--search--sm ~ .bx--search-button, .bx--search--sm.bx--search--expandable, .bx--search--sm.bx--search--expandable .bx--search-magnifier {
  width: 2rem;
  height: 2rem;
}

.bx--search--sm.bx--search--expandable .bx--search-input::placeholder {
  padding: 0 2rem;
}

.bx--search--md .bx--search-close,
.bx--search--md ~ .bx--search-button, .bx--search--md.bx--search--expandable, .bx--search--md.bx--search--expandable .bx--search-magnifier {
  width: 2.5rem;
  height: 2.5rem;
}

.bx--search--md.bx--search--expandable .bx--search-input::placeholder {
  padding: 0 2.5rem;
}

.bx--search--lg .bx--search-close,
.bx--search--lg ~ .bx--search-button, .bx--search--lg.bx--search--expandable, .bx--search--lg.bx--search--expandable .bx--search-magnifier {
  width: 3rem;
  height: 3rem;
}

.bx--search--lg.bx--search--expandable .bx--search-input::placeholder {
  padding: 0 3rem;
}

.bx--search-close--hidden {
  opacity: 0;
  visibility: hidden;
}

.bx--search--lg.bx--skeleton .bx--search-input,
.bx--search--md.bx--skeleton .bx--search-input,
.bx--search--sm.bx--skeleton .bx--search-input {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 100%;
}

.bx--search--lg.bx--skeleton .bx--search-input:hover, .bx--search--lg.bx--skeleton .bx--search-input:focus, .bx--search--lg.bx--skeleton .bx--search-input:active,
.bx--search--md.bx--skeleton .bx--search-input:hover,
.bx--search--md.bx--skeleton .bx--search-input:focus,
.bx--search--md.bx--skeleton .bx--search-input:active,
.bx--search--sm.bx--skeleton .bx--search-input:hover,
.bx--search--sm.bx--skeleton .bx--search-input:focus,
.bx--search--sm.bx--skeleton .bx--search-input:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--search--lg.bx--skeleton .bx--search-input::before,
.bx--search--md.bx--skeleton .bx--search-input::before,
.bx--search--sm.bx--skeleton .bx--search-input::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--search--lg.bx--skeleton .bx--search-input::before,
.bx--search--md.bx--skeleton .bx--search-input::before,
.bx--search--sm.bx--skeleton .bx--search-input::before {
    animation: none;
  }
}
.bx--search--lg.bx--skeleton .bx--search-input::placeholder,
.bx--search--md.bx--skeleton .bx--search-input::placeholder,
.bx--search--sm.bx--skeleton .bx--search-input::placeholder {
  color: transparent;
}

.bx--search--expandable {
  transition: width 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--search--expandable.bx--search--expanded {
  width: 100%;
}

.bx--search--expandable .bx--search-input {
  width: 0;
  padding: 0;
  transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9), width 0s linear 70ms;
}

.bx--search--expandable .bx--search-input::placeholder {
  position: relative;
  opacity: 0;
  transition-duration: 70ms;
  transition-property: padding, opacity;
  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--search--expandable.bx--search--expanded .bx--search-input {
  width: 100%;
  transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--search--expandable.bx--search--expanded .bx--search-input::placeholder {
  position: relative;
  padding: 0;
  opacity: 1;
}

.bx--search--expandable .bx--search-magnifier {
  position: absolute;
  cursor: pointer;
}

.bx--search--expandable .bx--search-magnifier:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
}

.bx--search--expandable.bx--search--expanded .bx--search-magnifier {
  pointer-events: none;
}

.bx--search--expandable .bx--search-magnifier-icon {
  fill: var(--bx-icon-primary, #161616);
}

.bx--search--expandable.bx--search--expanded .bx--search-magnifier-icon {
  fill: var(--bx-icon-secondary, #525252);
}

.bx--search--expandable.bx--search--disabled svg {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--search-close svg,
.bx--search-magnifier-icon {
    fill: ButtonText;
  }
}
.bx--icon--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

.bx--icon--skeleton:hover, .bx--icon--skeleton:focus, .bx--icon--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--icon--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--icon--skeleton::before {
    animation: none;
  }
}
.bx--skeleton__placeholder {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 6.25rem;
  height: 6.25rem;
}

.bx--skeleton__placeholder:hover, .bx--skeleton__placeholder:focus, .bx--skeleton__placeholder:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--skeleton__placeholder::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--skeleton__placeholder::before {
    animation: none;
  }
}
.bx--skeleton__text {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 100%;
  height: 1rem;
  margin-bottom: 0.5rem;
}

.bx--skeleton__text:hover, .bx--skeleton__text:focus, .bx--skeleton__text:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--skeleton__text::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--skeleton__text::before {
    animation: none;
  }
}
.bx--skeleton__heading {
  height: 1.5rem;
}

.bx--slider-container {
  display: flex;
  align-items: center;
  user-select: none;
}

.bx--slider {
  position: relative;
  width: 100%;
  min-width: 12.5rem;
  max-width: 40rem;
  padding: 1rem 0;
  margin: 0 1rem;
  cursor: pointer;
}

.bx--slider__range-label {
  font-family: var(--bx-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--bx-code-02-font-size, 0.875rem);
  font-weight: var(--bx-code-02-font-weight, 400);
  line-height: var(--bx-code-02-line-height, 1.42857);
  letter-spacing: var(--bx-code-02-letter-spacing, 0.32px);
  color: var(--bx-text-primary, #161616);
  white-space: nowrap;
}

.bx--slider__range-label:last-of-type {
  margin-right: 1rem;
}

.bx--slider__track {
  position: absolute;
  width: 100%;
  height: 0.125rem;
  background: var(--bx-border-subtle);
  transform: translate(0%, -50%);
}

.bx--slider__track:before {
  position: absolute;
  top: -0.3125rem;
  left: 50%;
  display: inline-block;
  width: 0.125rem;
  height: 0.25rem;
  background: var(--bx-border-subtle);
  content: "";
  transform: translate(-50%, 0);
}

.bx--slider__filled-track {
  position: absolute;
  width: 100%;
  height: 0.125rem;
  background: var(--bx-layer-selected-inverse, #161616);
  pointer-events: none;
  transform: translate(0%, -50%);
  transform-origin: left;
  transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--slider__thumb {
  position: absolute;
  z-index: 3;
  width: 0.875rem;
  height: 0.875rem;
  background: var(--bx-layer-selected-inverse, #161616);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
  outline: none;
  transform: translate(-50%, -50%);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--slider__thumb:hover {
  transform: translate(-50%, -50%) scale(1.4286);
}

.bx--slider__thumb:focus {
  background-color: var(--bx-interactive, #0d4c8b);
  box-shadow: inset 0 0 0 2px var(--bx-interactive, #0d4c8b), inset 0 0 0 3px var(--bx-layer);
  transform: translate(-50%, -50%) scale(1.4286);
}

.bx--slider__thumb:active {
  box-shadow: inset 0 0 0 2px var(--bx-interactive, #0d4c8b);
  transform: translate(-50%, -50%) scale(1.4286);
}

.bx--slider__input {
  display: none;
}

.bx--slider-text-input,
.bx-slider-text-input {
  width: 4rem;
  height: 2.5rem;
  -moz-appearance: textfield;
  text-align: center;
}

.bx--slider-text-input::-webkit-outer-spin-button, .bx--slider-text-input::-webkit-inner-spin-button,
.bx-slider-text-input::-webkit-outer-spin-button,
.bx-slider-text-input::-webkit-inner-spin-button {
  display: none;
}

.bx--slider-text-input.bx--text-input--invalid {
  padding-right: 1rem;
}

.bx--slider__thumb:focus ~ .bx--slider__filled-track {
  background-color: var(--bx-interactive, #0d4c8b);
}

.bx--label--disabled ~ .bx--slider-container > .bx--slider__range-label {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--slider--disabled.bx--slider {
  cursor: not-allowed;
}

.bx--slider--disabled .bx--slider__thumb {
  background-color: var(--bx-border-disabled, #c6c6c6);
}

.bx--slider--disabled .bx--slider__thumb:hover {
  cursor: not-allowed;
  transform: translate(-50%, -50%);
}

.bx--slider--disabled .bx--slider__thumb:focus {
  background-color: var(--bx-border-disabled, #c6c6c6);
  box-shadow: none;
  outline: none;
  transform: translate(-50%, -50%);
}

.bx--slider--disabled .bx--slider__thumb:active {
  background: var(--bx-border-disabled, #c6c6c6);
  transform: translate(-50%, -50%);
}

.bx--slider--disabled .bx--slider__track,
.bx--slider--disabled .bx--slider__filled-track,
.bx--slider--disabled .bx--slider__thumb:focus ~ .bx--slider__filled-track {
  background-color: var(--bx-border-disabled, #c6c6c6);
}

.bx--slider--disabled ~ .bx--form-item .bx--slider-text-input, .bx--slider--disabled ~ .input .bx--slider-text-input, .bx--slider--disabled ~ .checkbox .bx--slider-text-input,
.bx--slider--disabled ~ .bx--slider-text-input {
  border: none;
  background-color: var(--bx-field);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  transition: none;
}

.bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:active, .bx--slider--disabled ~ .input .bx--slider-text-input:active, .bx--slider--disabled ~ .checkbox .bx--slider-text-input:active, .bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:focus, .bx--slider--disabled ~ .input .bx--slider-text-input:focus, .bx--slider--disabled ~ .checkbox .bx--slider-text-input:focus, .bx--slider--disabled ~ .bx--form-item .bx--slider-text-input:hover, .bx--slider--disabled ~ .input .bx--slider-text-input:hover, .bx--slider--disabled ~ .checkbox .bx--slider-text-input:hover,
.bx--slider--disabled ~ .bx--slider-text-input:active,
.bx--slider--disabled ~ .bx--slider-text-input:focus,
.bx--slider--disabled ~ .bx--slider-text-input:hover {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.bx--slider-container.bx--skeleton .bx--slider__range-label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 1.25rem;
  height: 0.75rem;
}

.bx--slider-container.bx--skeleton .bx--slider__range-label:hover, .bx--slider-container.bx--skeleton .bx--slider__range-label:focus, .bx--slider-container.bx--skeleton .bx--slider__range-label:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--slider-container.bx--skeleton .bx--slider__range-label::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--slider-container.bx--skeleton .bx--slider__range-label::before {
    animation: none;
  }
}
.bx--slider-container.bx--skeleton .bx--slider__track {
  cursor: default;
  pointer-events: none;
}

.bx--slider-container.bx--skeleton .bx--slider__thumb {
  left: 50%;
  cursor: default;
  pointer-events: none;
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--slider__thumb {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--slider__thumb:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--slider__track {
    outline: 1px solid transparent;
  }
}
/* stylelint-enable */
.bx--stack-horizontal {
  display: inline-grid;
  column-gap: var(--bx-stack-gap, 0);
  grid-auto-flow: column;
}

.bx--stack-vertical {
  display: grid;
  grid-auto-flow: row;
  row-gap: var(--bx-stack-gap, 0);
}

.bx--stack-scale-1 {
  --bx-stack-gap:0.125rem;
}

.bx--stack-scale-2 {
  --bx-stack-gap:0.25rem;
}

.bx--stack-scale-3 {
  --bx-stack-gap:0.5rem;
}

.bx--stack-scale-4 {
  --bx-stack-gap:0.75rem;
}

.bx--stack-scale-5 {
  --bx-stack-gap:1rem;
}

.bx--stack-scale-6 {
  --bx-stack-gap:1.5rem;
}

.bx--stack-scale-7 {
  --bx-stack-gap:2rem;
}

.bx--stack-scale-8 {
  --bx-stack-gap:2.5rem;
}

.bx--stack-scale-9 {
  --bx-stack-gap:3rem;
}

.bx--stack-scale-10 {
  --bx-stack-gap:4rem;
}

.bx--stack-scale-11 {
  --bx-stack-gap:5rem;
}

.bx--stack-scale-12 {
  --bx-stack-gap:6rem;
}

.bx--stack-scale-13 {
  --bx-stack-gap:10rem;
}

.bx--structured-list--selection .bx--structured-list-td,
.bx--structured-list--selection .bx--structured-list-th {
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--structured-list--selection .bx--structured-list-td:first-child,
.bx--structured-list--selection .bx--structured-list-th:first-child {
  padding-right: 1rem;
  padding-left: 1rem;
}

.bx--structured-list-row--focused-within {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--structured-list-row--focused-within {
    outline-style: dotted;
  }
}
.bx--structured-list {
  display: table;
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
}

.bx--structured-list html {
  font-size: 100%;
}

.bx--structured-list body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--structured-list code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--structured-list strong {
  font-weight: 600;
}

.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
  padding: 0.5rem;
}

.bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
.bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
  padding-left: 1rem;
}

.bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--structured-list-row {
  display: table-row;
  border-bottom: 1px solid var(--bx-border-subtle);
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
  border-bottom: 1px solid var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  cursor: pointer;
}

.bx--structured-list-row.bx--structured-list-row--selected {
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
}

.bx--structured-list-row.bx--structured-list-row--header-row {
  border-bottom: 1px solid var(--bx-background-selected, rgba(141, 141, 141, 0.2));
  cursor: inherit;
}

.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
  color: var(--bx-text-primary, #161616);
}

.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
  border-top: 1px solid var(--bx-border-subtle);
}

.bx--structured-list-thead {
  display: table-header-group;
  vertical-align: middle;
}

.bx--structured-list-th {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  display: table-cell;
  height: 2.5rem;
  color: var(--bx-text-primary, #161616);
  font-weight: 600;
  text-align: left;
  text-transform: none;
  vertical-align: top;
}

.bx--structured-list-th html {
  font-size: 100%;
}

.bx--structured-list-th body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--structured-list-th code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--structured-list-th strong {
  font-weight: 600;
}

.bx--structured-list-tbody {
  display: table-row-group;
  vertical-align: middle;
}

.bx--structured-list-td {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  padding: 1rem 0.5rem 1.5rem 0.5rem;
  position: relative;
  display: table-cell;
  max-width: 36rem;
  color: var(--bx-text-secondary, #525252);
  border-top: 1px solid var(--bx-border-subtle);
  transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--structured-list-td html {
  font-size: 100%;
}

.bx--structured-list-td body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--structured-list-td code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--structured-list-td strong {
  font-weight: 600;
}

.bx--structured-list-content--nowrap {
  white-space: nowrap;
}

.bx--structured-list-svg {
  display: inline-block;
  fill: transparent;
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  vertical-align: middle;
}

.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
  width: 8%;
}

.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
  width: 30%;
}

.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
  width: 15%;
}

.bx--structured-list.bx--skeleton span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: block;
  width: 75%;
  height: 1rem;
}

.bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--structured-list.bx--skeleton span::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--structured-list.bx--skeleton span::before {
    animation: none;
  }
}
.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
  width: 5%;
}

.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
  display: none;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
    fill: ButtonText;
  }
}
.bx--tabs {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  min-height: 2.5rem;
  max-height: 4rem;
  color: var(--bx-text-primary, #161616);
}

.bx--tabs html {
  font-size: 100%;
}

.bx--tabs body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--tabs code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--tabs strong {
  font-weight: 600;
}

.bx--tabs.bx--tabs--contained {
  min-height: 3rem;
}

.bx--tabs .bx--tab--list {
  display: flex;
  width: auto;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  will-change: scroll-position;
}

.bx--tabs .bx--tab--list::-webkit-scrollbar {
  display: none;
}

.bx--tabs .bx--tabs__nav {
  display: flex;
}

.bx--tabs .bx--tab--overflow-nav-button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  display: flex;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: var(--bx-background, #ffffff);
}

.bx--tabs .bx--tab--overflow-nav-button *,
.bx--tabs .bx--tab--overflow-nav-button *::before,
.bx--tabs .bx--tab--overflow-nav-button *::after {
  box-sizing: inherit;
}

.bx--tabs .bx--tab--overflow-nav-button::-moz-focus-inner {
  border: 0;
}

.bx--tabs .bx--tab--overflow-nav-button:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--tabs .bx--tab--overflow-nav-button:focus {
    outline-style: dotted;
  }
}
.bx--tabs .bx--tab--overflow-nav-button--hidden {
  display: none;
}

.bx--tabs.bx--tabs--contained .bx--tab--overflow-nav-button {
  width: 3rem;
  margin: 0;
  background-color: var(--bx-layer-accent);
}

.bx--tabs .bx--tab--overflow-nav-button svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--tabs .bx--tab--overflow-nav-button--next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.bx--tabs .bx--tab--overflow-nav-button--next::before {
  position: absolute;
  z-index: 1;
  left: -0.5rem;
  width: 0.5rem;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--bx-background, #ffffff));
  content: "";
}

.bx--tabs.bx--tabs--contained .bx--tab--overflow-nav-button--next::before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--bx-layer-accent));
}

.bx--tabs .bx--tab--overflow-nav-button--previous {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.bx--tabs .bx--tab--overflow-nav-button--previous::before {
  position: absolute;
  z-index: 1;
  right: -0.5rem;
  width: 0.5rem;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--bx-background, #ffffff));
  content: "";
}

.bx--tabs.bx--tabs--contained .bx--tab--overflow-nav-button--previous::before {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--bx-layer-accent));
}

.bx--tabs .bx--tabs--light .bx--tabs__overflow-indicator--left {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--bx-layer));
}

.bx--tabs .bx--tabs--light .bx--tabs__overflow-indicator--right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--bx-layer));
}

.bx--tabs.bx--tabs--contained .bx--tabs__overflow-indicator--left {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--bx-layer-accent));
}

.bx--tabs.bx--tabs--contained .bx--tabs__overflow-indicator--right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--bx-layer-accent));
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .bx--tabs .bx--tabs__overflow-indicator--left {
      background-image: linear-gradient(to left, rgba(var(--bx-background, #ffffff), 0), var(--bx-background, #ffffff));
    }
    .bx--tabs .bx--tabs__overflow-indicator--right {
      background-image: linear-gradient(to right, rgba(var(--bx-background, #ffffff), 0), var(--bx-background, #ffffff));
    }
    .bx--tabs.bx--tabs--contained .bx--tabs__overflow-indicator--left {
      background-image: linear-gradient(to left, rgba(var(--bx-layer-accent), 0), var(--bx-layer-accent));
    }
    .bx--tabs.bx--tabs--contained .bx--tabs__overflow-indicator--right {
      background-image: linear-gradient(to right, rgba(var(--bx-layer-accent), 0), var(--bx-layer-accent));
    }
  }
}
.bx--tabs .bx--tabs__nav-item {
  display: flex;
  flex: 1 0 auto;
  padding: 0;
  cursor: pointer;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--tabs .bx--tabs__nav-item html {
  font-size: 100%;
}

.bx--tabs .bx--tabs__nav-item body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--tabs .bx--tabs__nav-item code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--tabs .bx--tabs__nav-item strong {
  font-weight: 600;
}

.bx--tabs .bx--tabs__nav-item + .bx--tabs__nav-item {
  margin-left: 0.0625rem;
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item {
  background-color: var(--bx-layer-accent);
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item + .bx--tabs__nav-item {
  margin-left: 0;
  box-shadow: -0.0625rem 0 0 0 var(--bx-border-strong);
}

.bx--tabs .bx--tabs__nav-item .bx--tabs__nav-link {
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--tabs .bx--tabs__nav-link {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  max-width: 10rem;
  padding: 0.75rem 1rem 0.5rem;
  border-bottom: 2px solid var(--bx-border-subtle);
  color: var(--bx-text-secondary, #525252);
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}

.bx--tabs .bx--tabs__nav-link *,
.bx--tabs .bx--tabs__nav-link *::before,
.bx--tabs .bx--tabs__nav-link *::after {
  box-sizing: inherit;
}

.bx--tabs .bx--tabs__nav-link::-moz-focus-inner {
  border: 0;
}

.bx--tabs .bx--tabs__nav-link:focus, .bx--tabs .bx--tabs__nav-link:active {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--tabs .bx--tabs__nav-link:focus, .bx--tabs .bx--tabs__nav-link:active {
    outline-style: dotted;
  }
}
.bx--tabs.bx--tabs--contained .bx--tabs__nav-link {
  height: 3rem;
  padding: 0.5rem 1rem;
  border-bottom: 0;
  line-height: calc(3rem - (0.5rem * 2));
}

.bx--tabs .bx--tabs__nav-item--icon, .bx--tabs.bx--tabs--contained .bx--tabs__nav-item--icon {
  display: flex;
  width: var(--bx-icon-tab-size, 2.5rem);
  height: var(--bx-icon-tab-size, 2.5rem);
  align-items: center;
  justify-content: center;
  padding: 0;
}

.bx--tabs.bx--tabs__icon--lg {
  --bx-icon-tab-size:3rem;
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item:hover {
  background-color: var(--bx-layer-selected-hover);
}

.bx--tabs .bx--tabs__nav-item--selected {
  border-bottom: 2px solid var(--bx-border-interactive, #0d4c8b);
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item--selected + .bx--tabs__nav-item {
  box-shadow: none;
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item.bx--tabs__nav-item--selected {
  box-shadow: inset 0 2px 0 0 var(--bx-border-interactive, #0d4c8b);
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item--selected,
.bx--tabs .bx--tabs__nav-item--selected,
.bx--tabs .bx--tabs__nav-item--selected:focus .bx--tabs__nav-link:focus,
.bx--tabs .bx--tabs__nav-item--selected:active .bx--tabs__nav-link:active {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  color: var(--bx-text-primary, #161616);
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item--selected, .bx--tabs.bx--tabs--contained .bx--tabs__nav-item--selected:hover {
  background-color: var(--bx-layer);
  line-height: calc(3rem - (0.5rem * 2));
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item--selected .bx--tabs__nav-link:focus,
.bx--tabs.bx--tabs--contained .bx--tabs__nav-item--selected .bx--tabs__nav-link:active, .bx--tabs.bx--tabs--contained .bx--tabs__nav-item--selected:hover .bx--tabs__nav-link:focus,
.bx--tabs.bx--tabs--contained .bx--tabs__nav-item--selected:hover .bx--tabs__nav-link:active {
  box-shadow: none;
}

.bx--tabs.bx--tabs--light.bx--tabs--contained .bx--tabs__nav-item--selected, .bx--tabs.bx--tabs--light.bx--tabs--contained .bx--tabs__nav-item--selected:hover {
  background-color: var(--bx-background, #ffffff);
}

.bx--tabs .bx--tabs__nav-item:hover .bx--tabs__nav-link {
  border-bottom: 2px solid var(--bx-border-strong);
  color: var(--bx-text-primary, #161616);
}

.bx--tabs .bx--tabs__nav-item--disabled {
  border-bottom: 2px solid var(--bx-border-disabled, #c6c6c6);
  background-color: transparent;
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.bx--tabs .bx--tabs__nav-item--disabled:hover {
  border-bottom: 2px solid var(--bx-border-disabled, #c6c6c6);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item.bx--tabs__nav-item--disabled, .bx--tabs.bx--tabs--contained .bx--tabs__nav-item.bx--tabs__nav-item--disabled:hover {
  background-color: var(--bx-button-disabled, #c6c6c6);
}

.bx--tabs .bx--tabs__nav-item--disabled:focus,
.bx--tabs .bx--tabs__nav-item--disabled:active {
  border-bottom: 2px solid var(--bx-border-disabled, #c6c6c6);
  outline: none;
  pointer-events: none;
}

.bx--tabs .bx--tabs--light .bx--tabs__nav-item--disabled .bx--tabs__nav-link {
  border-bottom-color: var(--bx-border-subtle);
}

.bx--tabs .bx--tabs--light .bx--tabs__nav-item--disabled:hover .bx--tabs__nav-link {
  border-bottom-color: var(--bx-border-subtle);
}

.bx--tabs .bx--tabs--light .bx--tabs__nav-item--disabled .bx--tabs__nav-link:focus,
.bx--tabs .bx--tabs--light .bx--tabs__nav-item--disabled .bx--tabs__nav-link:active {
  border-bottom-color: var(--bx-border-subtle);
}

.bx--tabs.bx--tabs--contained .bx--tabs__nav-item--disabled {
  border-bottom: none;
  color: var(--bx-text-on-color-disabled, #8d8d8d);
}

.bx--tab-content {
  padding: 1rem;
}

.bx--tab-content:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--tab-content:focus {
    outline-style: dotted;
  }
}
.bx--tab-content--interactive:focus {
  outline: none;
}

.bx--tabs.bx--skeleton {
  cursor: default;
  pointer-events: none;
}

.bx--skeleton.bx--tabs:not(.bx--tabs--contained) .bx--tabs__nav-link {
  border-bottom: 2px solid var(--bx-skeleton-element, #c6c6c6);
}

.bx--tabs.bx--skeleton .bx--tabs__nav-link {
  display: flex;
  width: 10rem;
  height: 100%;
  align-items: center;
  padding: 0 1rem;
}

.bx--tabs.bx--skeleton .bx--tabs__nav-link span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: block;
  width: 100%;
  height: 0.875rem;
}

.bx--tabs.bx--skeleton .bx--tabs__nav-link span:hover, .bx--tabs.bx--skeleton .bx--tabs__nav-link span:focus, .bx--tabs.bx--skeleton .bx--tabs__nav-link span:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--tabs.bx--skeleton .bx--tabs__nav-link span::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--tabs.bx--skeleton .bx--tabs__nav-link span::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--tabs__nav-item .bx--tabs__nav-item--selected .bx--tabs__nav-item--selected {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--tabs .bx--tabs__nav-item--disabled .bx--tabs__nav-link {
    color: GrayText;
    fill: GrayText;
  }
}
.bx--text-area {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  width: 100%;
  min-width: 10rem;
  height: 100%;
  min-height: 2.5rem;
  padding: 0.6875rem 1rem;
  border: none;
  border-bottom: 1px solid var(--bx-border-strong);
  background-color: var(--bx-field);
  color: var(--bx-text-primary, #161616);
  font-family: inherit;
  resize: vertical;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--text-area html {
  font-size: 100%;
}

.bx--text-area body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--text-area code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--text-area strong {
  font-weight: 600;
}

.bx--text-area:focus,
.bx--text-area:active {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--text-area:focus,
.bx--text-area:active {
    outline-style: dotted;
  }
}
.bx--text-area::placeholder {
  color: var(--bx-text-placeholder, rgba(22, 22, 22, 0.2));
  opacity: 1;
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
}

.bx--text-area--light {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--text-area--invalid {
  padding-right: 2.5rem;
}

.bx--text-area__wrapper {
  position: relative;
  display: flex;
  width: 100%;
}

.bx--text-area__invalid-icon {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--text-area:disabled {
  border-bottom: 1px solid transparent;
  background-color: var(--bx-field);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  outline: none;
}

.bx--text-area:disabled::placeholder {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--text-area.bx--text-area--light:disabled {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--text-area.bx--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--bx-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  height: 6.25rem;
}

.bx--text-area.bx--skeleton:hover, .bx--text-area.bx--skeleton:focus, .bx--text-area.bx--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}

.bx--text-area.bx--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--bx-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .bx--text-area.bx--skeleton::before {
    animation: none;
  }
}
.bx--text-area.bx--skeleton::placeholder {
  color: transparent;
}

.bx--text-area__label-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.bx--tile-group html {
  font-size: 100%;
}

.bx--tile-group body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--tile-group code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--tile-group strong {
  font-weight: 600;
}

.bx--tile {
  position: relative;
  display: block;
  min-width: 8rem;
  min-height: 4rem;
  padding: 1rem;
  background-color: var(--bx-layer);
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
}

.bx--tile:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--tile:focus {
    outline-style: dotted;
  }
}
.bx--tile--light {
  background-color: var(--bx-layer);
}

.bx--tile--clickable,
.bx--tile--selectable {
  cursor: pointer;
  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--tile--clickable:hover,
.bx--tile--selectable:hover {
  background: var(--bx-layer-hover);
}

.bx--tile--clickable {
  color: var(--bx-text-primary, #161616);
  text-decoration: none;
}

.bx--tile--clickable html {
  font-size: 100%;
}

.bx--tile--clickable body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--tile--clickable code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--tile--clickable strong {
  font-weight: 600;
}

.bx--tile--clickable:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--tile--clickable:focus {
    outline-style: dotted;
  }
}
.bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark {
  opacity: 1;
}

.bx--tile--expandable::-moz-focus-inner {
  border: 0;
}

.bx--tile--clickable:hover,
.bx--tile--clickable:active,
.bx--tile--clickable:visited,
.bx--tile--clickable:visited:hover {
  color: var(--bx-text-primary, #161616);
  text-decoration: none;
}

.bx--tile--clickable.bx--link--disabled,
.bx--tile--clickable:hover.bx--link--disabled {
  display: block;
  padding: 1rem;
  background-color: var(--bx-layer);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--tile--selectable {
  padding-right: 3rem;
  border: 1px solid transparent;
}

.bx--tile__checkmark {
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 1rem;
  border: none;
  background: transparent;
  opacity: 0;
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--tile__checkmark svg {
  border-radius: 50%;
  fill: var(--bx-icon-secondary, #525252);
}

.bx--tile__checkmark:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--tile__checkmark:focus {
    outline-style: dotted;
  }
}
.bx--tile__checkmark--persistent {
  opacity: 1;
}

.bx--tile__chevron {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
}

.bx--tile__chevron svg {
  fill: var(--bx-icon-primary, #161616);
  transform-origin: center;
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--tile__chevron svg {
    transition: none;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .bx--tile__chevron svg {
    fill: ButtonText;
  }
}
.bx--tile__chevron--interactive {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
}

.bx--tile__chevron--interactive *,
.bx--tile__chevron--interactive *::before,
.bx--tile__chevron--interactive *::after {
  box-sizing: inherit;
}

.bx--tile__chevron--interactive::-moz-focus-inner {
  border: 0;
}

.bx--tile__chevron--interactive:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

.bx--tile__chevron--interactive:hover {
  background-color: var(--bx-layer-hover);
  cursor: pointer;
}

.bx--tile--expandable {
  position: relative;
  overflow: hidden;
  width: 100%;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  text-align: left;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
}

.bx--tile--expandable:hover {
  background: var(--bx-layer-hover);
}

.bx--tile--expandable.bx--tile--expandable--interactive {
  cursor: default;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--tile--expandable.bx--tile--expandable--interactive:hover {
  background-color: var(--bx-layer);
}

.bx--tile--expandable.bx--tile--expandable--interactive:focus {
  outline: none;
}

.bx--tile--expandable--interactive:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--tile--expandable--interactive:focus {
    outline-style: dotted;
  }
}
.bx--tile-content__above-the-fold {
  display: block;
}

.bx--tile-content__below-the-fold {
  display: block;
  opacity: 0;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: hidden;
}

.bx--tile--is-expanded {
  overflow: visible;
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--tile--is-expanded .bx--tile__chevron svg {
  transform: rotate(180deg);
}

.bx--tile--is-expanded .bx--tile-content__below-the-fold {
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: inherit;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .bx--tile--is-expanded .bx--tile-content__below-the-fold {
      overflow-y: auto;
    }
  }
}
.bx--tile--is-selected {
  border: 1px solid var(--bx-layer-selected-inverse, #161616);
}

.bx--tile--is-selected .bx--tile__checkmark {
  opacity: 1;
}

.bx--tile--is-selected .bx--tile__checkmark svg {
  fill: var(--bx-icon-primary, #161616);
}

@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .bx--tile--is-selected .bx--tile__checkmark svg {
    fill: ButtonText;
  }
}
.bx--tile-content {
  width: 100%;
  height: 100%;
}

.bx--tile-input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--tile-input:focus + .bx--tile {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--tile-input:focus + .bx--tile {
    outline-style: dotted;
  }
}
.bx--tile--disabled.bx--tile--selectable {
  background-color: var(--bx-layer);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--tile--disabled.bx--tile--selectable.bx--tile--light {
  background-color: var(--bx-layer-02, #f3f3f3);
}

.bx--tile--disabled.bx--tile--is-selected {
  border-color: var(--bx-button-disabled, #c6c6c6);
}

.bx--tile--disabled .bx--tile__checkmark svg {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--tile__chevron svg,
.bx--tile__checkmark svg,
.bx--tile--is-selected .bx--tile__checkmark svg {
    fill: ButtonText;
  }
}
.bx--time-picker {
  display: flex;
  align-items: flex-end;
}

.bx--time-picker__select {
  justify-content: center;
}

.bx--time-picker__select:not(:last-of-type) {
  margin: 0 0.125rem;
}

.bx--time-picker__input {
  display: flex;
  flex-direction: column;
}

.bx--time-picker .bx--select-input {
  width: auto;
  min-width: auto;
  padding-right: 3rem;
  margin: 0;
  line-height: 1;
}

.bx--time-picker__input-field {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-family: var(--bx-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--bx-code-02-font-size, 0.875rem);
  font-weight: var(--bx-code-02-font-weight, 400);
  line-height: var(--bx-code-02-line-height, 1.42857);
  letter-spacing: var(--bx-code-02-letter-spacing, 0.32px);
  display: flex;
  width: 4.875rem;
  height: 2.5rem;
  align-items: center;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--time-picker__input-field::placeholder {
  color: var(--bx-text-placeholder, rgba(22, 22, 22, 0.2));
  opacity: 1;
}

.bx--time-picker--light .bx--select-input {
  background-color: var(--bx-field-02, #ffffff);
}

.bx--time-picker--light .bx--select-input:hover {
  background-color: var(--bx-field-hover);
}

.bx--time-picker--light .bx--select-input:disabled, .bx--time-picker--light .bx--select-input:hover:disabled {
  border-bottom: 1px solid transparent;
  background-color: transparent;
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.bx--time-picker--sm .bx--select-input,
.bx--time-picker--sm .bx--time-picker__input-field {
  height: 2rem;
  max-height: 2rem;
}

.bx--time-picker--lg .bx--select-input,
.bx--time-picker--lg .bx--time-picker__input-field {
  height: 3rem;
  max-height: 3rem;
}

.bx--toggletip-label {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  margin-right: 0.5rem;
  color: var(--bx-text-secondary, #525252);
}

.bx--toggletip-button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
}

.bx--toggletip-button *,
.bx--toggletip-button *::before,
.bx--toggletip-button *::after {
  box-sizing: inherit;
}

.bx--toggletip-button::-moz-focus-inner {
  border: 0;
}

.bx--toggletip-button svg {
  fill: var(--bx-icon-secondary, #525252);
}

.bx--toggletip-button:hover svg,
.bx--toggletip--open .bx--toggletip-button svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--toggletip-button:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--toggletip-button:focus {
    outline-style: dotted;
  }
}
.bx--toggletip {
  --bx-popover-offset:0.8125rem;
}

.bx--toggletip-content {
  --bx-button-focus-color:var(--bx-focus-inverse, #ffffff);
  --bx-link-text-color:var(--bx-link-inverse, #78a9ff);
  --bx-link-hover-text-color:var(--bx-link-inverse, #78a9ff);
  --bx-link-focus-text-color:var(--bx-focus-inverse, #ffffff);
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  display: grid;
  max-width: 18rem;
  padding: 1rem;
  row-gap: 1rem;
}

.bx--toggletip-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
}

.bx--toggle {
  user-select: none;
}

.bx--toggle__label-text {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  display: block;
  margin-bottom: 1rem;
  color: var(--bx-text-secondary, #525252);
}

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

.bx--toggle__button:focus {
  outline: none;
}

.bx--toggle__appearance {
  display: grid;
  align-items: center;
  column-gap: 0.5rem;
  cursor: pointer;
  grid-template-columns: max-content max-content;
}

.bx--toggle__switch {
  position: relative;
  width: 3rem;
  height: 1.5rem;
  background-color: var(--bx-toggle-off, #8d8d8d);
  border-radius: 0.75rem;
  transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
}

.bx--toggle__switch::before {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  background-color: var(--bx-icon-on-color, #ffffff);
  border-radius: 50%;
  content: "";
  transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
  .bx--toggle__switch::before {
    transition: none;
  }
}
.bx--toggle__button:focus + .bx--toggle__label .bx--toggle__switch,
.bx--toggle__button:active + .bx--toggle__label .bx--toggle__switch {
  box-shadow: 0 0 0 1px var(--bx-focus-inset, #ffffff), 0 0 0 3px var(--bx-focus, #0d4c8b);
}

.bx--toggle__switch--checked {
  background-color: var(--bx-support-success, #079b6c);
}

.bx--toggle__switch--checked::before {
  transform: translateX(1.5rem);
}

.bx--toggle__text {
  font-size: var(--bx-body-01-font-size, 0.875rem);
  font-weight: var(--bx-body-01-font-weight, 400);
  line-height: var(--bx-body-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-01-letter-spacing, 0.16px);
  color: var(--bx-text-primary, #161616);
}

.bx--toggle__appearance--sm .bx--toggle__switch {
  width: 2rem;
  height: 1rem;
}

.bx--toggle__appearance--sm .bx--toggle__switch::before {
  width: 0.625rem;
  height: 0.625rem;
}

.bx--toggle__appearance--sm .bx--toggle__switch--checked::before {
  transform: translateX(1rem);
}

.bx--toggle__check {
  position: absolute;
  top: 0.375rem;
  right: 0.3125rem;
  width: 0.375rem;
  height: 0.3125rem;
  fill: var(--bx-support-success, #079b6c);
  visibility: hidden;
}

.bx--toggle__switch--checked .bx--toggle__check {
  visibility: visible;
}

.bx--toggle--disabled .bx--toggle__appearance {
  cursor: not-allowed;
}

.bx--toggle--disabled .bx--toggle__label-text,
.bx--toggle--disabled .bx--toggle__text {
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--toggle--disabled .bx--toggle__switch {
  background-color: var(--bx-button-disabled, #c6c6c6);
}

.bx--toggle--disabled .bx--toggle__switch::before {
  background-color: var(--bx-icon-on-color-disabled, #8d8d8d);
}

.bx--toggle--disabled .bx--toggle__check {
  fill: var(--bx-button-disabled, #c6c6c6);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toggle__switch,
.bx--toggle__switch::before {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toggle__button:focus + .bx--toggle__label .bx--toggle__switch,
.bx--toggle__button:active + .bx--toggle__label .bx--toggle__switch {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
.bx--tree {
  overflow: hidden;
}

.bx--tree-node {
  padding-left: 1rem;
  background-color: var(--bx-layer-01, #f3f3f3);
  color: var(--bx-text-secondary, #525252);
}

.bx--tree-node:focus {
  outline: none;
}

.bx--tree-node:focus > .bx--tree-node__label {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--tree-node:focus > .bx--tree-node__label {
    outline-style: dotted;
  }
}
.bx--tree-node--disabled:focus > .bx--tree-node__label {
  outline: none;
}

.bx--tree-node--disabled,
.bx--tree-node--disabled .bx--tree-node__label:hover,
.bx--tree-node--disabled .bx--tree-node__label:hover .bx--tree-node__label__details {
  background-color: var(--bx-field-01, #f4f4f4);
  color: var(--bx-text-disabled, rgba(22, 22, 22, 0.25));
}

.bx--tree-node--disabled .bx--tree-parent-node__toggle-icon,
.bx--tree-node--disabled .bx--tree-node__icon,
.bx--tree-node--disabled .bx--tree-node__label:hover .bx--tree-parent-node__toggle-icon,
.bx--tree-node--disabled .bx--tree-node__label:hover .bx--tree-node__icon {
  fill: var(--bx-icon-disabled, rgba(22, 22, 22, 0.25));
}

.bx--tree-node--disabled,
.bx--tree-node--disabled .bx--tree-parent-node__toggle-icon:hover {
  cursor: not-allowed;
}

.bx--tree-node__label {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  min-height: 2rem;
  flex: 1;
  align-items: center;
}

.bx--tree-node__label:hover {
  background-color: var(--bx-layer-hover-01, #e8e8e8);
  color: var(--bx-text-primary, #161616);
}

.bx--tree-node__label:hover .bx--tree-node__label__details {
  color: var(--bx-text-primary, #161616);
}

.bx--tree-node__label:hover .bx--tree-parent-node__toggle-icon,
.bx--tree-node__label:hover .bx--tree-node__icon {
  fill: var(--bx-icon-primary, #161616);
}

.bx--tree-leaf-node {
  display: flex;
  padding-left: 2.5rem;
}

.bx--tree-leaf-node.bx--tree-node--with-icon {
  padding-left: 2rem;
}

.bx--tree-node__label__details {
  display: flex;
  align-items: center;
}

.bx--tree-node--with-icon .bx--tree-parent-node__toggle {
  margin-right: 0;
}

.bx--tree-parent-node__toggle {
  padding: 0;
  border: 0;
  margin-right: 0.5rem;
}

.bx--tree-parent-node__toggle:hover {
  cursor: pointer;
}

.bx--tree-parent-node__toggle:focus {
  outline: none;
}

.bx--tree-parent-node__toggle-icon {
  fill: var(--bx-icon-secondary, #525252);
  transform: rotate(-90deg);
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--tree-parent-node__toggle-icon--expanded {
  transform: rotate(0);
}

.bx--tree-node__icon {
  min-width: 1rem;
  min-height: 1rem;
  margin-right: 0.5rem;
  fill: var(--bx-icon-secondary, #525252);
}

.bx--tree-node--selected > .bx--tree-node__label {
  background-color: var(--bx-layer-selected-01, #e0e0e0);
  color: var(--bx-text-primary, #161616);
}

.bx--tree-node--selected > .bx--tree-node__label:hover {
  background-color: var(--bx-layer-selected-hover-01, #d1d1d1);
}

.bx--tree-node--selected > .bx--tree-node__label .bx--tree-parent-node__toggle-icon,
.bx--tree-node--selected > .bx--tree-node__label .bx--tree-node__icon {
  fill: var(--bx-icon-primary, #161616);
}

.bx--tree-node--active > .bx--tree-node__label {
  position: relative;
}

.bx--tree-node--active > .bx--tree-node__label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.25rem;
  height: 100%;
  background-color: var(--bx-interactive, #0d4c8b);
  content: "";
}

.bx--tree--xs .bx--tree-node__label {
  min-height: 1.5rem;
}

.bx--content {
  padding: 2rem;
  color: var(--bx-text-primary, #161616);
  will-change: margin-left;
}

.bx--header ~ .bx--content {
  margin-top: 3rem;
}

.bx--side-nav ~ .bx--content {
  margin-left: 3rem;
}

.bx--side-nav.bx--side-nav--expanded ~ .bx--content {
  margin-left: 16rem;
}

.bx--header {
  position: fixed;
  z-index: 8000;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  height: 3rem;
  align-items: center;
  border-bottom: 1px solid var(--bx-border-subtle);
  background-color: var(--bx-background, #ffffff);
}

.bx--header__action {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  border: 0.0625rem solid transparent;
  transition: background-color 110ms, border-color 110ms;
}

.bx--header__action *,
.bx--header__action *::before,
.bx--header__action *::after {
  box-sizing: inherit;
}

.bx--header__action::-moz-focus-inner {
  border: 0;
}

.bx--header__action > svg.bx--navigation-menu-panel-collapse-icon,
.bx--header__action--active > svg.bx--navigation-menu-panel-expand-icon {
  display: none;
}

.bx--header__action--active > svg.bx--navigation-menu-panel-collapse-icon {
  display: inline;
}

.bx--header__action:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
}

.bx--header__action--active {
  border-right: 1px solid var(--bx-border-subtle);
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--bx-border-subtle);
  background: var(--bx-layer);
}

.bx--header__action--active > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--header__action:focus {
  border-color: var(--bx-focus, #0d4c8b);
  outline: none;
}

.bx--header__action:active {
  background-color: var(--bx-background-active, rgba(141, 141, 141, 0.5));
}

.bx--header__action.bx--btn--icon-only {
  align-items: center;
  justify-content: center;
}

.bx--btn.bx--btn--icon-only.bx--header__action svg, .bx--btn--icon-only.bx--header__action.action__button svg,
.bx--btn--icon-only.bx--header__action.action.primary svg {
  fill: var(--bx-icon-secondary, #525252);
}

.bx--btn.bx--btn--icon-only.bx--header__action:hover svg, .bx--btn--icon-only.bx--header__action.action__button:hover svg,
.bx--btn--icon-only.bx--header__action.action.primary:hover svg,
.bx--btn.bx--btn--icon-only.bx--header__action:active svg,
.bx--btn--icon-only.bx--header__action.action__button:active svg,
.bx--btn--icon-only.bx--header__action.action.primary:active svg,
.bx--btn.bx--btn--icon-only.bx--header__action--active svg,
.bx--btn--icon-only.bx--header__action--active.action__button svg,
.bx--btn--icon-only.bx--header__action--active.action.primary svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--header__menu-trigger > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--header__menu-trigger:hover > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--header__menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 66rem) {
  .bx--header__menu-toggle__hidden {
    display: none;
  }
}
a.bx--header__name {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 2rem 0 1rem;
  border: 0.125rem solid transparent;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  outline: none;
  text-decoration: none;
  transition: border-color 110ms;
  user-select: none;
}

a.bx--header__name:focus {
  border-color: var(--bx-focus, #0d4c8b);
}

.bx--header__name--prefix {
  font-weight: 400;
}

a.bx--header__name,
a.bx--header__name:hover {
  color: var(--bx-text-primary, #161616);
}

.bx--header__menu-toggle:not(.bx--header__menu-toggle__hidden) ~ .bx--header__name {
  padding-left: 0.5rem;
}

.bx--header__nav {
  position: relative;
  display: none;
  height: 100%;
  padding-left: 1rem;
}

@media (min-width: 66rem) {
  .bx--header__nav {
    display: block;
  }
}
.bx--header__nav::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 0.0625rem;
  height: 1.5rem;
  background-color: var(--bx-border-subtle);
  content: "";
  transform: translateY(-50%);
}

.bx--header__menu-bar {
  display: flex;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

a.bx--header__menu-item {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 1rem;
  border: 2px solid transparent;
  background-color: var(--bx-background, #ffffff);
  color: var(--bx-text-secondary, #525252);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-decoration: none;
  transition: background-color 110ms, border-color 110ms, color 110ms;
  user-select: none;
}

a.bx--header__menu-item:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--bx-text-primary, #161616);
}

.bx--header__action:active,
a.bx--header__menu-item:active {
  background-color: var(--bx-background-active, rgba(141, 141, 141, 0.5));
  color: var(--bx-text-primary, #161616);
}

a.bx--header__menu-item:focus {
  border-color: var(--bx-focus, #0d4c8b);
  outline: none;
}

a.bx--header__menu-item:hover > svg,
a.bx--header__menu-item:active > svg {
  fill: var(--bx-icon-primary, #161616);
}

a.bx--header__menu-item[aria-current=page],
.bx--header__menu-item--current {
  color: var(--bx-text-primary, #161616);
}

a.bx--header__menu-item[aria-current=page]::after,
.bx--header__menu-item--current::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 3px solid var(--bx-border-interactive, #0d4c8b);
  content: "";
}

a.bx--header__menu-item[aria-current=page]:focus::after,
.bx--header__menu-item--current:focus::after {
  border: 0;
}

a.bx--header__menu-item[aria-current=page]:focus,
a.bx--header__menu-item.bx--header__menu-item--current:focus {
  border: 2px solid var(--bx-focus, #0d4c8b);
}

.bx--header__submenu {
  position: relative;
}

.bx--header__submenu--current::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px solid var(--bx-border-interactive, #0d4c8b);
  content: "";
}

.bx--header__submenu--current:focus {
  border: 2px solid var(--bx-focus, #0d4c8b);
}

.bx--header__submenu--current:focus::after {
  border: 0;
}

.bx--header__menu-title[aria-haspopup=true] {
  position: relative;
}

.bx--header__menu-title[aria-expanded=true] {
  z-index: 8001;
  background-color: var(--bx-layer);
  color: var(--bx-text-secondary, #525252);
}

.bx--header__menu-title[aria-expanded=true] > .bx--header__menu-arrow {
  transform: rotate(180deg);
}

.bx--header__menu {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bx--header__menu-title[aria-expanded=true] + .bx--header__menu {
  position: absolute;
  z-index: 8000;
  bottom: 0;
  left: 0;
  display: flex;
  width: 12.5rem;
  flex-direction: column;
  background-color: var(--bx-layer);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  transform: translateY(100%);
}

.bx--header__menu-title[aria-expanded=true] + .bx--header__menu .bx--header__menu-item {
  background-color: var(--bx-layer);
}

.bx--header__menu-title[aria-expanded=true] + .bx--header__menu .bx--header__menu-item:hover {
  background-color: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

.bx--header__menu-title[aria-expanded=true] + .bx--header__menu .bx--header__menu-item:active {
  background-color: var(--bx-layer-active);
  color: var(--bx-text-primary, #161616);
}

.bx--header__menu .bx--header__menu-item {
  height: 3rem;
}

.bx--header__menu-arrow {
  margin-left: 0.5rem;
  fill: var(--bx-icon-secondary, #525252);
  transition: transform 110ms, fill 110ms;
}

.bx--header__global {
  display: flex;
  height: 100%;
  flex: 1 1 0%;
  justify-content: flex-end;
}

.bx--skip-to-content {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--skip-to-content:focus {
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  width: auto;
  height: 3rem;
  align-items: center;
  padding: 0 1rem;
  border: 4px solid var(--bx-focus, #0d4c8b);
  background-color: var(--bx-background, #ffffff);
  clip: auto;
  color: var(--bx-text-secondary, #525252);
  outline: none;
}

.bx--header-panel {
  position: fixed;
  z-index: 8000;
  top: 3rem;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 0;
  border: none;
  background-color: var(--bx-layer);
  color: var(--bx-text-secondary, #525252);
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
  will-change: width;
}

.bx--header-panel--expanded {
  width: 16rem;
  border-right: 1px solid var(--bx-border-subtle);
  border-left: 1px solid var(--bx-border-subtle);
}

.bx--side-nav {
  position: fixed;
  z-index: 8000;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 3rem;
  max-width: 16rem;
  background-color: var(--bx-background, #ffffff);
  color: var(--bx-text-secondary, #525252);
  transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);
  will-change: width;
}

.bx--side-nav--ux {
  top: 3rem;
  width: 16rem;
}

@media (max-width: 65.98rem) {
  .bx--side-nav--ux {
    width: 0;
  }
}
.bx--side-nav--rail {
  width: 3rem;
}

.bx--side-nav--hidden {
  width: 0;
}

.bx--side-nav.bx--side-nav--rail:not(.bx--side-nav--fixed):hover,
.bx--side-nav--expanded {
  width: 16rem;
}

.bx--side-nav__overlay {
  position: fixed;
  top: 3rem;
  left: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
}

@media (max-width: 65.98rem) {
  .bx--side-nav__overlay-active {
    width: 100vw;
    height: 100vh;
    background-color: var(--bx-overlay, rgba(22, 22, 22, 0.5));
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
  }
}
.bx--header ~ .bx--side-nav {
  top: 3rem;
  height: calc(100% - 48px);
}

.bx--side-nav--fixed {
  width: 16rem;
}

.bx--side-nav--collapsed {
  width: 16rem;
  transform: translateX(-16rem);
}

.bx--side-nav__navigation {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.bx--side-nav__items {
  overflow: hidden;
  flex: 1 1 0%;
  padding: 1rem 0 0;
}

.bx--side-nav:hover .bx--side-nav__items, .bx--side-nav--fixed .bx--side-nav__items, .bx--side-nav--expanded .bx--side-nav__items {
  overflow-y: auto;
}

.bx--side-nav--ux .bx--side-nav__items {
  overflow-y: auto;
}

.bx--side-nav__item {
  overflow: hidden;
  width: auto;
  height: auto;
}

.bx--side-nav--ux .bx--side-nav__item {
  width: auto;
  height: auto;
}

.bx--side-nav__item:not(.bx--side-nav__item--active):hover .bx--side-nav__item:not(.bx--side-nav__item--active) > .bx--side-nav__submenu:hover,
.bx--side-nav__item:not(.bx--side-nav__item--active) > .bx--side-nav__link:hover,
.bx--side-nav__menu a.bx--side-nav__link:not(.bx--side-nav__link--current):not([aria-current=page]):hover,
.bx--side-nav a.bx--header__menu-item:hover,
.bx--side-nav .bx--header__menu-title[aria-expanded=true]:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__item:not(.bx--side-nav__item--active) > .bx--side-nav__link:hover > span,
.bx--side-nav__item:not(.bx--side-nav__item--active) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span {
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__item--large {
  height: 3rem;
}

.bx--side-nav__divider {
  height: 1px;
  margin: 0.5rem 1rem;
  background-color: var(--bx-border-subtle);
}

.bx--side-nav__submenu {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  height: 2rem;
  align-items: center;
  padding: 0 1rem;
  color: var(--bx-text-secondary, #525252);
  transition: color 110ms, background-color 110ms, outline 110ms;
  user-select: none;
}

.bx--side-nav__submenu *,
.bx--side-nav__submenu *::before,
.bx--side-nav__submenu *::after {
  box-sizing: inherit;
}

.bx--side-nav__submenu::-moz-focus-inner {
  border: 0;
}

.bx--side-nav__submenu:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__submenu:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--side-nav__submenu:focus {
    outline-style: dotted;
  }
}
.bx--side-nav__submenu-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.bx--side-nav__icon.bx--side-nav__submenu-chevron {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.bx--side-nav__submenu-chevron > svg {
  width: 1rem;
  height: 1rem;
  transition: transform 110ms;
}

.bx--side-nav__submenu[aria-expanded=true] .bx--side-nav__submenu-chevron > svg {
  transform: rotate(180deg);
}

.bx--side-nav__item--large .bx--side-nav__submenu {
  height: 3rem;
}

.bx--side-nav__item--active .bx--side-nav__submenu:hover {
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=false] {
  position: relative;
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=false]::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background-color: var(--bx-border-interactive, #0d4c8b);
  content: "";
}

.bx--side-nav__item--active .bx--side-nav__submenu-title {
  color: var(--bx-text-primary, #161616);
  font-weight: 600;
}

.bx--side-nav__item--active .bx--side-nav__icon > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--side-nav__menu {
  display: block;
  max-height: 0;
  visibility: hidden;
}

.bx--side-nav__submenu[aria-expanded=true] + .bx--side-nav__menu {
  max-height: 93.75rem;
  visibility: inherit;
}

.bx--side-nav__menu a.bx--side-nav__link {
  height: 2rem;
  min-height: 2rem;
  padding-left: 2rem;
  font-weight: 400;
}

.bx--side-nav__item.bx--side-nav__item--icon a.bx--side-nav__link {
  padding-left: 4.5rem;
}

.bx--side-nav__menu a.bx--side-nav__link--current,
.bx--side-nav__menu a.bx--side-nav__link[aria-current=page],
a.bx--side-nav__link--current {
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
}

.bx--side-nav__menu a.bx--side-nav__link--current > span,
.bx--side-nav__menu a.bx--side-nav__link[aria-current=page] > span,
a.bx--side-nav__link--current > span {
  color: var(--bx-text-primary, #161616);
  font-weight: 600;
}

a.bx--side-nav__link,
.bx--side-nav a.bx--header__menu-item,
.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  min-height: 2rem;
  align-items: center;
  padding: 0 1rem;
  text-decoration: none;
  transition: color 110ms, background-color 110ms, outline 110ms;
}

.bx--side-nav__item--large a.bx--side-nav__link {
  height: 3rem;
}

a.bx--side-nav__link > .bx--side-nav__link-text,
.bx--side-nav a.bx--header__menu-item .bx--text-truncate-end {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--bx-text-secondary, #525252);
  font-size: 0.875rem;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  user-select: none;
}

a.bx--side-nav__link:focus,
.bx--side-nav a.bx--header__menu-item:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  a.bx--side-nav__link:focus,
.bx--side-nav a.bx--header__menu-item:focus {
    outline-style: dotted;
  }
}
a.bx--side-nav__link[aria-current=page],
a.bx--side-nav__link--current {
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
  font-weight: 600;
}

a.bx--side-nav__link[aria-current=page] .bx--side-nav__link-text,
a.bx--side-nav__link--current .bx--side-nav__link-text {
  color: var(--bx-text-primary, #161616);
}

a.bx--side-nav__link[aria-current=page]::before,
a.bx--side-nav__link--current::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background-color: var(--bx-border-interactive, #0d4c8b);
  content: "";
}

.bx--side-nav__icon {
  display: flex;
  flex: 0 0 1rem;
  align-items: center;
  justify-content: center;
}

.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) {
  margin-right: 1.5rem;
}

.bx--side-nav__icon > svg {
  width: 1rem;
  height: 1rem;
  fill: var(--bx-icon-secondary, #525252);
}

.bx--side-nav__icon > svg.bx--side-nav-collapse-icon {
  display: none;
}

.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-expand-icon {
  display: none;
}

.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-collapse-icon {
  display: block;
}

.bx--side-nav--fixed a.bx--side-nav__link,
.bx--side-nav--fixed .bx--side-nav__submenu {
  padding-left: 1rem;
}

.bx--side-nav--fixed .bx--side-nav__item:not(.bx--side-nav__item--icon) .bx--side-nav__menu a.bx--side-nav__link {
  padding-left: 2rem;
}

@media (max-width: 65.98rem) {
  .bx--side-nav .bx--header__nav {
    display: block;
  }
}
.bx--side-nav__header-navigation {
  display: none;
}

@media (max-width: 65.98rem) {
  .bx--side-nav__header-navigation {
    position: relative;
    display: block;
    margin-bottom: 2rem;
  }
}
.bx--side-nav__header-divider::after {
  position: absolute;
  bottom: -1rem;
  left: 1rem;
  width: calc(100% - 32px);
  height: 0.0625rem;
  background: var(--bx-border-subtle);
  content: "";
}

.bx--side-nav a.bx--header__menu-item {
  justify-content: space-between;
  color: var(--bx-text-secondary, #525252);
  white-space: nowrap;
}

.bx--side-nav a.bx--header__menu-item[aria-expanded=true] {
  background-color: transparent;
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu {
  bottom: inherit;
  width: 100%;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  transform: none;
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu li {
  width: 100%;
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu a.bx--header__menu-item {
  padding-left: 4.25rem;
  font-weight: 400;
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu a.bx--header__menu-item:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav .bx--header__menu a.bx--header__menu-item {
  height: inherit;
}

.bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow,
.bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,
.bx--side-nav .bx--header__menu-arrow {
  fill: var(--bx-icon-secondary, #525252);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--side-nav__icon > svg,
.bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow,
.bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,
.bx--side-nav .bx--header__menu-arrow {
    fill: ButtonText;
  }
}
.bx--switcher {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--bx-text-secondary, #525252);
}

.bx--switcher__item {
  width: 100%;
  height: 2rem;
}

.bx--switcher__item:nth-child(1) {
  margin-top: 1rem;
}

.bx--switcher__item--divider {
  display: block;
  width: 14rem;
  height: 1px;
  border: none;
  margin: 0.5rem 1rem;
  background: var(--bx-border-subtle);
}

.bx--switcher__item-link {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  display: block;
  height: 2rem;
  padding: 0.375rem 1rem;
  color: var(--bx-text-secondary, #525252);
  text-decoration: none;
}

.bx--switcher__item-link:hover:not(.bx--switcher__item-link--selected) {
  background: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
}

.bx--switcher__item-link:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

.bx--switcher__item-link:active {
  background: var(--bx-layer-active);
  color: var(--bx-text-primary, #161616);
}

.bx--switcher__item-link--selected {
  background: var(--bx-layer-selected);
  color: var(--bx-text-primary, #161616);
}

.bx--content {
  padding: 2rem;
  color: var(--bx-text-primary, #161616);
  will-change: margin-left;
}

.bx--header ~ .bx--content {
  margin-top: 3rem;
}

.bx--side-nav ~ .bx--content {
  margin-left: 3rem;
}

.bx--side-nav.bx--side-nav--expanded ~ .bx--content {
  margin-left: 16rem;
}

.bx--header {
  position: fixed;
  z-index: 8000;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  height: 3rem;
  align-items: center;
  border-bottom: 1px solid var(--bx-border-subtle);
  background-color: var(--bx-background, #ffffff);
}

.bx--header__action {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  border: 0.0625rem solid transparent;
  transition: background-color 110ms, border-color 110ms;
}

.bx--header__action *,
.bx--header__action *::before,
.bx--header__action *::after {
  box-sizing: inherit;
}

.bx--header__action::-moz-focus-inner {
  border: 0;
}

.bx--header__action > svg.bx--navigation-menu-panel-collapse-icon,
.bx--header__action--active > svg.bx--navigation-menu-panel-expand-icon {
  display: none;
}

.bx--header__action--active > svg.bx--navigation-menu-panel-collapse-icon {
  display: inline;
}

.bx--header__action:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
}

.bx--header__action--active {
  border-right: 1px solid var(--bx-border-subtle);
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--bx-border-subtle);
  background: var(--bx-layer);
}

.bx--header__action--active > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--header__action:focus {
  border-color: var(--bx-focus, #0d4c8b);
  outline: none;
}

.bx--header__action:active {
  background-color: var(--bx-background-active, rgba(141, 141, 141, 0.5));
}

.bx--header__action.bx--btn--icon-only {
  align-items: center;
  justify-content: center;
}

.bx--btn.bx--btn--icon-only.bx--header__action svg, .bx--btn--icon-only.bx--header__action.action__button svg,
.bx--btn--icon-only.bx--header__action.action.primary svg {
  fill: var(--bx-icon-secondary, #525252);
}

.bx--btn.bx--btn--icon-only.bx--header__action:hover svg, .bx--btn--icon-only.bx--header__action.action__button:hover svg,
.bx--btn--icon-only.bx--header__action.action.primary:hover svg,
.bx--btn.bx--btn--icon-only.bx--header__action:active svg,
.bx--btn--icon-only.bx--header__action.action__button:active svg,
.bx--btn--icon-only.bx--header__action.action.primary:active svg,
.bx--btn.bx--btn--icon-only.bx--header__action--active svg,
.bx--btn--icon-only.bx--header__action--active.action__button svg,
.bx--btn--icon-only.bx--header__action--active.action.primary svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--header__menu-trigger > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--header__menu-trigger:hover > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--header__menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 66rem) {
  .bx--header__menu-toggle__hidden {
    display: none;
  }
}
a.bx--header__name {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 2rem 0 1rem;
  border: 0.125rem solid transparent;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  outline: none;
  text-decoration: none;
  transition: border-color 110ms;
  user-select: none;
}

a.bx--header__name:focus {
  border-color: var(--bx-focus, #0d4c8b);
}

.bx--header__name--prefix {
  font-weight: 400;
}

a.bx--header__name,
a.bx--header__name:hover {
  color: var(--bx-text-primary, #161616);
}

.bx--header__menu-toggle:not(.bx--header__menu-toggle__hidden) ~ .bx--header__name {
  padding-left: 0.5rem;
}

.bx--header__nav {
  position: relative;
  display: none;
  height: 100%;
  padding-left: 1rem;
}

@media (min-width: 66rem) {
  .bx--header__nav {
    display: block;
  }
}
.bx--header__nav::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 0.0625rem;
  height: 1.5rem;
  background-color: var(--bx-border-subtle);
  content: "";
  transform: translateY(-50%);
}

.bx--header__menu-bar {
  display: flex;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

a.bx--header__menu-item {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 1rem;
  border: 2px solid transparent;
  background-color: var(--bx-background, #ffffff);
  color: var(--bx-text-secondary, #525252);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-decoration: none;
  transition: background-color 110ms, border-color 110ms, color 110ms;
  user-select: none;
}

a.bx--header__menu-item:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--bx-text-primary, #161616);
}

.bx--header__action:active,
a.bx--header__menu-item:active {
  background-color: var(--bx-background-active, rgba(141, 141, 141, 0.5));
  color: var(--bx-text-primary, #161616);
}

a.bx--header__menu-item:focus {
  border-color: var(--bx-focus, #0d4c8b);
  outline: none;
}

a.bx--header__menu-item:hover > svg,
a.bx--header__menu-item:active > svg {
  fill: var(--bx-icon-primary, #161616);
}

a.bx--header__menu-item[aria-current=page],
.bx--header__menu-item--current {
  color: var(--bx-text-primary, #161616);
}

a.bx--header__menu-item[aria-current=page]::after,
.bx--header__menu-item--current::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 3px solid var(--bx-border-interactive, #0d4c8b);
  content: "";
}

a.bx--header__menu-item[aria-current=page]:focus::after,
.bx--header__menu-item--current:focus::after {
  border: 0;
}

a.bx--header__menu-item[aria-current=page]:focus,
a.bx--header__menu-item.bx--header__menu-item--current:focus {
  border: 2px solid var(--bx-focus, #0d4c8b);
}

.bx--header__submenu {
  position: relative;
}

.bx--header__submenu--current::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px solid var(--bx-border-interactive, #0d4c8b);
  content: "";
}

.bx--header__submenu--current:focus {
  border: 2px solid var(--bx-focus, #0d4c8b);
}

.bx--header__submenu--current:focus::after {
  border: 0;
}

.bx--header__menu-title[aria-haspopup=true] {
  position: relative;
}

.bx--header__menu-title[aria-expanded=true] {
  z-index: 8001;
  background-color: var(--bx-layer);
  color: var(--bx-text-secondary, #525252);
}

.bx--header__menu-title[aria-expanded=true] > .bx--header__menu-arrow {
  transform: rotate(180deg);
}

.bx--header__menu {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bx--header__menu-title[aria-expanded=true] + .bx--header__menu {
  position: absolute;
  z-index: 8000;
  bottom: 0;
  left: 0;
  display: flex;
  width: 12.5rem;
  flex-direction: column;
  background-color: var(--bx-layer);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  transform: translateY(100%);
}

.bx--header__menu-title[aria-expanded=true] + .bx--header__menu .bx--header__menu-item {
  background-color: var(--bx-layer);
}

.bx--header__menu-title[aria-expanded=true] + .bx--header__menu .bx--header__menu-item:hover {
  background-color: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

.bx--header__menu-title[aria-expanded=true] + .bx--header__menu .bx--header__menu-item:active {
  background-color: var(--bx-layer-active);
  color: var(--bx-text-primary, #161616);
}

.bx--header__menu .bx--header__menu-item {
  height: 3rem;
}

.bx--header__menu-arrow {
  margin-left: 0.5rem;
  fill: var(--bx-icon-secondary, #525252);
  transition: transform 110ms, fill 110ms;
}

.bx--header__global {
  display: flex;
  height: 100%;
  flex: 1 1 0%;
  justify-content: flex-end;
}

.bx--skip-to-content {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--skip-to-content:focus {
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  width: auto;
  height: 3rem;
  align-items: center;
  padding: 0 1rem;
  border: 4px solid var(--bx-focus, #0d4c8b);
  background-color: var(--bx-background, #ffffff);
  clip: auto;
  color: var(--bx-text-secondary, #525252);
  outline: none;
}

.bx--header-panel {
  position: fixed;
  z-index: 8000;
  top: 3rem;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 0;
  border: none;
  background-color: var(--bx-layer);
  color: var(--bx-text-secondary, #525252);
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
  will-change: width;
}

.bx--header-panel--expanded {
  width: 16rem;
  border-right: 1px solid var(--bx-border-subtle);
  border-left: 1px solid var(--bx-border-subtle);
}

.bx--side-nav {
  position: fixed;
  z-index: 8000;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 3rem;
  max-width: 16rem;
  background-color: var(--bx-background, #ffffff);
  color: var(--bx-text-secondary, #525252);
  transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);
  will-change: width;
}

.bx--side-nav--ux {
  top: 3rem;
  width: 16rem;
}

@media (max-width: 65.98rem) {
  .bx--side-nav--ux {
    width: 0;
  }
}
.bx--side-nav--rail {
  width: 3rem;
}

.bx--side-nav--hidden {
  width: 0;
}

.bx--side-nav.bx--side-nav--rail:not(.bx--side-nav--fixed):hover,
.bx--side-nav--expanded {
  width: 16rem;
}

.bx--side-nav__overlay {
  position: fixed;
  top: 3rem;
  left: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
}

@media (max-width: 65.98rem) {
  .bx--side-nav__overlay-active {
    width: 100vw;
    height: 100vh;
    background-color: var(--bx-overlay, rgba(22, 22, 22, 0.5));
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
  }
}
.bx--header ~ .bx--side-nav {
  top: 3rem;
  height: calc(100% - 48px);
}

.bx--side-nav--fixed {
  width: 16rem;
}

.bx--side-nav--collapsed {
  width: 16rem;
  transform: translateX(-16rem);
}

.bx--side-nav__navigation {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.bx--side-nav__items {
  overflow: hidden;
  flex: 1 1 0%;
  padding: 1rem 0 0;
}

.bx--side-nav:hover .bx--side-nav__items, .bx--side-nav--fixed .bx--side-nav__items, .bx--side-nav--expanded .bx--side-nav__items {
  overflow-y: auto;
}

.bx--side-nav--ux .bx--side-nav__items {
  overflow-y: auto;
}

.bx--side-nav__item {
  overflow: hidden;
  width: auto;
  height: auto;
}

.bx--side-nav--ux .bx--side-nav__item {
  width: auto;
  height: auto;
}

.bx--side-nav__item:not(.bx--side-nav__item--active):hover .bx--side-nav__item:not(.bx--side-nav__item--active) > .bx--side-nav__submenu:hover,
.bx--side-nav__item:not(.bx--side-nav__item--active) > .bx--side-nav__link:hover,
.bx--side-nav__menu a.bx--side-nav__link:not(.bx--side-nav__link--current):not([aria-current=page]):hover,
.bx--side-nav a.bx--header__menu-item:hover,
.bx--side-nav .bx--header__menu-title[aria-expanded=true]:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__item:not(.bx--side-nav__item--active) > .bx--side-nav__link:hover > span,
.bx--side-nav__item:not(.bx--side-nav__item--active) .bx--side-nav__menu-item > .bx--side-nav__link:hover > span {
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__item--large {
  height: 3rem;
}

.bx--side-nav__divider {
  height: 1px;
  margin: 0.5rem 1rem;
  background-color: var(--bx-border-subtle);
}

.bx--side-nav__submenu {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  height: 2rem;
  align-items: center;
  padding: 0 1rem;
  color: var(--bx-text-secondary, #525252);
  transition: color 110ms, background-color 110ms, outline 110ms;
  user-select: none;
}

.bx--side-nav__submenu *,
.bx--side-nav__submenu *::before,
.bx--side-nav__submenu *::after {
  box-sizing: inherit;
}

.bx--side-nav__submenu::-moz-focus-inner {
  border: 0;
}

.bx--side-nav__submenu:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__submenu:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--side-nav__submenu:focus {
    outline-style: dotted;
  }
}
.bx--side-nav__submenu-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.bx--side-nav__icon.bx--side-nav__submenu-chevron {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.bx--side-nav__submenu-chevron > svg {
  width: 1rem;
  height: 1rem;
  transition: transform 110ms;
}

.bx--side-nav__submenu[aria-expanded=true] .bx--side-nav__submenu-chevron > svg {
  transform: rotate(180deg);
}

.bx--side-nav__item--large .bx--side-nav__submenu {
  height: 3rem;
}

.bx--side-nav__item--active .bx--side-nav__submenu:hover {
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=false] {
  position: relative;
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav__item--active .bx--side-nav__submenu[aria-expanded=false]::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background-color: var(--bx-border-interactive, #0d4c8b);
  content: "";
}

.bx--side-nav__item--active .bx--side-nav__submenu-title {
  color: var(--bx-text-primary, #161616);
  font-weight: 600;
}

.bx--side-nav__item--active .bx--side-nav__icon > svg {
  fill: var(--bx-icon-primary, #161616);
}

.bx--side-nav__menu {
  display: block;
  max-height: 0;
  visibility: hidden;
}

.bx--side-nav__submenu[aria-expanded=true] + .bx--side-nav__menu {
  max-height: 93.75rem;
  visibility: inherit;
}

.bx--side-nav__menu a.bx--side-nav__link {
  height: 2rem;
  min-height: 2rem;
  padding-left: 2rem;
  font-weight: 400;
}

.bx--side-nav__item.bx--side-nav__item--icon a.bx--side-nav__link {
  padding-left: 4.5rem;
}

.bx--side-nav__menu a.bx--side-nav__link--current,
.bx--side-nav__menu a.bx--side-nav__link[aria-current=page],
a.bx--side-nav__link--current {
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
}

.bx--side-nav__menu a.bx--side-nav__link--current > span,
.bx--side-nav__menu a.bx--side-nav__link[aria-current=page] > span,
a.bx--side-nav__link--current > span {
  color: var(--bx-text-primary, #161616);
  font-weight: 600;
}

a.bx--side-nav__link,
.bx--side-nav a.bx--header__menu-item,
.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  min-height: 2rem;
  align-items: center;
  padding: 0 1rem;
  text-decoration: none;
  transition: color 110ms, background-color 110ms, outline 110ms;
}

.bx--side-nav__item--large a.bx--side-nav__link {
  height: 3rem;
}

a.bx--side-nav__link > .bx--side-nav__link-text,
.bx--side-nav a.bx--header__menu-item .bx--text-truncate-end {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--bx-text-secondary, #525252);
  font-size: 0.875rem;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  user-select: none;
}

a.bx--side-nav__link:focus,
.bx--side-nav a.bx--header__menu-item:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  a.bx--side-nav__link:focus,
.bx--side-nav a.bx--header__menu-item:focus {
    outline-style: dotted;
  }
}
a.bx--side-nav__link[aria-current=page],
a.bx--side-nav__link--current {
  background-color: var(--bx-background-selected, rgba(141, 141, 141, 0.2));
  font-weight: 600;
}

a.bx--side-nav__link[aria-current=page] .bx--side-nav__link-text,
a.bx--side-nav__link--current .bx--side-nav__link-text {
  color: var(--bx-text-primary, #161616);
}

a.bx--side-nav__link[aria-current=page]::before,
a.bx--side-nav__link--current::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background-color: var(--bx-border-interactive, #0d4c8b);
  content: "";
}

.bx--side-nav__icon {
  display: flex;
  flex: 0 0 1rem;
  align-items: center;
  justify-content: center;
}

.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) {
  margin-right: 1.5rem;
}

.bx--side-nav__icon > svg {
  width: 1rem;
  height: 1rem;
  fill: var(--bx-icon-secondary, #525252);
}

.bx--side-nav__icon > svg.bx--side-nav-collapse-icon {
  display: none;
}

.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-expand-icon {
  display: none;
}

.bx--side-nav--expanded .bx--side-nav__icon > svg.bx--side-nav-collapse-icon {
  display: block;
}

.bx--side-nav--fixed a.bx--side-nav__link,
.bx--side-nav--fixed .bx--side-nav__submenu {
  padding-left: 1rem;
}

.bx--side-nav--fixed .bx--side-nav__item:not(.bx--side-nav__item--icon) .bx--side-nav__menu a.bx--side-nav__link {
  padding-left: 2rem;
}

@media (max-width: 65.98rem) {
  .bx--side-nav .bx--header__nav {
    display: block;
  }
}
.bx--side-nav__header-navigation {
  display: none;
}

@media (max-width: 65.98rem) {
  .bx--side-nav__header-navigation {
    position: relative;
    display: block;
    margin-bottom: 2rem;
  }
}
.bx--side-nav__header-divider::after {
  position: absolute;
  bottom: -1rem;
  left: 1rem;
  width: calc(100% - 32px);
  height: 0.0625rem;
  background: var(--bx-border-subtle);
  content: "";
}

.bx--side-nav a.bx--header__menu-item {
  justify-content: space-between;
  color: var(--bx-text-secondary, #525252);
  white-space: nowrap;
}

.bx--side-nav a.bx--header__menu-item[aria-expanded=true] {
  background-color: transparent;
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu {
  bottom: inherit;
  width: 100%;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  transform: none;
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu li {
  width: 100%;
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu a.bx--header__menu-item {
  padding-left: 4.25rem;
  font-weight: 400;
}

.bx--side-nav .bx--header__menu-title[aria-expanded=true] + .bx--header__menu a.bx--header__menu-item:hover {
  background-color: var(--bx-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--bx-text-primary, #161616);
}

.bx--side-nav .bx--header__menu a.bx--header__menu-item {
  height: inherit;
}

.bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow,
.bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,
.bx--side-nav .bx--header__menu-arrow {
  fill: var(--bx-icon-secondary, #525252);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--side-nav__icon > svg,
.bx--side-nav a.bx--header__menu-item:hover .bx--header__menu-arrow,
.bx--side-nav a.bx--header__menu-item:focus .bx--header__menu-arrow,
.bx--side-nav .bx--header__menu-arrow {
    fill: ButtonText;
  }
}
.bx--switcher {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--bx-text-secondary, #525252);
}

.bx--switcher__item {
  width: 100%;
  height: 2rem;
}

.bx--switcher__item:nth-child(1) {
  margin-top: 1rem;
}

.bx--switcher__item--divider {
  display: block;
  width: 14rem;
  height: 1px;
  border: none;
  margin: 0.5rem 1rem;
  background: var(--bx-border-subtle);
}

.bx--switcher__item-link {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  display: block;
  height: 2rem;
  padding: 0.375rem 1rem;
  color: var(--bx-text-secondary, #525252);
  text-decoration: none;
}

.bx--switcher__item-link:hover:not(.bx--switcher__item-link--selected) {
  background: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
}

.bx--switcher__item-link:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

.bx--switcher__item-link:active {
  background: var(--bx-layer-active);
  color: var(--bx-text-primary, #161616);
}

.bx--switcher__item-link--selected {
  background: var(--bx-layer-selected);
  color: var(--bx-text-primary, #161616);
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
.blog-post {
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  padding: 1rem;
  display: flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  flex: 0 0 var(--card-width);
  max-width: var(--card-width);
}
.blog-post__image {
  width: 254px;
  height: 160px;
  object-fit: contain;
}
.blog-post__title {
  font-size: var(--bx-body-short-02-font-size, 1rem);
  font-weight: var(--bx-body-short-02-font-weight, 400);
  line-height: var(--bx-body-short-02-line-height, 1.375);
  letter-spacing: var(--bx-body-short-02-letter-spacing, 0);
  color: var(--bx-text-primary, #161616);
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-decoration: none;
  display: block;
}
.blog-post__title html {
  font-size: 100%;
}
.blog-post__title body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.blog-post__title code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.blog-post__title strong {
  font-weight: 600;
}
.blog-post__title * {
  font-size: inherit;
  line-height: inherit;
}
.blog-post__container {
  display: grid;
  grid-template-areas: "header" "content" "actions";
  grid-template-rows: min-content auto min-content;
}
.blog-post__header {
  grid-area: header;
}
.blog-post__content {
  grid-area: content;
  flex: 0 0 100%;
  max-width: 100%;
}
.blog-post__actions {
  grid-area: actions;
  margin-top: 0.75rem;
  text-align: right;
}
.blog-post__excerpt, .blog-post__excerpt * {
  font-size: 0.9rem;
  line-height: 1.3rem;
}
.blog-post__excerpt img {
  max-width: 254px;
  height: auto;
}
.blog-post__description {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
}
.blog-post__description a {
  color: var(--bx-link-primary, #0090FF);
  text-decoration: none;
}
.blog-post__meta {
  color: var(--bx-text-secondary, #525252);
  margin: 0.75rem 0;
}
.blog-post__list {
  display: flex;
  flex-wrap: wrap;
}
.blog-post__list--sidebar .blog-post {
  margin-left: 0;
  margin-right: 0;
}
.blog-post__list--centered {
  justify-content: center;
}
@media (max-width: 79.98rem) {
  .blog-post {
    flex-direction: row;
    position: relative;
  }
  .blog-post__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 41.98rem) {
  .blog-post {
    width: 100%;
    max-width: var(--card-width);
    flex: none !important;
  }
}
@media (min-width: 42rem) {
  .blog-post__list:not(.blog-post__list--sidebar) {
    margin-top: -1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media (min-width: 28.125rem) {
  .blog-post {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.blog-post-view .blog-post__meta {
  margin-top: 0;
}
@media (min-width: 66rem) {
  .blog-post-view .blog-post__meta {
    display: flex;
  }
  .blog-post-view .blog-post__meta > *:not(:last-child):after {
    content: "|";
    padding: 0 0.75rem;
  }
  .blog-post-view .blog-post__meta .blog-post-view__meta-label {
    display: inline !important;
  }
}
.blog-post-view__featured-image-wrapper {
  margin-bottom: 1rem;
}
.blog-post-view__featured-image {
  width: 100%;
}
.blog-post-view__product-item {
  max-width: 256px;
}
.blog-post-view__product-item img {
  max-width: 100%;
}
.blog-post-view__footer {
  margin-top: 1rem;
}
.blog-post-view__description [data-content-type=row] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-post .addthis_toolbox > a {
  text-decoration: none;
}

.hrp--sales-quotation-total--wrapper {
  text-align: right;
}

.hrp--sales-quotation-total {
  max-width: 100%;
  display: inline-block;
}

.hrp--sales-quotation-total__value {
  display: inline-block;
  width: 140px;
  padding-left: 5px;
}

.hrp--sales-quotation-total__value--highlighted {
  font-size: var(--bx-productive-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-productive-heading-03-font-weight, 400);
  line-height: var(--bx-productive-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-productive-heading-03-letter-spacing, 0);
  color: var(--bx-text-primary, #161616);
  font-weight: 600;
}

@media (min-width: 66rem) {
  .hrp--sales-quotation-totals {
    width: 280px;
    margin-left: auto;
    text-align: right;
  }
  .hrp--sales-quotation-totals__title {
    float: left;
  }
  .hrp--sales-quotation-total__value {
    line-height: 24px;
  }
}
@media (max-width: 41.98rem) {
  .hrp--sales-quotation-totals__title {
    display: block;
    margin-bottom: 1rem;
    font-size: 13px;
  }
  .hrp--sales-quotation-total--total-price .hrp--sales-quotation-total__value {
    font-size: 16px;
  }
  .hrp--sales-quotation-total--net-price,
.hrp--sales-quotation-total--gross-price {
    margin-bottom: 0.125rem !important;
  }
  .hrp--sales-quotation-total--net-price .hrp--sales-quotation-total__value,
.hrp--sales-quotation-total--gross-price .hrp--sales-quotation-total__value,
.hrp--sales-quotation-total--vat-total .hrp--sales-quotation-total__value {
    font-size: 13px;
  }
}
@media (max-width: 65.98rem) {
  .hrp--sales-quotation-total {
    min-width: 100%;
    margin-left: auto;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
  }
  .hrp--sales-quotation-total.hrp--sales-quotation-total--total-price {
    margin-bottom: 0;
    margin-top: 1rem;
  }
  .hrp--sales-quotation-totals {
    width: calc(70% - 15px);
    float: right;
    font-size: 12px;
  }
  .hrp--sales-quotation-totals-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .hrp--sales-quotation-totals-wrapper:after {
    content: "";
    display: block;
    clear: both;
  }
  .hrp--sales-quotation-totals__title {
    width: calc(30% - 15px);
    float: left;
  }
  .hrp--sales-quotation-total--total-price {
    margin-left: 0;
  }
  .hrp--sales-quotation-total__value {
    margin-left: auto;
    text-align: right;
  }
}
.bx--accordion__item {
  padding-left: 0 !important;
}

[data-content-type=accordion] {
  list-style: none !important;
}
[data-content-type=accordion] .bx--accordion__item .bx--accordion {
  background-color: var(--bx-border-strong-01, #f3f3f3);
}
[data-content-type=accordion] .bx--accordion__item:not(.bx--accordion__item--active) > .bx--accordion__content {
  display: none;
}
[data-content-type=accordion] .bx--accordion__item--active > .bx--accordion__content {
  display: block;
}
[data-content-type=accordion] .bx--accordion__content {
  padding-right: 1rem;
}
[data-content-type=accordion] .bx--accordion__content > .cms-content, [data-content-type=accordion] .bx--accordion__content > .category-description, [data-content-type=accordion] .hrp--banner--generic .bx--accordion__content > [data-element=content], .hrp--banner--generic [data-content-type=accordion] .bx--accordion__content > [data-element=content] {
  margin-bottom: 1rem;
}
[data-content-type=accordion] .bx--accordion__content > .cms-content:empty, [data-content-type=accordion] .bx--accordion__content > .category-description:empty, [data-content-type=accordion] .hrp--banner--generic .bx--accordion__content > [data-element=content]:empty, .hrp--banner--generic [data-content-type=accordion] .bx--accordion__content > [data-element=content]:empty {
  display: none;
}

@font-face {
  font-family: "pagebuilder-font";
  font-style: normal;
  font-weight: normal;
  src: url("../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot");
  src: url("../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix") format("embedded-opentype"), url("../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff") format("woff"), url("../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf") format("truetype");
}
.pagebuilder-icon {
  font-family: "pagebuilder-font";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
}

[class^=pagebuilder-icon-]:before,
[class*=" pagebuilder-icon-"]:before {
  display: inline-block;
  font-family: "pagebuilder-font";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: middle;
}

.pagebuilder-icon-down:before {
  content: "\f101";
}

.pagebuilder-icon-next:before {
  content: "\f102";
}

.pagebuilder-icon-prev:before {
  content: "\f103";
}

.pagebuilder-icon-up:before {
  content: "\f104";
}

.product-full-width-section {
  padding: 0.5em 0;
}
.product-full-width-section .block.review-add {
  margin-top: 2.7rem;
}

.page-layout-product-full-width .block.related {
  margin-top: 2.7rem;
}

.page-main-details .product-section-title {
  border-bottom: 1px solid #fbfbfb;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.additional-attributes-wrapper .additional-attributes {
  border: none;
  width: auto;
}
.additional-attributes-wrapper .additional-attributes > tbody > tr > th {
  border: none;
  padding: 8px 32px 16px 0;
}
.additional-attributes-wrapper .additional-attributes > tbody > tr > td {
  border: none;
  padding: 8px 8px 16px;
}

.cms-index-index.page-layout-cms-full-width .nav-sections {
  margin-bottom: 0;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev {
  left: 1rem;
}

.slick-next {
  right: 1rem;
}

.slick-prev,
.slick-next {
  cursor: pointer;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 101;
}
.slick-prev svg,
.slick-next svg {
  fill: #ffffff;
}
.slick-prev.disabled, .slick-prev.slick-disabled,
.slick-next.disabled,
.slick-next.slick-disabled {
  opacity: 0.2;
}

.slick-dots {
  bottom: 1.5rem;
  display: block;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 14px;
  margin: 0 0.25rem !important;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 14px;
}
.slick-dots li button {
  background: #ffffff;
  border: 1px solid var(--bx-button-primary, #0f62fe);
  border-radius: 10px;
  box-shadow: none;
  cursor: pointer;
  display: block;
  height: 14px;
  padding: 0;
  text-indent: -99999px;
  transition: 0.3s;
  width: 14px;
}
.slick-dots li button:hover {
  border: 1px solid var(--bx-button-primary-hover, #0050e6);
}
.slick-dots li button:active, .slick-dots li button:focus, .slick-dots li button:not(.primary) {
  box-shadow: none;
}
.slick-dots li.slick-active button {
  background: var(--bx-button-primary, #0f62fe);
}

[data-appearance=collage-centered] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-left: auto;
  margin-right: auto;
}

[data-appearance=collage-left] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-right: auto;
}

[data-appearance=collage-right] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-left: auto;
}

[data-content-type=banner] > [data-element=link],
[data-content-type=banner] > [data-element=empty_link] {
  color: inherit;
  text-decoration: inherit;
}
[data-content-type=banner] > [data-element=link]:hover,
[data-content-type=banner] > [data-element=empty_link]:hover {
  color: inherit;
  text-decoration: inherit;
}

.pagebuilder-banner-wrapper {
  background-clip: padding-box;
  border-radius: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay {
  padding: 32px;
  transition: background-color 500ms ease;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
  align-items: center;
  display: flex;
  justify-content: center;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
  max-width: 540px;
}
.pagebuilder-banner-wrapper [data-element=content] {
  min-height: 50px;
}
.pagebuilder-banner-wrapper .pagebuilder-banner-button {
  margin: 16px 0 0 0;
  max-width: 100%;
  text-align: inherit;
  transition: opacity 500ms ease;
  word-break: break-word;
}

@media all and (max-width: 767px) {
  .pagebuilder-banner-wrapper {
    background-attachment: scroll !important;
  }
  .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
    max-width: none;
  }
}
.pagebuilder-banner-wrapper .pagebuilder-poster-content {
  width: 100%;
}

[data-content-type$=block] .block p:last-child {
  margin-bottom: 8px;
  margin-top: 0;
}

[data-content-type=button-item] {
  max-width: 100%;
}
[data-content-type=button-item] [data-element=link],
[data-content-type=button-item] [data-element=empty_link] {
  max-width: 100%;
  word-wrap: break-word;
}
[data-content-type=button-item] [data-element=empty_link] {
  cursor: default;
}

a.pagebuilder-button-link,
button.pagebuilder-button-link,
div.pagebuilder-button-link {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: inline-flex;
  width: max-content;
  max-width: 20rem;
  min-height: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  text-align: left;
  text-decoration: none;
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  color: var(--bx-link-primary, #0090FF);
  padding: calc(0.875rem - 3px) 16px;
  display: inline-flex !important;
  box-shadow: none;
}
a.pagebuilder-button-link *,
a.pagebuilder-button-link *::before,
a.pagebuilder-button-link *::after,
button.pagebuilder-button-link *,
button.pagebuilder-button-link *::before,
button.pagebuilder-button-link *::after,
div.pagebuilder-button-link *,
div.pagebuilder-button-link *::before,
div.pagebuilder-button-link *::after {
  box-sizing: inherit;
}
a.pagebuilder-button-link:disabled, a.pagebuilder-button-link:hover:disabled, a.pagebuilder-button-link:focus:disabled, a.pagebuilder-button-link.bx--btn--disabled, a.pagebuilder-button-link.bx--btn--disabled:hover, a.pagebuilder-button-link.bx--btn--disabled:focus,
button.pagebuilder-button-link:disabled,
button.pagebuilder-button-link:hover:disabled,
button.pagebuilder-button-link:focus:disabled,
button.pagebuilder-button-link.bx--btn--disabled,
button.pagebuilder-button-link.bx--btn--disabled:hover,
button.pagebuilder-button-link.bx--btn--disabled:focus,
div.pagebuilder-button-link:disabled,
div.pagebuilder-button-link:hover:disabled,
div.pagebuilder-button-link:focus:disabled,
div.pagebuilder-button-link.bx--btn--disabled,
div.pagebuilder-button-link.bx--btn--disabled:hover,
div.pagebuilder-button-link.bx--btn--disabled:focus {
  border-color: var(--bx-button-disabled, #c6c6c6);
  background: var(--bx-button-disabled, #c6c6c6);
  box-shadow: none;
  color: var(--bx-text-on-color-disabled, #8d8d8d);
  cursor: not-allowed;
}
a.pagebuilder-button-link .bx--btn__icon,
button.pagebuilder-button-link .bx--btn__icon,
div.pagebuilder-button-link .bx--btn__icon {
  position: absolute;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
a.pagebuilder-button-link:hover,
button.pagebuilder-button-link:hover,
div.pagebuilder-button-link:hover {
  background-color: var(--bx-layer-hover);
}
a.pagebuilder-button-link:focus,
button.pagebuilder-button-link:focus,
div.pagebuilder-button-link:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}
a.pagebuilder-button-link:active,
button.pagebuilder-button-link:active,
div.pagebuilder-button-link:active {
  background-color: var(--bx-layer-active);
}
a.pagebuilder-button-link .bx--btn__icon,
a.pagebuilder-button-link .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
button.pagebuilder-button-link .bx--btn__icon,
button.pagebuilder-button-link .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
div.pagebuilder-button-link .bx--btn__icon,
div.pagebuilder-button-link .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: inline-flex;
  width: max-content;
  max-width: 20rem;
  min-height: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  text-align: left;
  text-decoration: none;
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--bx-button-primary, #0f62fe);
  color: var(--bx-text-on-color, #ffffff);
  display: inline-flex !important;
  box-shadow: none;
  text-decoration: none;
}
a.pagebuilder-button-primary *,
a.pagebuilder-button-primary *::before,
a.pagebuilder-button-primary *::after,
button.pagebuilder-button-primary *,
button.pagebuilder-button-primary *::before,
button.pagebuilder-button-primary *::after,
div.pagebuilder-button-primary *,
div.pagebuilder-button-primary *::before,
div.pagebuilder-button-primary *::after {
  box-sizing: inherit;
}
a.pagebuilder-button-primary:disabled, a.pagebuilder-button-primary:hover:disabled, a.pagebuilder-button-primary:focus:disabled, a.pagebuilder-button-primary.bx--btn--disabled, a.pagebuilder-button-primary.bx--btn--disabled:hover, a.pagebuilder-button-primary.bx--btn--disabled:focus,
button.pagebuilder-button-primary:disabled,
button.pagebuilder-button-primary:hover:disabled,
button.pagebuilder-button-primary:focus:disabled,
button.pagebuilder-button-primary.bx--btn--disabled,
button.pagebuilder-button-primary.bx--btn--disabled:hover,
button.pagebuilder-button-primary.bx--btn--disabled:focus,
div.pagebuilder-button-primary:disabled,
div.pagebuilder-button-primary:hover:disabled,
div.pagebuilder-button-primary:focus:disabled,
div.pagebuilder-button-primary.bx--btn--disabled,
div.pagebuilder-button-primary.bx--btn--disabled:hover,
div.pagebuilder-button-primary.bx--btn--disabled:focus {
  border-color: var(--bx-button-disabled, #c6c6c6);
  background: var(--bx-button-disabled, #c6c6c6);
  box-shadow: none;
  color: var(--bx-text-on-color-disabled, #8d8d8d);
  cursor: not-allowed;
}
a.pagebuilder-button-primary .bx--btn__icon,
button.pagebuilder-button-primary .bx--btn__icon,
div.pagebuilder-button-primary .bx--btn__icon {
  position: absolute;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover {
  background-color: var(--bx-button-primary-hover, #0050e6);
}
a.pagebuilder-button-primary:focus,
button.pagebuilder-button-primary:focus,
div.pagebuilder-button-primary:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}
a.pagebuilder-button-primary:active,
button.pagebuilder-button-primary:active,
div.pagebuilder-button-primary:active {
  background-color: var(--bx-button-primary-active, #002d9c);
}
a.pagebuilder-button-primary .bx--btn__icon,
a.pagebuilder-button-primary .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
button.pagebuilder-button-primary .bx--btn__icon,
button.pagebuilder-button-primary .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
div.pagebuilder-button-primary .bx--btn__icon,
div.pagebuilder-button-primary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
a.pagebuilder-button-secondary,
button.pagebuilder-button-secondary,
div.pagebuilder-button-secondary {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: inline-flex;
  width: max-content;
  max-width: 20rem;
  min-height: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  text-align: left;
  text-decoration: none;
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--bx-button-secondary, #393939);
  color: var(--bx-text-on-color, #ffffff);
  display: inline-flex !important;
  box-shadow: none;
  text-decoration: none;
}
a.pagebuilder-button-secondary *,
a.pagebuilder-button-secondary *::before,
a.pagebuilder-button-secondary *::after,
button.pagebuilder-button-secondary *,
button.pagebuilder-button-secondary *::before,
button.pagebuilder-button-secondary *::after,
div.pagebuilder-button-secondary *,
div.pagebuilder-button-secondary *::before,
div.pagebuilder-button-secondary *::after {
  box-sizing: inherit;
}
a.pagebuilder-button-secondary:disabled, a.pagebuilder-button-secondary:hover:disabled, a.pagebuilder-button-secondary:focus:disabled, a.pagebuilder-button-secondary.bx--btn--disabled, a.pagebuilder-button-secondary.bx--btn--disabled:hover, a.pagebuilder-button-secondary.bx--btn--disabled:focus,
button.pagebuilder-button-secondary:disabled,
button.pagebuilder-button-secondary:hover:disabled,
button.pagebuilder-button-secondary:focus:disabled,
button.pagebuilder-button-secondary.bx--btn--disabled,
button.pagebuilder-button-secondary.bx--btn--disabled:hover,
button.pagebuilder-button-secondary.bx--btn--disabled:focus,
div.pagebuilder-button-secondary:disabled,
div.pagebuilder-button-secondary:hover:disabled,
div.pagebuilder-button-secondary:focus:disabled,
div.pagebuilder-button-secondary.bx--btn--disabled,
div.pagebuilder-button-secondary.bx--btn--disabled:hover,
div.pagebuilder-button-secondary.bx--btn--disabled:focus {
  border-color: var(--bx-button-disabled, #c6c6c6);
  background: var(--bx-button-disabled, #c6c6c6);
  box-shadow: none;
  color: var(--bx-text-on-color-disabled, #8d8d8d);
  cursor: not-allowed;
}
a.pagebuilder-button-secondary .bx--btn__icon,
button.pagebuilder-button-secondary .bx--btn__icon,
div.pagebuilder-button-secondary .bx--btn__icon {
  position: absolute;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
a.pagebuilder-button-secondary:hover,
button.pagebuilder-button-secondary:hover,
div.pagebuilder-button-secondary:hover {
  background-color: var(--bx-button-secondary-hover, #474747);
}
a.pagebuilder-button-secondary:focus,
button.pagebuilder-button-secondary:focus,
div.pagebuilder-button-secondary:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}
a.pagebuilder-button-secondary:active,
button.pagebuilder-button-secondary:active,
div.pagebuilder-button-secondary:active {
  background-color: var(--bx-button-secondary-active, #6f6f6f);
}
a.pagebuilder-button-secondary .bx--btn__icon,
a.pagebuilder-button-secondary .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
button.pagebuilder-button-secondary .bx--btn__icon,
button.pagebuilder-button-secondary .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
div.pagebuilder-button-secondary .bx--btn__icon,
div.pagebuilder-button-secondary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

@media all and (max-width: 767px) {
  .pagebuilder-column-group {
    flex-wrap: wrap;
  }
}
@media all and (max-width: 767px) {
  .pagebuilder-column-line {
    flex-wrap: wrap;
  }
}
@media all and (max-width: 767px) {
  .pagebuilder-column {
    background-attachment: scroll !important;
    flex-basis: 100%;
  }
}
[data-content-type=heading] {
  word-wrap: break-word;
}

[data-content-type=html] {
  word-wrap: break-word;
}

figure[data-content-type=image] > [data-element=link],
figure[data-content-type=image] > [data-element=link] img {
  border-radius: inherit;
}
figure[data-content-type=image] figcaption {
  word-wrap: break-word;
}

[data-content-type=map] {
  height: 300px;
}

.pagebuilder-column .widget-product-grid .product-item {
  max-width: 100%;
  min-width: 50px;
}
.pagebuilder-column .widget-product-grid .product-item .price-box {
  word-wrap: break-word;
}
.pagebuilder-column .widget-product-grid .product-item .price-box .price {
  white-space: normal;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-primary {
  display: inline-block;
  max-width: 100%;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-secondary {
  display: inline-block;
  width: auto;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .tocart {
  max-width: 100%;
  white-space: normal;
}
.pagebuilder-column [data-content-type=products] .block.widget .products-grid .widget-product-grid.product-items .product-item {
  width: 200px;
}
.pagebuilder-column .bfb {
  max-width: 100% !important;
}

[data-content-type=row][data-appearance=contained] {
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px;
}
[data-content-type=row][data-appearance=contained] [data-element=inner] {
  box-sizing: border-box;
}

@media all and (max-width: 767px) {
  [data-content-type=row][data-appearance=contained] [data-element=inner] {
    background-attachment: scroll !important;
  }
}
@media all and (max-width: 767px) {
  [data-content-type=row][data-appearance=full-bleed] {
    background-attachment: scroll !important;
  }
}
[data-content-type=row][data-appearance=full-width] > .row-full-width-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: 100%;
}

@media all and (max-width: 767px) {
  [data-content-type=row][data-appearance=full-width] {
    background-attachment: scroll !important;
  }
}
[data-content-type=slide] {
  min-height: inherit;
  overflow: hidden;
}
[data-content-type=slide] > [data-element=link],
[data-content-type=slide] > [data-element=empty_link] {
  color: inherit;
  min-height: inherit;
  text-decoration: inherit;
}
[data-content-type=slide] > [data-element=link]:hover,
[data-content-type=slide] > [data-element=empty_link]:hover {
  color: inherit;
  text-decoration: inherit;
}

.pagebuilder-slide-wrapper {
  border-radius: inherit;
  min-height: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay {
  border-radius: inherit;
  padding: 32px;
  transition: background-color 500ms ease;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: inherit;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
  max-width: 540px;
}
.pagebuilder-slide-wrapper [data-element=content] {
  min-height: 50px;
}
.pagebuilder-slide-wrapper .pagebuilder-slide-button {
  margin: 16px 0 0 0;
  max-width: 100%;
  text-align: inherit;
  transition: opacity 500ms ease;
  word-break: break-word;
}

@media all and (max-width: 768px) {
  .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
    max-width: none;
  }
}
.pagebuilder-slide-wrapper .pagebuilder-poster-content {
  width: 100%;
}

[data-appearance=collage-right] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-left: auto;
}

[data-appearance=collage-left] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-right: auto;
}

[data-appearance=collage-centered] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-left: auto;
  margin-right: auto;
}

div[data-content-type=slider] {
  display: none;
}
div[data-content-type=slider].slick-initialized {
  display: block;
}
div[data-content-type=slider] .slick-track {
  display: flex;
}
div[data-content-type=slider] .slick-list,
div[data-content-type=slider] .slick-track,
div[data-content-type=slider] .slick-slide {
  min-height: inherit;
}
div[data-content-type=slider] .slick-list > div,
div[data-content-type=slider] .slick-track > div,
div[data-content-type=slider] .slick-slide > div {
  min-height: inherit;
  overflow: hidden;
  width: 100%;
}

div[data-content-type=tabs] .tabs-navigation {
  display: block;
  font-size: 0;
  margin: 0 0 -1px;
  padding: 0;
}
div[data-content-type=tabs] .tabs-navigation li:first-child {
  margin-left: 0 !important;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header {
  background: #f7f7f9;
  border: 1px solid #fbfbfb;
  border-bottom: 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  position: relative;
  word-wrap: break-word;
  z-index: 1;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header:not(:first-child) {
  margin-left: -1px;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title {
  border-right: 0;
  color: #000;
  cursor: pointer !important;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 1.4rem 2rem;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
  white-space: normal;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title span.tab-title {
  display: block;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title:hover {
  text-decoration: none;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header:last-child {
  border-right: 1px solid #fbfbfb;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header.ui-state-active {
  background: #fff;
  z-index: 19;
}
div[data-content-type=tabs] .tabs-navigation li.tab-header.ui-state-active a.tab-title {
  position: relative;
  transition: all 0.3s;
}
div[data-content-type=tabs] .tabs-content {
  border: 1px solid #fbfbfb;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
div[data-content-type=tabs] .tabs-content [data-content-type=tab-item] {
  min-height: inherit;
}
div[data-content-type=tabs] .tabs-content [data-content-type=tab-item]:not(:first-child) {
  display: none;
}
div[data-content-type=tabs].tab-align-left .tabs-content {
  border-top-left-radius: 0 !important;
}
div[data-content-type=tabs].tab-align-right .tabs-content {
  border-top-right-radius: 0 !important;
}

@media all and (max-width: 767px) {
  [data-content-type=tab-item] {
    background-attachment: scroll !important;
  }
}
div[data-content-type=text] {
  word-wrap: break-word;
}

div[data-content-type=video] .pagebuilder-video-inner {
  display: inline-block;
  width: 100%;
}
div[data-content-type=video] .pagebuilder-video-container {
  border-radius: inherit;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
div[data-content-type=video] iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.pb-force-flex-row {
  display: flex;
  flex: 1;
}
.pb-force-flex-row [data-content-type=row] {
  display: flex;
  flex: 1;
}
.pb-force-flex-row [data-element=inner] {
  display: flex;
  flex-direction: row !important;
  flex: 1;
}
.pb-force-flex-row [data-content-type=html] {
  display: flex;
}

.cms-content-important {
  background-color: #f7f7f9;
  color: #1a1b1d;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 16px;
  padding: 16px;
}

.pagebuilder-full-width {
  float: left;
  width: 100%;
}

.pagebuilder-content-type {
  margin-bottom: 16px;
}

@media all and (min-width: 672px) {
  .pagebuilder-mobile-only {
    display: none !important;
  }
}
@media all and (max-width: 671px) {
  .pagebuilder-mobile-hidden {
    display: none !important;
  }
}
[data-content-type=row][data-appearance=contained] {
  padding-left: 1rem;
  padding-right: 1rem;
}

[data-element=main] > figure:first-child {
  margin-top: 0;
}

[data-content-type=column] > *:last-child:not([data-content-type=text]),
[data-content-type=text] > *:last-child {
  margin-bottom: 1.5rem;
}

[data-content-type=row] > [data-element=inner] > [data-content-type=buttons] {
  margin-bottom: 0.5rem;
}

[data-content-type=buttons] [data-content-type=button-item] {
  margin: 0 0.5rem 0.5rem 0;
}

[data-content-type=column] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
[data-content-type=column]:first-child {
  padding-left: 0;
}
[data-content-type=column]:last-child {
  padding-right: 0;
}

[data-content-type=slide],
[data-content-type=banner],
[data-content-type=slider] {
  overflow: hidden;
  min-height: inherit !important;
}

@media (max-width: 41.98rem) {
  [data-content-type=column-group] {
    display: block !important;
  }
  [data-content-type=column] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  [data-content-type=column] img {
    width: 100%;
  }
  [data-content-type=column] [data-element=mobile_image][data-is-small=true] {
    width: auto;
    max-width: inherit;
    margin: 0 auto;
  }
}
@keyframes hide-feedback {
  0% {
    opacity: 1;
    visibility: inherit;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes show-feedback {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: inherit;
  }
}
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
.bfb-element-label {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  display: inline-block;
  margin-bottom: 0.5rem;
  color: var(--bx-text-secondary, #525252);
  font-weight: 400;
  line-height: 1rem;
  vertical-align: baseline;
}
.bfb-element-label html {
  font-size: 100%;
}
.bfb-element-label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.bfb-element-label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.bfb-element-label strong {
  font-weight: 600;
}

.bfb-element-control-inner .iti--allow-dropdown {
  width: 100%;
}

.mgz-element-single_image {
  margin-bottom: 0.75rem;
}

.mgz-element-single_image img {
  max-width: 100%;
}

.magezon-builder {
  margin-top: 1.5rem;
}
.magezon-builder .mgz-container {
  width: 100% !important;
}
.magezon-builder .mgz-container .mgz-element-inner {
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
}
.magezon-builder > .mgz-element-row > .mgz-element-inner {
  border-top: 0 !important;
  padding-top: 0 !important;
  margin: 0 !important;
}

.empty > .block.bfb {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 750px;
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
@media (min-width: 66rem) {
  .page-layout-2columns-right .columns {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "content sidebar" "content additional";
    -ms-grid-columns: 1fr 1.5rem var(--card-width);
    grid-template-columns: 1fr var(--card-width);
    -ms-grid-rows: min-content 1fr;
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
}
.page-layout-2columns-right .column.main {
  grid-area: content;
  overflow: hidden;
}
@media (max-width: 41.98rem) {
  .page-layout-2columns-right .column.main {
    max-width: 100%;
  }
}
.page-layout-2columns-right .sidebar-additional {
  grid-area: additional;
}
.page-layout-2columns-right .sidebar-main {
  grid-area: sidebar;
}

.page-layout-discount .filters__list {
  display: none;
}

body .page-main {
  margin-bottom: 4rem;
}

.appointment-booking__error-item, .appointment-booking__worksheet-item {
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  margin: 0.75rem 0;
  position: relative;
}
.appointment-booking__worksheet-item {
  padding-bottom: 1rem;
}
.appointment-booking__error-item-remove-action, .appointment-booking__worksheet-item-remove-action {
  position: absolute !important;
  top: 1rem;
  right: 1rem;
}
.appointment-booking__title {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  color: var(--bx-text-primary, #161616);
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.appointment-booking__error-item-actions, .appointment-booking__worksheet-item-actions {
  margin-bottom: 1rem;
}

.list--with-icon {
  display: flex;
}

.list__icon-link {
  box-shadow: none !important;
}

.bx--website-footer {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  width: 100%;
  background: var(--bx-layer-02, #f3f3f3);
  color: var(--bx-text-primary, #161616);
  position: relative;
  z-index: 2;
}

.bx--website-footer .hrp--header__language {
  margin-left: -1rem;
}

.bx--website-footer .hrp--header__language {
  margin-left: -0.75rem;
}

.bx--website-footer .bx--grid {
  padding-top: 1.5rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 42rem) {
  .bx--website-footer .bx--grid {
    padding-bottom: 2rem;
  }
}

.bx--website-footer__nav {
  margin-bottom: 1.5rem;
  position: relative;
}
@media (max-width: 41.98rem) {
  .bx--website-footer__nav {
    margin-top: 1.5rem;
  }
}

.bx--website-footer__nav li {
  display: block;
  margin: 0 0 0.5rem 0;
}
@media (min-width: 66rem) {
  .bx--website-footer__nav li {
    margin: 0;
  }
}

.bx--website-footer a {
  color: var(--bx-text-secondary, #525252);
  text-decoration: none;
}

.bx--website-footer .bx--website-footer__link {
  box-shadow: 0 0 currentColor;
}

.bx--website-footer__content,
.bx--website-footer__content p {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  margin-bottom: 0.5rem !important;
  font-size: var(--bx-body-short-01-font-size, 0.875rem) !important;
  line-height: var(--bx-body-02-line-height, 1.5) !important;
}
@media (min-width: 66rem) {
  .bx--website-footer__content,
.bx--website-footer__content p {
    text-align: right;
  }
}

.footer__social-handler-wrapper {
  display: flex;
}

.footer__social-handler {
  display: flex;
  align-items: center;
  align-self: center;
}

.footer__creator {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
@media (max-width: 41.98rem) {
  .footer__creator {
    justify-content: start;
  }
}
@media (min-width: 42rem) {
  .footer__creator {
    justify-content: end;
  }
}

.footer__creator-text {
  white-space: nowrap;
  font-size: 11px;
}

.footer__creator-icon {
  width: 50px;
  height: 50px;
}

.navigation .menu-icon {
  width: 30px;
  height: 30px;
  margin-right: 15px;
  fill: #B6CAD7;
}
.navigation .category-item > a, .navigation .all-category > a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 42px;
}
.navigation a.level-top,
.navigation .category-head a {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
@media (max-width: 65.98rem) {
  .navigation li.parent > a.level-top {
    pointer-events: none;
  }
  .navigation .category-item.parent > a {
    width: fit-content !important;
  }
}

@media (min-width: 66rem) {
  .navigation .ui-menu {
    outline: none;
    box-shadow: none;
  }
  .navigation svg,
.navigation .menu-icon {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    flex: 0 0 30px;
  }
  .navigation svg,
.navigation svg *,
.navigation .menu-icon {
    fill: var(--bx-text-primary, #161616);
  }
  .navigation .category-item > a, .navigation .all-category > a {
    color: var(--bx-text-primary, #161616);
    background-color: var(--bx-background, #ffffff);
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
    position: relative;
    width: 100%;
    margin: 0;
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
  }
  .navigation .category-item > a span:not(.ui-icon), .navigation .all-category > a span:not(.ui-icon) {
    margin-right: 0.75rem;
  }
  .navigation .category-item > a:hover, .navigation .all-category > a:hover {
    background-color: var(--bx-layer-hover-01, #e8e8e8);
  }
  .navigation .category-item > a:focus, .navigation .all-category > a:focus {
    outline: none;
  }
  .navigation .category-item:hover > a, .navigation .all-category:hover > a {
    background-color: var(--bx-layer-hover-01, #e8e8e8);
  }
  .navigation .category-item.parent {
    position: relative;
  }
  .navigation .category-item.parent > a:after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgYXJpYS1oaWRkZW49InRydWUiIHN0eWxlPSJ3aWxsLWNoYW5nZTp0cmFuc2Zvcm0iPjxwYXRoIGQ9Ik0yMiAxNiAxMiAyNmwtMS40LTEuNCA4LjYtOC42LTguNi04LjZMMTIgNnoiLz48L3N2Zz4=");
    background-size: cover;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    order: 2;
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .navigation .category-item.parent:hover > .submenu {
    display: block !important;
  }
  .navigation .category-item .submenu {
    position: absolute !important;
    display: none !important;
    left: 100% !important;
    min-width: 240px;
  }
  .navigation .category-item .submenu:not(.bottom) {
    top: -20px !important;
  }
  .navigation .category-item .submenu.bottom {
    bottom: -20px !important;
  }
  .navigation .category-item .level0.submenu:not(.bottom) {
    top: -23px !important;
  }
  .navigation .category-item .level0.submenu.bottom {
    bottom: -23px !important;
  }
  .navigation .category-item .level0.submenu:not(.column-2, .bottom) {
    top: -15px !important;
  }
  .navigation .category-item .level0.submenu.bottom:not(.column-2) {
    bottom: -13px !important;
  }
  .navigation .category-head {
    margin-bottom: 1rem !important;
  }
  .navigation .category-head svg, .navigation .category-head svg * {
    fill: #fff !important;
  }
  .navigation .column-2 > .category-head {
    position: absolute;
    top: 30px;
  }
  .navigation .category-head a {
    color: white;
    align-items: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    height: 1.875rem;
  }
  .navigation .category-head a span {
    text-wrap: wrap;
  }
  .navigation .level0.submenu {
    background: var(--bx-button-primary, #0f62fe);
    padding: 30px 0;
  }
  .navigation .level0.submenu:not(.column-2) {
    padding: 20px 0;
  }
  .navigation .level0.submenu.column-2 {
    width: 600px;
    padding-top: 4.6rem;
  }
  .navigation .level0.submenu.column-2:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    border-left: 1px solid #0d457d;
  }
  .navigation .level0.submenu > li {
    break-inside: avoid;
    white-space: nowrap;
    width: 230px;
    margin: 0 35px;
    float: left;
  }
  .navigation .level0.submenu > li .submenu {
    top: -20px !important;
  }
  .navigation .level0.submenu > li > a:hover {
    color: #9db7cc;
  }
  .navigation .level0.submenu > li > a:hover svg, .navigation .level0.submenu > li > a:hover .menu-icon {
    fill: #9db7cc;
  }
  .navigation .level0.submenu .category-item > a {
    padding: 0;
    line-height: 1;
    background-color: transparent;
    color: #fff;
    height: 1.75rem;
  }
  .navigation .level1.submenu {
    background: var(--bx-button-secondary, #393939);
    padding: 20px 0;
    z-index: 1;
    left: calc(100% + 10px) !important;
  }
  .navigation .level1.submenu:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0;
    left: -10px;
  }
  .navigation .level1.submenu.column-2 {
    width: 560px;
  }
  .navigation .level1.submenu.column-2:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    border-left: 1px solid #1c2229;
  }
  .navigation .level1.submenu > li {
    break-inside: avoid;
    white-space: nowrap;
    min-width: 230px;
    margin: 0 25px;
    float: left;
  }
  .navigation .level1.submenu > li > a:hover {
    color: var(--bx-button-primary, #0f62fe);
  }
  .navigation .level1.submenu .category-item > a {
    padding: 0;
    line-height: 1;
    background-color: transparent;
    color: #fff;
  }
}
.page-header {
  color: var(--bx-text-primary, #161616);
}
.page-header .breadcrumbs {
  margin: 1rem 0;
}
.page-header .heading--page {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: 0.1;
  font-size: calc(1.25rem +
      0.5 *
      ((100vw - 20rem) / 46)
    );
}
@media (min-width: 66rem) {
  .page-header .heading--page {
    font-size: 1.75rem;
    line-height: 129%;
    font-size: 1.75rem;
  }
}

.bx--grid.page-header__label-wrapper {
  padding-top: 1.5rem;
  margin-bottom: auto;
}

.page-header__label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  font-size: calc(1rem +
      0.25 *
      ((100vw - 20rem) / 60)
    );
}
@media (min-width: 80rem) {
  .page-header__label {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 125%;
    font-size: 1.25rem;
  }
}

.page-header__title {
  margin-bottom: 1.5rem;
  margin-top: 0.75rem;
}

.feature-tile--margin {
  margin-bottom: 1.5rem;
}

a.feature-tile {
  display: block;
  text-decoration: none;
  width: 100%;
}

.tile__img .gatsby-resp-image-wrapper {
  background: transparent;
  margin: 0 !important;
  max-width: 100% !important;
}

.feature-tile__tile {
  width: 100%;
  position: relative;
}
@media (min-width: 42rem) {
  .feature-tile__tile {
    width: 50%;
    position: absolute;
    right: 1rem;
    bottom: 0;
  }
}
@media (min-width: 66rem) {
  .feature-tile__tile {
    width: 25%;
  }
}

a.feature-tile:hover .feature-tile__info {
  background-color: var(--bx-toggle-off, #8d8d8d);
}

.feature-tile__info {
  background-color: var(--bx-layer-accent-01, #dcdcdc);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}

.feature-tile__info p {
  padding-bottom: 0;
  line-height: 1.25;
}

.feature-tile__icon {
  position: absolute;
  bottom: 0.875rem;
  right: 1rem;
  fill: var(--bx-text-primary, #161616);
}

.feature-tile__label {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  color: var(--bx-text-secondary, #525252);
}

.feature-tile__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  font-size: calc(1rem +
      0.25 *
      ((100vw - 20rem) / 60)
    );
  color: var(--bx-text-primary, #161616);
}
@media (min-width: 80rem) {
  .feature-tile__title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 125%;
    font-size: 1.25rem;
  }
}

a.feature-tile.feature-tile--mobile {
  display: block;
}
@media (min-width: 42rem) {
  a.feature-tile.feature-tile--mobile {
    display: none;
  }
}

a.feature-tile.feature-tile--desktop {
  display: none;
}
@media (min-width: 42rem) {
  a.feature-tile.feature-tile--desktop {
    display: block;
  }
}

div.feature-tile--margin.feature-tile--mobile,
div.feature-tile--mobile {
  margin-bottom: 1rem;
}
@media (min-width: 42rem) {
  div.feature-tile--margin.feature-tile--mobile,
div.feature-tile--mobile {
    margin-bottom: 0;
  }
}

div.feature-tile--margin.feature-tile--desktop,
div.feature-tile--desktop {
  margin-bottom: 0;
}
@media (min-width: 42rem) {
  div.feature-tile--margin.feature-tile--desktop,
div.feature-tile--desktop {
    margin-bottom: 1rem;
  }
  div.feature-tile--margin.feature-tile--desktop > .bx--col-lg-12,
div.feature-tile--desktop > .bx--col-lg-12 {
    padding: 0;
  }
}

.button:not(.button--action-active) .button__icon--active,
.button.button--action-active .button__icon--default {
  display: none;
}

.button.button--action-active .button__icon--active {
  display: block;
}

a.tile--article,
.tile--common {
  display: flex;
  text-decoration: none;
  color: var(--bx-text-primary, #161616);
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  background: var(--bx-background, #ffffff);
  margin-bottom: 1rem;
  width: 100%;
}

a.tile--article.tile--dark,
.tile--common.tile--dark {
  background: #262626;
  color: #ffffff;
}

.tile--common.tile--dark .tile__info-title {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-decoration: none;
}

a.tile--article.tile--dark:hover,
a.tile--common.tile--dark:hover {
  background: #393939;
}

.tile--article .tile__img,
.tile--common .tile__img {
  margin: 0;
  overflow: hidden;
  border-bottom: none;
}

.tile__img span {
  height: 100%;
}

.tile--article .tile__img img,
.tile--common .tile__img img {
  width: 100%;
  object-fit: cover;
}

.tile--article .tile__info,
.tile--common .tile__info {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  padding-right: 25%;
}
@media (min-width: 66rem) {
  .tile--article .tile__info,
.tile--common .tile__info {
    padding-right: 1rem;
  }
}
@media (min-width: 80rem) {
  .tile--article .tile__info,
.tile--common .tile__info {
    padding-right: 30%;
  }
}

.tile--article .tile__info h5,
.tile--common .tile__info h5 {
  text-decoration: none;
  color: var(--bx-text-primary, #161616);
  font-size: var(--bx-body-short-02-font-size, 1rem);
  font-weight: var(--bx-body-short-02-font-weight, 400);
  line-height: var(--bx-body-short-02-line-height, 1.375);
  letter-spacing: var(--bx-body-short-02-letter-spacing, 0);
}

.tile--article.tile--dark .tile__info h5,
.tile--common.tile--dark .tile__info h5 {
  color: #ffffff;
}

.tile--article .tile__caption p,
.tile--common .tile__caption p {
  font-size: var(--bx-caption-01-font-size, 0.75rem);
  font-weight: var(--bx-caption-01-font-weight, 400);
  line-height: var(--bx-caption-01-line-height, 1.34);
  letter-spacing: var(--bx-caption-01-letter-spacing, 0.32px);
  padding: 0;
  max-width: 75%;
}

.tile--resource {
  width: 100%;
}
@media (min-width: 42rem) {
  .tile--resource {
    width: 100%;
    margin: 0;
  }
}

.tile--resource--no-margin .tile--resource {
  margin-bottom: 0;
}

.tile--resource a.bx--tile {
  text-decoration: none;
  color: var(--bx-text-primary, #161616);
  padding: 1rem;
  position: relative;
  background: #ffffff;
  height: 100%;
}
.tile--resource a.bx--tile:hover {
  background: var(--bx-layer-hover-01, #e8e8e8);
}

.tile--resource.tile--dark a.bx--tile {
  background: #262626;
  color: #ffffff;
}

.tile--resource.tile--dark a.bx--tile:hover {
  background: #393939;
}

.tile--resource .tile__info {
  width: 100%;
}
@media (min-width: 66rem) {
  .tile--resource .tile__info {
    width: 75%;
  }
}

.tile--resource .tile__info h5 {
  display: block;
  width: 100%;
  text-decoration: none;
  color: var(--bx-text-primary, #161616);
  margin: 0 0 0.5rem 0;
  padding: 0 0 0 0;
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
}

.tile--resource.tile--dark .tile__info h5 {
  color: #ffffff;
}

.tile--resource .tile__description {
  padding-bottom: 0;
  color: var(--bx-text-primary, #161616);
}

.tile--dark .tile__description {
  color: #ffffff;
}

.tile--resource .tile__img {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
}
.tile--resource .tile__img img {
  width: 100%;
  margin: 0;
}

.tile--resource .tile__link-icon {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 20px;
  height: 20px;
}
.tile--resource .tile__link-icon svg {
  fill: #000000;
}

.tile--dark .tile__link-icon svg {
  fill: #ffffff;
}

.tile--group > div .tile--resource {
  border-bottom: 1px solid #e0e0e0;
}
.tile--group > div .tile--resource.tile--dark {
  border-bottom-color: #000000;
}
@media (min-width: 42rem) {
  .tile--group > div .tile--resource {
    border: 1px solid transparent;
    border-right: none;
    border-bottom: none;
  }
}

@media (min-width: 42rem) {
  .tile--group > div:nth-child(2n+2) .tile--resource {
    border-left: 1px solid #e0e0e0;
  }
  .tile--group > div:nth-child(2n+2) .tile--resource.tile--dark {
    border-left-color: #000000;
  }
}

@media (min-width: 42rem) {
  .tile--group > div:nth-child(n+3) .tile--resource {
    border-top: 1px solid #e0e0e0;
  }
  .tile--group > div:nth-child(n+3) .tile--resource.tile--dark {
    border-top-color: #000000;
  }
}

.tile--group a.tile--article.tile--dark,
.tile--group .tile--common.tile--dark {
  border-color: #000000;
}

a.tile--article .tile__caption p,
.tile--common .tile__caption p {
  color: var(--bx-text-secondary, #525252);
}

a.tile--article.tile--dark .tile__caption p,
.tile--common.tile--dark .tile__caption p {
  color: #c6c6c6;
}

.toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 65.98rem) {
  .toolbar {
    margin-top: 0.75rem;
  }
}
@media (max-width: 41.98rem) {
  .toolbar > * {
    margin-bottom: 0.75rem;
  }
  .toolbar__sorter-label, .toolbar__limiter-label {
    display: none;
  }
}
.toolbar__mode {
  display: flex;
}
.toolbar__amount {
  color: var(--bx-text-secondary, #525252);
}
@media (max-width: 19.98rem) {
  .toolbar .toolbar__amount-content span {
    display: none;
  }
}
.toolbar__sorter-select {
  max-width: 100px;
}
.toolbar__sorter-select, .toolbar__limiter-select {
  min-width: inherit !important;
  width: inherit !important;
  height: 18px !important;
}
.toolbar__sorter-select:hover, .toolbar__limiter-select:hover {
  background-color: transparent !important;
}
.toolbar__sorter-label {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  color: var(--bx-text-primary, #161616);
}
.toolbar__sorter-select {
  font-weight: 600 !important;
}
.toolbar__sort-order {
  display: block;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.toolbar__sort-order svg {
  margin: 0 auto;
}
.toolbar__sort-order-icon {
  color: var(--bx-text-primary, #161616);
}
.toolbar.wishlist-toolbar {
  margin: 0;
}
.wishlist-toolbar .toolbar {
  justify-content: space-between;
  width: calc(100% + 1rem);
  margin-top: 1rem;
}
@media (max-width: 41.98rem) {
  .wishlist-toolbar .toolbar {
    display: block !important;
    text-align: center;
  }
  .wishlist-toolbar .toolbar .pager__list {
    justify-content: center;
  }
}
.bx--catalog-list__products .toolbar__mode, .bx--catalog-list__products .toolbar__limiter, .bx--catalog-list__products .toolbar__pager {
  display: none;
}
.bx--catalog-list__products .toolbar__amount {
  order: 1;
  flex-grow: 10;
  text-align: left;
}
.bx--catalog-list__products .toolbar__sorter, .bx--catalog-list__products .toolbar__sort-order {
  order: 10;
}
.bx--catalog-list__products .toolbar__result-export {
  order: 20;
}
.bx--catalog-list__products .toolbar__result-export .bx--overflow-menu-options {
  left: inherit;
  right: 0;
  width: 200px;
}
.bx--catalog-list__products .toolbar__result-export .bx--overflow-menu-options__btn {
  overflow: visible;
  min-width: 100%;
}
.bx--catalog-list__products .toolbar ~ .toolbar .toolbar__sorter, .bx--catalog-list__products .toolbar ~ .toolbar .toolbar__sort-order, .bx--catalog-list__products .toolbar ~ .toolbar .toolbar__amount, .bx--catalog-list__products .toolbar ~ .toolbar .toolbar__result-export {
  display: none;
}
.bx--catalog-list__products .toolbar ~ .toolbar .toolbar__limiter, .bx--catalog-list__products .toolbar ~ .toolbar .toolbar__pager {
  display: block;
}

.pager__item--current {
  padding: calc(0.375rem - 3px) 12px;
}

.pager__list {
  display: flex;
}

.pager__link {
  padding: 0 !important;
  width: 100%;
  text-align: center !important;
  text-indent: 0;
  display: inline-flex;
  line-height: 32px;
  justify-content: center;
}
.pager__link svg {
  margin: 0 auto;
}

.pager__item {
  width: 32px;
  line-height: 32px;
  height: 32px;
  padding: 0 !important;
  display: block;
  text-align: center;
  overflow: hidden;
}
.pager__item svg {
  margin-top: 2px;
}

.compare {
  margin-bottom: 0.75rem;
  overflow-x: auto;
}
.compare__table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media (max-width: 65.98rem) {
  .compare__table {
    width: 100%;
    table-layout: fixed;
  }
}
.compare__label {
  width: 240px;
  text-align: left;
  padding: 0.25rem;
  background-color: transparent;
  border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
}
@media (max-width: 65.98rem) {
  .compare__label {
    padding: 0.5rem;
  }
}
.compare__cell {
  position: relative;
  padding: 0.5rem;
  line-height: 1rem;
  width: 240px;
  border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  word-wrap: break-word;
}
.compare__cell ul {
  padding-left: 0.75rem;
}
.compare__cell li {
  line-height: 1.4em;
}
.compare__product {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.compare .image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.compare__link {
  margin-bottom: 0.5rem;
  color: var(--bx-text-primary, #161616);
  text-decoration: none;
  display: block;
  min-height: 55px;
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
}
.compare__rating {
  display: block;
  margin-bottom: 0.5rem;
}
.compare__price {
  width: 100%;
  margin-bottom: 0.5rem;
}
.compare__price .price__value--old {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  color: var(--bx-text-primary, #161616);
}
.compare__price .price__value:not(.price__value--old) {
  font-size: var(--bx-productive-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-productive-heading-03-font-weight, 400);
  line-height: var(--bx-productive-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-productive-heading-03-letter-spacing, 0);
  font-weight: 600;
  color: var(--bx-text-primary, #161616);
}
.compare__sku-wrapper {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  color: var(--bx-text-secondary, #525252);
  width: 100%;
}
.compare__buttons-container {
  width: 100%;
  align-self: flex-end;
}
.compare__secondary-buttons {
  display: flex;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.compare__form {
  margin: 0;
}
@media (max-width: 65.98rem) {
  .compare__cart-icon {
    display: none;
  }
}
.compare__wishlist {
  padding-left: 0 !important;
}
.compare__remove {
  position: absolute !important;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px !important;
  min-height: inherit !important;
  border-radius: 20px;
  background-color: #fff;
}
.compare__remove:hover, .compare__remove:active {
  background-color: var(--bx-layer-01, #f3f3f3);
}
.compare__data-row--hidden {
  display: none;
}
.compare__data-row--highlighted td, .compare__data-row--highlighted th {
  background-color: var(--bx-button-primary, #0f62fe);
  color: var(--bx-text-on-color, #ffffff);
}
.compare__label--product {
  opacity: 0;
  visibility: hidden;
  border: none;
}
.compare__cell--product {
  border: none;
  background-color: transparent;
}

.fc-button:not(:disabled), .fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a.fc-more, a[data-goto] {
  cursor: pointer;
}

.fc-bg, .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
  bottom: 0;
}

.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

.fc-highlight {
  background: #bce8f1;
  opacity: 0.3;
}

.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px;
}

.fc-rtl .fc-popover .fc-header {
  flex-direction: row-reverse;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  opacity: 0.65;
  font-size: 1.1em;
}

.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-width: 1px 0;
}

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
  height: 100%;
}

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc table {
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}

.fc th {
  text-align: center;
}

a[data-goto]:hover {
  text-decoration: underline;
}

.fc .fc-row {
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
}

.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
}

.fc-row .fc-mirror-skeleton {
  z-index: 5;
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
  background: 0 0;
  border-color: transparent;
}

.fc-row .fc-content-skeleton td, .fc-row .fc-mirror-skeleton td {
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-mirror-skeleton tbody td {
  border-top: 0;
}

.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
  position: relative;
  width: 100%;
}

.fc-not-allowed, .fc-not-allowed .fc-event {
  cursor: not-allowed;
}

a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  display: none;
}

.fc-button, .fc-icon {
  display: inline-block;
  font-weight: 400;
  text-align: center;
}

.fc-day-grid .fc-row {
  z-index: 1;
}

.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #dcdcdc;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
  background: #eee;
}

.fc-unthemed .fc-disabled-day {
  background: #f3f3f3;
}

@font-face {
  font-family: fcicons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: 400;
  font-style: normal;
}
.fc-icon {
  font-family: fcicons !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1em;
  height: 1em;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}

.fc-button {
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
}

.fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

.fc-button {
  -webkit-appearance: button;
  color: #212529;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.fc-button:hover {
  color: #212529;
  text-decoration: none;
}

.fc-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc-button:disabled {
  opacity: 0.65;
}

.fc-button-primary {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.fc-button-primary:hover {
  color: #fff;
  background-color: #1e2b37;
  border-color: #1a252f;
}

.fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc-button-primary:disabled {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27;
}

.fc-button-primary:not(:disabled).fc-button-active:focus, .fc-button-primary:not(:disabled):active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em;
}

.fc-button-group > .fc-button {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.fc-button-group > .fc-button.fc-button-active, .fc-button-group > .fc-button:active, .fc-button-group > .fc-button:focus, .fc-button-group > .fc-button:hover {
  z-index: 1;
}

.fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}

.fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fc-toolbar.fc-header-toolbar {
  height: 40px;
  margin-bottom: 20px;
}

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}

.fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}

.fc-toolbar h2 {
  font-size: 15px;
  margin: 0;
}

.fc-view-container {
  position: relative;
}

.fc-view, .fc-view > table {
  position: relative;
  z-index: 1;
}

@media print {
  .fc-bg, .fc-bgevent-container, .fc-bgevent-skeleton, .fc-business-container, .fc-event .fc-resizer, .fc-highlight-container, .fc-highlight-skeleton, .fc-mirror-container, .fc-mirror-skeleton {
    display: none;
  }
  .fc tbody .fc-row, .fc-time-grid {
    min-height: 0 !important;
  }
  .fc-time-grid .fc-event.fc-not-end:after, .fc-time-grid .fc-event.fc-not-start:before {
    content: "...";
  }
  .fc {
    max-width: 100% !important;
  }
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid;
  }
  .fc hr, .fc tbody, .fc td, .fc th, .fc thead, .fc-row {
    border-color: #ccc !important;
    background: #fff !important;
  }
  .fc tbody .fc-row {
    height: auto !important;
  }
  .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    padding-bottom: 0 !important;
  }
  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    padding-bottom: 1em;
  }
  .fc tbody .fc-row .fc-content-skeleton table {
    height: 1em;
  }
  .fc-more, .fc-more-cell {
    display: none !important;
  }
  .fc tr.fc-limited {
    display: table-row !important;
  }
  .fc td.fc-limited {
    display: table-cell !important;
  }
  .fc-popover, .fc-timeGrid-view .fc-axis {
    display: none;
  }
  .fc-slats, .fc-time-grid hr {
    display: none !important;
  }
  .fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span {
    display: none;
  }
  .fc-time-grid .fc-content-skeleton {
    position: static;
  }
  .fc-time-grid .fc-content-skeleton table {
    height: 4em;
  }
  .fc-time-grid .fc-event-container {
    margin: 0 !important;
  }
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important;
  }
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important;
  }
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important;
  }
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important;
  }
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full);
  }
  .fc-day-grid-container, .fc-scroller, .fc-time-grid-container {
    overflow: visible !important;
    height: auto !important;
  }
  .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }
}
.fc-content-skeleton thead td {
  height: 38px;
  text-align: center;
  vertical-align: middle;
}
.fc-content-skeleton tbody td {
  height: 0;
}

.fc-head-container {
  border-left: none !important;
  border-right: none !important;
}

.fc-bgevent-skeleton {
  display: none !important;
}

.fc-toolbar.fc-header-toolbar {
  position: relative;
}
.fc-toolbar.fc-header-toolbar .fc-button-primary {
  border-radius: 0;
  border: 1px solid #dcdcdc;
  background: transparent;
  width: 40px;
  height: 40px;
}
.fc-toolbar.fc-header-toolbar .fc-button-primary .fc-icon {
  color: #171717;
}
.fc-toolbar.fc-header-toolbar .fc-today-button, .fc-toolbar.fc-header-toolbar .fc-center {
  display: none;
}
.fc-toolbar.fc-header-toolbar .fc-left {
  margin: 0 auto;
}
.fc-toolbar.fc-header-toolbar .fc-prev-button, .fc-toolbar.fc-header-toolbar .fc-next-button {
  position: absolute;
  top: 0;
}
.fc-toolbar.fc-header-toolbar .fc-prev-button {
  left: 0;
}
.fc-toolbar.fc-header-toolbar .fc-next-button {
  right: 0;
}

.fc-bg .fc-sat, .fc-bg .fc-sun {
  background: #f3f3f3;
}

.fc-head-container tr,
.fc-bg tr,
.fc-content-skeleton tr {
  display: flex;
}

.fc-bg tr td {
  background: #f3f3f3;
}

.fc-content-skeleton tr td {
  color: #dcdcdc;
}
.fc-content-skeleton tr td.fc-event-container a.fc-day-grid-event {
  color: var(--bx-text-primary, #161616);
  background: white;
  cursor: pointer;
  font-weight: 600;
}

.fc-head-container tr th,
.fc-bg tr td,
.fc-content-skeleton tr td {
  max-width: 14.2857142857%;
  width: 14.2857142857%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 0;
}

.fc-day-header {
  border-top: 1px solid #dcdcdc;
  height: 50px;
}

.fc-bg tr td,
.fc-content-skeleton tr td {
  border: solid #dcdcdc;
  border-width: 1px 1px 0 0;
}
.fc-bg tr td:first-child,
.fc-content-skeleton tr td:first-child {
  border-left: 1px solid #dcdcdc;
}

.fc-row:last-child .fc-bg tr td,
.fc-row:last-child .fc-content-skeleton tr td {
  border-bottom: 1px solid #dcdcdc;
}

.fc-bg tr td,
.fc-content-skeleton tr td {
  height: 38px;
}

.fc-content-skeleton tbody {
  position: absolute;
  margin-top: -38px;
  width: 100%;
}

.fc-content .fc-time {
  display: none;
}

.fc-day-grid-event {
  width: 100%;
  height: calc(100% - 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.fc-event-today,
.fc-unthemed .fc-content-skeleton td.fc-today {
  position: relative;
}

.fc-event-today:before,
.fc-unthemed .fc-content-skeleton td.fc-today:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: #027a2c;
  top: 5px;
  left: calc(50% - 1.5px);
}

.fc-selected-event {
  outline: 3px solid #027a2c;
  outline-offset: -3px;
}

.fc-row {
  height: 38px !important;
}

.fc-toolbar h2 {
  width: 100px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.fc-toolbar h2:first-line {
  font-size: 14px;
  font-weight: 400;
}

.hrp--tfa__wrapper {
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
}

.hrp--tfa__provider {
  display: none;
}

.hrp--tfa__image {
  width: 100%;
}

.hrp--tfa__paragraph {
  font-size: 14px;
}

.hrp-ag--chips__data-grid-filters-current {
  margin: 1.5rem 0;
  display: none;
}

.hrp-ag--chips__data-grid-filters-current--visible {
  display: block;
}

.hrp-ag--outer-wrap {
  display: flex;
  flex-wrap: wrap;
}
.hrp-ag--outer-wrap > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.hrp-ag--disable-overflow .table__wrapper--responsive {
  overflow-y: visible;
  overflow-x: visible;
}

@media (min-width: 66rem) {
  .hrp-ag__col--padding-top-lg {
    padding-top: 24px;
  }
}
.hrp-ag--columns__header {
  font-weight: 600;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
}

.hrp-ag--columns__option {
  margin-bottom: 0.5rem;
}

.hrp-ag--columns__menu-content {
  margin-bottom: 1rem;
}

.hrp-ag--columns__action-dropdown-footer-secondary-actions {
  padding-bottom: 0.5rem;
}

.hrp-ag--filters-form {
  display: none;
  border: 0.09375rem solid var(--bx-border-subtle-01, #dcdcdc);
  padding: 1rem;
}
@media (max-width: 65.98rem) {
  .hrp-ag--filters-form {
    margin-bottom: 1rem;
  }
}

.hrp-ag--filters-form--visible {
  margin-top: 1rem;
  display: block;
}
@media (min-width: 66rem) {
  .hrp-ag--filters-form--visible {
    margin-bottom: 1rem;
  }
}

.admin__control-checkbox {
  height: 0;
  width: 0;
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.action-menu-item {
  position: relative;
}

.admin__action-multiselect-label:before {
  border-radius: 1px;
  content: "";
  font-size: 0;
  transition: font-size 0.1s ease-out, color 0.1s ease-out, border-color 0.1s linear;
  background-color: #ffffff;
  border: 1px solid #adadad;
  color: transparent;
  float: left;
  height: 1rem;
  text-align: center;
  vertical-align: top;
  width: 1rem;
  margin-right: 7px;
  margin-top: 1px;
}

.admin__action-multiselect-label:after {
  content: "";
  position: absolute;
  display: none;
}

.admin__control-checkbox:checked ~ .admin__action-multiselect-label:after {
  display: block;
}

.admin__action-multiselect-label:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid #161616;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hrp-ag--header-row .bx--form-item, .hrp-ag--header-row .checkbox, .hrp-ag--header-row .input {
  width: 100%;
}

.hrp-ag--header-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media (max-width: 65.98rem) {
  .hrp-ag--header-actions {
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 66rem) {
  .hrp-ag--header-actions {
    margin-bottom: 1rem;
  }
}

.hrp-ag--header-actions > *:empty {
  display: none;
}

.hrp-ag--header-action--data-grid {
  display: flex;
}
.hrp-ag--header-action--data-grid .bx--overflow-menu {
  width: min-content;
  position: relative;
}
.hrp-ag--header-action--data-grid .bx--overflow-menu:first-child {
  margin-left: auto;
}
@media (min-width: 42rem) {
  .hrp-ag--header-action--data-grid {
    margin-left: auto;
  }
  .hrp-ag--header-action--data-grid .bx--overflow-menu {
    margin-left: auto;
  }
}
@media (max-width: 41.98rem) {
  .hrp-ag--header-action--data-grid {
    flex-wrap: wrap;
    flex: 0 0 100%;
    width: 100%;
  }
  .hrp-ag--header-action--data-grid .bx--overflow-menu {
    width: 100%;
  }
  .hrp-ag--header-action--data-grid > button.bx--btn, .hrp-ag--header-action--data-grid > button.action__button,
.hrp-ag--header-action--data-grid > button.action.primary {
    justify-content: center;
  }
  .hrp-ag--header-action--data-grid button.hrp-ag--overflow-menu,
.hrp-ag--header-action--data-grid button.bx--btn,
.hrp-ag--header-action--data-grid button.action__button,
.hrp-ag--header-action--data-grid button.action.primary {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 41.98rem) {
  .hrp-ag--header-action--listing-massaction {
    margin-left: auto;
  }
}

.hrp-ag--overflow-menu--mobile-right .bx--dropdown-list {
  z-index: 8999;
}

@media (max-width: 41.98rem) {
  .hrp-ag--overflow-menu--mobile-right .bx--dropdown-list {
    right: 0;
    left: inherit;
  }
}
@media (min-width: 66rem) {
  .hrp-ag--mobile-action {
    display: none;
  }
}

.hrp-ag--mobile-action--hidden {
  display: none;
}

.hrp-ag--mobile-action--paging {
  border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
}

.hrp-ag--mobile-action--sort {
  margin-bottom: 7px;
}

@media (max-width: 65.98rem) {
  .hrp-ag--mobile-action--paging,
.hrp-ag--mobile-action--mobile-select-all,
.hrp-ag--mobile-action--sort {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    display: flex;
  }
  .hrp-ag--mobile-action--paging .hrp-ag--mobile-action__select:not(.hrp-ag--mobile-action__select--xl),
.hrp-ag--mobile-action--mobile-select-all .hrp-ag--mobile-action__select:not(.hrp-ag--mobile-action__select--xl),
.hrp-ag--mobile-action--sort .hrp-ag--mobile-action__select:not(.hrp-ag--mobile-action__select--xl) {
    width: calc(100% - 1rem - 40px);
    max-width: calc(100% - 1rem - 40px);
    margin-right: auto;
  }
  .hrp-ag--mobile-action--paging .hrp-ag--mobile-action__select--xl,
.hrp-ag--mobile-action--mobile-select-all .hrp-ag--mobile-action__select--xl,
.hrp-ag--mobile-action--sort .hrp-ag--mobile-action__select--xl {
    width: 100%;
    max-width: 100%;
  }
}

.hrp-ag--mobile-action__button {
  background-color: var(--bx-field-01, #f4f4f4);
}
.hrp-ag--mobile-action__button:hover {
  background-color: var(--bx-layer-hover-01, #e8e8e8);
}

.hrp-ag--paging {
  order: 3;
  margin-top: 1rem;
}

.hrp-ag--paging__wrapper {
  display: flex;
  flex-wrap: wrap;
  order: 3;
}

.hrp-ag--paging__pages {
  margin-left: auto;
  text-align: right;
  max-width: 100%;
  overflow-x: auto;
}
@media (max-width: 65.98rem) {
  .hrp-ag--paging__pages {
    margin-right: auto;
  }
}

.hrp-ag--paging-total {
  font-size: 20px;
}
@media (max-width: 65.98rem) {
  .hrp-ag--paging-total {
    flex: 0 0 100%;
    max-width: 100%;
    order: -1;
    margin-bottom: 0.25rem;
  }
}
@media (min-width: 66rem) {
  .hrp-ag--paging-total {
    margin-left: 0.5rem;
  }
}

.hrp-ag--paging__sizes {
  justify-content: center;
}
@media (max-width: 41.98rem) {
  .hrp-ag--paging__sizes {
    align-items: center;
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 1rem;
  }
  .hrp-ag--paging__sizes .toolbar__limiter-wrapper {
    justify-content: center;
  }
}

@media (max-width: 65.98rem) {
  .hrp-ag--mobile-action--paging {
    display: none;
  }
}
.bx--data-table--ag th, .bx--data-table--ag th .bx--table-sort {
  background-color: var(--bx-layer-01, #f3f3f3);
}
.bx--data-table--ag th[aria-sort=true] .bx--table-sort {
  cursor: inherit;
}
.bx--data-table--ag td {
  background-color: #fff;
}
.bx--data-table--ag .hrp-ag--tooltip-content {
  line-clamp: 2;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
@media (min-width: 66rem) {
  .bx--data-table--ag th .bx--table-sort__flex {
    height: 70px;
    justify-content: flex-start;
  }
  .bx--data-table--ag .hrp-ag--thead th:last-child .bx--table-sort {
    padding-right: 0.5rem;
  }
  .bx--data-table--ag .hrp-ag--td {
    height: 60px;
  }
  .bx--data-table--ag .hrp-ag--td.data-grid-actions-cell {
    width: 10px;
  }
  .bx--data-table--ag .bx--table-sort {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .bx--data-table--ag .hrp-ag--td,
.bx--data-table--ag .hrp-ag--tbody .hrp-ag--th {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .bx--data-table--ag .hrp-ag--td__mobile-th {
    display: none;
  }
  .bx--data-table--ag .hrp-ag--td__is-limited {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bx--data-table--ag .hrp-ag--td.hrp-ag--td--pr-0 {
    padding-right: 0;
    font-size: 11px;
  }
  .bx--data-table--ag .bx--table-sort__icon {
    width: 16px;
    height: 16px;
    margin-right: 0;
  }
  .bx--data-table--ag th .bx--table-sort__flex {
    font-size: 13px;
  }
  .bx--data-table--ag .hrp-ag--td:first-child,
.bx--data-table--ag th:first-child .bx--table-sort,
.bx--data-table--ag th:first-child .bx--dropdown-text {
    padding-left: 0.75rem !important;
    padding-right: 1rem !important;
  }
  .bx--data-table--ag .hrp-ag--td:first-child .bx--dropdown__arrow,
.bx--data-table--ag th:first-child .bx--table-sort .bx--dropdown__arrow,
.bx--data-table--ag th:first-child .bx--dropdown-text .bx--dropdown__arrow {
    right: 0;
  }
  .bx--data-table--ag th:last-child .bx--table-sort {
    padding-right: 0.75rem !important;
  }
  .bx--data-table--ag .hrp-ag--td--width-md {
    width: 250px;
    max-width: 250px;
  }
  .bx--data-table--ag .hrp-ag--td--font-size-sm {
    font-size: 11px;
  }
}
@media (max-width: 65.98rem) {
  .bx--data-table--ag thead {
    display: none;
  }
  .bx--data-table--ag .hrp-ag--tbody,
.bx--data-table--ag .hrp-ag--tbody .hrp-ag--tr,
.bx--data-table--ag .hrp-ag--tbody .hrp-ag--tr:hover,
.bx--data-table--ag .hrp-ag--tbody .hrp-ag--tr .hrp-ag--td,
.bx--data-table--ag .hrp-ag--tbody .hrp-ag--tr .hrp-ag--td:hover {
    background: none;
  }
  .bx--data-table--ag .hrp-ag--tbody .hrp-ag--tr .hrp-ag--td,
.bx--data-table--ag .hrp-ag--tbody .hrp-ag--tr:hover .hrp-ag--td {
    border: none;
  }
  .bx--data-table--ag .hrp-ag--tr--no-data {
    display: block;
    border: none;
  }
  .bx--data-table--ag .hrp-ag--tr--no-data td,
.bx--data-table--ag .hrp-ag--tr--no-data tr:hover td {
    border: none !important;
    background: none !important;
  }
  .bx--data-table--ag .hrp-ag--tr {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    display: block;
    height: auto;
  }
  .bx--data-table--ag .hrp-ag--tr:first-child {
    border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
  .bx--data-table--ag .hrp-ag--td {
    display: flex;
    padding: 0;
  }
  .bx--data-table--ag .hrp-ag--td:not(:last-child) {
    margin-bottom: 8px;
  }
  .bx--data-table--ag .hrp-ag--td:not(.hrp-ag--td__has-mobile-th):before,
.bx--data-table--ag .hrp-ag--td__has-mobile-th .hrp-ag--td__mobile-th,
.bx--data-table--ag .hrp-ag--cell-content {
    min-width: 50%;
    max-width: 50%;
    width: 50%;
    display: block;
  }
  .bx--data-table--ag .hrp-ag--td:not(.hrp-ag--td__has-mobile-th):before,
.bx--data-table--ag .hrp-ag--td__has-mobile-th .hrp-ag--td__mobile-th {
    padding-right: 10px;
    color: #171717;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.16px;
    line-height: 18px;
  }
  .bx--data-table--ag .hrp-ag--td:not(.hrp-ag--td__has-mobile-th):before {
    content: attr(data-th);
  }
  .bx--data-table--ag .hrp-ag--td.hrp-ag--td--disable-before:before {
    content: none;
  }
}
@media (max-width: 41.98rem) {
  .bx--data-table--ag .hrp-ag--cell-content {
    overflow-wrap: anywhere;
  }
}

.hrp-ag--overflow-menu {
  height: 40px;
  min-height: 40px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.hrp-ag--overflow-menu.bx--btn--low-profile {
  border: 0.09375rem solid var(--bx-border-subtle-01, #dcdcdc);
}

.hrp-ag--overflow-menu:hover {
  background: transparent !important;
}

.hrp-ag--overflow-menu .bx--btn__icon {
  color: var(--bx-button-primary, #0f62fe);
}

@media (min-width: 66rem) {
  .hrp-ag--overflow-menu--mr-0 {
    margin-left: -0.75rem !important;
  }
}
.hrp-ag--table-action__list {
  display: flex;
  gap: 1rem;
}

.hrp--amount {
  padding-left: 20px;
  position: relative;
  display: grid;
  grid-template-areas: "label button" "value button";
  grid-template-rows: min-content min-content;
  column-gap: 2rem;
}

.hrp--amount:before {
  content: "";
  width: 3px;
  position: absolute;
  top: 3px;
  bottom: 4px;
  left: 0;
  background-color: var(--bx-interactive, #0d4c8b);
}

.hrp--amount--gray:before {
  background-color: var(--bx-border-subtle-01, #dcdcdc);
}

.hrp--amount--red:before {
  background-color: #A00D27;
}

.hrp--amount--green:before {
  background-color: var(--bx-support-success, #079b6c);
}

.hrp--amount--bg-white {
  padding-top: 8px;
  padding-bottom: 5px;
  background-color: #ffffff;
}

.hrp--amount--bg-white.hrp--amount--green {
  border-left: 3px solid var(--bx-support-success, #079b6c);
}

.hrp--amount--bg-white.hrp--amount--green:before {
  content: none;
}

@media (max-width: 65.98rem) {
  .hrp--amount--mobile-mb {
    margin-bottom: 0.75rem;
  }
}
.hrp--amount__label {
  grid-area: label;
}

.hrp--amount__value {
  grid-area: value;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.6px;
  color: var(--bx-button-secondary, #393939);
}

@media (max-width: 65.98rem) {
  .hrp--amount__value--mobile-small {
    font-size: 14px;
  }
}

.hrp--amount__button-wrapper {
  grid-area: button;
  display: flex;
  align-items: center;
}
@media (max-width: 65.98rem) {
  .hrp--amount__button-wrapper {
    position: absolute;
    top: 0;
    right: 10px;
  }
}

.hrp--amount__button {
  font-size: 11px;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #E6E6E6;
}

.hrp--attachment {
  display: flex;
  align-items: center;
}

.hrp--attachment__container {
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  padding: 1rem;
}

.hrp--attachment__container--larger {
  padding: 1rem 1.5rem;
}

.hrp--attachment__icon {
  margin-right: 0.5rem;
}

.hrp--attachment__divider {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  color: var(--bx-layer-accent-01, #dcdcdc);
}

.hrp--attachment__link {
  text-transform: uppercase;
}

.hrp--attachment__divider {
  color: var(--bx-text-placeholder, rgba(22, 22, 22, 0.2));
}

.hrp--banner__list > .hrp--banner {
  display: none;
}
.hrp--banner__list > .hrp--banner:first-child {
  display: block;
}
.hrp--banner__image {
  width: 100%;
}

@media (min-width: 672px) {
  .hrp--banner--generic [data-content-type=slider],
.hrp--banner--generic [data-content-type=slider] .slick-list,
.hrp--banner--category--top [data-content-type=slider],
.hrp--banner--category--top [data-content-type=slider] .slick-list,
.hrp--banner--category--main [data-content-type=slider],
.hrp--banner--category--main [data-content-type=slider] .slick-list,
.hrp-banner--category--sidebar [data-content-type=slider],
.hrp-banner--category--sidebar [data-content-type=slider] .slick-list {
    height: auto !important;
    aspect-ratio: 1248/300;
  }
}
.hrp--banner--generic [data-content-type=slide],
.hrp--banner--generic [data-content-type=banner],
.hrp--banner--generic [data-content-type=image],
.hrp--banner--category--top [data-content-type=slide],
.hrp--banner--category--top [data-content-type=banner],
.hrp--banner--category--top [data-content-type=image],
.hrp--banner--category--main [data-content-type=slide],
.hrp--banner--category--main [data-content-type=banner],
.hrp--banner--category--main [data-content-type=image],
.hrp-banner--category--sidebar [data-content-type=slide],
.hrp-banner--category--sidebar [data-content-type=banner],
.hrp-banner--category--sidebar [data-content-type=image] {
  height: auto !important;
  aspect-ratio: 1248/300;
}
@media (max-width: 671px) {
  .hrp--banner--generic [data-content-type=slide][data-has-mobile-image=true],
.hrp--banner--generic [data-content-type=banner][data-has-mobile-image=true],
.hrp--banner--generic [data-content-type=image][data-has-mobile-image=true],
.hrp--banner--category--top [data-content-type=slide][data-has-mobile-image=true],
.hrp--banner--category--top [data-content-type=banner][data-has-mobile-image=true],
.hrp--banner--category--top [data-content-type=image][data-has-mobile-image=true],
.hrp--banner--category--main [data-content-type=slide][data-has-mobile-image=true],
.hrp--banner--category--main [data-content-type=banner][data-has-mobile-image=true],
.hrp--banner--category--main [data-content-type=image][data-has-mobile-image=true],
.hrp-banner--category--sidebar [data-content-type=slide][data-has-mobile-image=true],
.hrp-banner--category--sidebar [data-content-type=banner][data-has-mobile-image=true],
.hrp-banner--category--sidebar [data-content-type=image][data-has-mobile-image=true] {
    aspect-ratio: 288/240;
  }
}
.hrp--banner--generic [data-content-type=image] img,
.hrp--banner--category--top [data-content-type=image] img,
.hrp--banner--category--main [data-content-type=image] img,
.hrp-banner--category--sidebar [data-content-type=image] img {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.hrp--banner--generic > .widget > [data-content-type=row],
.hrp--banner--category--top > .widget > [data-content-type=row],
.hrp--banner--category--main > .widget > [data-content-type=row] {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px !important;
}
.hrp--banner--generic [data-content-type=row][data-appearance=contained],
.hrp--banner--category--top [data-content-type=row][data-appearance=contained],
.hrp--banner--category--main [data-content-type=row][data-appearance=contained] {
  padding-left: 0;
  padding-right: 0;
}
.hrp--banner--generic [data-content-type=image],
.hrp--banner--category--top [data-content-type=image],
.hrp--banner--category--main [data-content-type=image] {
  overflow: hidden;
  position: relative;
}

.hrp--banner--sidebar [data-content-type=row] {
  padding-left: 0;
  padding-right: 0;
}
.bx--catalog-list__sidebar-additional .hrp--banner--sidebar {
  margin-top: 1.5rem;
}
.hrp--banner--sidebar [data-content-type=image] {
  overflow: hidden;
  position: relative;
  aspect-ratio: 6/5;
}
.hrp--banner--sidebar [data-element=main] > img {
  margin: 0 !important;
}

.hrp--banner--generic {
  overflow-x: hidden;
}
.hrp--banner--generic:not(.hrp--banner--category--top):not(.hrp--banner--category--main) {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 41.98rem) {
  .hrp--banner--generic:not(.hrp--banner--category--top):not(.hrp--banner--category--main) [data-content-type=row] {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media (min-width: 42rem) {
  .hrp--banner--generic:not(.hrp--banner--category--top):not(.hrp--banner--category--main) [data-content-type=row] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.hrp--banner--generic.hrp--banner--mainpage {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.hrp--banner--generic.hrp--banner--mainpage > .widget:last-child [data-content-type=slider],
.hrp--banner--generic.hrp--banner--mainpage > .widget:last-child [data-content-type=banner],
.hrp--banner--generic.hrp--banner--mainpage > .widget:last-child [data-content-type=image] {
  margin-bottom: 0;
}
.hrp--banner--generic [data-content-type=slider] {
  position: relative;
}
.hrp--banner--generic [data-content-type=slide] [data-element=empty_link],
.hrp--banner--generic [data-content-type=slide] [data-background-type=image],
.hrp--banner--generic [data-content-type=slide] [data-element=overlay],
.hrp--banner--generic [data-content-type=slide] [data-element=wrapper],
.hrp--banner--generic [data-content-type=banner] [data-element=empty_link],
.hrp--banner--generic [data-content-type=banner] [data-background-type=image],
.hrp--banner--generic [data-content-type=banner] [data-element=overlay],
.hrp--banner--generic [data-content-type=banner] [data-element=wrapper] {
  height: 100% !important;
  min-height: 100% !important;
  display: block;
}
.hrp--banner--generic [data-content-type=slide] [data-element=wrapper],
.hrp--banner--generic [data-content-type=banner] [data-element=wrapper] {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.hrp--banner--generic [data-content-type=slider],
.hrp--banner--generic [data-content-type=banner],
.hrp--banner--generic [data-content-type=image] {
  margin-bottom: 1.5rem;
}
.hrp--banner--generic div[data-content-type=slider] .slick-list,
.hrp--banner--generic div[data-content-type=slider] .slick-track,
.hrp--banner--generic div[data-content-type=slider] .slick-slide,
.hrp--banner--generic div[data-content-type=slider] .slick-slide div {
  height: 100%;
}
.hrp--banner--generic .slick-track {
  display: flex;
}
.hrp--banner--generic .slick-dots {
  bottom: 0;
}
.hrp--banner--generic .slick-dots li {
  margin: 0 5px;
}
.hrp--banner--generic .slick-dots li button {
  width: 10px;
  height: 10px;
  background: none;
}
.hrp--banner--generic .slick-dots li.slick-active button {
  background: #fff;
}
.hrp--banner--generic [data-content-type=banner] [data-element=wrapper],
.hrp--banner--generic [data-content-type=slide] [data-element=wrapper] {
  display: flex;
  align-items: center;
}
.hrp--banner--generic [data-element=button].pagebuilder-button-secondary {
  background: none;
  border: 1px solid #fff;
  padding: 14px;
}
.hrp--banner--generic [data-element=button].pagebuilder-button-secondary:hover {
  background: #fff;
  color: #000;
}
.hrp--banner--generic [data-element=overlay] {
  display: none !important;
}

@media (max-width: 65.98rem) {
  .hrp--banner--category--main div[data-content-type=slider].slick-initialized {
    margin-top: 1.5rem;
  }
  .hrp--banner--category--main > .widget {
    margin-top: 1rem;
  }
}
@media (min-width: 80rem) {
  .hrp--banner--category--main [data-element=overlay] {
    width: 50% !important;
    margin-right: 0 !important;
    margin-left: auto !important;
  }
}

.hrp--banner--top .pagebuilder-overlay.pagebuilder-poster-overlay {
  padding: 0;
}
.hrp--banner--top [data-content-type=button-item] {
  margin: 0;
}
.hrp--banner--top [data-content-type=banner] {
  margin: 0;
  aspect-ratio: inherit;
}
.hrp--banner--top [data-element=content] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  flex-wrap: wrap;
}
.hrp--banner--top [data-element=content] > * {
  padding: 10px;
}
.hrp--banner--top [data-element=content] > *:empty {
  display: none;
}
.hrp--banner--top [data-element=content] a {
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  font-size: 14px;
  height: 38px;
  line-height: 35px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  transition: background-color 0.3s, color 0.3s;
}
.hrp--banner--top [data-element=content] p > a {
  margin-left: 20px;
}
.hrp--banner--top [data-element=content] a:hover {
  background-color: #fff;
  color: #000;
}

.hrp--box {
  padding: 30px;
  border: 2px solid var(--bx-border-subtle-01, #dcdcdc);
}

.hrp--box__title {
  font-width: bold;
  margin-bottom: 1rem;
}

.hrp--box--filled {
  background-color: var(--bx-layer-01, #f3f3f3);
  border: none;
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
.hrp--card__wrapper {
  display: flex;
  column-gap: 2rem;
  row-gap: 2rem;
  flex-wrap: wrap;
}
@media (max-width: 41.98rem) {
  .hrp--card__wrapper {
    justify-content: center;
  }
}

.hrp--card {
  flex: 0 0 var(--card-width);
  max-width: var(--card-width);
  min-height: 415px;
  padding: 2rem;
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  display: grid;
  grid-template-areas: "icon" "content" "actions";
  grid-template-rows: auto min-content min-content;
}

.hrp--card__icon {
  fill: #c9c9c9;
  width: 60px;
  height: 60px;
}

.hrp--card__icon-wrapper {
  grid-area: icon;
}

.hrp--card__content {
  grid-area: content;
}

.hrp--card__actions-wrapper {
  grid-area: actions;
  margin-top: 1rem;
}

.hrp--card__actions-wrapper--one-line {
  display: flex;
  column-gap: 0.75rem;
}

.hrp--card__actions-wrapper--one-line .bx--btn, .hrp--card__actions-wrapper--one-line .action__button,
.hrp--card__actions-wrapper--one-line .action.primary {
  width: calc(50% - 0.375rem);
}

.hrp--card__title-wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.hrp--card__title {
  font-size: 22px;
  font-weight: 600;
}

.hrp--card__description {
  color: #565656;
  font-size: 14px;
}
.hrp--card__description ul li {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 30px;
}
.hrp--card__description ul li:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 3px;
  top: 8px;
  left: 0;
  background: var(--bx-text-primary, #161616);
}

.hrp--card__description--error {
  color: #dd2d4a;
  margin-bottom: 0.75rem;
}

.hrp--card__status {
  background-color: #f3f3f3;
  border-left: 3px solid;
  padding-left: calc(2rem - 3px);
  padding-right: 2rem;
  height: 40px;
  line-height: 40px;
  margin: -2rem -2rem 1rem -2rem;
}

.hrp--card__status--inactive {
  border-color: #dd2d4a;
}

.hrp--card__status--active {
  border-color: var(--bx-support-success, #079b6c);
}

.hrp--card--password-open .hide-if-open {
  display: none !important;
}
.hrp--card--password-open .show-if-open {
  display: block !important;
}

.hrp--computer-client__list-item {
  counter-increment: section;
  display: grid;
  grid-template-areas: "name remove" "ip remove" "address remove";
  grid-template-columns: 1fr 20px;
  grid-column-gap: 0.25rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  position: relative;
}

.hrp--computer-client__list-item:before {
  content: counter(section) ".";
  position: absolute;
  top: 0;
  left: 0;
  line-height: 22px;
  font-weight: 600;
}

.hrp--computer-client__name,
.hrp--computer-client__ip,
.hrp--computer-client__address {
  display: block;
}

.hrp--computer-client__name {
  grid-area: name;
  line-height: 22px;
}

.hrp--computer-client__ip {
  grid-area: ip;
  line-height: 22px;
}

.hrp--computer-client__address {
  grid-area: address;
}

.hrp--computer-client__address {
  font-size: 11px;
  color: #565656;
  margin-top: 0.25rem;
}

.hrp--computer-client__remove {
  grid-area: remove;
}

.hrp--countable__counter-wrapper {
  position: relative;
  display: block;
}

.hrp--countable__counter-wrapper:hover .hrp--countable__counter {
  box-shadow: 0 0 0 2px var(--bx-layer-hover-01, #e8e8e8);
}

.hrp--countable__counter {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 25px;
  height: 1rem;
  min-height: 1rem;
  line-height: 1rem;
  min-width: 1rem;
  text-align: center;
  padding: 0 0.3rem;
  font-size: 0.6rem;
  background-color: var(--bx-support-error, #dd2d4a);
  color: var(--bx-text-inverse, #ffffff);
  box-shadow: 0 0 0 2px var(--bx-focus-inset, #ffffff);
  transition: box-shadow 110ms;
}
.hrp--countable__counter--hidden {
  display: none;
}
.hrp--countable__counter--lg {
  top: -5px;
}

.hrp--countable__counter-dot {
  white-space: nowrap;
}

.hrp--countdown__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px !important;
}

.hrp--countdown__wrapper .hrp--countdown__title {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hrp--floated__wrapper {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  padding: 1.25rem;
  background-color: var(--bx-background, #ffffff);
  border-radius: 72px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 3;
}
@media (max-width: 320px) and (max-height: 568px) {
  .hrp--floated__wrapper {
    position: static;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .hrp--floated__wrapper {
    bottom: 5px !important;
    right: 5px !important;
  }
}
.hrp--floated__list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hrp--floated__compare-wrapper {
  display: flex;
  align-items: center;
}
.hrp--floated__divider {
  margin: 0 0.5rem;
}
.hrp--floated__label {
  display: none;
}
.hrp--floated__icon {
  fill: var(--bx-text-primary, #161616);
  width: 32px;
  height: 32px;
}

.hrp--hr {
  border: solid var(--bx-border-subtle-01, #dcdcdc);
  border-width: 0 0 0.0625rem 0;
}

.hrp--hr--wide {
  border: solid #d3d3d3;
  border-width: 0 0 0.125rem 0;
}

.hrp--icon {
  margin-right: 0.25rem;
}
.hrp--icon__wrapper {
  display: flex;
  align-items: center;
}
.hrp--icon--green, .hrp--icon--success {
  fill: var(--bx-support-success, #079b6c);
}
.hrp--icon--red, .hrp--icon--error {
  fill: var(--bx-support-error, #dd2d4a);
}

.hrp--info {
  padding: 1rem;
  border: 1px solid #ededed;
  overflow: hidden;
  display: grid;
  grid-template-areas: "icon label" "icon value";
  grid-template-columns: 30px 1fr;
  column-gap: 1rem;
}

.hrp--info--lg {
  padding: 1.5rem;
  column-gap: 1.5rem;
  grid-template-areas: "icon value";
  align-items: center;
}
.hrp--info--lg .hrp--info__value {
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}

.hrp--info__wrapper {
  display: grid;
  column-gap: 30px;
  row-gap: 30px;
  margin-bottom: 1.5rem;
  grid-template-columns: repeat(5, 1fr);
}
.hrp--info__wrapper.hrp--info__wrapper--col-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 20rem) and (max-width: 66rem) {
  .hrp--info__wrapper {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0.75rem !important;
  }
}
@media (max-width: 41.98rem) {
  .hrp--info__wrapper {
    grid-template-columns: repeat(1, 1fr) !important;
    row-gap: 0.75rem !important;
  }
}

.hrp--info__icon {
  grid-area: icon;
  align-self: center;
  width: 30px;
  height: 30px;
  fill: var(--bx-button-primary, #0f62fe);
}

.hrp--info__label {
  grid-area: label;
  margin-bottom: 0;
}

.hrp--info__value {
  grid-area: value;
}

.hrp--info__label,
.hrp--info__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hrp--invoice-overview__container {
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  display: flex;
  column-gap: 2rem;
  padding: 1.5rem;
}

@media (max-width: 41.98rem) {
  .hrp--invoice-overview__container {
    flex-wrap: wrap;
  }
}
@media (min-width: 42rem) {
  .hrp--invoice-overview__col--details {
    width: 25%;
  }
  .hrp--invoice-overview__col--shipping {
    width: 50%;
    border-left: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    border-right: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    padding: 0 2rem;
  }
  .hrp--invoice-overview__col--prices {
    width: 25%;
  }
}
.hrp-layout--container {
  margin: 0 auto;
}
@media (max-width: 41.98rem) {
  .hrp-layout--container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .hrp-layout--container .bx--row,
.hrp-layout--container .hrp-layout--without-container {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .hrp-layout--container .hrp-layout--cols > [class*=bx--col] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 42rem) {
  .hrp-layout--container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 80rem) {
  .hrp-layout--container {
    max-width: 1280px;
  }
}

.hrp-layout--gray {
  background-color: var(--bx-layer-01, #f3f3f3);
}

.hrp-layout--white {
  background-color: var(--bx-background, #ffffff);
}

.hrp-layout--flex {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  margin-bottom: 2.5rem;
}

.hrp-layout__head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 1rem;
}
.hrp-layout__head h1, .hrp-layout__head h2, .hrp-layout__head h3, .hrp-layout__head h4, .hrp-layout__head h5, .hrp-layout__head h6 {
  margin-bottom: 0 !important;
}

a.hrp--link--simple {
  color: var(--bx-text-primary, #161616);
  text-decoration: none;
}

.hrp--load-more {
  display: block;
  text-decoration: none;
  color: var(--bx-text-primary, #161616);
  position: relative;
  margin-bottom: 1rem;
}

.hrp--load-more__icon {
  position: absolute;
  top: 2px;
  right: -13px;
}

.hrp--load-more[aria-expanded=true] .hrp--load-more__icon {
  transform: rotate(180deg);
}

.hrp--load-more[aria-expanded=false] ~ * {
  display: none;
}

.hrp--load-more[aria-expanded=true] ~ * {
  display: grid !important;
}

.hrp--modal.hrp--modal--blur {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
}

.hrp--modal--blur .hrp--modal__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hrp--modal--blur .hrp--modal__content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  row-gap: 1.5rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.hrp--modal--blur .hrp--modal__content .hrp--modal__text {
  color: #fff;
}
.hrp--modal--blur .hrp--modal__content .bx--loading {
  width: 50px;
  height: 50px;
}
.hrp--modal--blur .hrp--modal__content .bx--loading__stroke {
  stroke: #fff;
}

.hrp--bundle-products__list {
  border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
}

.hrp--bundle-products__list-item {
  border-left: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  border-right: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  display: grid;
  grid-template-areas: "quantity      image       description";
  grid-template-columns: 100px 100px 1fr;
  column-gap: 0.5rem;
}

.hrp--bundle-product__image-wrapper {
  grid-area: image;
  padding: 0.5rem 1rem;
  min-height: 65px;
  box-sizing: content-box;
}
.hrp--bundle-product__image-wrapper img {
  display: block;
  margin: 0 auto;
  width: 65px !important;
  height: 65px !important;
}

.hrp--bundle-product__content-wrapper {
  grid-area: description;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 0;
}

.hrp--bundle-product__title-wrapper {
  color: var(--bx-text-primary, #161616);
  text-decoration: none;
}

.hrp--bundle-product__sku-wrapper {
  color: #8c8c8c;
  margin-top: 0.25rem;
}

.hrp--bundle-product__quantity-wrapper {
  grid-area: quantity;
  border-right: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

@media (max-width: 65.98rem) {
  .hrp--bundle-products__list-item {
    grid-template-columns: 70px 70px 1fr;
    column-gap: 0;
  }
  .hrp--bundle-product__image-wrapper {
    padding: 0.5rem;
    min-height: 50px;
  }
  .hrp--bundle-product__image-wrapper img {
    width: 50px !important;
    height: 50px !important;
  }
  .hrp--bundle-product__quantity-wrapper {
    font-size: 18px;
  }
}
.hrp--tile {
  padding: 2rem;
  border: 1px solid #dcdcdc;
}

@media (max-width: 41.98rem) {
  .hrp--tile--sm-no-border {
    padding-left: 0;
    padding-right: 0;
    border: none;
  }
}
.hrp--time-slot__header {
  line-height: 40px;
  font-weight: bold;
}

.hrp--time-slot__link {
  border: solid #dcdcdc;
  border-width: 0 1px 1px 1px;
  line-height: 1.83rem;
  width: 100%;
  display: inline-block;
  text-decoration: none;
  color: var(--bx-text-primary, #161616);
  text-align: center;
}

.hrp--time-slot__list {
  border-top: 1px solid #dcdcdc;
}

.hrp--time-slot__link--active {
  outline: rgb(2, 122, 44) solid 3px !important;
  outline-offset: -3px !important;
}

.hrp--time-slot__nav {
  margin-top: 0.75rem;
  display: flex;
}

.hrp--time-slot__next,
.hrp--time-slot__prev {
  border: 1px solid #dcdcdc;
  width: calc(50% - 0.75rem);
}

.hrp--time-slot__next {
  margin-left: auto;
}

@media (max-width: 41.98rem) {
  .hrp--time-slot__list {
    display: grid;
    grid-template-columns: auto auto;
  }
  .hrp--time-slot__list-item:nth-child(2n) a {
    border-left: 0;
  }
}
.hrp--system-message {
  position: fixed;
  bottom: 0.75rem;
  left: 0.75rem;
  right: 0.75rem;
  max-width: 100%;
  z-index: 10;
  margin-bottom: 0;
  pointer-events: none;
}
.hrp--system-message.bx--toast-notification--low-contrast {
  border-left: 3px solid var(--bx-support-info, #0d4c8b);
  background: var(--bx-background, #ffffff);
}
.hrp--system-message.bx--toast-notification--low-contrast .bx--inline-notification__icon,
.hrp--system-message.bx--toast-notification--low-contrast .bx--toast-notification__icon,
.hrp--system-message.bx--toast-notification--low-contrast .bx--actionable-notification__icon {
  fill: var(--bx-support-info, #0d4c8b);
}
@media (max-width: 41.98rem) {
  .hrp--system-message {
    overflow-y: auto;
    bottom: 0;
    padding-bottom: 0.75rem;
  }
}
@media (max-width: 41.98rem) {
  .hrp--system-message {
    max-height: calc(100vh - 120px - 0.75rem);
  }
}
@media (min-width: 42rem) and (max-width: 66rem) {
  .hrp--system-message {
    max-height: calc(100vh - 135px - 0.75rem);
  }
}
.hrp--system-message .bx--toast-notification {
  pointer-events: all;
}

.hrp--system-message__inner {
  max-width: 670px;
  margin: 0 auto;
}

.hrp--system-message__item {
  display: grid;
  padding: 1rem;
  column-gap: 1rem;
  pointer-events: all;
}
@media (min-width: 66rem) {
  .hrp--system-message__item {
    height: 71px;
  }
}
@media (max-width: 65.98rem) {
  .hrp--system-message__item {
    min-height: 71px;
  }
}
@media (min-width: 42rem) {
  .hrp--system-message__item {
    grid-template-areas: "icon content buttons";
    grid-template-columns: min-content 1fr min-content;
  }
}
@media (max-width: 41.98rem) {
  .hrp--system-message__item {
    grid-template-areas: "icon content" "icon buttons";
    grid-template-columns: min-content 1fr;
    row-gap: 0.75rem;
  }
}
.hrp--system-message__item .hrp--system-message__icon {
  grid-area: icon;
}
.hrp--system-message__item .hrp--system-message__content {
  grid-area: content;
}
.hrp--system-message__item .hrp--system-message__buttons {
  grid-area: buttons;
  display: flex;
}

.hrp--system-message__item--yellow {
  border: 2px dotted pink;
  border-radius: 4px;
  background: #FDD13A;
  box-shadow: 0 0 40.4px 0 rgba(253, 209, 58, 0.4);
  color: var(--bx-button-secondary, #393939);
}

.hrp--system-message__header {
  font-size: 14px;
  font-weight: 600;
}

.hrp--system-message__text {
  font-size: 12px;
  font-weight: 400;
}

.hrp--system-message__allow {
  margin-bottom: 1.5rem;
}

.hrp--system-message__buttons {
  column-gap: 0.75rem;
}

.hrp--system-message__button--turn-on {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0;
  height: 35px;
  line-height: 35px;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fff;
  color: #171717;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 41.98rem) {
  .hrp--system-message__button--turn-on {
    flex: 0 0 calc(100% - 70px);
    text-align: center;
  }
}

.hrp--system-message__button--close {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  width: 60px;
  height: 35px;
  padding-top: 5px;
  text-align: center;
  display: inline-block;
}

.hrp--promotion-label {
  min-height: 3rem;
  line-height: 1.5625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: var(--bx-support-success, #079b6c);
  transition: background-color 250ms;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hrp--promotion-label:hover {
  background-color: var(--bx-background-inverse, #393939);
}
.hrp--promotion-label__wrapper {
  margin-bottom: 1rem;
}
.hrp--promotion-label__text {
  color: var(--bx-text-on-color, #ffffff);
}
.hrp--promotion-label__icon {
  fill: var(--bx-text-on-color, #ffffff);
}

.hrp-separator {
  position: relative;
  margin-right: 1.5rem;
}

.hrp-separator:after {
  content: "";
  position: absolute;
}

.hrp-separator--point:after {
  background-color: #565656;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  top: 50%;
  right: calc(-0.75rem - 2px);
}

.hrp--status {
  display: flex;
  font-size: 12px;
  text-align: center;
  row-gap: 0.5rem;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 42rem) {
  .hrp--status:not(.hrp--status--inline) {
    column-gap: 0;
    flex-direction: column;
    justify-content: center;
  }
}

.hrp--status__icon {
  width: 30px;
  height: 30px;
}

.hrp--status--success .hrp--status__icon {
  fill: #079b6c;
}

.hrp--status--warning .hrp--status__icon {
  fill: #fdd13a;
}

.hrp--success {
  text-align: center;
}
@media (max-width: 65.98rem) {
  .hrp--success {
    padding: 1.5rem 0;
  }
}
@media (min-width: 66rem) {
  .hrp--success {
    min-height: 600px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
  .hrp--success > * {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.hrp--success__page-title {
  font-size: 16px;
}

.hrp--success__message {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  line-height: 1.25;
}
@media (min-width: 66rem) {
  .hrp--success__message {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
  }
}

.hrp--success__message .hrp--status__icon {
  margin-bottom: -3px;
}

.hrp--success__container {
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  max-width: 600px !important;
  margin: 0 auto;
}

.hrp--success__paragraph {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.hrp--success__highlighted {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 20px;
}

.hrp--success__identifier {
  font-size: 20px;
}

.hrp--success__container-footer.hrp--success__container-footer--sm {
  font-size: 12px;
}

.hrp--success__container-footer.hrp--success__container-footer--lg {
  font-size: 20px;
}

.hrp--success__container-footer {
  border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  padding: 0.5rem 1rem;
}

.hrp--success__footer {
  padding-top: 2rem;
}

.hrp--text-fade-out--open .hrp--text-fade-out__container {
  overflow: visible;
  line-clamp: 999;
  -webkit-line-clamp: 999;
}

.hrp--text-fade-out__container {
  line-clamp: 5;
  box-orient: vertical;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 0.75rem;
  word-break: break-word;
}
.hrp--text-fade-out__container * {
  margin-bottom: 0 !important;
}

.hrp--text-fade-out__button {
  display: none;
}

.hrp--text-fade-out--needed .hrp--text-fade-out__button {
  display: inline;
}

.hrp--text-fade-out--open .hrp--text-fade-out__button {
  display: none;
}

.hrp--widget__title {
  margin: 1.5rem 0;
}

@media (max-width: 79.98rem) {
  .hrp--widget__content .bx--catalog-item__wrapper--grid {
    justify-content: center;
  }
}
.hrp--product-cross-sell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #e0e0e0;
}

.hrp--product-cross-sell__content {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.hrp--product-cross-sell__image {
  width: 80px;
  height: 80px;
  margin: -0.5rem;
  margin-right: 0;
  object-fit: contain;
}

.hrp--product-cross-sell__details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.hrp--product-cross-sell__name {
  font-weight: 600;
  font-size: 14px;
}

.hrp--product-cross-sell__price {
  font-weight: 600;
  font-size: 16px;
}

.hrp--product-cross-sell__actions {
  display: flex;
  gap: 1rem;
}

input[type=checkbox].hrp--product-cross-sell__checkbox {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}

input[type=checkbox].hrp--product-cross-sell__checkbox + .hrp--product-cross-sell__label {
  width: 67px;
  height: 40px;
  background-color: var(--bx-button-primary, #0f62fe);
  color: white;
  border: none;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type=checkbox].hrp--product-cross-sell__checkbox + .hrp--product-cross-sell__label .hrp--product-cross-sell__icon * {
  fill: #ffffff;
}
input[type=checkbox].hrp--product-cross-sell__checkbox + .hrp--product-cross-sell__label .hrp--product-cross-sell__icon--checkmark {
  display: none;
}

input[type=checkbox].hrp--product-cross-sell__checkbox + .hrp--product-cross-sell__label:hover {
  background-color: var(--bx-button-primary-hover, #0050e6);
}

input[type=checkbox].hrp--product-cross-sell__checkbox:focus + .hrp--product-cross-sell__label {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

input[type=checkbox].hrp--product-cross-sell__checkbox:checked + .hrp--product-cross-sell__label {
  background-color: #079B6C;
}
input[type=checkbox].hrp--product-cross-sell__checkbox:checked + .hrp--product-cross-sell__label .hrp--product-cross-sell__icon--add {
  display: none;
}
input[type=checkbox].hrp--product-cross-sell__checkbox:checked + .hrp--product-cross-sell__label .hrp--product-cross-sell__icon--checkmark {
  display: inherit;
}

input[type=checkbox].hrp--product-cross-sell__checkbox:disabled + .hrp--product-cross-sell__label {
  color: #777;
}

input[type=checkbox].hrp--product-cross-sell__checkbox:disabled + .hrp--product-cross-sell__label {
  background-color: #CCC;
}

@media (max-width: 970px) {
  .hrp--product-cross-sell {
    flex-wrap: wrap;
  }
  .hrp--product-cross-sell__content,
.hrp--product-cross-sell__actions {
    flex: 0 0 100%;
  }
  .hrp--product-cross-sell__button {
    flex: 0 0 calc(100% - 67px - 1rem);
    justify-content: center;
    max-width: 100%;
  }
}
:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-stage {
  display: flex !important;
}

.owl-item {
  float: none !important;
}

.owl-item .bx--catalog-item--grid {
  min-height: 100%;
  margin: 0 !important;
}

.owl-prev, .owl-next {
  font-size: 25px !important;
  width: 50px;
  height: 50px;
  margin: -25px 0;
  line-height: 50px;
  position: absolute;
  top: 50%;
}
.owl-prev:focus, .owl-next:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .owl-prev:focus, .owl-next:focus {
    outline-style: dotted;
  }
}

.owl-prev {
  left: 0;
}

.owl-next {
  right: 0;
}

.owl-carousel.bx--catalog-item__wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.owl-carousel.owl-loaded.bx--catalog-item__wrapper {
  margin-left: 0;
  margin-right: 0;
}

.owl-carousel.bx--catalog-item--grid {
  width: var(--card-width);
}

@media (min-width: 1400px) {
  .owl-carousel.owl-loaded.bx--catalog-item__wrapper .slick-prev {
    left: calc(-1rem - 40px);
  }
  .owl-carousel.owl-loaded.bx--catalog-item__wrapper .slick-next {
    right: calc(-1rem - 40px);
  }
}
@media (max-width: 1400px) {
  .owl-carousel.owl-loaded.bx--catalog-item__wrapper .slick-prev,
.owl-carousel.owl-loaded.bx--catalog-item__wrapper .slick-next {
    top: 10rem;
  }
}
.search-form__input {
  border-color: var(--bx-button-tertiary, #0f62fe);
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-radius: 0;
  padding-left: 1rem !important;
  padding-right: 48px !important;
  background-color: var(--bx-background, #ffffff);
  min-width: 100%;
  height: 3rem;
}
@media (min-width: 66rem) {
  .search-form__input::-webkit-search-cancel-button {
    display: none;
  }
}
@media (max-width: 65.98rem) {
  .search-form__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 48px;
    width: 35px;
    margin: 0;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmb2N1c2FibGU9ImZhbHNlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBhcmlhLWhpZGRlbj0idHJ1ZSIgc3R5bGU9IndpbGwtY2hhbmdlOiB0cmFuc2Zvcm07Ij48cGF0aCBkPSJNMTIgNC43bC0uNy0uN0w4IDcuMyA0LjcgNGwtLjcuN0w3LjMgOCA0IDExLjNsLjcuN0w4IDguN2wzLjMgMy4zLjctLjdMOC43IDh6Ij48L3BhdGg+PC9zdmc+");
  }
}

.search-form__input-wrapper,
.search-form__input,
.search-form {
  width: 100%;
  max-width: 100%;
}

.search-form__button {
  top: 0;
  width: 3rem;
  height: 3rem;
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  right: 0;
  background-color: transparent;
  border: none;
  z-index: 1;
}
.search-form__button:hover {
  background-color: var(--bx-button-primary, #0f62fe);
}

.search-form__button:hover .search-form__button-icon * {
  fill: var(--bx-text-on-color, #ffffff) !important;
}

.search-form__button-icon * {
  fill: var(--bx-button-primary, #0f62fe) !important;
}

.search-form__autocomplete-results {
  display: none;
  height: 100%;
  width: inherit !important;
  left: 0;
  right: 0;
  top: 0;
}

.smile-elasticsuite-autocomplete-result .product [role=option] {
  display: flex;
}

@media (max-width: 41.98rem) {
  .breadcrumbs {
    min-height: 36px;
    max-width: 100%;
    box-sizing: content-box;
  }
  .breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 65.98rem) {
  .breadcrumbs {
    padding-top: 0.75rem;
  }
  .breadcrumbs__list--size-4 .breadcrumbs__item:nth-last-child(2):after,
.breadcrumbs__list--size-5 .breadcrumbs__item:nth-last-child(2):after {
    display: none;
  }
  .breadcrumbs__list--size-4 .breadcrumbs__item:nth-last-child(1),
.breadcrumbs__list--size-5 .breadcrumbs__item:nth-last-child(1) {
    display: none !important;
  }
}
.breadcrumbs__item {
  max-width: 320px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* extends carbon's breadcrumb */
.bx--breadcrumb-item {
  display: block !important;
}

.bx--breadcrumb-item:after {
  margin-right: 0.125rem;
}

@media (min-width: 42rem) {
  .gallery.galler--vertical {
    margin-right: 1.5rem;
  }
}

.filedrag {
  border: 2px dashed #AAA;
  border-radius: 7px;
  cursor: default;
  padding: 1.5rem 1.5rem 0 1.5rem;
  margin-bottom: 20px;
  width: 100%;
}

.filedrag .drag-label {
  font-weight: bold;
  text-align: center;
  display: block;
  color: #AAA;
  margin-top: 10px;
  margin-bottom: -10px;
}

.filedrag.hover {
  border-color: #F00;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888;
}

.filedrag.hover .drag-label {
  color: #F00;
}

.custom-file-input-wrapper {
  position: relative;
}

.custom-file-input-wrapper .custom-file-input-button {
  margin-right: 0.75rem;
  margin-bottom: 1.5rem;
}

.custom-file-input-file-name {
  width: 100%;
}

.custom-file-input-wrapper .custom-file-input-button * {
  cursor: pointer;
  display: block;
}

.custom-file-input-wrapper .custom-file-input-clear-button {
  cursor: pointer;
  margin-bottom: 1.5rem;
}

.custom-file-input-wrapper .custom-file-input-button input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  cursor: pointer;
  opacity: 0;
}

.custom-file-input-file-name {
  display: none;
}

.custom-file-input-button-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@keyframes hide-feedback {
  0% {
    opacity: 1;
    visibility: inherit;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes show-feedback {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: inherit;
  }
}
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
.swatch {
  display: flex;
  flex-wrap: wrap;
}
.swatch__wrapper {
  display: flex;
  flex-wrap: wrap;
  width: auto;
}
.swatch__option-container {
  box-sizing: border-box;
  border: 2px solid var(--bx-border-subtle-01, #dcdcdc);
  margin-right: 1rem;
  margin-bottom: 1rem;
  transition: all 0.3s ease-in-out, outline-offset 1ms;
  cursor: pointer;
}
.swatch__option-container:hover, .swatch__option-container:focus, .swatch__option-container.selected {
  outline: none;
  border-color: var(--bx-button-primary, #0f62fe);
}
.swatch__option-container:hover .swatch__option--white, .swatch__option-container:focus .swatch__option--white, .swatch__option-container.selected .swatch__option--white {
  border: 0;
}
.swatch__option-container:last-child {
  margin-right: 0;
}
.swatch__selected-option {
  display: none;
}
.swatch__title {
  flex: 0 0 100%;
  margin-bottom: 1rem;
  font-size: 14px;
}
.swatch__option {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  background-color: var(--bx-background, #ffffff);
  color: var(--bx-text-primary, #161616);
}
.swatch__option--image {
  min-height: 48px;
  background-size: cover;
  background-position: top center;
}
.swatch__option--white {
  border: 1px solid var(--bx-layer-02, #f3f3f3);
}
.swatch__input {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.swatch__title {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  color: var(--bx-text-secondary, #525252);
  font-weight: 400;
  display: inline-block;
  vertical-align: baseline;
  line-height: 1rem;
  pointer-events: none;
}
.swatch__title html {
  font-size: 100%;
}
.swatch__title body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.swatch__title code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.swatch__title strong {
  font-weight: 600;
}

.filters__skip-button {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  transition: none;
}
.filters__skip-button:focus, .filters__skip-button:active {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.filters__skip-button:focus {
  height: 48px;
  padding: 0 16px;
  margin-bottom: 8px;
}
.filter__list {
  display: flex;
  flex-wrap: wrap;
}
.filter__swatch-item {
  margin: 0.75rem 0.75rem 0 0;
}
@media (min-width: 66rem) {
  .filter__swatch-item {
    display: flex;
    justify-content: center;
    margin: 0.75rem 0.75rem 0 0;
  }
}
.filter__swatch-option {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  min-height: 35px;
  border: 2px solid var(--bx-border-subtle-01, #dcdcdc);
  background-color: var(--bx-background, #ffffff);
  color: var(--bx-text-primary, #161616);
  transition: all 0.3s ease-in-out, outline-offset 1ms;
  cursor: pointer;
  text-decoration: none;
}
.filter__swatch-option:hover, .filter__swatch-option:focus {
  text-decoration: none;
  border-color: var(--bx-button-primary, #0f62fe);
}
.filter__swatch-option--active {
  border-color: var(--bx-button-primary, #0f62fe);
}
.filter__color-item {
  padding: 0 8px 0 0;
}
@media (min-width: 66rem) {
  .filter__color-item {
    display: flex;
    justify-content: center;
    flex-basis: 25%;
  }
}
.filter__color-option {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 56px;
  width: 56px;
  height: 80px;
  max-height: 80px;
  text-decoration: none;
}
.filter__color-option:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 10px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 0;
  transition: all 0.3s ease-in-out, outline-offset 1ms;
}
.filter__color-option--active, .filter__color-option:hover, .filter__color-option:focus {
  text-decoration: none;
}
.filter__color-option--active:after, .filter__color-option:hover:after, .filter__color-option:focus:after {
  border-color: var(--bx-button-primary, #0f62fe);
}
.filter__color-sample {
  width: 32px;
  height: 32px;
  margin: 8px;
  border: 1px solid var(--bx-layer-02, #f3f3f3);
  border-radius: 0;
}
.filter__color-label {
  max-width: 100%;
  font-size: 12px;
  color: var(--bx-toggle-off, #8d8d8d);
  word-break: break-all;
  text-align: center;
}
.filter__range {
  margin: 0 0 16px 0;
}

.table {
  width: 100%;
  background: var(--bx-layer-02, #f3f3f3);
  margin: 1em 0;
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  border-radius: 0;
  color: var(--bx-layer-selected-inverse, #161616);
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  line-height: 1.5;
}
.table__caption, .table__visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.table thead tr {
  padding: 0;
  border-bottom: 0;
}
@media (min-width: 42rem) {
  .table thead tr {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 42rem) {
  .table thead th:first-child {
    border-top-left-radius: 0;
  }
}
@media (min-width: 42rem) {
  .table thead th:last-child {
    border-top-right-radius: 0;
  }
}
.table tr {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
}
@media (min-width: 42rem) {
  .table tr {
    padding: 0;
    border-bottom: 0;
    display: table-row;
  }
}
.table th {
  display: none;
}
@media (min-width: 42rem) {
  .table th:last-child {
    border-right: 0;
  }
}
@media (min-width: 42rem) {
  .table th {
    display: table-cell;
    padding: 16px;
    background: var(--bx-layer-01, #f3f3f3);
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    border-right: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
}
.table td {
  display: flex;
  padding: 5px 16px;
  background: var(--bx-layer-02, #f3f3f3);
}
.table td:before {
  grid-area: before;
  content: attr(data-th);
  font-weight: bold;
  display: none;
}
@media (max-width: 41.98rem) {
  .table td:before {
    display: block;
  }
}
@media (min-width: 42rem) {
  .table td:last-child {
    border-right: 0;
  }
}
.table td > div {
  grid-area: content;
}
@media (min-width: 42rem) {
  .table td {
    display: table-cell;
    padding: 16px;
    background: var(--bx-layer-02, #f3f3f3);
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    border-right: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
}
@media (min-width: 42rem) {
  .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0;
  }
  .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0;
  }
}
.table tfoot tr:last-child {
  border-bottom: 0;
}
.table tfoot tr:last-child td {
  border-bottom: 0;
}
@media (min-width: 42rem) {
  .table tfoot tr:last-child td:first-child {
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 42rem) {
  .table tfoot tr:last-child td:last-child {
    border-bottom-right-radius: 0;
  }
}
.table tfoot tr:last-child td {
  display: block;
  padding: 5px 16px;
  background: var(--bx-layer-02, #f3f3f3);
}
@media (min-width: 42rem) {
  .table tfoot tr:last-child td {
    display: table-cell;
    padding: 16px;
    background: var(--bx-layer-01, #f3f3f3);
    border-right: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
}
.table__td--align-right {
  text-align: center;
}
@media (max-width: 41.98rem) {
  .table__td--align-right {
    text-align: left;
  }
}
@media (min-width: 42rem) {
  .table__td--qty, .table__th--qty {
    width: 280px;
  }
}
.table__td--vertical-middle {
  vertical-align: middle !important;
}
.table--odd-even tbody tr:nth-child(odd) {
  background: var(--bx-layer-02, #f3f3f3);
}
.table--odd-even tbody tr:nth-child(even) {
  background: #f9f9f9;
}
.table--odd-even tbody tr:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (min-width: 42rem) {
  .table--odd-even tbody tr:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.table--odd-even tbody td {
  background-color: transparent;
}
.table--clean {
  margin-top: 0;
  margin-bottom: 1.5rem;
  border: 0;
  border-radius: 0;
  break-inside: avoid;
  background-color: transparent;
}
.table--clean .label {
  margin-bottom: 0;
  font-size: inherit;
  color: var(--bx-text-primary, #161616);
}
.table--clean .data {
  color: var(--bx-text-secondary, #525252);
}
.table--clean thead tr {
  padding: 0;
  border-bottom: 0;
}
.table--clean tr {
  padding: 0;
  border-bottom: 0;
  margin-bottom: 5px;
}
.table--clean th {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 21px;
  border-bottom: 1px solid 1px solid var(--bx-border-subtle-01, #dcdcdc);
  border-right: 0;
  background: var(--bx-layer-02, #f3f3f3);
  text-align: left;
  font-weight: 600;
}
@media (max-width: 41.98rem) {
  .table--clean th {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.table--clean td {
  border-bottom: 1px solid 1px solid var(--bx-border-subtle-01, #dcdcdc);
  border-right: 0;
  background: #fff;
  padding: 5px 16px;
  line-height: 21px;
  vertical-align: top;
}
.table--clean:not(.table--clean-mobile) td:before {
  display: none;
}
.table--clean tr:last-child td {
  border-bottom: 0;
}
.table--clean tbody tr:nth-child(odd) {
  background: transparent;
}
.table--clean tbody tr:nth-child(even) {
  background: transparent;
}
@media (max-width: 41.98rem) {
  .table--clean-mobile thead {
    display: none;
  }
  .table--clean-mobile td {
    display: block;
  }
  .table--clean-mobile td:before {
    content: attr(data-th) ": ";
  }
  .table--mobile-border {
    border: 3px solid #ededed;
  }
  .table--mobile-border td:not(:last-child) {
    border-bottom: 3px solid #ededed !important;
  }
  .table--first-td-with-background-in-mobile td:first-child {
    background-color: var(--bx-layer-01, #f3f3f3);
  }
  .table--mobile-break-word td {
    word-break: break-word;
  }
}
@media (max-width: 41.98rem) {
  .table--responsive thead {
    display: none;
  }
  .table--responsive td {
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
  .table--responsive td:before {
    display: block;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0.5rem;
  }
  .table--responsive tr {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--bx-layer-02, #f3f3f3);
  }
}
@media (min-width: 42rem) {
  .table--nowrap {
    white-space: nowrap;
  }
}
@media (max-width: 41.98rem) {
  .table--product-attributes .label {
    font-size: var(--bx-label-01-font-size, 0.75rem);
    font-weight: var(--bx-label-01-font-weight, 400);
    line-height: var(--bx-label-01-line-height, 1.33333);
    letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 66rem) {
  .table__wrapper {
    column-count: 2;
    column-gap: 2rem;
  }
}
.table__wrapper--responsive {
  display: flex;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.table--vertical-top td {
  vertical-align: top;
}
.table--lg td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 41.98rem) {
  .table--lg td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.table--product {
  border-color: var(--bx-layer-01, #f3f3f3);
  vertical-align: center;
}
.table--product tr {
  background: #fff;
}
.table--product td {
  border-color: var(--bx-layer-01, #f3f3f3);
  background: #fff;
  vertical-align: middle;
}
@media (max-width: 41.98rem) {
  .table--product td {
    display: grid;
    grid-template-areas: "before content";
    grid-template-columns: 90px 1fr;
    column-gap: 0.75rem;
  }
}

.table__product-price {
  font-size: 24px;
}

.table__additional-info {
  grid-area: additional-info;
  font-size: 14px;
}

.table__product-details {
  display: grid;
  grid-template-areas: "image" "title" "additional-info" "sku";
  row-gap: 0.5rem;
  grid-template-columns: auto;
}
@media (min-width: 66rem) {
  .table__product-details {
    grid-template-areas: "image title" "image additional-info" "image sku";
    grid-template-columns: 80px minmax(0, 1fr);
    column-gap: 1rem;
  }
}
.table__product-details .lazyload-wrapper {
  display: block;
  align-items: center;
}

.lazyload-wrapper,
.table__product-image {
  grid-area: image;
}

.table--product img,
.table__product-image {
  height: auto;
  display: block;
  width: 100%;
}
@media (min-width: 42rem) {
  .table--product img,
.table__product-image {
    width: 80px;
  }
}

.table__product-title {
  grid-area: title;
  font-size: 16px;
  margin: 0;
}

.table__product-sku {
  grid-area: sku;
  color: #8b8b8b;
  font-size: 13px;
}

.table__product-td--price > div {
  display: inline-block;
}

@media (min-width: 66rem) {
  .table__product-td--status {
    width: 120px;
  }
  .table__product-td--quantity {
    width: 80px;
  }
  .table__product-td--price {
    width: 155px;
  }
}
@media (max-width: 41.98rem) {
  .table--product-sm {
    background: transparent;
    border: none;
  }
  .table--product-sm .table__row--product-sm {
    display: grid;
    grid-template-columns: 34px 85px calc(33% - 120px) repeat(5, 1fr) 50px;
    grid-template-areas: "radio-button   image       title       title       title       title       title       title       quantity" "price-1        price-1     price-1     price-2     price-2     price-2     price-3     price-3     price-3";
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #ededed;
    position: relative;
  }
  .table--product-sm .table__row--product-sm:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #ededed;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 65px;
  }
  .table--product-sm .table__row--product-sm .table__td--image, .table--product-sm .table__row--product-sm .table__td--title, .table--product-sm .table__row--product-sm .table__td--quantity {
    padding-top: 1rem;
  }
  .table--product-sm .table__row--product-sm .table__td {
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .table--product-sm .table__row--product-sm .table__td--quantity {
    display: flex;
  }
  .table--product-sm .table__row--product-sm .table__td--quantity,
.table--product-sm .table__row--product-sm .table__td--radio-button > div {
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .table--product-sm .table__row--product-sm .table__td--radio-button > div .bx--radio-button__appearance {
    margin: 0;
  }
  .table--product-sm .table__row--product-sm .table__td--price-1, .table--product-sm .table__row--product-sm .table__td--price-2, .table--product-sm .table__row--product-sm .table__td--price-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem;
  }
  .table--product-sm .table__row--product-sm .table__td--title,
.table--product-sm .table__row--product-sm .table__td--price-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .table--product-sm .table__row--product-sm .table__td--quantity {
    text-align: right;
  }
  .table--product-sm .table__row--product-sm .table__td--price .bx--label, .table--product-sm .table__row--product-sm .table__td--price .input__label, .table--product-sm .table__row--product-sm .table__td--price .label {
    margin-bottom: 0;
  }
  .table--product-sm .table__row--product-sm .table__td--price .table__td-price {
    font-weight: 600;
  }
  .table__td--radio-button {
    grid-area: radio-button;
  }
  .table__td--image {
    grid-area: image;
  }
  .table__td--title {
    grid-area: title;
  }
  .table__td--quantity {
    grid-area: quantity;
  }
  .table__td--price-1 {
    grid-area: price-1;
  }
  .table__td--price-2 {
    grid-area: price-2;
  }
  .table__td--price-3 {
    grid-area: price-3;
  }
}
.table.table--radio {
  border-bottom: 3px solid var(--bx-support-info, #0d4c8b);
}

.table--radio .table__td-title,
.table--radio .table__td a {
  color: #171717;
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
}

.table--radio .table__td a:hover {
  text-decoration: underline;
}

.table--radio .table__td-description {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.32px;
  color: #565656;
  margin-top: 0.75rem;
}

.table--radio .table__td {
  background: var(--bx-background, #ffffff);
  border-right: none;
  vertical-align: middle;
}
.table--radio .table__td .table__td--radio-button {
  width: 0;
  padding-right: 0;
  border-bottom: none;
}

.table__td--quantity {
  font-weight: 600;
}

.table--radio.stock {
  font-size: 12px;
}

@media (min-width: 42rem) {
  .table.table--radio {
    border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    border-left: none;
    border-right: none;
  }
  .table--radio .bx--label, .table--radio .input__label, .table--radio .label {
    margin-bottom: 0.15rem;
  }
  .table--radio .table__td-title,
.table--radio .table__td a {
    font-size: 14px;
  }
  .table--radio .table__row:first-child {
    border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
  .table--radio .table__row--empty-space {
    padding: 0 !important;
    height: 15px;
  }
  .table--radio .table__td--empty-space {
    padding: 0;
    height: 15px;
  }
  .table--radio .table__row--selected .table__td-price--total,
.table--radio .table__row--selected .table__td-price,
.table--radio .table__row--selected .table__td--quantity {
    font-size: 16px;
    font-weight: 600;
  }
  .table--radio .table__td--no-wrap span {
    white-space: nowrap;
  }
  .table--radio.stock.available {
    color: var(--bx-support-success, #079b6c);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.16px;
    line-height: 18px;
  }
  .table__td--radio-button {
    width: 61px;
  }
  .table__td--image {
    width: 102px;
  }
}
@media (min-width: 66rem) {
  .table--radio .table__td:first-child {
    border-left: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
  .table--radio .table__td:last-child {
    border-right: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
  .table--radio .table__td--empty-space {
    border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc) !important;
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc) !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .table--radio .table__td--price {
    text-align: right;
  }
  .table--radio .table__td-price {
    white-space: nowrap;
  }
}
@media (max-width: 41.98rem) {
  .table--radio .table__td--image img {
    max-width: 100%;
    height: auto !important;
  }
  .table--radio .bx--label, .table--radio .input__label, .table--radio .label {
    margin-bottom: 0;
  }
  .table--radio .bx--catalog-item__stock-info-text,
.table--radio .table__td--quantity {
    font-size: 12px;
  }
  .table.table--radio .table__row .table__td--image {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 66rem) and (max-width: 80rem) {
  .table--radio .table__td {
    padding: 16px 8px;
  }
  .table--radio .table__td--radio-button {
    max-width: 40px;
  }
  .table--radio .table__td--image {
    display: none;
  }
}
@media (min-width: 42rem) and (max-width: 66rem) {
  .table--radio .table__row {
    padding: 1rem 1rem 0.25rem 4rem;
    background: var(--bx-background, #ffffff);
    border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    border-bottom: none;
    position: relative;
    display: block;
  }
  .table--radio .table__td:first-child {
    position: absolute;
    top: 25px;
    left: 20px;
    display: block;
    padding: 0;
    width: auto;
  }
  .table--radio .table__td {
    padding: 0;
    display: block;
    border: none;
    margin-bottom: 0.75rem;
  }
  .table--radio .table__td:before {
    content: none;
  }
  .table--radio .table__row--empty-space {
    border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .table--radio .table__td--empty-space {
    border: 0 !important;
  }
  .table--radio .bx--label--warranty-time {
    margin-top: 0.75rem;
  }
}
.table.table--with-head {
  margin-top: 0;
}

.table.table--with-head .table__row:first-child .table__td {
  padding-top: 2rem;
}

.table.table--with-head .table__row:last-child .table__td {
  border-bottom: none;
}

.table-head {
  position: relative;
  z-index: 1;
  min-height: 40px;
  background: var(--bx-support-info, #0d4c8b);
  color: #fff;
  display: flex;
  align-items: center;
  margin: 20px 10px -20px 10px;
  padding: 0.5rem 1rem;
  line-height: 1.5;
}

.table-head strong {
  color: var(--bx-text-primary, #161616);
  padding: 4px 8px;
  background-color: var(--bx-text-inverse, #ffffff);
}

.password-strength-meter {
  background-color: var(--bx-layer-01, #f3f3f3);
  position: relative;
  z-index: 1;
  padding: 0.25rem 1rem;
}
.password-strength-meter-container {
  width: 100%;
}
.password-strength-meter:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.password-none .password-strength-meter:before, .password-strength-meter.password-none:before {
  background-color: var(--bx-layer-01, #f3f3f3);
  width: 100%;
}
.password-weak .password-strength-meter:before, .password-strength-meter.password-weak:before {
  background-color: #ffafae;
  width: 25%;
}
.password-medium .password-strength-meter:before, .password-strength-meter.password-medium:before {
  background-color: #ffd6b3;
  width: 50%;
}
.password-strong .password-strength-meter:before, .password-strength-meter.password-strong:before {
  background-color: #c5eeac;
  width: 75%;
}
.password-very-strong .password-strength-meter:before, .password-strength-meter.password-very-strong:before {
  background-color: #81b562;
  width: 100%;
}

.wishlist__item {
  position: relative;
}
.wishlist__item-actions {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
.bx--catalog-item {
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  padding: 1rem;
  display: flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 41.98rem) {
  .bx--catalog-item {
    width: 100%;
    max-width: var(--card-width);
    flex: none !important;
  }
}
@media (max-width: 65.98rem) {
  .bx--catalog-item {
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    flex: 0 0 var(--card-width);
    max-width: var(--card-width);
  }
  .bx--catalog-item__wrapper--list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bx--catalog-item .swatch__wrapper,
.bx--catalog-item .swatch-select {
    width: 100%;
  }
}
@media (min-width: 42rem) {
  .bx--catalog-item__wrapper--list {
    margin: 0 -1rem;
  }
}
@media (min-width: 28.125rem) {
  .bx--catalog-item {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.bx--catalog-item__wrapper--grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: -1rem;
}
@media (max-width: 41.98rem) {
  .bx--catalog-item__wrapper--grid {
    justify-content: center;
  }
}
@media (min-width: 66rem) {
  .bx--catalog-item__wrapper--grid {
    margin-left: -1rem;
    margin-right: -1rem;
    width: inherit;
  }
}

.bx--catalog-item__short-description {
  line-clamp: 2;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-break: break-word;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  color: var(--bx-text-tertiary);
}

.bx--catalog-item__add-to-cart-wrapper {
  align-self: stretch;
  display: grid;
  grid-template-areas: "price quantity-unit" "used-price used-price" "actions actions";
  grid-template-rows: min-content min-content 1fr;
  column-gap: 0.125rem;
  row-gap: 0.125rem;
}

.bx--catalog-item__price,
.bx--catalog-item__price-wrapper {
  grid-area: price;
}

.bx--catalog-item__price-wrapper {
  height: 28px;
}

.bx--catalog-item__quantity-unit {
  grid-area: quantity-unit;
  padding-top: 6px;
  line-height: 20px;
  padding-left: 10px;
  position: relative;
  font-weight: 600;
}

.bx--catalog-item__quantity-unit:before {
  content: "/";
  padding-right: 0.25rem;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  left: 2px;
  bottom: 3px;
}

.bx--catalog-item__used-price {
  grid-area: used-price;
}

.bx--catalog-item__actions {
  grid-area: actions;
}

.bx--catalog-item--type-related .bx--catalog-item {
  max-width: 256px;
  background: #ffffff;
}

.bx--catalog-item--highlighted {
  background-color: var(--bx-layer-02, #f3f3f3);
}
.bx--catalog-item--highlighted .bx--number input[type=number] {
  border-color: var(--bx-background, #ffffff);
  background-color: var(--bx-background, #ffffff);
}

.bx--catalog-item--list .bx--catalog-item__name,
.bx--catalog-item--grid .bx--catalog-item__name {
  margin-bottom: 0.75rem;
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
}
.bx--catalog-item--list .bx--catalog-item__name a,
.bx--catalog-item--grid .bx--catalog-item__name a {
  color: var(--bx-text-primary, #161616);
  text-decoration: none;
}
.bx--catalog-item--list .bx--catalog-item__additional-info,
.bx--catalog-item--grid .bx--catalog-item__additional-info {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
}
.bx--catalog-item--list .bx--catalog-item__additional,
.bx--catalog-item--grid .bx--catalog-item__additional {
  white-space: nowrap;
}
.bx--catalog-item--list .bx--catalog-item__actions-secondary .button--icon,
.bx--catalog-item--grid .bx--catalog-item__actions-secondary .button--icon {
  background-color: #fff;
  height: 40px;
  border-radius: 20px;
}
.bx--catalog-item--list .bx--catalog-item__actions-secondary .button--icon:hover, .bx--catalog-item--list .bx--catalog-item__actions-secondary .button--icon:active,
.bx--catalog-item--grid .bx--catalog-item__actions-secondary .button--icon:hover,
.bx--catalog-item--grid .bx--catalog-item__actions-secondary .button--icon:active {
  background-color: var(--bx-layer-01, #f3f3f3);
}
.bx--catalog-item--list .bx--catalog-item__actions-secondary .button__icon *,
.bx--catalog-item--grid .bx--catalog-item__actions-secondary .button__icon * {
  fill: var(--bx-button-primary, #0f62fe) !important;
}
.bx--catalog-item--list .bx--catalog-item__add-to-cart-wrapper,
.bx--catalog-item--grid .bx--catalog-item__add-to-cart-wrapper {
  flex: 0 0 14.375rem;
  max-width: 14.375rem;
}
.bx--catalog-item--list .bx--catalog-item__stock-wrapper,
.bx--catalog-item--grid .bx--catalog-item__stock-wrapper {
  margin-left: 0.5rem;
}
.bx--catalog-item--list .bx--catalog-item__stock-wrapper .bx----tooltip__trigger--definition,
.bx--catalog-item--grid .bx--catalog-item__stock-wrapper .bx----tooltip__trigger--definition {
  border-bottom: none;
}

.bx--catalog-item--list .bx--catalog-item__stock-info-text,
.bx--catalog-item--grid .bx--catalog-item__stock-info-text,
body .bx--catalog-item__stock-info-text {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  font-weight: 600;
}
.bx--catalog-item--list .bx--catalog-item__stock-info-icon,
.bx--catalog-item--grid .bx--catalog-item__stock-info-icon,
body .bx--catalog-item__stock-info-icon {
  margin-left: 0.25rem;
}
.bx--catalog-item--list .bx--catalog-item__stock-info--green .bx--catalog-item__stock-info-text,
.bx--catalog-item--grid .bx--catalog-item__stock-info--green .bx--catalog-item__stock-info-text,
body .bx--catalog-item__stock-info--green .bx--catalog-item__stock-info-text {
  color: var(--bx-support-success, #079b6c);
}
.bx--catalog-item--list .bx--catalog-item__stock-info--gray .bx--catalog-item__stock-info-text,
.bx--catalog-item--grid .bx--catalog-item__stock-info--gray .bx--catalog-item__stock-info-text,
body .bx--catalog-item__stock-info--gray .bx--catalog-item__stock-info-text {
  color: var(--bx-text-tertiary);
}

@media (min-width: 66rem) {
  .bx--catalog-item--list {
    align-items: center;
  }
  .bx--catalog-item--list .bx--catalog-item__image-wrapper {
    width: 180px;
    flex: 0 0 180px;
  }
  .bx--catalog-item--list .bx--catalog-item__image-wrapper img {
    max-width: 100%;
  }
  .bx--catalog-item--list .bx--catalog-item__main {
    flex-grow: 1;
    margin: 0 1rem;
    width: 100%;
  }
  .bx--catalog-item--list .bx--catalog-item__actions {
    align-self: flex-end;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bx--catalog-item--list .bx--catalog-item__add-to-cart-wrapper {
    align-self: stretch;
    text-align: right;
    grid-template-columns: 1fr min-content;
  }
  .bx--catalog-item--list .bx--catalog-item__actions-secondary {
    white-space: nowrap;
  }
  .bx--catalog-item--list .bx--catalog-item__secondary-actions {
    display: flex;
    align-items: center;
    margin-top: 0.75rem;
  }
  .bx--catalog-item--list .bx--catalog-item__sku:after {
    content: " |";
  }
  .bx--catalog-item--list .bx--catalog-item__sku-wrapper {
    font-size: var(--bx-body-short-01-font-size, 0.875rem);
    font-weight: var(--bx-body-short-01-font-weight, 400);
    line-height: var(--bx-body-short-01-line-height, 1.28572);
    letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
    font-weight: 600;
  }
}

@media (max-width: 65.98rem) {
  .bx--catalog-item--list .bx--catalog-item__main {
    margin-top: 0.25rem;
    height: fit-content;
    align-self: flex-end;
  }
  .bx--catalog-item--list .bx--catalog-item__name a {
    font-size: var(--bx-body-short-02-font-size, 1rem);
    font-weight: var(--bx-body-short-02-font-weight, 400);
    line-height: var(--bx-body-short-02-line-height, 1.375);
    letter-spacing: var(--bx-body-short-02-letter-spacing, 0);
    font-weight: 600;
    word-wrap: break-word;
  }
  .bx--catalog-item--list .bx--catalog-item__image-wrapper,
.bx--catalog-item--list .bx--catalog-item__main,
.bx--catalog-item--list .bx--catalog-item__add-to-cart-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bx--catalog-item--list .bx--catalog-item__image-wrapper .product-image-photo {
    width: 260px;
    height: 160px;
    object-fit: contain;
  }
  .bx--catalog-item--list .bx--catalog-item__actions-secondary {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    text-align: right;
  }
  .bx--catalog-item--list .bx--catalog-item__tag-wrapper {
    margin-top: 0.75rem;
    margin-left: -0.25rem;
  }
  .bx--catalog-item--list .bx--catalog-item__stock-wrapper {
    margin-top: 0.75rem;
    margin-left: 0;
  }
  .bx--catalog-item--list .bx--catalog-item__sku {
    display: block;
  }
  .bx--catalog-item--list .bx--catalog-item__price .price-box .price {
    display: flex;
    align-items: center;
  }
  .bx--catalog-item--list .bx--catalog-item__price .price-box .price__value--old {
    margin-left: 0.25rem;
  }
  .bx--catalog-item--list .bx--catalog-item__sku-wrapper {
    font-size: var(--bx-label-01-font-size, 0.75rem);
    font-weight: var(--bx-label-01-font-weight, 400);
    line-height: var(--bx-label-01-line-height, 1.33333);
    letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
    color: var(--bx-text-secondary, #525252);
    font-weight: 600;
  }
  .bx--catalog-item--list .bx--catalog-item__add-to-cart-wrapper {
    grid-template-columns: min-content 1fr;
    height: min-content;
    align-self: flex-end;
  }
  .bx--catalog-item--list .bx--catalog-item__actions {
    margin-top: 0.25rem;
  }
}

.bx--catalog-item--grid {
  flex-wrap: wrap;
  flex: 0 0 var(--card-width);
  max-width: var(--card-width);
}
.bx--catalog-item--grid .bx--catalog-item__image img {
  width: 254px;
  height: 160px;
}
.bx--catalog-item--grid .bx--catalog-item__main {
  margin-top: 0.25rem;
  height: fit-content;
  align-self: flex-end;
}
.bx--catalog-item--grid .bx--catalog-item__name a {
  font-size: var(--bx-body-short-02-font-size, 1rem);
  font-weight: var(--bx-body-short-02-font-weight, 400);
  line-height: var(--bx-body-short-02-line-height, 1.375);
  letter-spacing: var(--bx-body-short-02-letter-spacing, 0);
  font-weight: 600;
  word-wrap: break-word;
}
.bx--catalog-item--grid .bx--catalog-item__image-wrapper,
.bx--catalog-item--grid .bx--catalog-item__main,
.bx--catalog-item--grid .bx--catalog-item__add-to-cart-wrapper {
  flex: 0 0 100%;
  max-width: 100%;
}
.bx--catalog-item--grid .bx--catalog-item__image-wrapper .product-image-photo {
  width: 260px;
  height: 160px;
  object-fit: contain;
}
.bx--catalog-item--grid .bx--catalog-item__actions-secondary {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  text-align: right;
}
.bx--catalog-item--grid .bx--catalog-item__tag-wrapper {
  margin-top: 0.75rem;
  margin-left: -0.25rem;
}
.bx--catalog-item--grid .bx--catalog-item__stock-wrapper {
  margin-top: 0.75rem;
  margin-left: 0;
}
.bx--catalog-item--grid .bx--catalog-item__sku {
  display: block;
}
.bx--catalog-item--grid .bx--catalog-item__price .price-box .price {
  display: flex;
  align-items: center;
}
.bx--catalog-item--grid .bx--catalog-item__price .price-box .price__value--old {
  margin-left: 0.25rem;
}
.bx--catalog-item--grid .bx--catalog-item__sku-wrapper {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  color: var(--bx-text-secondary, #525252);
  font-weight: 600;
}
.bx--catalog-item--grid .bx--catalog-item__add-to-cart-wrapper {
  grid-template-columns: min-content 1fr;
  height: min-content;
  align-self: flex-end;
}
.bx--catalog-item--grid .bx--catalog-item__actions {
  margin-top: 0.25rem;
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
.bx--catalog-list__sidebar {
  grid-area: sidebar;
}
@media (min-width: 66rem) {
  .bx--catalog-list__sidebar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.bx--catalog-list__sidebar-additional {
  grid-area: additional;
  padding-bottom: 4rem;
}
@media (min-width: 66rem) {
  .bx--catalog-list__sidebar-additional {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
.bx--catalog-list__products {
  grid-area: products;
}
@media (min-width: 66rem) {
  .bx--catalog-list__products {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    overflow-x: hidden;
  }
}
.bx--catalog-list__discount-list {
  grid-area: discount-list;
}
@media (min-width: 66rem) {
  .bx--catalog-list__discount-list {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
}
@media (max-width: 65.98rem) {
  .bx--catalog-list {
    display: flex;
    flex-wrap: wrap;
  }
  .bx--catalog-list__sidebar {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
  }
  .bx--catalog-list__sidebar .bx--catalog-list__discount-list {
    display: none;
  }
  .bx--catalog-list__products {
    flex: 0 0 100%;
    max-width: 100%;
    order: 3;
  }
  .bx--catalog-list__sidebar-additional {
    display: none;
  }
  .bx--catalog-list__discount-list {
    order: 2;
  }
}
@media (min-width: 66rem) {
  .bx--catalog-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: min-content 1fr;
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    grid-template-areas: "sidebar" "additional" "products";
  }
  .bx--catalog-list .toolbar {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .page-layout-2columns-left .bx--catalog-list, .page-layout-brand .bx--catalog-list {
    -ms-grid-columns: var(--card-width) 1rem 1fr;
    grid-template-columns: var(--card-width) 1fr;
    grid-template-areas: "sidebar products" "additional products";
  }
  .page-layout-2columns-right .bx--catalog-list {
    -ms-grid-columns: 1fr 1rem var(--card-width);
    grid-template-columns: 1fr var(--card-width);
    grid-template-areas: "products sidebar" "products additional";
  }
  .page-layout-3columns .bx--catalog-list {
    -ms-grid-columns: var(--card-width) 1rem 1fr 1rem var(--card-width);
    grid-template-columns: var(--card-width) 1fr var(--card-width);
    grid-template-areas: "sidebar products additional";
  }
  .page-layout-2columns-left .bx--catalog-list .toolbar, .page-layout-brand .bx--catalog-list .toolbar, .page-layout-2columns-right .bx--catalog-list .toolbar, .page-layout-3columns .bx--catalog-list .toolbar {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.bx--catalog-list .dropdown-list__label {
  padding-top: 10px;
  padding-bottom: 10px;
}
.bx--catalog-list .bx--accordion__title {
  font-weight: 600;
}
.bx--catalog-list .bx--accordion__content {
  padding-right: 1rem;
  overflow: hidden;
}
.bx--catalog-list .bx--accordion__item:last-child {
  border-bottom: none;
}
.bx--catalog-list .bx--sidebar-block--highlighted {
  border-top: none;
}

.bx--filter__search {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.bx--filter__actions {
  margin-top: 0.75rem;
}

.bx--slider-container--filter {
  display: block;
  padding-top: 2.5rem;
  position: relative;
}
.bx--slider--without-margin {
  margin: 0;
}
.bx--slider__range-label {
  position: absolute;
  top: 0;
  margin: 0;
}
.bx--slider__range-label[data-role=from-label] {
  left: 0;
}
.bx--slider__range-label[data-role=to-label] {
  right: 0;
}
.bx--slider__actions-toolbar {
  margin-bottom: 0;
  justify-content: space-between;
}

.active-filters__label {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  display: block;
}

.filters__switcher-icon {
  display: none;
}
.filters__switcher[data-state-current=hidden] .filters__switcher-icon--open {
  display: block;
}
.filters__switcher[data-state-current=display] .filters__switcher-icon--close {
  display: block;
}

.filters__list--mobile-hidden,
.filters__switcher {
  display: none;
}

@media (min-width: 66rem) {
  .filters__list--mobile-hidden {
    display: block;
  }
  .active-filters__clear-all {
    margin-top: 1rem;
  }
}
@media (max-width: 65.98rem) {
  .filters__list {
    margin-top: 1rem;
  }
  .bx--sidebar-block--with-padding {
    padding: 0;
  }
  .filters__switcher {
    display: inline-flex;
  }
  .active-filters {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.75rem;
  }
  .active-filters__item {
    margin: 0 0.75rem;
  }
}
@media (min-width: 42rem) and (max-width: 66rem) {
  .bx--sidebar-block--with-padding {
    position: relative;
  }
  .active-filters__clear-all {
    position: absolute;
    top: -2px;
    right: 0;
  }
  .filters__list {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 41.98rem) {
  .filters__switcher {
    width: 100%;
    max-width: 100%;
  }
  .active-filters__clear-all {
    margin: 0.75rem 0.75rem 0 0.75rem;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.bx--pagination {
  border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  height: auto;
  flex-wrap: wrap;
}
.bx--pagination__left, .bx--pagination__right {
  height: 3rem;
}

.bx--tag--gray.bx--tag--filter {
  background-color: #e0e0e0;
  color: #161616;
  cursor: inherit;
}
.bx--tag--gray.bx--tag--filter.bx--tag--interactive:hover,
.bx--tag--gray.bx--tag--filter .bx--tag__close-icon:hover {
  background-color: #e0e0e0;
}
.bx--tag--gray.bx--tag--filter svg {
  fill: #161616;
  margin-left: 0.25rem;
  padding: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
}
.bx--tag--gray.bx--tag--filter svg:hover {
  border-radius: 50%;
  background-color: var(--bx-button-secondary-hover, #474747);
  fill: var(--bx-field-hover-01, #e8e8e8);
}

.dashboard-items__address {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
}
.dashboard-items__address p {
  margin-bottom: 0.25rem;
}
.dashboard-items__item h4 {
  font-size: var(--bx-heading-02-font-size, 1rem);
  font-weight: var(--bx-heading-02-font-weight, 600);
  line-height: var(--bx-heading-02-line-height, 1.5);
  letter-spacing: var(--bx-heading-02-letter-spacing, 0);
  margin-bottom: 1rem;
}
.dashboard-items__content {
  margin-bottom: 2.5rem;
}
.dashboard-items__content.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.dashboard-items__content .col-sm-6 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .dashboard-items__content .col-sm-6, .bx--grid--condensed .dashboard-items__content .col-sm-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .dashboard-items__content .col-sm-6, .bx--grid--narrow .dashboard-items__content .col-sm-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.dashboard-table__header {
  margin-bottom: 0.75rem;
}

.dashboard-table__title,
.dashboard-items__title,
.dashboard-form__title-form {
  font-size: var(--bx-productive-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-productive-heading-03-font-weight, 400);
  line-height: var(--bx-productive-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-productive-heading-03-letter-spacing, 0);
  margin-bottom: 1rem;
}

.dashboard-form__title {
  margin-bottom: 0.5rem;
}
.dashboard-form__select {
  margin-bottom: 0.5rem;
}
.dashboard-form__divider {
  margin-bottom: 2.5rem;
}

div.action,
div.actions-toolbar {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.action__handler,
.actions-toolbar .action.primary {
  margin-right: 0.75rem;
}

.field.password-info {
  font-size: var(--bx-helper-text-01-font-size, 0.75rem);
  line-height: var(--bx-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--bx-helper-text-01-letter-spacing, 0.32px);
  font-style: italic;
  color: var(--bx-text-secondary, #525252);
  z-index: 0;
  opacity: 1;
  margin-bottom: 0.5rem;
}

.field.choice {
  display: flex;
}
.field.choice .checkbox {
  flex: inherit;
  margin-right: 0.5rem;
}

.fieldset {
  margin-bottom: 0.75rem;
}
.fieldset .field,
.fieldset > .input {
  margin-bottom: 0.5rem;
}

body {
  --pv-gutter: 1rem;
  --content-padding: 1.5rem 1rem;
}
@media (min-width: 66rem) {
  body {
    --pv-gutter: 1.5rem;
    --content-padding: 0 3rem 4rem 3rem;
  }
}

.page-heading__h1 {
  font-size: var(--bx-productive-heading-05-font-size, 2rem);
  font-weight: var(--bx-productive-heading-05-font-weight, 400);
  line-height: var(--bx-productive-heading-05-line-height, 1.25);
  letter-spacing: var(--bx-productive-heading-05-letter-spacing, 0);
}
.page-heading__h2 {
  font-size: var(--bx-productive-heading-04-font-size, 1.75rem);
  font-weight: var(--bx-productive-heading-04-font-weight, 400);
  line-height: var(--bx-productive-heading-04-line-height, 1.28572);
  letter-spacing: var(--bx-productive-heading-04-letter-spacing, 0);
}
.page-heading__h3 {
  font-size: var(--bx-productive-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-productive-heading-03-font-weight, 400);
  line-height: var(--bx-productive-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-productive-heading-03-letter-spacing, 0);
}
.page-heading__h4 {
  font-size: var(--bx-heading-02-font-size, 1rem);
  font-weight: var(--bx-heading-02-font-weight, 600);
  line-height: var(--bx-heading-02-line-height, 1.5);
  letter-spacing: var(--bx-heading-02-letter-spacing, 0);
}
.page-heading__h2, .page-heading__h3, .page-heading__h4 {
  margin-bottom: 2rem;
}

.bx--inline-notification {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 18rem;
  max-width: 18rem;
  height: auto;
  min-height: 3rem;
  flex-wrap: wrap;
  color: var(--bx-text-inverse, #ffffff);
}

.bx--inline-notification html {
  font-size: 100%;
}

.bx--inline-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--inline-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--inline-notification strong {
  font-weight: 600;
}

@media (min-width: 42rem) {
  .bx--inline-notification {
    max-width: 38rem;
    flex-wrap: nowrap;
  }
}
@media (min-width: 66rem) {
  .bx--inline-notification {
    max-width: 46rem;
  }
}
@media (min-width: 99rem) {
  .bx--inline-notification {
    max-width: 52rem;
  }
}
.bx--inline-notification:not(.bx--inline-notification--low-contrast) a {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--inline-notification a {
  text-decoration: none;
}

.bx--inline-notification a:hover {
  text-decoration: underline;
}

.bx--inline-notification a:focus {
  outline: 1px solid var(--bx-link-inverse, #78a9ff);
}

.bx--inline-notification.bx--inline-notification--low-contrast a:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--inline-notification.bx--inline-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}
.bx--inline-notification--low-contrast {
  color: var(--bx-text-primary, #161616);
}

.bx--inline-notification--low-contrast::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  content: "";
  filter: opacity(0.4);
  pointer-events: none;
}

.bx--inline-notification--error {
  border-left: 3px solid var(--bx-support-error-inverse, #fa4d56);
  background: var(--bx-background-inverse, #393939);
}

.bx--inline-notification--error .bx--inline-notification__icon,
.bx--inline-notification--error .bx--toast-notification__icon,
.bx--inline-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error-inverse, #fa4d56);
}

.bx--inline-notification--low-contrast.bx--inline-notification--error {
  border-left: 3px solid var(--bx-support-error, #dd2d4a);
  background: var(--bx-notification-background-error, #fff1f1);
}

.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--inline-notification--low-contrast.bx--inline-notification--error::before {
  border-color: var(--bx-support-error, #dd2d4a);
}

.bx--inline-notification--success {
  border-left: 3px solid var(--bx-support-success-inverse, #42be65);
  background: var(--bx-background-inverse, #393939);
}

.bx--inline-notification--success .bx--inline-notification__icon,
.bx--inline-notification--success .bx--toast-notification__icon,
.bx--inline-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success-inverse, #42be65);
}

.bx--inline-notification--low-contrast.bx--inline-notification--success {
  border-left: 3px solid var(--bx-support-success, #079b6c);
  background: var(--bx-notification-background-success, #defbe6);
}

.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success, #079b6c);
}

.bx--inline-notification--low-contrast.bx--inline-notification--success::before {
  border-color: var(--bx-support-success, #079b6c);
}

.bx--inline-notification--info,
.bx--inline-notification--info-square {
  border-left: 3px solid var(--bx-support-info-inverse, #4589ff);
  background: var(--bx-background-inverse, #393939);
}

.bx--inline-notification--info .bx--inline-notification__icon,
.bx--inline-notification--info .bx--toast-notification__icon,
.bx--inline-notification--info .bx--actionable-notification__icon,
.bx--inline-notification--info-square .bx--inline-notification__icon,
.bx--inline-notification--info-square .bx--toast-notification__icon,
.bx--inline-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info-inverse, #4589ff);
}

.bx--inline-notification--low-contrast.bx--inline-notification--info,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square {
  border-left: 3px solid var(--bx-support-info, #0d4c8b);
  background: var(--bx-notification-background-info, #edf5ff);
}

.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info, #0d4c8b);
}

.bx--inline-notification--low-contrast.bx--inline-notification--info::before,
.bx--inline-notification--low-contrast.bx--inline-notification--info-square::before {
  border-color: var(--bx-support-info, #0d4c8b);
}

.bx--inline-notification--warning,
.bx--inline-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning-inverse, #f1c21b);
  background: var(--bx-background-inverse, #393939);
}

.bx--inline-notification--warning .bx--inline-notification__icon,
.bx--inline-notification--warning .bx--toast-notification__icon,
.bx--inline-notification--warning .bx--actionable-notification__icon,
.bx--inline-notification--warning-alt .bx--inline-notification__icon,
.bx--inline-notification--warning-alt .bx--toast-notification__icon,
.bx--inline-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning-inverse, #f1c21b);
}

.bx--inline-notification--low-contrast.bx--inline-notification--warning,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning, #fdd13a);
  background: var(--bx-notification-background-warning, #fdf6dd);
}

.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--actionable-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--inline-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--toast-notification__icon,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--inline-notification--low-contrast.bx--inline-notification--warning::before,
.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt::before {
  border-color: var(--bx-support-warning, #fdd13a);
}

.bx--inline-notification--warning .bx--inline-notification__icon path[opacity="0"] {
  fill: #000000;
  opacity: 1;
}

.bx--inline-notification__details {
  display: flex;
  flex-grow: 1;
  margin: 0 3rem 0 0.8125rem;
}

@media (min-width: 42rem) {
  .bx--inline-notification__details {
    margin: 0 0.8125rem;
  }
}
.bx--inline-notification__icon {
  flex-shrink: 0;
  margin-top: 0.875rem;
  margin-right: 1rem;
}

.bx--inline-notification__text-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 0;
}

.bx--inline-notification__title {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  margin: 0 0.25rem 0 0;
}

.bx--inline-notification__subtitle {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  word-break: break-word;
}

.bx--inline-notification__action-button.bx--btn--ghost {
  height: 2rem;
  margin-bottom: 0.5rem;
  margin-left: 2.5rem;
}

@media (min-width: 42rem) {
  .bx--inline-notification__action-button.bx--btn--ghost {
    margin: 0.5rem 0;
  }
}
.bx--inline-notification:not(.bx--inline-notification--low-contrast) .bx--inline-notification__action-button.bx--btn--ghost {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--inline-notification__action-button.bx--btn--ghost:active,
.bx--inline-notification__action-button.bx--btn--ghost:hover {
  background-color: var(--bx-background-inverse-hover, #474747);
}

.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:active,
.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:hover {
  background-color: var(--bx-notification-action-hover, #ffffff);
}

.bx--inline-notification__action-button.bx--btn--ghost:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:focus {
  outline-color: var(--bx-focus, #0d4c8b);
}

.bx--inline-notification--hide-close-button .bx--inline-notification__action-button.bx--btn--ghost {
  margin-right: 0.5rem;
}

.bx--inline-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  height: 3rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--inline-notification__close-button:focus {
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--inline-notification__close-button .bx--inline-notification__close-icon {
  fill: var(--bx-icon-inverse, #ffffff);
}

@media (min-width: 42rem) {
  .bx--inline-notification__close-button {
    position: static;
  }
}
.bx--inline-notification--low-contrast .bx--inline-notification__close-button:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--inline-notification--low-contrast .bx--inline-notification__close-button:focus {
    outline-style: dotted;
  }
}
.bx--inline-notification--low-contrast .bx--inline-notification__close-button .bx--inline-notification__close-icon {
  fill: var(--bx-icon-primary, #161616);
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--inline-notification {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--inline-notification__close-button:focus,
.bx--btn.bx--btn--ghost.bx--inline-notification__action-button:focus,
.bx--btn--ghost.bx--inline-notification__action-button.action__button:focus,
.bx--btn--ghost.bx--inline-notification__action-button.action.primary:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--inline-notification__icon {
    fill: ButtonText;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--inline-notification__close-icon {
    fill: ButtonText;
  }
}
/* stylelint-enable */
.bx--toast-notification {
  display: flex;
  width: 18rem;
  height: auto;
  padding-left: 0.8125rem;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  color: var(--bx-text-inverse, #ffffff);
}

.bx--toast-notification html {
  font-size: 100%;
}

.bx--toast-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--toast-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--toast-notification strong {
  font-weight: 600;
}

@media (min-width: 99rem) {
  .bx--toast-notification {
    width: 22rem;
  }
}
.bx--toast-notification:not(.bx--toast-notification--low-contrast) a {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--toast-notification a {
  text-decoration: none;
}

.bx--toast-notification a:hover {
  text-decoration: underline;
}

.bx--toast-notification a:focus {
  outline: 1px solid var(--bx-link-inverse, #78a9ff);
}

.bx--toast-notification.bx--toast-notification--low-contrast a:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--toast-notification.bx--toast-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}
.bx--toast-notification--low-contrast {
  color: var(--bx-text-primary, #161616);
}

.bx--toast-notification--error {
  border-left: 3px solid var(--bx-support-error-inverse, #fa4d56);
  background: var(--bx-background-inverse, #393939);
}

.bx--toast-notification--error .bx--inline-notification__icon,
.bx--toast-notification--error .bx--toast-notification__icon,
.bx--toast-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error-inverse, #fa4d56);
}

.bx--toast-notification--low-contrast.bx--toast-notification--error {
  border-left: 3px solid var(--bx-support-error, #dd2d4a);
  background: var(--bx-notification-background-error, #fff1f1);
}

.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--toast-notification--success {
  border-left: 3px solid var(--bx-support-success-inverse, #42be65);
  background: var(--bx-background-inverse, #393939);
}

.bx--toast-notification--success .bx--inline-notification__icon,
.bx--toast-notification--success .bx--toast-notification__icon,
.bx--toast-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success-inverse, #42be65);
}

.bx--toast-notification--low-contrast.bx--toast-notification--success {
  border-left: 3px solid var(--bx-support-success, #079b6c);
  background: var(--bx-notification-background-success, #defbe6);
}

.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success, #079b6c);
}

.bx--toast-notification--info,
.bx--toast-notification--info-square {
  border-left: 3px solid var(--bx-support-info-inverse, #4589ff);
  background: var(--bx-background-inverse, #393939);
}

.bx--toast-notification--info .bx--inline-notification__icon,
.bx--toast-notification--info .bx--toast-notification__icon,
.bx--toast-notification--info .bx--actionable-notification__icon,
.bx--toast-notification--info-square .bx--inline-notification__icon,
.bx--toast-notification--info-square .bx--toast-notification__icon,
.bx--toast-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info-inverse, #4589ff);
}

.bx--toast-notification--low-contrast.bx--toast-notification--info,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square {
  border-left: 3px solid var(--bx-support-info, #0d4c8b);
  background: var(--bx-notification-background-info, #edf5ff);
}

.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info, #0d4c8b);
}

.bx--toast-notification--warning,
.bx--toast-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning-inverse, #f1c21b);
  background: var(--bx-background-inverse, #393939);
}

.bx--toast-notification--warning .bx--inline-notification__icon,
.bx--toast-notification--warning .bx--toast-notification__icon,
.bx--toast-notification--warning .bx--actionable-notification__icon,
.bx--toast-notification--warning-alt .bx--inline-notification__icon,
.bx--toast-notification--warning-alt .bx--toast-notification__icon,
.bx--toast-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning-inverse, #f1c21b);
}

.bx--toast-notification--low-contrast.bx--toast-notification--warning,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning, #fdd13a);
  background: var(--bx-notification-background-warning, #fdf6dd);
}

.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--actionable-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--inline-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--toast-notification__icon,
.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--toast-notification--warning .bx--toast-notification__icon path[opacity="0"] {
  fill: #000000;
  opacity: 1;
}

.bx--toast-notification__icon {
  flex-shrink: 0;
  margin-top: 1rem;
  margin-right: 1rem;
}

.bx--toast-notification__details {
  margin-right: 1rem;
}

.bx--toast-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  margin-left: auto;
  background-color: transparent;
  cursor: pointer;
  transition: outline 250ms, background-color 250ms;
}

.bx--toast-notification__close-button:focus {
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--toast-notification__close-button .bx--toast-notification__close-icon {
  fill: var(--bx-icon-inverse, #ffffff);
}

.bx--toast-notification--low-contrast .bx--toast-notification__close-button:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--toast-notification--low-contrast .bx--toast-notification__close-button:focus {
    outline-style: dotted;
  }
}
.bx--toast-notification--low-contrast .bx--toast-notification__close-button .bx--toast-notification__close-icon {
  fill: var(--bx-icon-primary, #161616);
}

.bx--toast-notification__title {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  margin-top: 1rem;
  font-weight: 600;
  word-break: break-word;
}

.bx--toast-notification__subtitle {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  margin-top: 0;
  margin-bottom: 1rem;
  color: var(--bx-text-inverse, #ffffff);
  word-break: break-word;
}

.bx--toast-notification--low-contrast .bx--toast-notification__subtitle {
  color: var(--bx-text-primary, #161616);
}

.bx--toast-notification__caption {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  padding-top: 0.5rem;
  margin-bottom: 1rem;
  color: var(--bx-text-inverse, #ffffff);
}

.bx--toast-notification--low-contrast .bx--toast-notification__caption {
  color: var(--bx-text-primary, #161616);
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toast-notification {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toast-notification__close-button:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toast-notification__close-icon {
    fill: ButtonText;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--toast-notification__icon {
    fill: ButtonText;
  }
}
/* stylelint-enable */
.bx--actionable-notification {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 18rem;
  max-width: 18rem;
  height: auto;
  min-height: 3rem;
  flex-wrap: wrap;
  color: var(--bx-text-inverse, #ffffff);
}

.bx--actionable-notification html {
  font-size: 100%;
}

.bx--actionable-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bx--actionable-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.bx--actionable-notification strong {
  font-weight: 600;
}

@media (min-width: 42rem) {
  .bx--actionable-notification {
    max-width: 38rem;
    flex-wrap: nowrap;
  }
}
@media (min-width: 66rem) {
  .bx--actionable-notification {
    max-width: 46rem;
  }
}
@media (min-width: 99rem) {
  .bx--actionable-notification {
    max-width: 52rem;
  }
}
.bx--actionable-notification--toast {
  min-width: 18rem;
  max-width: 18rem;
  flex-wrap: wrap;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) a {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--actionable-notification a {
  text-decoration: none;
}

.bx--actionable-notification a:hover {
  text-decoration: underline;
}

.bx--actionable-notification a:focus {
  outline: 1px solid var(--bx-focus-inverse, #ffffff);
}

.bx--actionable-notification.bx--actionable-notification--low-contrast a:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}

@media screen and (prefers-contrast) {
  .bx--actionable-notification.bx--actionable-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}
.bx--actionable-notification--low-contrast {
  color: var(--bx-text-primary, #161616);
}

.bx--actionable-notification--low-contrast:not(.bx--actionable-notification--toast)::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  content: "";
  filter: opacity(0.4);
  pointer-events: none;
}

.bx--actionable-notification--error {
  border-left: 3px solid var(--bx-support-error-inverse, #fa4d56);
  background: var(--bx-background-inverse, #393939);
}

.bx--actionable-notification--error .bx--inline-notification__icon,
.bx--actionable-notification--error .bx--toast-notification__icon,
.bx--actionable-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error-inverse, #fa4d56);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--error {
  border-left: 3px solid var(--bx-support-error, #dd2d4a);
  background: var(--bx-notification-background-error, #fff1f1);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--error .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--error .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error, #dd2d4a);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--error::before {
  border-color: var(--bx-support-error, #dd2d4a);
}

.bx--actionable-notification--success {
  border-left: 3px solid var(--bx-support-success-inverse, #42be65);
  background: var(--bx-background-inverse, #393939);
}

.bx--actionable-notification--success .bx--inline-notification__icon,
.bx--actionable-notification--success .bx--toast-notification__icon,
.bx--actionable-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success-inverse, #42be65);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--success {
  border-left: 3px solid var(--bx-support-success, #079b6c);
  background: var(--bx-notification-background-success, #defbe6);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--success .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--success .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success, #079b6c);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--success::before {
  border-color: var(--bx-support-success, #079b6c);
}

.bx--actionable-notification--info,
.bx--actionable-notification--info-square {
  border-left: 3px solid var(--bx-support-info-inverse, #4589ff);
  background: var(--bx-background-inverse, #393939);
}

.bx--actionable-notification--info .bx--inline-notification__icon,
.bx--actionable-notification--info .bx--toast-notification__icon,
.bx--actionable-notification--info .bx--actionable-notification__icon,
.bx--actionable-notification--info-square .bx--inline-notification__icon,
.bx--actionable-notification--info-square .bx--toast-notification__icon,
.bx--actionable-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info-inverse, #4589ff);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--info,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square {
  border-left: 3px solid var(--bx-support-info, #0d4c8b);
  background: var(--bx-notification-background-info, #edf5ff);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--info .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info .bx--actionable-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square .bx--actionable-notification__icon {
  fill: var(--bx-support-info, #0d4c8b);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--info::before,
.bx--actionable-notification--low-contrast.bx--actionable-notification--info-square::before {
  border-color: var(--bx-support-info, #0d4c8b);
}

.bx--actionable-notification--warning,
.bx--actionable-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning-inverse, #f1c21b);
  background: var(--bx-background-inverse, #393939);
}

.bx--actionable-notification--warning .bx--inline-notification__icon,
.bx--actionable-notification--warning .bx--toast-notification__icon,
.bx--actionable-notification--warning .bx--actionable-notification__icon,
.bx--actionable-notification--warning-alt .bx--inline-notification__icon,
.bx--actionable-notification--warning-alt .bx--toast-notification__icon,
.bx--actionable-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning-inverse, #f1c21b);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--warning,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt {
  border-left: 3px solid var(--bx-support-warning, #fdd13a);
  background: var(--bx-notification-background-warning, #fdf6dd);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--warning .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning .bx--actionable-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt .bx--inline-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt .bx--toast-notification__icon,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt .bx--actionable-notification__icon {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--actionable-notification--low-contrast.bx--actionable-notification--warning::before,
.bx--actionable-notification--low-contrast.bx--actionable-notification--warning-alt::before {
  border-color: var(--bx-support-warning, #fdd13a);
}

.bx--actionable-notification--warning .bx--toast-notification__icon path[opacity="0"] {
  fill: #000000;
  opacity: 1;
}

.bx--actionable-notification__details {
  display: flex;
  flex-grow: 1;
  margin: 0 3rem 0 0.8125rem;
}

@media (min-width: 42rem) {
  .bx--actionable-notification:not(.bx--actionable-notification--toast) .bx--actionable-notification__details {
    margin: 0 0.8125rem;
  }
}
.bx--actionable-notification .bx--inline-notification__icon {
  flex-shrink: 0;
  margin-top: 0.875rem;
  margin-right: 1rem;
}

.bx--actionable-notification .bx--toast-notification__icon {
  flex-shrink: 0;
  margin-top: 1rem;
  margin-right: 1rem;
}

.bx--actionable-notification__text-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 0;
}

.bx--actionable-notification--toast .bx--actionable-notification__text-wrapper {
  padding: 0.9375rem 0 1.4375rem 0;
}

.bx--actionable-notification__content {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.bx--actionable-notification--toast .bx--actionable-notification__content {
  display: block;
}

.bx--actionable-notification__title {
  font-size: var(--bx-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-compact-01-font-weight, 600);
  line-height: var(--bx-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-heading-compact-01-letter-spacing, 0.16px);
  margin-right: 0.25rem;
  font-weight: 600;
  word-break: break-word;
}

.bx--actionable-notification--toast .bx--actionable-notification__title {
  margin-right: 0;
}

.bx--actionable-notification__subtitle {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  margin-top: 0;
  color: var(--bx-text-inverse, #ffffff);
  word-break: break-word;
}

.bx--actionable-notification--low-contrast .bx--actionable-notification__subtitle {
  color: var(--bx-text-primary, #161616);
}

/* Ghost action button when inline */
.bx--actionable-notification__action-button.bx--btn--ghost {
  height: 2rem;
  margin-bottom: 0.5rem;
  margin-left: 2.5rem;
}

@media (min-width: 42rem) {
  .bx--actionable-notification__action-button.bx--btn--ghost {
    margin: 0.5rem 0;
  }
}
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--ghost {
  color: var(--bx-link-inverse, #78a9ff);
}

.bx--actionable-notification__action-button.bx--btn--ghost:active,
.bx--actionable-notification__action-button.bx--btn--ghost:hover {
  background-color: var(--bx-background-inverse-hover, #474747);
}

.bx--actionable-notification--low-contrast .bx--actionable-notification__action-button.bx--btn--ghost:active,
.bx--actionable-notification--low-contrast .bx--actionable-notification__action-button.bx--btn--ghost:hover {
  background-color: var(--bx-notification-action-hover, #ffffff);
}

.bx--actionable-notification__action-button.bx--btn--ghost:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--actionable-notification--low-contrast .bx--actionable-notification__action-button.bx--btn--ghost:focus {
  outline-color: var(--bx-focus, #0d4c8b);
}

.bx--actionable-notification--hide-close-button .bx--actionable-notification__action-button.bx--btn--ghost {
  margin-right: 0.5rem;
}

/* Tertiary action button when not inline (toast) */
.bx--actionable-notification__action-button.bx--btn--tertiary {
  padding: 0 1rem;
  margin-bottom: 1rem;
  margin-left: calc(2rem + 1.25rem - 0.125rem);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bx-notification-action-tertiary-inverse, #0f62fe);
  background-color: transparent;
  color: var(--bx-notification-action-tertiary-inverse, #0f62fe);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:hover {
  background-color: var(--bx-notification-action-tertiary-inverse-hover, #0050e6);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:active {
  background-color: var(--bx-notification-action-tertiary-inverse-active, #002d9c);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary .bx--btn__icon,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:hover {
  color: var(--bx-notification-action-tertiary-inverse-text, #ffffff);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:focus {
  border-color: var(--bx-focus-inverse, #ffffff);
  background-color: var(--bx-notification-action-tertiary-inverse, #0f62fe);
  box-shadow: inset 0 0 0 1px var(--bx-focus-inverse, #ffffff), inset 0 0 0 2px var(--bx-background-inverse, #393939);
  color: var(--bx-notification-action-tertiary-inverse-text, #ffffff);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:active {
  border-color: transparent;
  background-color: var(--bx-notification-action-tertiary-inverse-active, #002d9c);
  color: var(--bx-notification-action-tertiary-inverse-text, #ffffff);
}

.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:disabled,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:hover:disabled,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary:focus:disabled,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary.bx--btn--disabled,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary.bx--btn--disabled:hover,
.bx--actionable-notification:not(.bx--actionable-notification--low-contrast) .bx--actionable-notification__action-button.bx--btn--tertiary.bx--btn--disabled:focus {
  background: transparent;
  color: var(--bx-notification-action-tertiary-inverse-text-on-color-disabled, #8d8d8d);
  outline: none;
}

.bx--actionable-notification--hide-close-button .bx--actionable-notification__action-button.bx--btn--tertiary {
  margin-right: 0.5rem;
}

.bx--actionable-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  height: 3rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.bx--actionable-notification__close-button:focus {
  outline: 2px solid var(--bx-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.bx--actionable-notification__close-button .bx--actionable-notification__close-icon {
  fill: var(--bx-icon-inverse, #ffffff);
}

@media (min-width: 42rem) {
  .bx--actionable-notification__close-button {
    position: static;
  }
}
@media (min-width: 42rem) {
  .bx--actionable-notification--toast .bx--actionable-notification__close-button {
    position: absolute;
  }
}
.bx--actionable-notification--low-contrast .bx--actionable-notification__close-button:focus {
  outline: 2px solid var(--bx-focus, #0d4c8b);
  outline-offset: -2px;
}

@media screen and (prefers-contrast) {
  .bx--actionable-notification--low-contrast .bx--actionable-notification__close-button:focus {
    outline-style: dotted;
  }
}
.bx--actionable-notification--low-contrast .bx--actionable-notification__close-button .bx--actionable-notification__close-icon {
  fill: var(--bx-icon-primary, #161616);
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--actionable-notification {
    outline: 1px solid transparent;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--actionable-notification__close-button:focus,
.bx--btn.bx--btn--ghost.bx--actionable-notification__action-button:focus,
.bx--btn--ghost.bx--actionable-notification__action-button.action__button:focus,
.bx--btn--ghost.bx--actionable-notification__action-button.action.primary:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .bx--actionable-notification .bx--inline-notification__icon,
.bx--actionable-notification .bx--toast-notification__icon {
    fill: ButtonText;
  }
}
/* stylelint-enable */
.message {
  min-height: 3rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  line-height: 1.3;
}
.message.error, .message--error {
  border-left: 3px solid var(--bx-support-error, #dd2d4a);
  background: var(--bx-background, #ffffff);
}
.message.error .bx--inline-notification__icon,
.message.error .bx--toast-notification__icon,
.message.error .bx--actionable-notification__icon, .message--error .bx--inline-notification__icon,
.message--error .bx--toast-notification__icon,
.message--error .bx--actionable-notification__icon {
  fill: var(--bx-support-error, #dd2d4a);
}
.message.success, .message--success {
  border-left: 3px solid var(--bx-support-success, #079b6c);
  background: var(--bx-background, #ffffff);
}
.message.success .bx--inline-notification__icon,
.message.success .bx--toast-notification__icon,
.message.success .bx--actionable-notification__icon, .message--success .bx--inline-notification__icon,
.message--success .bx--toast-notification__icon,
.message--success .bx--actionable-notification__icon {
  fill: var(--bx-support-success, #079b6c);
}
.message.empty, .message.info, .message--info {
  border-left: 3px solid var(--bx-support-info, #0d4c8b);
  background: var(--bx-background, #ffffff);
}
.message.empty .bx--inline-notification__icon,
.message.empty .bx--toast-notification__icon,
.message.empty .bx--actionable-notification__icon, .message.info .bx--inline-notification__icon,
.message.info .bx--toast-notification__icon,
.message.info .bx--actionable-notification__icon, .message--info .bx--inline-notification__icon,
.message--info .bx--toast-notification__icon,
.message--info .bx--actionable-notification__icon {
  fill: var(--bx-support-info, #0d4c8b);
}
.message.notice, .message--notice, .message.warning, .message--warning {
  border-left: 3px solid var(--bx-support-warning, #fdd13a);
  background: var(--bx-background, #ffffff);
}
.message.notice .bx--inline-notification__icon,
.message.notice .bx--toast-notification__icon,
.message.notice .bx--actionable-notification__icon, .message--notice .bx--inline-notification__icon,
.message--notice .bx--toast-notification__icon,
.message--notice .bx--actionable-notification__icon, .message.warning .bx--inline-notification__icon,
.message.warning .bx--toast-notification__icon,
.message.warning .bx--actionable-notification__icon, .message--warning .bx--inline-notification__icon,
.message--warning .bx--toast-notification__icon,
.message--warning .bx--actionable-notification__icon {
  fill: var(--bx-support-warning, #fdd13a);
}

.header__minicart-content {
  z-index: 2;
  padding: 1rem;
}
.header__minicart-content .popup__content {
  outline: none !important;
}

.minicart-content {
  height: inherit !important;
}
.minicart-content__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.minicart-content__edit {
  margin-right: auto;
}
.minicart-content__total {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 200px;
}
.minicart-content__summary {
  text-align: right;
}
.minicart-content__products-list {
  margin-bottom: 2rem;
}
.minicart-content__actions {
  display: flex;
}
.minicart-content__edit {
  flex-grow: 1;
}
@media (max-width: 41.98rem) {
  .minicart-content__total, .minicart-content__actions {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .minicart-content__actions {
    margin-top: 10px;
    flex-wrap: wrap;
  }
  .minicart-content__actions .minicart-content__action {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.75rem;
  }
  .minicart-content__action .bx--btn, .minicart-content__action .action__button,
.minicart-content__action .action.primary {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 42rem) {
  .minicart-content__action .bx--btn, .minicart-content__action .action__button,
.minicart-content__action .action.primary {
    width: 160px;
  }
}
@media (max-width: 65.98rem) {
  .minicart-content__header {
    flex-wrap: wrap;
  }
}

.minicart-product {
  display: flex;
  align-items: center;
  padding-top: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  flex-wrap: nowrap;
}
.minicart-product:first-child {
  padding-top: 0;
}
.minicart-product:not(:first-child) {
  border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
}
.minicart-product__image, .minicart-product__image img {
  width: 78px;
  height: 78px;
}
.minicart-product__info {
  flex-grow: 1;
  padding-left: 10px;
  padding-right: 10px;
}
.minicart-product > * {
  vertical-align: top;
}
.minicart-product__name {
  margin-bottom: 0.25rem;
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
}
.minicart-product__link {
  color: var(--bx-text-primary, #161616);
  text-decoration: none;
}
.minicart-product__options {
  margin-bottom: 0.25rem;
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
}
.minicart-product__option {
  margin-right: 0.25rem;
}
.minicart-product__option .list__label:after {
  content: ":";
  margin-left: -3px;
}
.minicart-product__price {
  font-weight: 600;
}
.minicart-product__field {
  min-width: 40px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.minicart-product__attributes {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.minicart-product__attributes-content {
  height: auto;
  max-height: 0;
  transition: 0.3s max-height;
  overflow: hidden;
}
.minicart-product__attributes-content[aria-hidden=false] {
  max-height: 600px;
}
.minicart-product__attributes-button .up, .minicart-product__attributes-button .down {
  display: none;
}
.minicart-product__attributes-button[aria-expanded=true] .down, .minicart-product__attributes-button[aria-expanded=false] .up {
  display: inline-block;
}
.minicart-product__attributes-list {
  padding: 0.06rem 0 0 0;
  color: var(--bx-text-primary, #161616);
  margin-top: 10px;
  margin-bottom: 10px;
}
.minicart-product__attributes-list:after {
  content: "";
  display: table;
  clear: both;
}
.minicart-product__attributes-list .list__label {
  clear: left;
  float: left;
  padding: 0 5px 5px 0;
}
.minicart-product__attributes-list .list__label:after {
  content: ":";
}
.minicart-product__attributes-list .list__value {
  float: left;
  padding: 0 5px 5px 0;
}
.minicart-product__qty .bx--btn, .minicart-product__qty .action__button,
.minicart-product__qty .action.primary {
  margin: 0 !important;
  width: 40px;
  padding-left: 0;
  padding-right: 0;
}
.minicart-product__qty .bx--btn__icon {
  margin: 0 auto !important;
}
.minicart-product__qty .bx--btn__icon path {
  fill: var(--bx-button-primary, #0f62fe);
}
@media (max-width: 41.98rem) {
  .minicart-product__actions > div {
    display: inline-block;
  }
  .minicart-product__qty {
    display: flex;
    align-items: flex-end;
  }
  .minicart-product__update {
    height: 40px;
    min-height: 40px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .minicart-product__edit, .minicart-product__actions {
    align-self: flex-end;
  }
  .minicart-product__actions {
    margin-left: auto;
  }
}

.multi-cart__header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  align-items: center;
}
.multi-cart__save {
  display: flex;
}
.multi-cart__save-toggle {
  margin-right: 0.75rem;
}
.multi-cart__select {
  width: inherit !important;
}
.multi-cart__selector {
  display: flex;
  align-items: center;
}
.multi-cart__selector-form {
  flex-grow: 2;
}
.multi-cart__selector-label {
  margin-right: 0.5rem;
}
.multi-cart__action {
  padding: 0 !important;
  margin-right: 0.75rem;
}
@media (max-width: 41.98rem) {
  .multi-cart__select {
    width: 100% !important;
    max-width: inherit !important;
  }
  .multi-cart__selector {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.75rem;
  }
  .multi-cart__select-wrapper {
    flex-grow: 2;
  }
  .multi-cart__save {
    flex-wrap: wrap;
  }
}
@media (min-width: 42rem) {
  .multi-cart__selector {
    margin-right: 0.5rem;
  }
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
.smile-elasticsuite-autocomplete-result {
  display: grid;
  color: var(--bx-text-primary, #161616);
}
.smile-elasticsuite-autocomplete-result:empty {
  display: none;
}
.smile-elasticsuite-autocomplete-result .term {
  grid-area: term;
}
@media (min-width: 80rem) {
  .smile-elasticsuite-autocomplete-result .term {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.smile-elasticsuite-autocomplete-result .product {
  grid-area: product;
}
@media (min-width: 80rem) {
  .smile-elasticsuite-autocomplete-result .product {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
}
.smile-elasticsuite-autocomplete-result .category {
  grid-area: category;
}
@media (min-width: 80rem) {
  .smile-elasticsuite-autocomplete-result .category {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.smile-elasticsuite-autocomplete-result .autocomplete-list-title {
  font-size: var(--bx-heading-02-font-size, 1rem);
  font-weight: var(--bx-heading-02-font-weight, 600);
  line-height: var(--bx-heading-02-line-height, 1.5);
  letter-spacing: var(--bx-heading-02-letter-spacing, 0);
  margin-bottom: 0.5rem;
}
.smile-elasticsuite-autocomplete-result .title-product {
  display: none;
}
.smile-elasticsuite-autocomplete-result .category-mini-crumb,
.smile-elasticsuite-autocomplete-result .qs-option-name {
  margin-right: 0.25rem;
}
.smile-elasticsuite-autocomplete-result [role=option] {
  margin-bottom: 0.5rem;
  cursor: pointer;
  line-height: 1.3;
}
.smile-elasticsuite-autocomplete-result [role=option] .amount:before {
  content: "(";
}
.smile-elasticsuite-autocomplete-result [role=option] .amount:after {
  content: ")";
}
.smile-elasticsuite-autocomplete-result .product [role=option]:not(:last-child) {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
}
.smile-elasticsuite-autocomplete-result .product-image-box {
  margin-right: 0.5rem;
}
.smile-elasticsuite-autocomplete-result .product-image-box img {
  width: 90px;
  height: auto;
}
.smile-elasticsuite-autocomplete-result .product-primary {
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.smile-elasticsuite-autocomplete-result .price-box {
  font-weight: 600;
}
.smile-elasticsuite-autocomplete-result .product-name {
  word-break: break-all;
}
@media (min-width: 80rem) {
  .smile-elasticsuite-autocomplete-result {
    grid-template-areas: "category product" "term product";
    grid-template-columns: calc(190px - 1.5rem) 1fr;
    grid-template-rows: min-content 1fr;
    gap: 1.5rem;
  }
}
@media (max-width: 79.98rem) {
  .smile-elasticsuite-autocomplete-result {
    grid-template-areas: "category" "product" "term";
  }
  .smile-elasticsuite-autocomplete-result .autocomplete-list {
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    padding: 1rem;
  }
}

.cms-content, .category-description, .hrp--banner--generic [data-element=content] {
  color: var(--bx-text-primary, #161616);
  margin-bottom: 4rem;
}

.cms-content--without-margin, .hrp--banner--generic [data-element=content] {
  margin-bottom: 0;
}

.cms-content h1[data-content-type=heading], .category-description h1[data-content-type=heading], .hrp--banner--generic [data-element=content] h1[data-content-type=heading],
.cms-content > h1,
.category-description > h1,
.hrp--banner--generic [data-element=content] > h1 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: 0;
  font-size: calc(1.25rem +
      0.5 *
      ((100vw - 20rem) / 46)
    );
  margin-bottom: 1rem;
}
@media (min-width: 66rem) {
  .cms-content h1[data-content-type=heading], .category-description h1[data-content-type=heading], .hrp--banner--generic [data-element=content] h1[data-content-type=heading],
.cms-content > h1,
.category-description > h1,
.hrp--banner--generic [data-element=content] > h1 {
    font-size: 1.75rem;
    line-height: 129%;
    font-size: 1.75rem;
  }
}
.cms-content h2[data-content-type=heading], .category-description h2[data-content-type=heading], .hrp--banner--generic [data-element=content] h2[data-content-type=heading],
.cms-content > h2,
.category-description > h2,
.hrp--banner--generic [data-element=content] > h2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 129%;
  letter-spacing: 0;
  font-size: calc(1.25rem +
      0.25 *
      ((100vw - 20rem) / 60)
    );
  margin-bottom: 1rem;
}
@media (min-width: 80rem) {
  .cms-content h2[data-content-type=heading], .category-description h2[data-content-type=heading], .hrp--banner--generic [data-element=content] h2[data-content-type=heading],
.cms-content > h2,
.category-description > h2,
.hrp--banner--generic [data-element=content] > h2 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 125%;
    font-size: 1.5rem;
  }
}
.cms-content h3[data-content-type=heading], .category-description h3[data-content-type=heading], .hrp--banner--generic [data-element=content] h3[data-content-type=heading],
.cms-content > h3,
.category-description > h3,
.hrp--banner--generic [data-element=content] > h3 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  font-size: calc(1rem +
      0.25 *
      ((100vw - 20rem) / 60)
    );
  margin-bottom: 1rem;
}
@media (min-width: 80rem) {
  .cms-content h3[data-content-type=heading], .category-description h3[data-content-type=heading], .hrp--banner--generic [data-element=content] h3[data-content-type=heading],
.cms-content > h3,
.category-description > h3,
.hrp--banner--generic [data-element=content] > h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 125%;
    font-size: 1.25rem;
  }
}
.cms-content h4[data-content-type=heading], .category-description h4[data-content-type=heading], .hrp--banner--generic [data-element=content] h4[data-content-type=heading],
.cms-content > h4,
.category-description > h4,
.hrp--banner--generic [data-element=content] > h4 {
  font-size: var(--bx-expressive-heading-02-font-size, 1rem);
  font-weight: var(--bx-expressive-heading-02-font-weight, 600);
  line-height: var(--bx-expressive-heading-02-line-height, 1.5);
  letter-spacing: var(--bx-expressive-heading-02-letter-spacing, 0);
  margin-bottom: 1rem;
}
.cms-content h5[data-content-type=heading], .category-description h5[data-content-type=heading], .hrp--banner--generic [data-element=content] h5[data-content-type=heading],
.cms-content > h5,
.category-description > h5,
.hrp--banner--generic [data-element=content] > h5 {
  font-size: var(--bx-expressive-heading-01-font-size, 0.875rem);
  font-weight: var(--bx-expressive-heading-01-font-weight, 600);
  line-height: var(--bx-expressive-heading-01-line-height, 1.42857);
  letter-spacing: var(--bx-expressive-heading-01-letter-spacing, 0.16px);
  margin-bottom: 1rem;
}
.cms-content > .small, .category-description > .small, .hrp--banner--generic [data-element=content] > .small {
  font-size: 0.75rem;
  line-height: 125%;
}

.cms-content > a:not([class*=pagebuilder-button-]), .category-description > a:not([class*=pagebuilder-button-]), .hrp--banner--generic [data-element=content] > a:not([class*=pagebuilder-button-]), [data-element=main] > a:not([class*=pagebuilder-button-]) {
  color: var(--bx-link-primary, #0090FF);
  text-decoration: none;
}
.cms-content > a:not([class*=pagebuilder-button-]):visited, .category-description > a:not([class*=pagebuilder-button-]):visited, .hrp--banner--generic [data-element=content] > a:not([class*=pagebuilder-button-]):visited, [data-element=main] > a:not([class*=pagebuilder-button-]):visited {
  color: var(--bx-link-visited, #8a3ffc);
}
.cms-content > p, .category-description > p, .hrp--banner--generic [data-element=content] > p, [data-element=main] > p {
  font-size: var(--bx-body-long-02-font-size, 1rem);
  font-weight: var(--bx-body-long-02-font-weight, 400);
  line-height: var(--bx-body-long-02-line-height, 1.5);
  letter-spacing: var(--bx-body-long-02-letter-spacing, 0);
  margin-bottom: 0.75rem;
}
.cms-content > p:empty, .category-description > p:empty, .hrp--banner--generic [data-element=content] > p:empty, [data-element=main] > p:empty {
  display: none;
}
.cms-content > ul, .category-description > ul, .hrp--banner--generic [data-element=content] > ul, .cms-content > ol, .category-description > ol, .hrp--banner--generic [data-element=content] > ol, .cms-content > li, .category-description > li, .hrp--banner--generic [data-element=content] > li, .cms-content > table, .category-description > table, .hrp--banner--generic [data-element=content] > table, [data-element=main] > ul, [data-element=main] > ol, [data-element=main] > li, [data-element=main] > table {
  margin-bottom: 1rem;
}
.cms-content > figure, .category-description > figure, .hrp--banner--generic [data-element=content] > figure, .cms-content > figcaption, .category-description > figcaption, .hrp--banner--generic [data-element=content] > figcaption, .cms-content > video, .category-description > video, .hrp--banner--generic [data-element=content] > video, .cms-content > audio, .category-description > audio, .hrp--banner--generic [data-element=content] > audio, [data-element=main] > figure, [data-element=main] > figcaption, [data-element=main] > video, [data-element=main] > audio {
  display: block;
}
.cms-content > img, .category-description > img, .hrp--banner--generic [data-element=content] > img, .cms-content > figure, .category-description > figure, .hrp--banner--generic [data-element=content] > figure, .cms-content > figcaption, .category-description > figcaption, .hrp--banner--generic [data-element=content] > figcaption, .cms-content > video, .category-description > video, .hrp--banner--generic [data-element=content] > video, .cms-content > audio, .category-description > audio, .hrp--banner--generic [data-element=content] > audio, [data-element=main] > img, [data-element=main] > figure, [data-element=main] > figcaption, [data-element=main] > video, [data-element=main] > audio {
  box-sizing: border-box;
  max-width: 100%;
}
.cms-content > img, .category-description > img, .hrp--banner--generic [data-element=content] > img, .cms-content > figure, .category-description > figure, .hrp--banner--generic [data-element=content] > figure, .cms-content > video, .category-description > video, .hrp--banner--generic [data-element=content] > video, .cms-content > audio, .category-description > audio, .hrp--banner--generic [data-element=content] > audio, [data-element=main] > img, [data-element=main] > figure, [data-element=main] > video, [data-element=main] > audio {
  margin: 1.5rem 0;
  height: auto;
}
.cms-content > img, .category-description > img, .hrp--banner--generic [data-element=content] > img, [data-element=main] > img {
  display: inline-block;
}
.cms-content > figure, .category-description > figure, .hrp--banner--generic [data-element=content] > figure, .cms-content > figcaption, .category-description > figcaption, .hrp--banner--generic [data-element=content] > figcaption, [data-element=main] > figure, [data-element=main] > figcaption {
  position: relative;
  font-size: 0.75rem;
  line-height: 125%;
}
.cms-content > figure img, .category-description > figure img, .hrp--banner--generic [data-element=content] > figure img, [data-element=main] > figure img {
  margin: 0;
}
.cms-content > figcaption, .category-description > figcaption, .hrp--banner--generic [data-element=content] > figcaption, [data-element=main] > figcaption {
  background-color: var(--bx-layer-02, #f3f3f3);
  padding: 0.5rem 0.75rem;
  margin: 0;
}
.cms-content > table, .category-description > table, .hrp--banner--generic [data-element=content] > table, [data-element=main] > table {
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse;
  background-color: var(--bx-layer-01, #f3f3f3);
  font-size: 14px;
  line-height: 20px;
}
.cms-content > table th, .category-description > table th, .hrp--banner--generic [data-element=content] > table th, .cms-content > table td, .category-description > table td, .hrp--banner--generic [data-element=content] > table td, [data-element=main] > table th, [data-element=main] > table td {
  border: 1px solid var(--bx-border-strong-02, #8d8d8d);
  padding: 0.25rem 0.5rem;
  vertical-align: middle;
  text-align: left;
}
.cms-content > table th, .category-description > table th, .hrp--banner--generic [data-element=content] > table th, [data-element=main] > table th {
  font-weight: 500;
}
.cms-content > ul, .category-description > ul, .hrp--banner--generic [data-element=content] > ul, [data-element=main] > ul {
  padding-left: 2.5rem;
  list-style: disc;
}
.cms-content > ol, .category-description > ol, .hrp--banner--generic [data-element=content] > ol, [data-element=main] > ol {
  padding-left: 2.5rem;
  list-style-type: decimal;
}
.cms-content > ul li, .category-description > ul li, .hrp--banner--generic [data-element=content] > ul li, .cms-content > ol li, .category-description > ol li, .hrp--banner--generic [data-element=content] > ol li, [data-element=main] > ul li, [data-element=main] > ol li {
  margin: 0.5rem 0;
  padding: 0;
  font-size: var(--bx-body-long-02-font-size, 1rem);
  font-weight: var(--bx-body-long-02-font-weight, 400);
  line-height: var(--bx-body-long-02-line-height, 1.5);
  letter-spacing: var(--bx-body-long-02-letter-spacing, 0);
}
.cms-content > i, .category-description > i, .hrp--banner--generic [data-element=content] > i, .cms-content > em, .category-description > em, .hrp--banner--generic [data-element=content] > em, [data-element=main] > i, [data-element=main] > em {
  font-style: italic;
}

.cms-content [data-content-type=slider], .category-description [data-content-type=slider], .hrp--banner--generic [data-element=content] [data-content-type=slider] {
  position: relative;
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
.form-actions {
  display: flex;
}
@media (max-width: 65.98rem) {
  .form-actions {
    max-width: var(--card-width);
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .form-actions__button {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    display: inline-block;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 66rem) {
  .form-actions__button {
    margin-left: 0.5rem;
  }
  .form-actions__button--back {
    margin-right: auto;
    margin-left: 0;
  }
}

body .fotorama__nav-wrap--vertical .fotorama__nav__shaft {
  background: transparent !important;
}
body .fotorama__nav-wrap--vertical.fotorama__nav-wrap {
  margin-top: -15px;
}
body .fotorama__thumb-border {
  background: none;
  border: 1px solid var(--bx-button-primary, #0f62fe) !important;
}

.fotorama__nav__frame.fotorama__nav__frame--thumb:not(.fotorama__active) .fotorama__thumb {
  background: #ebebeb;
}

.fotorama__nav__frame.fotorama__nav__frame--thumb.fotorama__active .fotorama__thumb {
  background: #fff;
}

.payment__selector {
  margin-bottom: 0.75rem;
}

.price__value--crossed-price {
  line-height: 1;
  color: var(--bx-text-placeholder, rgba(22, 22, 22, 0.2));
  text-decoration: line-through;
  font-weight: 400;
}

.shipping__name {
  display: block;
  font-weight: 600;
}
@media (max-width: 65.98rem) {
  .shipping__separator {
    display: none;
  }
  .shipping__phone {
    display: block;
  }
}
.shipping__selector {
  margin: 1.5rem 0;
}
.shipping__selector--desktop {
  table-layout: fixed;
  margin-top: 2rem;
  margin-bottom: 2rem;
  min-width: inherit;
}
@media (max-width: 41.98rem) {
  .shipping__selector--mobile {
    display: block;
  }
  .shipping__selector--desktop {
    display: none;
  }
}
@media (min-width: 42rem) {
  .shipping__selector--mobile {
    display: none;
  }
  .shipping__selector--desktop {
    display: block;
  }
}
.shipping__select {
  width: 100% !important;
  max-width: inherit !important;
}
.shipping__actions {
  display: flex;
  margin-top: 0.5rem;
}
.shipping__action {
  margin-right: 0.5rem;
}

.shipping-customer-address__add-new {
  display: none;
}
.shipping-customer-address__add-new--active {
  display: block;
}
.shipping-customer-address__collapsible-button--expanded {
  display: none;
}

.input {
  margin-bottom: 0.75rem;
}
.input--inline {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.input--inline .input__label {
  margin-right: 0.75rem;
}
.input__field {
  width: 100%;
  line-height: normal;
}
.select {
  margin-bottom: 0.75rem;
}

.bx--select-input,
.select__field {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  height: 2.5rem;
  appearance: none;
  display: block;
  width: 14rem;
  min-width: 8rem;
  max-width: 28rem;
  padding: 0 2.625rem 0 1rem;
  color: var(--bx-text-primary, #161616);
  background-color: var(--bx-field-01, #f4f4f4);
  border: none;
  border-bottom: none;
  border-radius: 0;
  cursor: pointer;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  background-image: url('data:image/svg+xml;utf8,<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--select__arrow" width="10" height="6" viewBox="0 0 10 6" aria-hidden="true"><path d="M5 6L0 1 .7.3 5 4.6 9.3.3l.7.7z"></path></svg>');
  background-position: right 15px center;
  background-repeat: no-repeat;
}
.bx--select-input:hover,
.select__field:hover {
  background-color: var(--bx-layer-hover-01, #e8e8e8);
}

.dashboard-actions-toolbar {
  display: flex;
  flex-direction: column;
  margin: 0;
}
@media (max-width: 41.98rem) {
  .dashboard-actions-toolbar {
    flex-direction: row;
  }
}
.dashboard-actions-toolbar__item {
  margin: 8px 0 0 0;
}
@media (max-width: 41.98rem) {
  .dashboard-actions-toolbar__item {
    margin: 0 8px 0 0;
  }
}

.dashboard-form__title {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bx-layer-01, #f3f3f3);
}
.dashboard-form__divider, .dashboard-form__select {
  margin-bottom: 30px;
}
.dashboard-form--hidden {
  display: none;
}

.dashboard-items__title {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bx-layer-01, #f3f3f3);
}
.dashboard-items__content {
  margin: 0;
}
.dashboard-items__address {
  margin-bottom: 15px;
}
.dashboard-items__item {
  padding: 15px 0;
  margin-bottom: 15px;
}

.dashboard-nav {
  margin-bottom: 1rem;
}
.dashboard-nav__mobile {
  display: block;
  position: relative;
  border-width: 1px 0;
  border-color: var(--bx-layer-02, #f3f3f3);
  border-style: solid;
  padding: 1.5rem 1rem;
  cursor: pointer;
}
@media (min-width: 42rem) {
  .dashboard-nav__mobile {
    display: none;
  }
}
.dashboard-nav__mobile:after {
  content: "▼";
  position: absolute;
  width: 15px;
  height: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dashboard-nav__mobile--active:after {
  content: "▲";
}
.dashboard-nav__content {
  display: none;
  margin-bottom: 2rem;
}
.dashboard-nav__content--visible {
  display: block;
}
@media (min-width: 42rem) {
  .dashboard-nav__content {
    display: block;
  }
}
.dashboard-nav__list {
  padding: 1.5rem 1rem;
}
.dashboard-nav__list .nav.item {
  margin-bottom: 0.5rem;
}
.dashboard-table {
  overflow: hidden;
}
.dashboard-table--tab {
  padding: 10px;
  margin-bottom: 16px;
  border: 1px solid var(--bx-layer-01, #f3f3f3);
}
.dashboard-table--tab .dashboard-table__content {
  margin-bottom: 0;
}
.dashboard-table__header {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bx-layer-01, #f3f3f3);
}
.dashboard-table__content {
  margin-bottom: 16px;
  overflow-x: auto;
}
.dashboard-table__table {
  margin: 0;
}
.dashboard-table__link {
  display: inline-flex;
}
.dashboard-table__link:focus {
  outline: 0;
  text-decoration: underline;
  color: #1a1b1d;
  background-color: #00b8ff;
}
.dashboard-table__spacer {
  margin-right: 8px;
}
.dashboard-table__title {
  margin-bottom: 0;
  margin-right: 16px;
}

@media (min-width: 42rem) and (max-width: 80rem) {
  .cms-index-index .hrp--widget.block-products-list.grid .bx--catalog-item__wrapper--grid {
    justify-content: center;
  }
}
.catalog-product-view .page-top-wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  padding-right: var(--pv-gutter);
  padding-left: var(--pv-gutter);
  display: flex;
}
.catalog-product-view .page-top-wrapper .breadcrumbs {
  flex-grow: 1;
  padding: 0;
}
.catalog-product-view .page-top-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.product-view__head {
  display: grid;
}
.product-view__head .breadcrumbs {
  grid-area: breadcrumb;
}
@media (max-width: 41.98rem) {
  .product-view__head {
    grid-template-areas: "breadcrumb" "actions";
  }
}
@media (min-width: 42rem) and (max-width: 66rem) {
  .product-view__head {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "breadcrumb actions";
  }
}
@media (max-width: 65.98rem) {
  .product-view__head {
    margin-top: 0.75rem !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 66rem) {
  .product-view__head {
    grid-template-areas: "breadcrumb actions";
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
  }
}

.product-view__wrapper {
  display: grid;
  grid-column-gap: 2rem;
}
@media (max-width: 41.98rem) {
  .product-view__wrapper {
    grid-template-areas: "title" "sku-wrapper" "gallery" "main-details" "secondary-details";
  }
}
@media (min-width: 42rem) {
  .product-view__wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "gallery title" "gallery sku-wrapper" "gallery main-details" "gallery secondary-details";
  }
}

.product-view__gallery {
  grid-area: gallery;
  position: relative;
  overflow: hidden;
}

.product-view__main-details {
  grid-area: main-details;
  display: grid;
  grid-column-gap: 2rem;
}
@media (max-width: 41.98rem) {
  .product-view__main-details {
    grid-template-areas: "main-details-labels" "main-details-price" "main-details-sidebar" "main-details-stock-status" "main-details-rating" "main-details-form" "main-details-bundle-products" "main-details-related--crossell" "main-details-related--used" "main-details-related--bundle" "main-details-related--bundle-parent" "main-details-promotions" "main-details-short-description";
  }
}
@media (min-width: 42rem) {
  .product-view__main-details {
    grid-template-columns: 1fr 1fr;
    align-items: end;
  }
}
@media (min-width: 42rem) and (max-width: 66rem) {
  .product-view__main-details {
    grid-template-areas: "main-details-labels                    main-details-labels" "main-details-sidebar                   main-details-sidebar" "main-details-price                     main-details-price" "main-details-form                      main-details-form" "main-details-bundle-products           main-details-bundle-products" "main-details-related--crossell         main-details-related--crossell" "main-details-related--used             main-details-related--used" "main-details-related--bundle           main-details-related--bundle" "main-details-related--bundle-parent    main-details-related--bundle-parent" "main-details-promotions                main-details-promotions" "main-details-short-description         main-details-short-description";
  }
}
@media (min-width: 66rem) {
  .product-view__main-details {
    grid-template-areas: "main-details-labels                    main-details-labels" "main-details-price                     main-details-sidebar" "main-details-form                      main-details-sidebar" "main-details-bundle-products           main-details-bundle-products" "main-details-related--crossell         main-details-related--crossell" "main-details-related--used             main-details-related--used" "main-details-related--bundle           main-details-related--bundle" "main-details-related--bundle-parent    main-details-related--bundle-parent" "main-details-promotions                main-details-promotions" "main-details-short-description         main-details-short-description";
  }
}

.product-view__extra-actions {
  grid-area: actions;
  display: flex;
}
@media (max-width: 41.98rem) {
  .product-view__extra-actions {
    justify-content: flex-start;
  }
}
@media (min-width: 42rem) {
  .product-view__extra-actions {
    justify-content: flex-end;
  }
}

.product-view__action {
  white-space: nowrap;
  margin: 0 0.5rem;
  color: var(--bx-text-primary, #161616);
  height: 18px;
}

.product-view__action:not(.product-view__action--active) .product-view__action-icon--active {
  display: none;
}

.product-view__action--active .product-view__action-icon--default {
  display: none;
}
.product-view__action--active .product-view__action-icon--active {
  display: block;
}

.product-view__action-label {
  font-size: 0.875rem;
}

.product-view__labels {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

.product-view__description {
  margin-top: 0.75rem;
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
}
.product-view__description p {
  margin-bottom: 1rem;
}

.product-view__secondary-details {
  grid-area: secondary-details;
}

.product-view__title {
  grid-area: title;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: 0.1;
  font-size: calc(1.25rem +
      0.5 *
      ((100vw - 20rem) / 46)
    );
  font-weight: 600;
}
@media (min-width: 66rem) {
  .product-view__title {
    font-size: 1.75rem;
    line-height: 129%;
    font-size: 1.75rem;
  }
}

.product-view__sku-wrapper {
  grid-area: sku-wrapper;
}

.product-view__main-details-sidebar {
  grid-area: main-details-sidebar;
}
@media (min-width: 42rem) {
  .product-view__main-details-sidebar {
    margin-bottom: 0 !important;
  }
  .product-view__main-details-sidebar .bx--btn, .product-view__main-details-sidebar .action__button,
.product-view__main-details-sidebar .action.primary {
    height: 40px;
    min-height: 40px;
    padding: 0.5rem;
  }
}

.product-view__right-labels {
  grid-area: main-details-labels;
}

.product-view__price {
  grid-area: main-details-price;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 42rem) {
  .product-view__price {
    height: 100%;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 42rem) and (max-width: 66rem) {
  .product-view__price {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.product-view__quantity-unit {
  margin-left: 0.25rem;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
}
.product-view__quantity-unit:before {
  content: "/";
  margin: 0 0.25rem;
}

.product-view__stock-status {
  grid-area: main-details-stock-status;
  color: var(--bx-support-success, #079b6c);
}

.product-view__rating {
  grid-area: main-details-rating;
  margin-bottom: 1rem;
}
.product-view__rating .rating {
  margin-right: 1.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.product-view__rating .review__amount, .product-view__rating .review__amount-text, .product-view__rating .review__summary-add {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.product-view__rating .review__summary-handle {
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.product-view__form {
  grid-area: main-details-form;
}

.product-view__related--used {
  grid-area: main-details-related--used;
}

.product-view__promotions {
  grid-area: main-details-promotions;
}

.product-view__related--bundle {
  grid-area: main-details-related--bundle;
}

.product-view__related--bundle-parent {
  grid-area: main-details-related--bundle-parent;
}

.product-view__related--crossell {
  grid-area: main-details-related--crossell;
}

.product-view__description {
  grid-area: main-details-short-description;
}

.hrp--bundle-products {
  grid-area: main-details-bundle-products;
}

.product-view__main-actions {
  flex-wrap: wrap;
}

.product-view__action-elements {
  float: right;
  margin-top: -1.1rem;
}

.product-view__action-button,
.product-view__action--a {
  padding: 0.25rem;
}

.product-view__price .price__value {
  display: block;
}
.product-view__price .price__value--crossed-price {
  font-size: 1rem;
  line-height: 1;
  color: var(--bx-text-placeholder, rgba(22, 22, 22, 0.2));
  text-decoration: line-through;
  font-weight: 400;
}
.product-view__price .price > .price__value--old {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
}
.product-view__price .price > .price__value:not(.price__value--old):not(.price__value--crossed-price),
.product-view__price .normal-price {
  font-size: var(--bx-productive-heading-05-font-size, 2rem);
  font-weight: var(--bx-productive-heading-05-font-weight, 400);
  line-height: var(--bx-productive-heading-05-line-height, 1.25);
  letter-spacing: var(--bx-productive-heading-05-letter-spacing, 0);
  font-weight: 600;
}

.product-view__sku-wrapper {
  line-height: 1.2;
}

.product-view .swatch-opt .swatch {
  margin-bottom: 1rem;
}

.product-view__tabs {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.product-view__tabs .tab__content {
  background-color: var(--bx-background, #ffffff);
  padding: 2rem 0;
}
.product-view__tabs .tab__content .product.description .value {
  font-size: var(--bx-body-long-02-font-size, 1rem);
  font-weight: var(--bx-body-long-02-font-weight, 400);
  line-height: var(--bx-body-long-02-line-height, 1.5);
  letter-spacing: var(--bx-body-long-02-letter-spacing, 0);
}
.product-view__tabs .tab__content .product.description .value p {
  margin: 0 0 1.5rem;
}
.product-view__tabs .tab__content .product.description .value p:empty {
  padding: 0;
  margin: 0;
}

.product-view__catalog-grid .review__summary-handle .review__amount, .product-view__catalog-grid .review__summary-handle .review__amount-text, .product-view__catalog-grid .review__summary-handle .review__summary-add {
  display: none;
}

.product-view__title,
.product-view__sku-wrapper,
.product-view__price,
.product-view__main-details-sidebar {
  margin-bottom: 1rem;
}

@media (min-width: 66rem) {
  .product-view__sku-wrapper {
    margin-bottom: 3rem;
  }
  .product-view__right-labels {
    margin-top: -35px;
    padding-bottom: 0.75rem;
  }
  .product-view__price .product-view__right-labels {
    padding-bottom: 0;
  }
}
@media (max-width: 65.98rem) {
  .product-view__action-label {
    display: none !important;
  }
}
.bx--catalog-item--grid .bx--catalog-item__price .price__value--old {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  color: var(--bx-text-primary, #161616);
}
.bx--catalog-item--grid .bx--catalog-item__price .price__value:not(.price__value--old) {
  font-size: var(--bx-productive-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-productive-heading-03-font-weight, 400);
  line-height: var(--bx-productive-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-productive-heading-03-letter-spacing, 0);
  font-weight: 600;
  color: var(--bx-text-primary, #161616);
}

.bx--catalog-item--list .bx--catalog-item__tag-wrapper .bx--tag {
  margin: 0 0.5rem 0.75rem 0;
}
.bx--catalog-item--list .bx--catalog-item__price .price-label {
  display: none;
}
.bx--catalog-item--list .bx--catalog-item__price .price__value {
  display: block;
}
.bx--catalog-item--list .bx--catalog-item__price .price__value--crossed-price {
  font-size: 1rem;
  line-height: 1;
  color: var(--bx-text-placeholder, rgba(22, 22, 22, 0.2));
  text-decoration: line-through;
  font-weight: 400;
}
.bx--catalog-item--list .bx--catalog-item__price .price__value--old {
  order: 2;
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  color: var(--bx-text-primary, #161616);
}
.bx--catalog-item--list .bx--catalog-item__price .price__value:not(.price__value--old):not(.price__value--crossed-price) {
  font-size: var(--bx-productive-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-productive-heading-03-font-weight, 400);
  line-height: var(--bx-productive-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-productive-heading-03-letter-spacing, 0);
  font-weight: 600;
  color: var(--bx-text-primary, #161616);
}

.sidebar-block__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  font-size: calc(1rem +
      0.25 *
      ((100vw - 20rem) / 60)
    );
  margin-top: 2rem;
  margin-bottom: 1rem;
}
@media (min-width: 80rem) {
  .sidebar-block__title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 125%;
    font-size: 1.25rem;
  }
}
.sidebar-block__title .sidebar-block__counter {
  padding: 0 0.5rem;
  margin: 0 0 5px 0;
}
.sidebar-block--hidden, .sidebar-block__list--hidden, .sidebar-block__hidden {
  display: none;
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
.category-view {
  margin-bottom: 2rem;
}

@media (min-width: 42rem) {
  .category-view {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "image description";
    column-gap: 2rem;
  }
  .category-view--full-screen {
    display: block !important;
  }
  .category-view--full-screen .category-image {
    margin-bottom: 1rem;
  }
}
@media (min-width: 42rem) {
  .category-view {
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .category-image {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .category-description {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media (min-width: 66rem) {
  .category-view {
    -ms-grid-columns: var(--card-width) 1fr;
    grid-template-columns: var(--card-width) 1fr;
  }
}
.category-image {
  grid-area: "image";
}
.category-image img {
  width: 100%;
  height: auto;
}
@media (max-width: 41.98rem) {
  .category-image {
    margin-bottom: 2rem;
  }
}

.category-description {
  grid-area: "description";
  margin-bottom: 0;
}
.category-description img {
  max-width: 100%;
}

.cart-empty {
  text-align: center;
  padding: 2.5rem 0;
}

.cart-empty__icon {
  width: 56px;
  height: 56px;
  margin-bottom: 1.5rem;
}

.cart-list-item__wrapper {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  max-width: 100%;
}

.cart-list-item__qty-input {
  width: 60px !important;
  margin-left: auto;
}

.cart-list-item__actions {
  width: 40px;
  justify-content: center;
  margin-left: 0.75rem;
}

.cart-list-item__quantity {
  margin: 0 0.75rem;
  white-space: nowrap;
}

@media (max-width: 65.98rem) {
  .cart-list-item__price {
    display: flex;
  }
}

.cart-list-item__price-label {
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
  color: var(--bx-text-secondary, #525252);
  display: block;
  margin-bottom: 0.25rem;
  white-space: nowrap;
}

@media (max-width: 65.98rem) {
  .cart-list-item__price--unit {
    margin-right: 0.75rem;
  }
}

.cart-list-item__price--unit,
.cart-list-item__price--row {
  text-align: right;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
@media (min-width: 66rem) {
  .cart-list-item__price--unit,
.cart-list-item__price--row {
    text-align: right;
  }
}
@media (max-width: 65.98rem) {
  .cart-list-item__price--unit,
.cart-list-item__price--row {
    text-align: left;
  }
}
.cart-list-item__price--unit li,
.cart-list-item__price--row li {
  display: inline;
}

.cart-list-item__price--unit-big .cart-list-item__price-value {
  font-size: 14px;
  font-weight: 600;
}

.cart-list-item__price--unit-big {
  margin: 0 1rem 0 0;
  width: 120px;
  flex: 0 0 120px;
}

.cart-list-item__price-wrapper {
  margin-left: 0.75rem;
  min-width: 150px;
  text-align: right;
}

.cart-list-item__stock {
  font-weight: 600;
}

.cart-list-item__stock--in-stock {
  color: var(--bx-support-success, #079b6c);
}

.cart-list-item__stock--out-of-stock {
  color: var(--bx-support-warning, #fdd13a);
}

.cart-list-item__stock-status {
  color: var(--bx-support-success, #079b6c);
}

.cart-list-item__additional {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 400px) and (max-width: 889px) {
  .cart-list--fast-checkout {
    margin: 0;
  }
  .cart-list--fast-checkout .cart-list-item {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .cart-list--fast-checkout .cart-list-item__wrapper--checkout {
    grid-template-columns: 100px 1fr 40px;
  }
  .cart-list--fast-checkout .cart-list-item__wrapper--checkout .lazyload-wrapper .catalog-grid-item__image {
    width: 100px;
    height: auto;
  }
  .cart-list-item__actions {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  .cart-list-item__actions .button.action.delete {
    width: 48px;
  }
}
@media (min-width: 890px) and (max-width: 1056px) {
  .cart-list--fast-checkout {
    margin: 0;
  }
  .cart-list--fast-checkout > .cart-list-item {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .cart-list--fast-checkout .cart-list-item__wrapper--checkout {
    grid-template-columns: 100px 1fr 40px;
  }
  .cart-list--fast-checkout .cart-list-item__wrapper--checkout .lazyload-wrapper .catalog-grid-item__image {
    width: 100px;
    height: auto;
  }
  .cart-list--fast-checkout .cart-list-item__price--unit-big {
    flex-wrap: wrap;
  }
  .cart-list--fast-checkout .cart-list-item__wrapper {
    justify-content: space-between;
  }
  .cart-list--fast-checkout .bx--catalog-item__image-wrapper,
.cart-list--fast-checkout .bx--catalog-item__main,
.cart-list--fast-checkout .bx--catalog-item__add-to-cart-wrapper {
    flex: none;
    max-width: none;
  }
  .cart-list--fast-checkout .bx--catalog-item__additional-info {
    display: block;
  }
  .cart-list--fast-checkout .bx--catalog-item__separator {
    display: none;
  }
  .cart-list--fast-checkout .cart-list-item__wrapper {
    flex-wrap: wrap;
  }
}
@media (max-width: 65.98rem) {
  .cart-list:not(.cart-list--fast-checkout) .cart-list-item {
    flex-wrap: wrap;
  }
  .cart-list:not(.cart-list--fast-checkout) .cart-list-item__wrapper {
    flex-wrap: wrap;
    margin: 0 !important;
  }
  .cart-list:not(.cart-list--fast-checkout) .cart-list-item__qty {
    margin-top: 0.5rem;
  }
  .cart-list:not(.cart-list--fast-checkout) .cart-list-item__quantity {
    margin: 0 0 0.5rem 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cart-list:not(.cart-list--fast-checkout) .cart-list-item__price-wrapper {
    flex-grow: 1;
  }
  .cart-list:not(.cart-list--fast-checkout) .cart-list-item__price {
    margin-bottom: 0 !important;
  }
  .cart-list:not(.cart-list--fast-checkout) .cart-list-item__additional {
    margin-top: 0.75rem;
  }
}
@media (max-width: 889px) {
  .cart-list--fast-checkout .cart-list-item {
    flex-wrap: wrap;
  }
  .cart-list--fast-checkout .cart-list-item__wrapper {
    flex-wrap: wrap;
    margin: 0 !important;
  }
  .cart-list--fast-checkout .cart-list-item__qty {
    margin-top: 0.5rem;
  }
  .cart-list--fast-checkout .cart-list-item__quantity {
    margin: 0 0 0.5rem 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cart-list--fast-checkout .cart-list-item__price-wrapper {
    flex-grow: 1;
  }
  .cart-list--fast-checkout .cart-list-item__price {
    margin-bottom: 0 !important;
  }
  .cart-list--fast-checkout .cart-list-item__additional {
    margin-top: 0.75rem;
  }
  .cart-list-item__wrapper--checkout {
    display: grid;
    grid-template-areas: "thumbnail data data" "thumbnail quantity quantity" "thumbnail price actions";
    grid-template-columns: 57px 1fr 40px;
    grid-auto-rows: auto;
    grid-column-gap: 1rem;
    align-items: start;
  }
  .cart-list-item__wrapper--checkout .lazyload-wrapper {
    grid-area: thumbnail;
  }
  .cart-list-item__wrapper--checkout .lazyload-wrapper .catalog-grid-item__image {
    width: 57px;
    height: auto;
  }
  .cart-list-item__wrapper--checkout .cart-list-item__data {
    grid-area: data;
  }
  .cart-list-item__wrapper--checkout .cart-list-item__quantity {
    grid-area: quantity;
  }
  .cart-list-item__wrapper--checkout .cart-list-item__price {
    grid-area: price;
    display: block;
    margin: 0;
  }
  .cart-list-item__wrapper--checkout .cart-list-item__actions {
    grid-area: actions;
    margin: 0;
  }
}
@media (min-width: 42rem) {
  .cart-list-item__quantity--140 {
    width: 140px;
    min-width: 140px;
  }
  .cart-list-item__wrapper .lazyload-wrapper {
    width: 100px;
    max-width: 100px;
    flex: 0 0 100px;
    display: block;
  }
  .cart-list-item__wrapper .image {
    display: block;
    width: 100%;
    height: auto;
  }
}
.cart-totals__row {
  display: flex;
  justify-content: space-between;
  margin: 0.75rem 0;
}

.cart-totals__row--summary {
  padding-top: 0.75rem;
  border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  display: block;
}

.cart-totals__row-value--total {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 129%;
  letter-spacing: 0;
  font-size: calc(1.25rem +
      0.25 *
      ((100vw - 20rem) / 60)
    );
}
@media (min-width: 80rem) {
  .cart-totals__row-value--total {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 125%;
    font-size: 1.5rem;
  }
}

.cart-totals__shipping-price {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.cart-summary__checkout-button {
  width: 100%;
  text-align: center;
  padding-right: 12px;
  display: inline-block;
  margin-bottom: 0.75rem;
}

.cart-summary .cart-summary__multiple-addresses {
  color: var(--bx-link-inverse, #78a9ff);
}

.checkout__content--cart .cart-list-item {
  margin-top: 0;
}

.shipping-estimation {
  background-color: var(--bx-background, #ffffff);
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
.checkout__container {
  display: grid;
  padding-top: 1rem;
}
@media (max-width: 65.98rem) {
  .checkout__container {
    grid-template-areas: "sidebar" "content";
  }
}
@media (min-width: 66rem) {
  .checkout__container {
    grid-template-areas: "sidebar content";
    grid-template-columns: 1fr var(--card-width);
    column-gap: 2rem;
  }
}

.checkout__content {
  grid-area: "content";
}
@media (max-width: 41.98rem) {
  .checkout__content {
    max-width: 100%;
    overflow: hidden;
  }
}

.checkout__sidebar {
  grid-area: "sidebar";
}
@media (min-width: 66rem) {
  .checkout__sidebar .cart-summary {
    position: sticky;
    top: 1rem;
  }
}

.checkout__terms {
  margin-bottom: 1.5rem;
}

.checkout__timer + .checkout__summary {
  border-top: none;
}

.checkout__progress {
  display: flex;
}
@media (max-width: 41.98rem) {
  .checkout__progress {
    overflow-x: auto;
  }
}
.checkout__progress[data-step-count="2"] .checkout__progress-step {
  flex: 0 0 50%;
}
.checkout__progress[data-step-count="3"] .checkout__progress-step {
  flex: 0 0 33.3333333333%;
}
.checkout__progress[data-step-count="4"] .checkout__progress-step {
  flex: 0 0 25%;
}
.checkout__progress[data-step-count="5"] .checkout__progress-step {
  flex: 0 0 20%;
}

.checkout__progress-step {
  flex-grow: 1;
  width: inherit;
  min-width: inherit;
}

.checkout__progress-line {
  width: 100%;
}

.checkout__progress-button {
  display: grid;
  grid-template-areas: "icon text" "icon description";
  grid-template-columns: 1rem 1fr;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  column-gap: 1rem;
}

.checkout__progress-icon {
  grid-area: icon;
  margin: 0 !important;
}

.checkout__progress-text {
  grid-area: text;
}

.checkout__progress-text-label {
  margin-top: 0;
  max-width: inherit;
}

.checkout__progress-text-label:hover,
.checkout__progress-text-label:active {
  box-shadow: none !important;
  color: inherit !important;
}

.checkout__progress-description {
  grid-area: description;
  position: static;
  margin: 0;
}
@media (max-width: 41.98rem) {
  .checkout__progress-description {
    white-space: nowrap;
  }
}

.checkout__progress-line {
  top: 0;
}

.fast-checkout .table--product + .table--product {
  margin-top: 3rem;
  position: relative;
}
.fast-checkout .table--product + .table--product:before {
  content: "";
  border: solid #d3d3d3;
  border-width: 0 0 0.125rem 0;
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: -1.5rem;
}
.fast-checkout .cms-content h1:empty, .fast-checkout .hrp--banner--generic [data-element=content] h1:empty, .hrp--banner--generic .fast-checkout [data-element=content] h1:empty, .fast-checkout .category-description h1:empty, .fast-checkout .cms-content h2:empty, .fast-checkout .hrp--banner--generic [data-element=content] h2:empty, .hrp--banner--generic .fast-checkout [data-element=content] h2:empty, .fast-checkout .category-description h2:empty, .fast-checkout .cms-content h3:empty, .fast-checkout .hrp--banner--generic [data-element=content] h3:empty, .hrp--banner--generic .fast-checkout [data-element=content] h3:empty, .fast-checkout .category-description h3:empty, .fast-checkout .cms-content h4:empty, .fast-checkout .hrp--banner--generic [data-element=content] h4:empty, .hrp--banner--generic .fast-checkout [data-element=content] h4:empty, .fast-checkout .category-description h4:empty, .fast-checkout .cms-content h5:empty, .fast-checkout .hrp--banner--generic [data-element=content] h5:empty, .hrp--banner--generic .fast-checkout [data-element=content] h5:empty, .fast-checkout .category-description h5:empty, .fast-checkout .cms-content h6:empty, .fast-checkout .hrp--banner--generic [data-element=content] h6:empty, .hrp--banner--generic .fast-checkout [data-element=content] h6:empty, .fast-checkout .category-description h6:empty {
  display: none;
}

.fast_checkout-success-index .page-wrapper {
  height: 100%;
  background-color: var(--bx-layer-01, #f3f3f3);
}

.fast_checkout-success-index .page-main {
  margin-bottom: 0;
}

.fast_checkout-success-index .hrp--header__wrapper {
  background-color: var(--bx-background, #ffffff);
}

.form.form-login .field.choice .label {
  margin-bottom: 0;
  margin-top: 1px;
}

.page-main.container {
  padding-left: var(--pv-gutter);
  padding-right: var(--pv-gutter);
}

.hrp--header {
  position: fixed;
  z-index: 8000;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  height: 3rem;
  align-items: center;
  border-bottom: 1px solid var(--bx-border-subtle);
  background-color: var(--bx-background, #ffffff);
}

.hrp--header__action {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  border: 0.0625rem solid transparent;
  transition: background-color 110ms, border-color 110ms;
}
.hrp--header__action *,
.hrp--header__action *::before,
.hrp--header__action *::after {
  box-sizing: inherit;
}
.hrp--header__action::-moz-focus-inner {
  border: 0;
}

.hrp--header__action > svg.hrp--navigation-menu-panel-collapse-icon,
.hrp--header__action--active > svg.hrp--navigation-menu-panel-expand-icon {
  display: none;
}

.hrp--header__action--active > svg.hrp--navigation-menu-panel-collapse-icon {
  display: inline;
}

.hrp--header__action:hover {
  background-color: var(--bx-layer-hover-01, #e8e8e8);
}

.hrp--header__action--active {
  border-right: 1px solid var(--bx-border-subtle);
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--bx-border-subtle);
  background: var(--bx-layer);
}

.hrp--header__action--active > svg {
  fill: var(--bx-icon-primary, #161616);
}

.hrp--header__action:focus {
  border-color: var(--bx-focus, #0d4c8b);
  outline: none;
}

.hrp--header__action:active {
  background-color: var(--bx-background-active, rgba(141, 141, 141, 0.5));
}

.hrp--header__action.hrp--btn--icon-only {
  align-items: center;
  justify-content: center;
}

.hrp--btn.hrp--btn--icon-only.hrp--header__action svg {
  fill: var(--bx-icon-secondary, #525252);
}

.hrp--btn.hrp--btn--icon-only.hrp--header__action:hover svg,
.hrp--btn.hrp--btn--icon-only.hrp--header__action:active svg,
.hrp--btn.hrp--btn--icon-only.hrp--header__action--active svg {
  fill: var(--bx-icon-primary, #161616);
}

.hrp--header__menu-trigger > svg {
  fill: var(--bx-icon-primary, #161616);
}

.hrp--header__menu-trigger:hover > svg {
  fill: var(--bx-icon-primary, #161616);
}

.hrp--header__menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 66rem) {
  .hrp--header__menu-toggle__hidden {
    display: none;
  }
}

a.hrp--header__name {
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 2rem 0 1rem;
  border: 0.125rem solid transparent;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  outline: none;
  text-decoration: none;
  transition: border-color 110ms;
  user-select: none;
}

a.hrp--header__name:focus {
  border-color: var(--bx-focus, #0d4c8b);
}

.hrp--header__name--prefix {
  font-weight: 400;
}

a.hrp--header__name,
a.hrp--header__name:hover {
  color: var(--bx-text-primary, #161616);
}

.hrp--header__menu-toggle:not(.hrp--header__menu-toggle__hidden) ~ .hrp--header__name {
  padding-left: 0.5rem;
}

.hrp--header__nav {
  position: relative;
  display: none;
  height: 100%;
  padding-left: 1rem;
}
@media (min-width: 66rem) {
  .hrp--header__nav {
    display: block;
  }
}
.hrp--header__nav::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 0.0625rem;
  height: 1.5rem;
  background-color: var(--bx-border-subtle);
  content: "";
  transform: translateY(-50%);
}

.hrp--header__menu-bar {
  display: flex;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

a.hrp--header__menu-item {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 1rem;
  border: 2px solid transparent;
  background-color: var(--bx-background, #ffffff);
  color: var(--bx-text-secondary, #525252);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-decoration: none;
  transition: background-color 110ms, border-color 110ms, color 110ms;
  user-select: none;
}

a.hrp--header__menu-item:hover {
  background-color: var(--bx-layer-hover-01, #e8e8e8);
  color: var(--bx-text-primary, #161616);
}

.hrp--header__action:active,
a.hrp--header__menu-item:active {
  background-color: var(--bx-background-active, rgba(141, 141, 141, 0.5));
  color: var(--bx-text-primary, #161616);
}

a.hrp--header__menu-item:focus {
  border-color: var(--bx-focus, #0d4c8b);
  outline: none;
}

a.hrp--header__menu-item:hover > svg,
a.hrp--header__menu-item:active > svg {
  fill: var(--bx-icon-primary, #161616);
}

a.hrp--header__menu-item[aria-current=page],
.hrp--header__menu-item--current {
  color: var(--bx-text-primary, #161616);
}

a.hrp--header__menu-item[aria-current=page]::after,
.hrp--header__menu-item--current::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 3px solid var(--bx-border-interactive, #0d4c8b);
  content: "";
}

a.hrp--header__menu-item[aria-current=page]:focus::after,
.hrp--header__menu-item--current:focus::after {
  border: 0;
}

a.hrp--header__menu-item[aria-current=page]:focus,
a.hrp--header__menu-item.hrp--header__menu-item--current:focus {
  border: 2px solid var(--bx-focus, #0d4c8b);
}

.hrp--header__submenu {
  position: relative;
}

.hrp--header__submenu--current::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px solid var(--bx-border-interactive, #0d4c8b);
  content: "";
}

.hrp--header__submenu--current:focus {
  border: 2px solid var(--bx-focus, #0d4c8b);
}

.hrp--header__submenu--current:focus::after {
  border: 0;
}

.hrp--header__menu-title[aria-haspopup=true] {
  position: relative;
}

.hrp--header__menu-title[aria-expanded=true] {
  z-index: 100;
  background-color: var(--bx-layer);
  color: var(--bx-text-secondary, #525252);
}

.hrp--header__menu-title[aria-expanded=true] > .hrp--header__menu-arrow {
  transform: rotate(180deg);
}

.hrp--header__menu {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.hrp--header__menu-title[aria-expanded=true] + .hrp--header__menu {
  position: absolute;
  z-index: 101;
  bottom: 0;
  left: 0;
  display: flex;
  width: 12.5rem;
  flex-direction: column;
  background-color: var(--bx-layer);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  transform: translateY(100%);
}

.hrp--header__menu-title[aria-expanded=true] + .hrp--header__menu .hrp--header__menu-item {
  background-color: var(--bx-layer);
}

.hrp--header__menu-title[aria-expanded=true] + .hrp--header__menu .hrp--header__menu-item:hover {
  background-color: var(--bx-layer-hover);
  color: var(--bx-text-primary, #161616);
}

.hrp--header__menu-title[aria-expanded=true] + .hrp--header__menu .hrp--header__menu-item:active {
  background-color: var(--bx-layer-active);
  color: var(--bx-text-primary, #161616);
}

.hrp--header__menu .hrp--header__menu-item {
  height: 3rem;
}

.hrp--header__menu-arrow {
  margin-left: 0.5rem;
  fill: var(--bx-icon-secondary, #525252);
  transition: transform 110ms, fill 110ms;
}

.hrp--header__global {
  display: flex;
  height: 100%;
  flex: 1 1 0%;
  justify-content: flex-end;
}

.hrp--skip-to-content {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.hrp--skip-to-content:focus {
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  width: auto;
  height: 3rem;
  align-items: center;
  padding: 0 1rem;
  border: 4px solid var(--bx-focus, #0d4c8b);
  background-color: var(--bx-background, #ffffff);
  clip: auto;
  color: var(--bx-text-secondary, #525252);
  outline: none;
}

.hrp--header__action {
  flex: 0 0 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hrp--header__action svg {
  fill: var(--bx-text-primary, #161616);
}
.hrp--header__action--active {
  border-color: transparent;
}
.hrp--header__labelled-action {
  background: transparent;
  display: flex;
  align-items: center;
  height: 3rem;
  border: 0.125rem solid transparent;
  padding: 0 0.875rem;
  transition: background-color 110ms;
  text-decoration: none;
}
.hrp--header__labelled-action:focus {
  outline: none;
  border-color: var(--bx-text-primary, #161616);
}
.hrp--header__labelled-action:hover {
  background-color: var(--bx-layer-hover-01, #e8e8e8);
}
.hrp--header__labelled-action-icon {
  box-sizing: content-box;
}
@media (min-width: 66rem) {
  .hrp--header__labelled-action-icon {
    padding-right: 1rem;
  }
}
@media (min-width: 66rem) {
  .hrp--header__labelled-action-icon--half-spacing {
    padding-right: 0.5rem;
  }
}
.hrp--header__labelled-action-label {
  text-align: left;
  padding: 0 0.25rem;
}
@media (max-width: 65.98rem) {
  .hrp--header__labelled-action-label {
    display: none;
  }
}
.hrp--header__labelled-action-name, .hrp--header__labelled-action-amount {
  display: block;
  font-size: 0.75rem;
  line-height: 1.125rem;
  white-space: nowrap;
}
.hrp--header__labelled-action-name {
  color: var(--bx-text-secondary, #525252);
}
.hrp--header__labelled-action-amount {
  color: var(--bx-text-primary, #161616);
  font-weight: 600;
  min-width: 60px;
}

.hrp--header {
  position: relative;
}
.hrp--header__main {
  padding: 1rem 0;
  box-sizing: content-box;
  z-index: 898 !important;
}
.hrp--header__logo {
  width: var(--bx-header-logo-width--sm);
  height: var(--bx-header-logo-height--sm);
}
.hrp--header__catalog {
  display: flex;
  flex-grow: 2;
}
@media (min-width: 66rem) {
  .hrp--header__catalog {
    position: relative;
  }
}
.hrp--header__catalog-toggle {
  height: 3rem;
}
.hrp--header__global {
  flex: inherit;
  align-items: center;
}
.hrp--header__name {
  padding: 0 !important;
}
.hrp--header__name:focus:not(.focus-visible), .hrp--header__action:focus:not(.focus-visible), .hrp--header__labelled-action:focus:not(.focus-visible) {
  border-color: transparent !important;
}
.hrp--header__menu-trigger {
  margin-right: 0;
}
.hrp--header__menu-trigger--active {
  position: relative;
}
.hrp--header__menu-trigger--active:before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 1.5rem;
  left: 1.8125rem;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: var(--bx-support-error, #dd2d4a);
  box-shadow: 0px 0px 0px 2px var(--bx-focus-inset, #ffffff);
  transition: box-shadow 110ms;
}
.hrp--header__menu-trigger--active:hover:before {
  box-shadow: 0px 0px 0px 2px var(--bx-layer-hover-01, #e8e8e8);
}
.hrp--header__compare-wrapper, .hrp--header__notification-wrapper {
  display: flex;
  align-items: center;
}
.hrp--header__nav {
  padding-left: 0;
}
.hrp--header__nav:before {
  display: none;
}
.hrp--header__language, .hrp--header__currency {
  background-color: transparent;
  height: auto;
}
.hrp--header__currency {
  margin-right: 0.5rem;
}
.hrp--header__wrapper {
  position: relative;
}
.hrp--header__wrapper .ui-dialog {
  outline: none;
  box-shadow: none;
}
.hrp--header__language-divider {
  display: none;
}
.hrp--header__compare {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hrp--header__main--active:after {
  top: var(--element-height);
  bottom: calc(-1 * var(--document-height) + var(--offset-top));
}
@media (min-width: 20rem) and (max-width: 66rem) {
  .hrp--header__nav {
    display: block;
  }
}
@media (max-width: 41.98rem) {
  .hrp--header__catalog .bx--btn__collapsible {
    padding-left: 0;
    padding-right: 2.625rem;
  }
  .hrp--header__catalog .bx--btn__collapsible-text {
    display: none;
  }
  .hrp--header__catalog .bx--btn__collapsible .bx--btn__icon {
    right: 0.8125rem;
  }
  .hrp--header__cart-button:hover {
    background-color: var(--bx-layer-hover-01, #e8e8e8);
  }
  .hrp--header-wrapper {
    position: static;
  }
}
@media (min-width: 66rem) {
  .hrp--header__main--active:after {
    position: absolute;
    left: -1rem;
    right: -1rem;
  }
}
@media (min-width: 42rem) {
  .hrp--header__logo {
    width: var(--bx-header-logo-width--md);
    height: var(--bx-header-logo-height--md);
  }
  .hrp--header__name {
    margin-right: 2rem;
  }
}
@media (min-width: 80rem) {
  .hrp--header__main--active:after {
    position: absolute;
    left: calc((-100vw + 1248px + var(--scroll-width)) / 2);
    right: calc((-100vw + 1248px + var(--scroll-width)) / 2);
  }
}
@media (max-width: 65.98rem) {
  .hrp--header {
    flex-wrap: wrap;
    height: inherit;
    background-color: var(--bx-background, #ffffff);
  }
  .hrp--header a.hrp--header__menu-item {
    height: 35px;
  }
  .hrp--header .hrp--header__sub-mobile[data-role=bookmark-list] > a {
    pointer-events: none;
  }
  .hrp--header .hrp--header__sub-mobile[data-role=bookmark-list] > a svg {
    margin-right: 0.5rem;
  }
  .hrp--header__sub {
    z-index: 901 !important;
  }
  .hrp--header__container {
    padding-left: 0;
    padding-right: 0;
  }
  .hrp--header__main {
    padding: 0.75rem;
  }
  .hrp--header__catalog {
    flex: 0 0 100%;
    order: 3;
    margin-top: 0.5rem;
  }
  .hrp--header__global {
    margin: -1rem 0 -1rem auto;
  }
  .hrp--header__language-divider {
    display: none;
  }
  .hrp--header__cart-button-icon {
    padding-right: 0;
  }
  .hrp--header__cart-button-label {
    display: none;
  }
  .hrp--header__bookmarks-trigger, .hrp--header__bookmarks-trigger-divider {
    display: none;
  }
  .hrp--header__menu-bar {
    width: 100%;
    flex-wrap: wrap;
  }
  .hrp--header__submenu {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .hrp--header--mobile-dropdown-opened #maincontent {
    position: relative;
  }
  .hrp--header--mobile-dropdown-opened #maincontent:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
  }
}
@media (min-width: 66rem) {
  .hrp--header {
    border: none;
    background-color: transparent;
  }
  .hrp--header__sub {
    z-index: 897 !important;
  }
  .hrp--header__nav {
    margin-left: -0.75rem;
  }
  .hrp--header__sub-footer {
    margin-left: auto;
  }
  .hrp--header__main--active:after, .hrp--header__sub--active:after {
    content: "";
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.75);
  }
  .hrp--header__sub--active:after {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .hrp--header__sub--active:after {
    top: 81px;
  }
  .hrp--header__decorate-wrapper {
    border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
  .hrp--header__submenu-trigger, .hrp--header__submenu-trigger-divider {
    display: none;
  }
}

@media (min-width: 66rem) {
  body.fixdirect .hrp--header__nav {
    margin-left: -0.75rem;
  }
  body.fixdirect .hrp--header__global {
    margin-left: auto;
  }
}
@media all and (max-width: 725px) {
  .hrp--header .hrp--search,
.hrp--header .hrp--header__action--search {
    display: inline-block;
  }
}
@media (max-width: 65.98rem) {
  .hrp--header__sub,
.hrp--header__menu-arrow {
    display: none;
  }
  .hrp--header__sub {
    position: absolute !important;
    z-index: 7;
    padding-bottom: 3rem;
    border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
  .hrp--header__sub.hrp--header__action--active {
    display: block;
  }
  .hrp--header__sub-footer,
.hrp--header__sub-mobile-item {
    display: flex !important;
    align-items: center !important;
  }
  .hrp--header__sub-footer {
    position: absolute;
    bottom: 0;
    height: 3rem;
    padding-left: 0.25rem;
  }
  .hrp--header__sub .ui-dialog {
    width: 100%;
    display: block !important;
  }
  .hrp--header__sub .ui-dialog > .ui-dialog-content {
    display: block !important;
  }
  .hrp--header__nav:before {
    bakcground: transparent;
  }
}
@media (min-width: 66rem) {
  .hrp--header__sub {
    display: flex !important;
    z-index: inherit !important;
  }
  .hrp--header__sub-mobile {
    display: none;
  }
  .hrp--header__sub-header-wrapper > .ui-dialog {
    position: static;
    display: block !important;
  }
  .hrp--header__nav {
    height: 100%;
    position: relative;
    display: block;
  }
  .hrp--header__menu-arrow-wrapper {
    width: 40px;
    height: 48px;
    margin-right: -18px;
    display: flex;
    align-items: center;
  }
  .hrp--header__menu-arrow {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 41.98rem) {
  .hrp--header__sub {
    top: 55px !important;
  }
}
@media (min-width: 42rem) and (max-width: 66rem) {
  .hrp--header__sub {
    top: 72px !important;
  }
}
:root {
  /** Width for the drawer. */
  --mm-ocd-width: 80%;
  /** Min-width for the drawer. */
  --mm-ocd-min-width: 200px;
  /** Max-width for the drawer. */
  --mm-ocd-max-width: 440px;
}

body.mm-ocd-opened {
  overflow-y: hidden;
  overscroll-behavior: none;
}

.mm-ocd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  overscroll-behavior: contain;
  background: rgba(0, 0, 0, 0);
  transition-property: bottom, background-color;
  transition-duration: 0s, 0.3s;
  transition-timing-function: ease;
  transition-delay: 0.45s, 0.15s;
}
.mm-ocd--open {
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  transition-delay: 0s;
}

.mm-ocd__content {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 80%;
  width: var(--mm-ocd-width);
  min-width: 200px;
  min-width: var(--mm-ocd-min-width);
  max-width: 440px;
  max-width: var(--mm-ocd-max-width);
  background: #fff;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.mm-ocd--left .mm-ocd__content {
  left: 0;
  transform: translate3d(-100%, 0, 0);
}
.mm-ocd--right .mm-ocd__content {
  right: 0;
  transform: translate3d(100%, 0, 0);
}
.mm-ocd--open .mm-ocd__content {
  transform: translate3d(0, 0, 0);
}

.mm-ocd__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: calc(100% - 80%);
  width: calc(100% - var(--mm-ocd-width));
  min-width: calc(100% - 440px);
  min-width: calc(100% - var(--mm-ocd-max-width));
  max-width: calc(100% - 200px);
  max-width: calc(100% - var(--mm-ocd-min-width));
  background: rgba(3, 2, 1, 0);
}
.mm-ocd--left .mm-ocd__backdrop {
  right: 0;
}
.mm-ocd--right .mm-ocd__backdrop {
  left: 0;
}

/** Animation duration. */
/** Arrow size. */
/** Arrow weight. */
/** Border opacity. */
/** Navbar opacity. */
/** Arrow opacity. */
/** Item height. */
/** Item indent. */
/** Line height. */
/** Panel offset. */
.mm-spn a,
.mm-spn span, .mm-spn li, .mm-spn ul, .mm-spn {
  display: block;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  /** Height for menu items. */
  --mm-spn-item-height: 34px;
  /** Indent for menu items. */
  --mm-spn-item-indent: 5px;
  /** Line height for menu items. */
  --mm-spn-line-height: 34px;
}

.mm-spn {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
  transform: translateX(0px);
}

.mm-spn ul {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 2;
  width: 200%;
  padding-right: 100%;
  line-height: 34px;
  line-height: var(--mm-spn-line-height);
  overflow: visible;
  overflow-y: auto;
  background: inherit;
  transition: left 0.3s ease 0s;
  cursor: default;
}
.mm-spn ul:after {
  content: "";
  display: block;
  height: 34px;
  height: var(--mm-spn-item-height);
}
.mm-spn > ul {
  left: 0;
}
.mm-spn ul.mm-spn--open {
  left: 0;
}
.mm-spn ul.mm-spn--parent {
  left: -100%;
  overflow-y: hidden;
}

.mm-spn li {
  position: relative;
  background: inherit;
  cursor: pointer;
}
.mm-spn li:before {
  content: "";
  display: block;
  position: absolute;
  top: 17px;
  top: calc(var(--mm-spn-item-height) / 2);
  right: 17px;
  right: calc(var(--mm-spn-item-height) / 2);
  z-index: 0;
  width: 5px;
  height: 5px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg) translate(0, -50%);
  opacity: 1;
}
.mm-spn li:after {
  content: "";
  display: block;
  margin-left: 5px;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: 0;
}

.mm-spn a,
.mm-spn span {
  position: relative;
  z-index: 1;
  padding: 0px 5px;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
}
.mm-spn a {
  background: inherit;
  color: inherit;
  text-decoration: none;
}
.mm-spn a:not(:last-child) {
  width: calc(100% - 34px);
  width: calc(100% - var(--mm-spn-item-height));
}
.mm-spn a:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid;
  opacity: 0;
}
.mm-spn span {
  background: transparent;
}

.mm-spn.mm-spn--navbar {
  cursor: pointer;
}
.mm-spn.mm-spn--navbar:before {
  content: "";
  display: block;
  position: absolute;
  top: 17px;
  top: calc(var(--mm-spn-item-height) / 2);
  left: 5px;
  left: var(--mm-spn-item-indent);
  width: 5px;
  height: 5px;
  margin-top: 2px;
  border-top: 1px solid;
  border-left: 1px solid;
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: 1;
}
.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default;
}
.mm-spn.mm-spn--navbar.mm-spn--main:before {
  content: none;
  display: none;
}
.mm-spn.mm-spn--navbar:after {
  content: attr(data-mm-spn-title);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 34px;
  height: var(--mm-spn-item-height);
  padding: 0 10px;
  padding: 0 calc(var(--mm-spn-item-indent) * 2);
  line-height: 34px;
  line-height: var(--mm-spn-item-height);
  opacity: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-left: 5px;
  padding-left: var(--mm-spn-item-indent);
}
.mm-spn.mm-spn--navbar ul {
  top: 35px;
  top: calc(var(--mm-spn-item-height) + 1px);
}
.mm-spn.mm-spn--navbar ul:before {
  content: "";
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: 1px solid currentColor;
  opacity: 0;
}

.mm-spn.mm-spn--vertical {
  overflow-y: auto;
}
.mm-spn.mm-spn--vertical ul {
  width: 100%;
  padding-right: 0;
  position: static;
}
.mm-spn.mm-spn--vertical ul ul {
  display: none;
  padding-left: 5px;
  padding-left: var(--mm-spn-item-indent);
}
.mm-spn.mm-spn--vertical ul ul:after {
  height: 17px;
  height: calc(var(--mm-spn-item-height) / 2);
}
.mm-spn.mm-spn--vertical ul.mm-spn--open {
  display: block;
}
.mm-spn.mm-spn--vertical li.mm-spn--open:before {
  transform: rotate(135deg) translate(-50%, 0);
}
.mm-spn.mm-spn--vertical ul ul li:last-child:after {
  content: none;
  display: none;
}

@media (min-width: 66rem) {
  .mm-ocd {
    top: 80px;
  }
}
@media (max-width: 65.98rem) {
  .mm-ocd {
    top: 114.66px;
  }
}
.mm-ocd--open {
  background-color: rgba(0, 0, 0, 0.75);
}

.mm-spn {
  color: var(--bx-text-primary, #161616);
  background: var(--bx-background, #ffffff);
}
.mm-spn--navbar > .mm-spn--open {
  position: relative !important;
}

.mm-spn a, .mm-spn span {
  line-height: var(--mm-spn-line-height);
  height: var(--mm-spn-line-height);
}

.mm-spn .bx--dialog__list-item a, .mm-spn .bx--dialog__list-item span {
  line-height: 1.2;
  min-height: var(--mm-spn-line-height);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}

.mm-spn a {
  padding-left: 0.75rem;
}

.mm-spn a span {
  padding: 0;
}

.mm-spn.mm-spn--navbar:after {
  text-align: left;
  padding-left: 2rem;
  color: var(--bx-link-primary, #0090FF);
  line-height: 50px;
  height: 50px;
}

.mm-spn.mm-spn--navbar:before {
  margin-left: 8px;
  color: var(--bx-link-primary, #0090FF);
  top: 25px;
  background-color: transparent;
}

.mm-spn.mm-spn li:not(.parent):before {
  content: none;
}

.mm-spn.mm-spn--navbar.mm-spn--main.mm-spn--main:after {
  content: none;
}

.mm-spn.mm-spn--navbar:not(.mm-spn--main).mm-spn--main:after {
  text-align: center;
  padding-left: 0.75rem;
  color: var(--bx-text-primary, #161616);
  line-height: 50px;
}

.mm-spn.mm-spn--navbar.mm-spn--main ul {
  top: 0;
}

.mm-spn.mm-spn--navbar:not(.mm-spn--main) ul {
  top: 51px;
  padding-bottom: 20px;
}

.mm-spn--main ul:after {
  display: none !important;
}

.hrp--footer__logo {
  width: var(--bx-header-logo-width--sm);
  height: var(--bx-header-logo-height--sm);
  max-width: 100%;
}
@media (min-width: 42rem) {
  .hrp--footer__logo {
    width: var(--bx-header-logo-width--md);
    height: var(--bx-header-logo-height--md);
  }
}

.bx--sidebar-block {
  padding: 1rem 0;
  margin-bottom: 1rem;
  border-radius: 2px;
}

.bx--sidebar-block--highlighted {
  border-radius: 0;
  background-color: var(--bx-field-01, #f4f4f4);
  border-top: 2px solid var(--bx-button-primary, #0f62fe);
  padding-left: 1rem;
  padding-right: 1rem;
}

.bx--sidebar-block--strong {
  border-top: none;
  border-bottom: 3px solid var(--bx-button-primary, #0f62fe);
}

.bx--sidebar-block--padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

.bx--sidebar-block--with-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

.bx--sidebar-block--related-product {
  background: transparent;
  border-left: 1px solid var(--bx-layer-02, #f3f3f3);
  border-right: 1px solid var(--bx-layer-02, #f3f3f3);
  border-bottom: 1px solid var(--bx-layer-02, #f3f3f3);
}

.bx--sidebar-block__title {
  font-size: var(--bx-heading-02-font-size, 1rem);
  font-weight: var(--bx-heading-02-font-weight, 600);
  line-height: var(--bx-heading-02-line-height, 1.5);
  letter-spacing: var(--bx-heading-02-letter-spacing, 0);
  color: var(--bx-text-primary, #161616);
  display: block;
  margin-bottom: 1rem;
}
.bx--sidebar-block__title html {
  font-size: 100%;
}
.bx--sidebar-block__title body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.bx--sidebar-block__title code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.bx--sidebar-block__title strong {
  font-weight: 600;
}
.bx--sidebar-block__title--medium {
  font-size: var(--bx-heading-01-font-size, 0.875rem);
  font-weight: var(--bx-heading-01-font-weight, 600);
  line-height: var(--bx-heading-01-line-height, 1.42857);
  letter-spacing: var(--bx-heading-01-letter-spacing, 0.16px);
}

.bx--sidebar-block__list-item {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  line-height: 1.5rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 1.5rem;
  user-select: none;
}
.bx--sidebar-block__list-item html {
  font-size: 100%;
}
.bx--sidebar-block__list-item body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.bx--sidebar-block__list-item code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.bx--sidebar-block__list-item strong {
  font-weight: 600;
}

.bx--sidebar-block__list-item--lg-spaces {
  margin-bottom: 0.1875rem;
}

.bx--related-product__image-wrapper img {
  width: 5.9375rem;
  height: auto;
}
.bx--related-products__block {
  border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.bx--related-products__block .bx--sidebar-block {
  margin: 0;
  padding: 0;
}
.bx--related-products__title {
  font-size: var(--bx-heading-02-font-size, 1rem);
  font-weight: var(--bx-heading-02-font-weight, 600);
  line-height: var(--bx-heading-02-line-height, 1.5);
  letter-spacing: var(--bx-heading-02-letter-spacing, 0);
  color: var(--bx-text-primary, #161616);
  margin-bottom: 1rem;
}
.bx--related-products__title html {
  font-size: 100%;
}
.bx--related-products__title body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.bx--related-products__title code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.bx--related-products__title strong {
  font-weight: 600;
}
.bx--related-products__block:not(.product-view__related--used) .bx--related-products__list-item {
  border: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  padding: 0.75rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
@media (min-width: 42rem) {
  .bx--related-products__block:not(.product-view__related--used) .bx--related-products__list-item > * {
    margin: 0 0.5rem;
  }
}
@media (max-width: 41.98rem) {
  .bx--related-products__block:not(.product-view__related--used) .bx--related-products__list-item {
    flex-wrap: wrap;
  }
}
.product-view__related--used .bx--related-products__list-item {
  border: none;
  padding: 0;
  margin: 0 0 15px;
  display: grid;
}
.product-view__related--used .bx--related-products__list-item > * {
  margin: 0;
}
.product-view__related--used .bx--related-products__list-item .bx--sidebar-block__list-item {
  line-height: inherit;
  min-height: inherit;
}
.product-view__related--used .bx--related-products__list-item .bx--form-inline {
  align-items: center;
}
@media (min-width: 66rem) {
  .product-view__related--used .bx--related-products__list-item {
    grid-template-areas: "title title form" "price stock form";
    row-gap: 5px;
    column-gap: 10px;
    grid-template-columns: 1fr 200px;
  }
}
@media (max-width: 65.98rem) {
  .product-view__related--used .bx--related-products__list-item {
    grid-template-areas: "title" "price" "stock" "form";
    row-gap: 5px;
  }
}
.bx--related-product__title {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
}
.bx--related-product__title a {
  color: var(--bx-text-primary, #161616);
  text-decoration: none;
}
.bx--related-product__title-wrapper {
  grid-area: title;
  max-width: 100%;
}
.bx--related-product__price {
  grid-area: price;
  white-space: nowrap;
}
.bx--related-product__price--special, .bx--related-product__price--regular {
  font-weight: 600;
}
.bx--related-product__price span {
  display: block;
}
.bx--related-product__stock {
  grid-area: stock;
}
.bx--related-product__add-to-cart {
  grid-area: form;
}
@media (max-width: 41.98rem) {
  .bx--related-product__image-wrapper {
    margin: 0 auto;
  }
  .bx--related-products__block--bundle .bx--related-product__title-wrapper {
    margin: 0.5rem 0;
  }
  .bx--related-products__block--used .bx--related-products__list-item > div {
    margin: 0 0.5rem;
  }
  .bx--related-products__block--used .bx--related-product__add-to-cart {
    margin-top: 0.5rem !important;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    max-width: 100%;
  }
  .bx--related-product__add-to-cart {
    margin-top: 0.5rem !important;
  }
}

.bx--btn-link {
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 65.98rem) {
  .bx--btn-link {
    margin: 0;
    padding: 0.75rem;
    height: min-content;
  }
}

.bx--btn-link:hover {
  text-decoration: underline;
}

.bx--btn-link__icon {
  width: 16px;
  height: 16px;
  margin: 1px 0;
  display: inline-block;
  margin-right: 0.5rem;
  fill: var(--bx-button-primary, #0f62fe);
}
@media (max-width: 65.98rem) {
  .bx--btn-link__icon {
    margin: 0;
  }
}

.bx--btn-link__label {
  line-height: 18px;
  display: inline-block;
  color: var(--bx-text-primary, #161616);
}

:root {
  --card-width: 304px;
}

@media (min-width: 66rem) {
  :root {
    --card-width: 288px;
  }
}
.bx--css-grid__container {
  display: grid;
  grid-gap: 1.5rem;
}
@media (max-width: 65.98rem) {
  .bx--css-grid__container {
    grid-template-areas: "sidebar" "content";
  }
}
@media (min-width: 66rem) {
  .bx--css-grid__container {
    grid-template-areas: "sidebar content" "additional content";
    -ms-grid-columns: var(--card-width) 1fr;
    grid-template-columns: var(--card-width) 1fr;
    -ms-grid-rows: min-content 1fr;
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
  }
}
.bx--css-grid__sidebar {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: sidebar;
}
.bx--css-grid__sidebar-additional {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: additional;
  padding-bottom: 4rem;
}
@media (max-width: 65.98rem) {
  .bx--css-grid__sidebar-additional {
    display: none;
  }
}
.bx--css-grid__content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: content;
}

.bx--btn--inverse {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--bx-text-on-color, #ffffff);
  color: #333;
}
.bx--btn--inverse:hover {
  background-color: var(--bx-button-secondary-hover, #474747);
}
.bx--btn--inverse:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}
.bx--btn--inverse:active {
  background-color: var(--bx-button-secondary-hover, #474747);
}
.bx--btn--inverse .bx--btn__icon,
.bx--btn--inverse .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.bx--btn--inverse:hover {
  color: var(--bx-text-on-color, #ffffff);
}
.bx--btn--inverse:focus {
  color: #333;
}

.bx--btn--inverse-primary {
  font-weight: 600;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--bx-text-on-color, #ffffff);
  color: var(--bx-button-primary, #0f62fe);
}
.bx--btn--inverse-primary:hover {
  background-color: var(--bx-button-primary, #0f62fe);
}
.bx--btn--inverse-primary:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}
.bx--btn--inverse-primary:active {
  background-color: var(--bx-button-primary, #0f62fe);
}
.bx--btn--inverse-primary .bx--btn__icon,
.bx--btn--inverse-primary .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.bx--btn--inverse-primary:hover {
  color: var(--bx-text-on-color, #ffffff);
}
.bx--btn--inverse-primary:focus {
  color: #333;
}

.bx--btn--sm {
  text-align: center;
}
.bx--btn--sm.bx--btn--icon-only .bx--btn__icon {
  margin: 0 auto !important;
}

.bx--btn--lg {
  height: 40px;
  min-height: 40px;
}

.bx--btn--w100 {
  width: 100%;
  max-width: 100%;
}

.bx--btn--centered {
  display: inline-block;
  text-align: center;
}
.bx--btn--centered:not(.bx--btn--sm) {
  padding: calc(0.875rem - 3px) 12px;
}
.bx--btn--centered.bx--btn--sm {
  padding-left: 12px;
  padding-right: 12px;
}

.bx--btn--bold {
  font-weight: 600;
}

@media (max-width: 41.98rem) {
  .bx--btn--mobile {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    padding-right: 15px;
  }
}
.bx--btn--flex-centered {
  padding: 0 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bx--btn--icon-only {
  min-width: 40px;
  justify-content: center;
}

.bx--btn--text {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  color: var(--bx-text-primary, #161616);
  padding: calc(0.875rem - 3px) 16px;
  border: none;
  width: inherit !important;
}
.bx--btn--text:hover {
  background-color: transparent;
}
.bx--btn--text:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}
.bx--btn--text:active {
  background-color: var(--bx-layer-active-01, #c6c6c6);
}
.bx--btn--text .bx--btn__icon,
.bx--btn--text .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.bx--btn--text .bx--btn__icon {
  position: static;
  margin-right: 0.5rem;
}
.bx--btn--text .bx--btn__icon path {
  fill: var(--bx-button-primary, #0f62fe);
}
.bx--btn--text:hover, .bx--btn--text:active {
  color: var(--bx-link-primary-hover, #0043ce);
}
.bx--btn--text:hover .bx--btn__icon path, .bx--btn--text:active .bx--btn__icon path {
  fill: var(--bx-link-primary-hover, #0043ce);
}
.bx--btn--text:active {
  background-color: var(--bx-background-active, rgba(141, 141, 141, 0.5));
}
.bx--btn--text:disabled, .bx--btn--text:hover:disabled, .bx--btn--text:focus:disabled, .bx--btn--text.bx--btn--disabled, .bx--btn--text.bx--btn--disabled:hover, .bx--btn--text.bx--btn--disabled:focus {
  color: var(--bx-text-on-color-disabled, #8d8d8d);
  background: transparent;
  border-color: transparent;
}
.bx--btn--text:disabled .bx--btn__icon path, .bx--btn--text:hover:disabled .bx--btn__icon path, .bx--btn--text:focus:disabled .bx--btn__icon path, .bx--btn--text.bx--btn--disabled .bx--btn__icon path, .bx--btn--text.bx--btn--disabled:hover .bx--btn__icon path, .bx--btn--text.bx--btn--disabled:focus .bx--btn__icon path {
  fill: var(--bx-text-on-color-disabled, #8d8d8d);
}
.bx--btn--text.bx--btn--sm {
  padding: calc(0.375rem - 3px) 16px;
}
.bx--btn--text:focus {
  border-color: transparent;
  outline-color: transparent;
}
.bx--btn--text:active {
  background-color: transparent;
}

.bx--btn--vertical-group {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
@media (min-width: 66rem) {
  .bx--btn--vertical-group .bx--btn:first-child, .bx--btn--vertical-group .action__button:first-child,
.bx--btn--vertical-group .action.primary:first-child {
    margin-left: auto;
  }
}
@media (max-width: 41.98rem) {
  .bx--btn--vertical-group .bx--btn, .bx--btn--vertical-group .action__button,
.bx--btn--vertical-group .action.primary {
    width: 100%;
  }
}

.bx--btn--double-line {
  display: grid;
  grid-template-areas: "light icon" "bold icon";
  padding: 0.75rem 1rem;
  column-gap: 1rem;
  max-width: inherit;
}
.bx--btn--double-line .bx--btn__icon {
  position: static;
  width: 1.5rem;
  height: 1.5rem;
}

@media (min-width: 66rem) {
  .bx--btn__light,
.bx--btn__bold {
    white-space: nowrap;
  }
}

.bx--btn__light {
  grid-area: light;
}

.bx--btn__bold {
  grid-area: bold;
  font-weight: 600;
}

.bx--btn__icon {
  grid-area: icon;
}

.bx--btn__text {
  grid-area: text;
}

.bx--btn--low-profile {
  display: grid;
  border: 2px solid var(--bx-border-subtle-01, #dcdcdc);
  grid-template-areas: "icon text";
  padding: 1rem 1.5rem;
  column-gap: 1.5rem;
  background: transparent;
}
.bx--btn--low-profile .bx--btn__icon {
  position: static;
  fill: var(--bx-button-primary, #0f62fe);
}
.bx--btn--low-profile.bx--btn--sm {
  column-gap: 0;
}
.bx--btn--low-profile:focus {
  border-color: var(--bx-border-subtle-01, #dcdcdc);
}
.bx--btn--low-profile.bx--btn--active {
  border-color: var(--bx-button-primary, #0f62fe);
}
.bx--btn--low-profile:hover {
  background-color: var(--bx-layer-01, #f3f3f3);
}

.bx--btn--tertiary-v2 {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bx-button-primary, #0f62fe);
  background-color: var(--bx-text-on-color, #ffffff);
  color: var(--bx-text-primary, #161616);
  padding: 0 2rem;
  font-weight: 600;
}
.bx--btn--tertiary-v2:hover {
  background-color: var(--bx-button-primary, #0f62fe);
}
.bx--btn--tertiary-v2:focus {
  border-color: var(--bx-button-focus-color, var(--bx-focus, #0d4c8b));
  box-shadow: inset 0 0 0 1px var(--bx-button-focus-color, var(--bx-focus, #0d4c8b)), inset 0 0 0 2px var(--bx-background, #ffffff);
}
.bx--btn--tertiary-v2:active {
  background-color: var(--bx-button-primary-active, #002d9c);
}
.bx--btn--tertiary-v2 .bx--btn__icon,
.bx--btn--tertiary-v2 .bx--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.bx--btn--h40 {
  min-height: 40px;
}

.bx--btn--tertiary-v2:hover {
  color: var(--bx-text-on-color, #ffffff);
}

.bx--navigation {
  position: absolute;
  background-color: var(--bx-background, #ffffff);
  display: none;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2509803922);
  left: 0;
  z-index: 9100;
}
.bx--navigation.bx--navigation--expanded {
  display: block;
}
.bx--navigation--minicart {
  border: none;
  color: var(--bx-text-primary, #161616);
}
.ui-dialog > .bx--navigation--minicart {
  display: block !important;
}
.bx--navigation--autocomplete {
  padding: 1rem;
  width: 100% !important;
  display: grid;
  display: -ms-grid;
}
.bx--navigation--account, .bx--navigation--bookmarks {
  padding: 1rem;
}
.bx--navigation__category--expanded .bx--navigation__category-items {
  display: block;
  visibility: inherit;
}
.bx--navigation svg {
  fill: var(--bx-text-primary, #161616);
}
@media (max-width: 65.98rem) {
  .bx--navigation {
    top: 100%;
    bottom: inherit;
    width: 100%;
    background-color: var(--bx-background, #ffffff);
  }
  .bx--navigation--category-menu {
    padding: 0.5rem 0;
  }
  .bx--navigation--account, .bx--navigation--bookmarks, .bx--navigation--minicart, .bx--navigation--notification, .bx--navigation--bookmarks {
    box-shadow: none;
    border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
  .bx--navigation--minicart {
    padding: 1rem;
    min-height: 3rem;
  }
  .bx--navigation--autocomplete {
    box-shadow: none;
    padding: 0;
    border-top: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
}
@media (min-width: 66rem) {
  .bx--navigation {
    top: 100%;
    bottom: inherit;
    width: 320px;
  }
  .bx--navigation--category-menu, .bx--navigation--account, .bx--navigation--notification, .bx--navigation--bookmarks, .bx--navigation--minicart {
    margin-top: -0.5rem;
  }
  .bx--navigation--account, .bx--navigation--notification, .bx--navigation--bookmarks, .bx--navigation--minicart {
    left: inherit;
    right: 0;
  }
  .bx--navigation--account {
    width: inherit;
    font-size: 0.875rem;
  }
  .bx--navigation--notification {
    width: 320px;
  }
  .bx--navigation--minicart {
    width: inherit;
    max-width: 600px;
  }
  .bx--navigation--autocomplete {
    margin-top: 0.5rem;
  }
  .bx--navigation--autocomplete:before {
    right: 1.35rem;
    right: inherit;
  }
}
@media (max-width: 41.98rem) {
  .bx--navigation--account, .bx--navigation--bookmarks, .bx--navigation--minicart, .bx--navigation--notification, .bx--navigation--bookmarks {
    top: 55px;
  }
}
@media (min-width: 42rem) and (max-width: 20rem) {
  .bx--navigation--account, .bx--navigation--bookmarks, .bx--navigation--minicart, .bx--navigation--notification, .bx--navigation--bookmarks {
    top: 65px;
  }
}

input.mage-error,
.bx--text-input__field-wrapper.mage-error,
.bx--text-area__wrapper.mage-error > .bx--text-area--invalid,
.bx--select-input__wrapper.mage-error,
.bx--list-box.mage-error,
.bx--combo-box.mage-error .bx--text-input,
.bx--combo-box.mage-error .input-text,
.bx--combo-box.mage-error .input__field {
  outline: 2px solid var(--bx-support-error, #dd2d4a);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  input.mage-error,
.bx--text-input__field-wrapper.mage-error,
.bx--text-area__wrapper.mage-error > .bx--text-area--invalid,
.bx--select-input__wrapper.mage-error,
.bx--list-box.mage-error,
.bx--combo-box.mage-error .bx--text-input,
.bx--combo-box.mage-error .input-text,
.bx--combo-box.mage-error .input__field {
    outline-style: dotted;
  }
}

.mage-error {
  display: block;
  color: var(--bx-support-error, #dd2d4a);
  font-weight: 400;
  overflow: visible;
  margin-top: 0.25rem;
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
}

.bx--checkbox:checked ~ .bx--checkbox-label::before, .bx--checkbox:checked ~ .checkbox__label::before, .checkbox__field:checked ~ .bx--checkbox-label::before, .checkbox__field:checked ~ .checkbox__label::before {
  background-color: var(--bx-text-primary, #161616);
  border-color: var(--bx-text-primary, #161616);
  border-width: 1px;
}

.bx--checkbox:checked ~ .bx--checkbox-label::after, .bx--checkbox:checked ~ .checkbox__label::after, .checkbox__field:checked ~ .bx--checkbox-label::after, .checkbox__field:checked ~ .checkbox__label::after {
  transform: scale(1) rotate(-45deg);
}

.bx--checkbox:checked:focus ~ .bx--checkbox-label::before, .bx--checkbox:checked:focus ~ .checkbox__label::before, .checkbox__field:checked:focus ~ .bx--checkbox-label::before, .checkbox__field:checked:focus ~ .checkbox__label::before {
  border-color: var(--bx-button-primary, #0f62fe);
  border-width: 3px;
  width: 1.25rem;
  height: 1.25rem;
  left: -2px;
  top: 0;
}

.checkbox__icon {
  display: none;
}
.bx--text-input__field-wrapper,
.bx--text-area__wrapper {
  width: 100%;
  flex-wrap: wrap;
}

.bx--text-input--dark-disabled:disabled {
  -webkit-text-fill-color: var(--bx-text-primary, #161616);
}

.bx--text-input__field-wrapper--decorator {
  position: relative;
}

.bx--text-input__field-wrapper--decorator .bx--text-input--decorator {
  padding-right: 45px;
}

.bx--text-input__field-inner-wrapper--decorator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min-content;
}

.bx--text-input__field-inner-button--decorator {
  border: none;
  background: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.bx--text-input__field-inner-button--decorator:hover .bx--text-input__field-inner-button-icon--decorator path {
  stroke: var(--bx-text-primary, #161616);
}

.bx--text-input__field-inner-button-icon--decorator {
  width: 18px;
  height: 18px;
}

.bx--accordion__item--lg {
  border-top: none;
  margin-bottom: 1rem;
}
.bx--accordion__item--lg .bx--accordion__heading {
  background-color: var(--bx-layer-02, #f3f3f3);
  padding: 0.75rem 0;
}
.bx--accordion__item--lg.bx--accordion__item--active .bx--accordion__content--checkout-step {
  border-color: var(--bx-layer-02, #f3f3f3);
  border-style: solid;
  border-width: 0 1px 1px 1px;
  padding: 1rem;
  display: block;
}
.bx--accordion__item--lg.bx--accordion__item--active .bx--accordion__content--checkout-products {
  display: block;
  padding: 0;
}
.bx--accordion__item--lg:last-child {
  border-bottom: none;
}

.bx--accordion__item--simple,
.bx--accordion__item--simple:last-child {
  border-top: none;
  border-bottom: none;
}

.bx--accordion__item--simple .bx--accordion__heading:hover:before {
  display: none;
}

.bx--accordion__item--simple,
.bx--accordion__item--simple:last-child {
  border-top: none;
  border-bottom: none;
}

.bx--accordion__item--simple .bx--accordion__heading:hover:before {
  display: none;
}

@media (min-width: 66rem) {
  .bx--accordion__item--simple .bx--accordion__arrow {
    display: none;
  }
  .bx--accordion__item--simple .bx--accordion__heading {
    pointer-events: none;
  }
}
.bx--accordion__heading--static {
  cursor: inherit;
}
.bx--accordion__heading--static:hover:before {
  background-color: inherit;
}

.bx--accordion__arrow--disable-rotate {
  transform: inherit !important;
}

.bx--accordion__heading--lg {
  padding: 0.75rem 0;
}

.bx--accordion__arrow--pointer {
  cursor: pointer;
}

.bx--accordion__icon {
  margin-left: 1rem;
}

.bx--accordion__title--lg {
  flex: 0 0 150px;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 65.98rem) {
  .bx--accordion__title--lg {
    margin-right: auto;
  }
}

.bx--accordion__title--info {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 65.98rem) {
  .bx--accordion__title--info {
    display: none;
  }
}

.bx--accordion__text {
  font-size: var(--bx-body-long-01-font-size, 0.875rem);
  font-weight: var(--bx-body-long-01-font-weight, 400);
  line-height: var(--bx-body-long-01-line-height, 1.42857);
  letter-spacing: var(--bx-body-long-01-letter-spacing, 0.16px);
}

.bx--accordion__content--checkout-step,
.bx--accordion__content--checkout-products {
  display: none;
  border: none;
}

.bx--accordion__content--related {
  padding-right: 0;
  padding-left: 0;
}

.bx--accordion--light .bx--accordion__heading {
  background: transparent;
  padding: 0;
}
.bx--accordion--light .bx--accordion__title {
  margin-left: 0;
}
.bx--accordion--light .bx--accordion__content.bx--accordion__content--checkout-step {
  border: none;
  padding: 0;
}
.bx--accordion--light .bx--fieldset {
  margin-bottom: 3rem;
}
.bx--accordion--light .bx--form-item, .bx--accordion--light .input, .bx--accordion--light .checkbox {
  margin-bottom: 2rem;
}

@media (min-width: 66rem) {
  .bx--btn-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1.5rem;
  }
}
.bx--btn-group .bx--btn, .bx--btn-group .action__button,
.bx--btn-group .action.primary {
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
}
@media (max-width: 65.98rem) {
  .bx--btn-group .bx--btn, .bx--btn-group .action__button,
.bx--btn-group .action.primary {
    margin-bottom: 0.75rem;
  }
  .bx--btn-group .bx--btn:last-child, .bx--btn-group .action__button:last-child,
.bx--btn-group .action.primary:last-child {
    margin-bottom: 0;
  }
}

.bx--btn.bx--skeleton:before, .bx--skeleton.action__button:before,
.bx--skeleton.action.primary:before {
  top: 0;
  left: 0;
}

.bx--tooltip__trigger.bx--label, .bx--tooltip__trigger.input__label, .bx--tooltip__trigger.label {
  font-size: 0.75rem;
}

.bx--text-area {
  min-height: 50px;
  resize: none;
}

.bx--number input[type=number] {
  border-color: var(--bx-field-01, #f4f4f4) !important;
}

.bx--checkbox-label, .checkbox__label {
  padding-left: 1.5625rem;
}
.bx--checkbox-label__w100 {
  width: 100%;
  justify-content: space-between;
}
.bx--checkbox-label-additional {
  white-space: nowrap;
  font-weight: 600;
}
.bx--checkbox-label-count:before {
  content: "(";
}
.bx--checkbox-label-count:after {
  content: ")";
}
.bx--checkbox-label--filter {
  display: block;
}

.bx--fieldset--nomargin {
  margin-bottom: 0;
}

.bx--legend--heading {
  margin-bottom: 1.5rem;
}

.bx--select--w100 .bx--select-input__wrapper {
  flex-wrap: wrap;
}
.bx--select--w100, .bx--select--w100 .bx--select-input__wrapper, .bx--select--w100 select {
  width: 100%;
  max-width: 100%;
}

.bx--catalog-item .bx--form-item_col-50:first-child,
.bx--form-item_col-auto:first-child,
.table__td--qty .bx--form-item_col-50:first-child,
.product-list-cart-form .bx--form-item_col-50:first-child,
.bx--form-item--with-gap > .bx--form-item:first-child,
.bx--form-item--with-gap > .input:first-child,
.bx--form-item--with-gap > .checkbox:first-child,
.product-view__qty {
  padding-right: 0.5rem;
}

.bx--catalog-item .bx--form-item_col-50:last-child,
.bx--form-item_col-auto:last-child,
.table__td--qty .bx--form-item_col-50:last-child,
.product-list-cart-form .bx--form-item_col-50:last-child,
.bx--form-item--with-gap > .bx--form-item:last-child,
.bx--form-item--with-gap > .input:last-child,
.bx--form-item--with-gap > .checkbox:last-child,
.product-view__add-to-cart {
  padding-left: 0.5rem;
}

.bx--form-inline--same-size > * {
  flex-grow: 1 !important;
}

.bx--form-items-wrapper .bx--form-item, .bx--form-items-wrapper .input, .bx--form-items-wrapper .checkbox {
  margin-bottom: 1.5rem;
}

@media (min-width: 66rem) {
  .bx--form-item-wrapper--mobile-last {
    margin-left: auto;
  }
}
.bx--form-item-wrapper--mobile-last .bx--form-item, .bx--form-item-wrapper--mobile-last .input, .bx--form-item-wrapper--mobile-last .checkbox {
  margin-bottom: 0;
}
@media (max-width: 65.98rem) {
  .bx--form-item-wrapper--mobile-last .bx--label, .bx--form-item-wrapper--mobile-last .input__label, .bx--form-item-wrapper--mobile-last .label {
    display: none;
  }
}

.bx--form-inline {
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: relative;
}
.bx--form-inline--sm {
  max-width: 17.5rem;
}
.bx--form-inline--md {
  max-width: 35rem;
}
.bx--form-inline .bx--btn, .bx--form-inline .action__button,
.bx--form-inline .action.primary {
  height: 40px;
  min-height: 40px;
  padding: 0.5rem;
}
.bx--form-inline .bx--number__input-wrapper {
  width: 100%;
}
.bx--form-inline:not(.bx--form-inline--with-simple-error) div.mage-error {
  position: absolute;
  top: 100%;
  background: white;
  padding: 0.3125rem;
  border: 1px solid var(--bx-support-error, #dd2d4a);
  z-index: 1;
}
.bx--form-inline--without-mage-error div.mage-error {
  display: none !important;
}
.bx--form-inline--without-mage-error .has-error .bx--tooltip__trigger {
  display: block !important;
}
.bx--form-inline--without-mage-error .mage-error ~ .bx--form-requirement {
  display: block !important;
  color: var(--bx-text-error, #da1e28);
  max-height: inherit;
}
.bx--form-inline--without-mage-error .mage-error ~ .bx--form-requirement svg {
  color: var(--bx-text-error, #da1e28);
  margin-bottom: -3px;
}

.bx--form-item--icon-button {
  flex: 0 0 40px;
  max-width: 40px;
  box-sizing: content-box;
}

.bx--form-item--element {
  margin-bottom: 0.75rem;
}

.bx--form-item--grow {
  flex-grow: 100;
  margin-right: 1rem;
}

.bx--form-item_col-auto:first-child {
  margin-left: auto;
  flex: 0 0 auto;
}

.bx--form-item_col-auto:last-child {
  flex: 0 0 min-content;
  max-width: min-content;
}

.bx--form-item_col-50 {
  flex: 0 0 50%;
  max-width: 50%;
}

.bx--form-item_col-50 .bx--btn, .bx--form-item_col-50 .action__button,
.bx--form-item_col-50 .action.primary {
  width: 100%;
}

@media (min-width: 66rem) {
  .bx--catalog-item.bx--catalog-item--list .bx--form-item_col-50:first-child {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .bx--catalog-item.bx--catalog-item--list .bx--form-item_col-50:last-child {
    flex: 0 0 35%;
    max-width: 35%;
  }
}
.bx--link, .dashboard-items__address a, .dashboard-table__link, .action__link,
.actions-toolbar .secondary .action, .actions .link, .dashboard-nav__list .nav.item a {
  display: inline;
}
.bx--link--light, .bx--link--light:visited {
  color: var(--bx-link-primary, #0090FF);
  text-decoration: none;
}
.bx--link--dark, .bx--link--dark:visited {
  color: var(--bx-text-primary, #161616);
  text-decoration: none;
}
.bx--link--dark:hover {
  text-decoration: underline;
}

.bx--link:hover .bx--link__icon, .dashboard-items__address a:hover .bx--link__icon, .dashboard-table__link:hover .bx--link__icon, .action__link:hover .bx--link__icon,
.actions-toolbar .secondary .action:hover .bx--link__icon, .actions .link:hover .bx--link__icon, .dashboard-nav__list .nav.item a:hover .bx--link__icon {
  fill: var(--bx-link-primary-hover, #0043ce);
}

.bx--link .bx--link__icon, .dashboard-items__address a .bx--link__icon, .dashboard-table__link .bx--link__icon, .action__link .bx--link__icon,
.actions-toolbar .secondary .action .bx--link__icon, .actions .link .bx--link__icon, .dashboard-nav__list .nav.item a .bx--link__icon, .bx--link:visited .bx--link__icon {
  fill: var(--bx-link-primary, #0090FF);
}

.bx--link--with-icon {
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
}

.bx--number__input-wrapper {
  display: flex;
}
.bx--number__input-wrapper .quantity-update__input {
  order: 2;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-width: inherit !important;
  text-align: center;
  border-bottom: none !important;
}
.bx--number__input-wrapper .quantity-update__button--plus {
  order: 3;
  border-left: 0.0625rem solid #dcdcdc;
}
.bx--number__input-wrapper .quantity-update__button--minus {
  order: 1;
  border-right: 0.0625rem solid #dcdcdc;
}
.bx--number__input-wrapper .quantity-update__button--plus,
.bx--number__input-wrapper .quantity-update__button--minus {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  border-bottom: none;
  transition: background-color 0.3s;
  background-color: #f3f3f3;
}
.bx--number__input-wrapper .quantity-update__button--plus:before, .bx--number__input-wrapper .quantity-update__button--plus:after,
.bx--number__input-wrapper .quantity-update__button--minus:before,
.bx--number__input-wrapper .quantity-update__button--minus:after {
  content: none;
}
.bx--number__input-wrapper .quantity-update__button--plus:hover,
.bx--number__input-wrapper .quantity-update__button--minus:hover {
  background-color: #dcdcdc;
}

.bx--overflow-menu--simple {
  width: auto;
}
.bx--overflow-menu--simple:hover {
  background: none;
}

.bx--overflow-menu-options--filter-column {
  top: 100%;
  width: 250px;
  padding: 1rem;
}

.bx--overflow-menu-options.bx--overflow-menu-options--filter-column {
  right: 0;
  left: inherit;
}

.bx--select-input--bold {
  font-weight: 600;
}

.bx--tag--only-for-order {
  background-color: #dcdcdc;
  color: var(--bx-text-secondary, #525252);
}
.bx--tag--end-of-sale {
  background-color: #fe5964;
  color: var(--bx-text-on-color, #ffffff);
}
.bx--tag--end-of-sale .bx--tag__icon {
  fill: var(--bx-text-on-color, #ffffff);
}
.bx--tag--promoted {
  background-color: #ffe066;
  color: #171717;
  cursor: pointer;
}
.bx--tag--promoted .bx--tag__icon {
  fill: #171717;
}
.bx--tag--promoted .bx--tag__text {
  color: #171717;
  text-decoration: none;
}
.bx--tag--is-new {
  background-color: #29339b;
  color: #fff;
}
.bx--tag--is-new .bx--tag__icon {
  fill: #fff;
}
.bx--tag--has-used {
  background-color: #35a7ff;
  color: var(--bx-text-primary, #161616);
  cursor: pointer;
}
.bx--tag--has-used .bx--tag__icon {
  fill: var(--bx-text-primary, #161616);
}
.bx--tag--soft-bundle {
  background-color: rgb(30, 129, 167);
  color: #fff;
}
.bx--tag--soft-bundle .bx--tag__icon {
  fill: #fff;
}
.bx--tag--soft-bundle-component {
  background-color: rgb(30, 129, 167);
  color: #fff;
}
.bx--tag--soft-bundle-component .bx--tag__icon {
  fill: #fff;
}
.bx--tag--is-esd {
  background-color: #079b6c;
  color: #fff;
}
.bx--tag--is-esd .bx--tag__icon {
  fill: #cfeaff;
}
.bx--tag__icon {
  display: block;
  margin-right: 0.25rem;
  margin-top: 0.0625rem;
  flex: 0 0 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
}
.bx--tag--has-package {
  background-color: var(--bx-support-warning-inverse, #f1c21b);
  color: var(--bx-text-on-color, #ffffff);
}

.bx--tabs--products .bx--tabs__nav {
  width: 100%;
}
.bx--tabs--products .bx--tabs__nav-item {
  max-width: 100% !important;
  display: inline-flex !important;
  text-align: center !important;
  width: fit-content !important;
  justify-content: center;
}
@media (max-width: 41.98rem) {
  .bx--tabs--products .bx--tabs {
    overflow-x: auto;
  }
}

.bx--tabs--ag {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 65.98rem) {
  .bx--tabs--ag {
    margin-top: 0.75rem;
    margin-bottom: 0;
  }
}

.bx--tabs--ag .bx--tabs__nav-link {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-weight: 600;
}

.bx--tabs__nav-item--selected {
  border-color: var(--bx-button-primary, #0f62fe) !important;
}
.bx--tabs__nav-item--selected .bx--nav-item--icon {
  fill: var(--bx-button-primary, #0f62fe);
}

.bx--tabs--ag .bx--tabs__nav-link:not(.bx--tabs__nav-item--selected) {
  color: #a4a4a4;
}

.bx--tabs--w100 {
  width: 100% !important;
}

.bx--tabs__nav-item--simple {
  max-width: inherit !important;
}

.bx--tabs__nav-item--placeholder {
  width: auto;
  min-width: auto;
  max-width: 100% !important;
  flex: 100 0 min-content !important;
  border-bottom: 2px solid var(--bx-border-subtle-01, #dcdcdc);
  margin-left: 1px;
}

.bx--tabs__nav-item--icon-and-label {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  max-width: inherit !important;
}

.bx--tabs--ag.bx--tabs--contained {
  margin-bottom: 0;
}

.bx--tabs--ag ~ .hrp-ag--outer-wrap .hrp-ag--header-actions {
  margin-top: 0;
}
.bx--tabs--ag ~ .hrp-ag--outer-wrap .hrp-ag--mobile-action {
  border-top: none;
}

.bx--tag__description {
  padding-bottom: 1rem;
}

.bx--tile--h100 {
  height: 100%;
}

.bx--tile--highlighted {
  border-left: 3px solid var(--bx-button-primary, #0f62fe);
  padding: 1rem 1rem 0.5rem 1rem;
}
@media (max-width: 41.98rem) {
  .bx--tile--highlighted {
    padding: 1rem 1rem 0.125rem 1rem;
  }
}

.bx--tooltip__trigger {
  position: relative;
  display: inline-flex;
  overflow: visible;
  align-items: center;
  cursor: pointer;
}
.bx--tooltip__trigger:focus {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}
@media screen and (prefers-contrast) {
  .bx--tooltip__trigger:focus {
    outline-style: dotted;
  }
}
.bx--tooltip__trigger:focus {
  outline: 1px solid transparent;
}
.bx--tooltip__trigger:focus svg {
  outline: 1px solid var(--bx-focus, #0d4c8b);
}
@media screen and (prefers-contrast) {
  .bx--tooltip__trigger:focus svg {
    outline-style: dotted;
  }
}
.bx--tooltip__trigger::before, .bx--tooltip__trigger::after,
.bx--tooltip__trigger .bx--assistive-text,
.bx--tooltip__trigger + .bx--assistive-text {
  position: absolute;
  z-index: 6000;
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bx--tooltip__trigger::before, .bx--tooltip__trigger::after,
.bx--tooltip__trigger .bx--assistive-text,
.bx--tooltip__trigger + .bx--assistive-text {
    display: inline-block;
  }
}
.bx--tooltip__trigger::before, .bx--tooltip__trigger::after {
  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .bx--tooltip__trigger::before, .bx--tooltip__trigger::after {
    transition: none;
  }
}
.bx--tooltip__trigger.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--a11y::after {
  transition: none;
}
.bx--tooltip__trigger::before {
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
}
.bx--tooltip__trigger .bx--assistive-text,
.bx--tooltip__trigger + .bx--assistive-text {
  box-sizing: content-box;
  color: inherit;
  opacity: 1;
  white-space: normal;
  word-break: break-word;
}
.bx--tooltip__trigger::after,
.bx--tooltip__trigger .bx--assistive-text,
.bx--tooltip__trigger + .bx--assistive-text {
  box-shadow: 0 2px 6px var(--bx-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  width: max-content;
  min-width: 1.5rem;
  max-width: 13rem;
  height: auto;
  padding: 0.1875rem 1rem;
  background-color: var(--bx-background-inverse, #393939);
  border-radius: 0.125rem;
  color: var(--bx-text-inverse, #ffffff);
  font-weight: 400;
  text-align: left;
  transform: translateX(-50%);
  font-size: var(--bx-body-compact-01-font-size, 0.875rem);
  font-weight: var(--bx-body-compact-01-font-weight, 400);
  line-height: var(--bx-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-compact-01-letter-spacing, 0.16px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bx--tooltip__trigger::after,
.bx--tooltip__trigger .bx--assistive-text,
.bx--tooltip__trigger + .bx--assistive-text {
    width: auto;
  }
}
@supports (-ms-accelerator: true) {
  .bx--tooltip__trigger::after,
.bx--tooltip__trigger .bx--assistive-text,
.bx--tooltip__trigger + .bx--assistive-text {
    width: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .bx--tooltip__trigger::after,
.bx--tooltip__trigger .bx--assistive-text,
.bx--tooltip__trigger + .bx--assistive-text {
    width: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .bx--tooltip__trigger::after,
.bx--tooltip__trigger .bx--assistive-text,
.bx--tooltip__trigger + .bx--assistive-text {
    border: 1px solid transparent;
  }
}
.bx--tooltip__trigger::after {
  content: attr(aria-label);
}
.bx--tooltip__trigger.bx--tooltip--a11y::after {
  content: none;
}
.bx--tooltip__trigger.bx--tooltip--visible::before, .bx--tooltip__trigger.bx--tooltip--visible::after, .bx--tooltip__trigger:hover::before, .bx--tooltip__trigger:hover::after, .bx--tooltip__trigger:focus::before, .bx--tooltip__trigger:focus::after {
  opacity: 1;
}
@keyframes tooltip-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger:hover .bx--assistive-text,
.bx--tooltip__trigger:hover + .bx--assistive-text, .bx--tooltip__trigger:focus .bx--assistive-text,
.bx--tooltip__trigger:focus + .bx--assistive-text {
  overflow: visible;
  margin: auto;
  clip: auto;
}
.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text,
.bx--tooltip__trigger.bx--tooltip--visible + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--visible.bx--tooltip--a11y::before, .bx--tooltip__trigger:hover .bx--assistive-text,
.bx--tooltip__trigger:hover + .bx--assistive-text, .bx--tooltip__trigger:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger:focus .bx--assistive-text,
.bx--tooltip__trigger:focus + .bx--assistive-text, .bx--tooltip__trigger:focus.bx--tooltip--a11y::before {
  animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.bx--tooltip__trigger.bx--tooltip--hidden .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--hidden + .bx--assistive-text {
  overflow: hidden;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
.bx--tooltip__trigger.bx--tooltip--hidden.bx--tooltip--a11y::before {
  animation: none;
  opacity: 0;
}
.bx--tooltip__trigger:hover:after {
  content: none;
}
.bx--tooltip__trigger:focus:before {
  content: none;
}
.bx--tooltip__trigger:focus:hover:before {
  content: "";
}
.bx--tooltip__trigger:focus .bx--assistive-text {
  display: none;
}
.bx--tooltip__trigger:focus:hover .bx--assistive-text {
  display: block;
}

.bx--tooltip--bottom .bx--assistive-text::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 0.75rem;
  top: -0.75rem;
}
.bx--tooltip--bottom::before, .bx--tooltip--bottom::after,
.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip--bottom + .bx--assistive-text {
  bottom: 0;
  left: 50%;
}
.bx--tooltip--bottom::before {
  bottom: -0.25rem;
  border-width: 0 0.25rem 0.3125rem 0.25rem;
  border-color: transparent transparent var(--bx-background-inverse, #393939) transparent;
  transform: translate(-50%, 100%);
}
.bx--tooltip--bottom::after,
.bx--tooltip--bottom .bx--assistive-text,
.bx--tooltip--bottom + .bx--assistive-text {
  bottom: -0.5625rem;
  transform: translate(-50%, 100%);
}
.bx--tooltip--bottom.bx--tooltip--a11y + .bx--assistive-text {
  bottom: -0.5rem;
  transform: translate(-50%, 100%);
}
.bx--tooltip--bottom .bx--assistive-text {
  padding: 0.75rem 1rem;
}

.bx--tooltip--bottom-start .bx--assistive-text::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 0.75rem;
  top: -0.75rem;
}
.bx--tooltip--bottom-start::before, .bx--tooltip--bottom-start::after,
.bx--tooltip--bottom-start .bx--assistive-text,
.bx--tooltip--bottom-start + .bx--assistive-text {
  bottom: 0;
  left: 50%;
}
.bx--tooltip--bottom-start::before {
  bottom: -0.25rem;
  border-width: 0 0.25rem 0.3125rem 0.25rem;
  border-color: transparent transparent var(--bx-background-inverse, #393939) transparent;
  transform: translate(-50%, 100%);
}
.bx--tooltip--bottom-start::after,
.bx--tooltip--bottom-start .bx--assistive-text,
.bx--tooltip--bottom-start + .bx--assistive-text {
  bottom: -0.5625rem;
  left: 0;
  transform: translate(0, 100%);
}
.bx--tooltip--bottom-start.bx--tooltip--a11y + .bx--assistive-text {
  bottom: -0.5rem;
  transform: translate(0, 100%);
}
.bx--tooltip--bottom-start .bx--assistive-text {
  padding: 0.75rem 1rem;
}

.bx--tooltip--bottom-end .bx--assistive-text::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 0.75rem;
  top: -0.75rem;
}
.bx--tooltip--bottom-end::before, .bx--tooltip--bottom-end::after,
.bx--tooltip--bottom-end .bx--assistive-text,
.bx--tooltip--bottom-end + .bx--assistive-text {
  bottom: 0;
  left: 50%;
}
.bx--tooltip--bottom-end::before {
  bottom: -0.25rem;
  border-width: 0 0.25rem 0.3125rem 0.25rem;
  border-color: transparent transparent var(--bx-background-inverse, #393939) transparent;
  transform: translate(-50%, 100%);
}
.bx--tooltip--bottom-end::after,
.bx--tooltip--bottom-end .bx--assistive-text,
.bx--tooltip--bottom-end + .bx--assistive-text {
  bottom: -0.5625rem;
  right: 0;
  left: auto;
  transform: translate(0, 100%);
}
.bx--tooltip--bottom-end.bx--tooltip--a11y + .bx--assistive-text {
  bottom: -0.5rem;
  transform: translate(0, 100%);
}
.bx--tooltip--bottom-end .bx--assistive-text {
  padding: 0.75rem 1rem;
}

.bx--tooltip--top .bx--assistive-text::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 0.75rem;
  bottom: -0.75rem;
}
.bx--tooltip--top::before, .bx--tooltip--top::after,
.bx--tooltip--top .bx--assistive-text,
.bx--tooltip--top + .bx--assistive-text {
  top: 0;
  left: 50%;
}
.bx--tooltip--top::before {
  top: -0.25rem;
  border-width: 0.3125rem 0.25rem 0 0.25rem;
  border-color: var(--bx-background-inverse, #393939) transparent transparent transparent;
  transform: translate(-50%, -100%);
}
.bx--tooltip--top::after,
.bx--tooltip--top .bx--assistive-text,
.bx--tooltip--top + .bx--assistive-text {
  top: -0.5625rem;
  left: 50%;
  transform: translate(-50%, -100%);
}
.bx--tooltip--top .bx--assistive-text {
  padding: 0.75rem 1rem;
}

.bx--tooltip--top-start .bx--assistive-text::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 0.75rem;
  bottom: -0.75rem;
}
.bx--tooltip--top-start::before, .bx--tooltip--top-start::after,
.bx--tooltip--top-start .bx--assistive-text,
.bx--tooltip--top-start + .bx--assistive-text {
  top: 0;
  left: 50%;
}
.bx--tooltip--top-start::before {
  top: -0.25rem;
  border-width: 0.3125rem 0.25rem 0 0.25rem;
  border-color: var(--bx-background-inverse, #393939) transparent transparent transparent;
  transform: translate(-50%, -100%);
}
.bx--tooltip--top-start::after,
.bx--tooltip--top-start .bx--assistive-text,
.bx--tooltip--top-start + .bx--assistive-text {
  top: -0.5625rem;
  left: 0;
  transform: translate(0, -100%);
}
.bx--tooltip--top-start .bx--assistive-text {
  padding: 0.75rem 1rem;
}

.bx--tooltip--top-end .bx--assistive-text::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 0.75rem;
  bottom: -0.75rem;
}
.bx--tooltip--top-end::before, .bx--tooltip--top-end::after,
.bx--tooltip--top-end .bx--assistive-text,
.bx--tooltip--top-end + .bx--assistive-text {
  top: 0;
  left: 50%;
}
.bx--tooltip--top-end::before {
  top: -0.25rem;
  border-width: 0.3125rem 0.25rem 0 0.25rem;
  border-color: var(--bx-background-inverse, #393939) transparent transparent transparent;
  transform: translate(-50%, -100%);
}
.bx--tooltip--top-end::after,
.bx--tooltip--top-end .bx--assistive-text,
.bx--tooltip--top-end + .bx--assistive-text {
  top: -0.5625rem;
  right: 0;
  left: auto;
  transform: translate(0, -100%);
}
.bx--tooltip--top-end:before {
  left: 90% !important;
}
.bx--tooltip--top-end .bx--assistive-text {
  padding: 0.75rem 1rem;
}

.bx--dropdown-text__inner {
  display: inline-flex;
}

.bx--dropdown-link {
  display: inline-flex;
  width: 100%;
}

.bx--dropdown-link__icon {
  margin-right: 0.5rem;
}

.bx--heading-5 {
  font-size: var(--bx-productive-heading-02-font-size, 1rem);
  font-weight: var(--bx-productive-heading-02-font-weight, 600);
  line-height: var(--bx-productive-heading-02-line-height, 1.375);
  letter-spacing: var(--bx-productive-heading-02-letter-spacing, 0);
  margin-bottom: 1.5rem;
}

.bx--color-green {
  color: var(--bx-support-success, #079b6c);
}

.bx--content-switcher {
  height: auto;
  margin-bottom: 1rem;
}

.bx--stock-info, .bx--stock-info__label {
  font-size: 0.875rem;
}

.bx--block-header {
  background: var(--bx-layer-01, #f3f3f3);
  padding: 1rem 0 1.5rem 1rem;
}

.bx--block-header__title {
  font-size: var(--bx-productive-heading-03-font-size, 1.25rem);
  font-weight: var(--bx-productive-heading-03-font-weight, 400);
  line-height: var(--bx-productive-heading-03-line-height, 1.4);
  letter-spacing: var(--bx-productive-heading-03-letter-spacing, 0);
  color: var(--bx-text-primary, #161616);
}

.bx--block-header__description {
  font-size: var(--bx-body-short-01-font-size, 0.875rem);
  font-weight: var(--bx-body-short-01-font-weight, 400);
  line-height: var(--bx-body-short-01-line-height, 1.28572);
  letter-spacing: var(--bx-body-short-01-letter-spacing, 0.16px);
  color: var(--bx-text-secondary, #525252);
}

.bx--content-block {
  padding: var(--content-padding);
}

.bx--btn--text-black {
  color: var(--bx-text-primary, #161616);
}

.bx--btn__collapsible > .bx--btn__collapsible__collapse-icon, .bx--btn__collapsible--active > .bx--btn__collapsible__expand-icon {
  display: none;
}
.bx--btn__collapsible--active > .bx--btn__collapsible__collapse-icon {
  display: inline;
}
@media (min-width: 66rem) {
  .bx--btn__collapsible--active {
    position: relative;
  }
  .bx--btn__collapsible--active .bx--btn__collapsible__triangle-wrapper {
    position: absolute;
    z-index: 10000;
    bottom: -10px;
    left: 50%;
    filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.05));
  }
  .bx--btn__collapsible--active .bx--btn__collapsible__triangle {
    display: block;
    width: 12px;
    height: 6px;
    margin: 0 -6px;
    background-color: var(--bx-background, #ffffff);
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
  }
}

.bx--btn--same-size {
  white-space: nowrap;
  margin-left: 0;
  padding-right: 12px;
  width: 100%;
  text-align: center;
}
.bx--btn--same-size span {
  margin: 0 auto;
}

.bx--structured-list--product-compare .bx--structured-list-td {
  padding: 0.75rem 0;
  vertical-align: middle;
}
.bx--structured-list--product-compare .bx--structured-list-th {
  padding: 0;
  height: auto;
}
.bx--structured-list--product-compare .bx--structured-list-th--shipping-radio {
  padding-left: 0;
  padding-right: 0;
  width: 30px;
}
.bx--structured-list--product-compare .bx--structured-list-th--shipping-info {
  width: calc(100% - 140px);
}
.bx--structured-list--product-compare .bx--structured-list-th--shipping-actions {
  width: 80px;
}

.bx--structured-list-row {
  /* disable hover on .bx--structured-list-row--message */
}
.bx--structured-list-row--unreaded {
  border-left: 4px solid var(--bx-button-primary-active, #002d9c);
}
.bx--structured-list--selection .bx--structured-list-row--message:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
  background-color: inherit;
  border-color: inherit;
}

.bx--navigation--notification .bx--structured-list-td {
  overflow-wrap: anywhere;
}

.bx--modal-header--with-switcher {
  position: relative;
}
.bx--modal-header__language {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.bx--divider {
  width: 0;
  height: 22px;
  border-right: 1.5px solid var(--bx-border-subtle-01, #dcdcdc);
}
.bx--divider--floated {
  margin: 0 0.75rem;
}

.bx--dialog__header {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  display: flex;
  justify-content: space-between;
  line-height: 1.2;
}
.bx--dialog__header-title, .bx--dialog__list-title,
.bx--dialog strong,
.bx--dialog a {
  color: var(--bx-text-primary, #161616);
}
.bx--dialog a {
  text-decoration: none;
}
.bx--dialog a:hover {
  text-decoration: underline;
}
.bx--dialog__list--main {
  display: flex;
  flex-wrap: wrap;
}
.bx--dialog__list--sublist {
  margin-bottom: 1rem;
}
.bx--dialog__list-item {
  min-width: 220px;
}
.bx--dialog__list-title {
  font-weight: 600;
  display: block;
  color: var(--bx-text-primary, #161616);
}
.bx--dialog__list--sublist .bx--dialog__list-item, .bx--dialog__list-title, .bx--dialog__list--sublist .nav.item {
  margin-bottom: 0.5rem;
  line-height: 1.125rem;
}

@media (max-width: 41.98rem) {
  .bx--radio-button-group--responsive {
    flex-wrap: wrap;
  }
  .bx--radio-button-group--responsive .bx--radio-button-wrapper {
    flex: 0 0 100%;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .bx--radio-button-group--responsive .bx--radio-button__label {
    justify-content: flex-start !important;
  }
}

@media (max-width: 41.98rem) {
  .bx--content-switcher--responsive {
    flex-wrap: wrap;
  }
  .bx--content-switcher--responsive .bx--content-switcher-btn {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bx--content-switcher--responsive .bx--content-switcher-btn:first-child {
    border-radius: 0.25rem 0.25rem 0 0;
  }
  .bx--content-switcher--responsive .bx--content-switcher-btn:last-child {
    border-radius: 0 0 0.25rem 0.25rem;
  }
}

.bx--modal-footer a.bx--btn, .bx--modal-footer a.action__button,
.bx--modal-footer a.action.primary {
  max-width: none;
  -webkit-box-flex: 1;
  flex: 1;
  height: 4rem;
  margin: 0;
}

.bx--modal-footer a.bx--btn, .bx--modal-footer a.action__button,
.bx--modal-footer a.action.primary,
.bx--modal-footer button.bx--btn,
.bx--modal-footer button.action__button,
.bx--modal-footer button.action.primary {
  padding-top: 0;
  padding-bottom: 0;
}

.bx--content-switcher-btn {
  justify-content: center;
}
.bx--content-switcher-btn.bx--content-switcher--selected {
  background-color: var(--bx-button-primary, #0f62fe);
}

.bx--icon--error {
  fill: var(--bx-support-error, #dd2d4a);
}
.bx--icon--success {
  fill: var(--bx-support-success, #079b6c);
}
.bx--icon--info {
  fill: var(--bx-support-info, #0d4c8b);
}
.bx--icon--notice, .bx--icon--warning {
  fill: var(--bx-support-warning, #fdd13a);
}

.bx--td--heading {
  vertical-align: middle;
  padding-right: 0.75rem;
}

.bx--th {
  font-weight: 600;
}

.bx--th--vb {
  vertical-align: bottom;
}

.bx--th--rotate {
  height: 140px;
  white-space: nowrap;
}
.bx--th--rotate div {
  transform: translate(-5px, 110px) rotate(270deg);
  width: 30px;
}

.bx--slider__range-label:last-of-type {
  margin-right: 0;
}

.bx--slider__range-label {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
}

.link--visually-hidden {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.gallery-placeholder__image {
  width: 100%;
}

.flex {
  display: flex;
}

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

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

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

.border-3 {
  border: 3px solid transparent;
}

.border-gray {
  border-color: #ededed;
}

.sticky {
  position: sticky;
}

.w-100 {
  width: 100%;
}

.mw-100 {
  max-width: 100%;
}

.top-5 {
  top: 1rem;
}

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

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

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

@media (max-width: 41.98rem) {
  .w100--sm {
    width: 100%;
  }
}
.m-1 {
  margin: 0.125rem;
}

.p-1 {
  padding: 0.125rem;
}

.mt-1 {
  margin-top: 0.125rem;
}

.pt-1 {
  padding-top: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.125rem;
}

.pb-1 {
  padding-bottom: 0.125rem;
}

.ml-1 {
  margin-left: 0.125rem;
}

.pl-1 {
  padding-left: 0.125rem;
}

.mr-1 {
  margin-right: 0.125rem;
}

.pr-1 {
  padding-right: 0.125rem;
}

.m-2 {
  margin: 0.25rem;
}

.p-2 {
  padding: 0.25rem;
}

.mt-2 {
  margin-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.25rem;
}

.ml-2 {
  margin-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.25rem;
}

.mr-2 {
  margin-right: 0.25rem;
}

.pr-2 {
  padding-right: 0.25rem;
}

.m-3 {
  margin: 0.5rem;
}

.p-3 {
  padding: 0.5rem;
}

.mt-3 {
  margin-top: 0.5rem;
}

.pt-3 {
  padding-top: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.5rem;
}

.ml-3 {
  margin-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.5rem;
}

.mr-3 {
  margin-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.5rem;
}

.m-4 {
  margin: 0.75rem;
}

.p-4 {
  padding: 0.75rem;
}

.mt-4 {
  margin-top: 0.75rem;
}

.pt-4 {
  padding-top: 0.75rem;
}

.mb-4 {
  margin-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 0.75rem;
}

.ml-4 {
  margin-left: 0.75rem;
}

.pl-4 {
  padding-left: 0.75rem;
}

.mr-4 {
  margin-right: 0.75rem;
}

.pr-4 {
  padding-right: 0.75rem;
}

.m-5 {
  margin: 1rem;
}

.p-5 {
  padding: 1rem;
}

.mt-5 {
  margin-top: 1rem;
}

.pt-5 {
  padding-top: 1rem;
}

.mb-5 {
  margin-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1rem;
}

.ml-5 {
  margin-left: 1rem;
}

.pl-5 {
  padding-left: 1rem;
}

.mr-5 {
  margin-right: 1rem;
}

.pr-5 {
  padding-right: 1rem;
}

.m-6 {
  margin: 1.5rem;
}

.p-6 {
  padding: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.m-7 {
  margin: 2rem;
}

.p-7 {
  padding: 2rem;
}

.mt-7 {
  margin-top: 2rem;
}

.pt-7 {
  padding-top: 2rem;
}

.mb-7 {
  margin-bottom: 2rem;
}

.pb-7 {
  padding-bottom: 2rem;
}

.ml-7 {
  margin-left: 2rem;
}

.pl-7 {
  padding-left: 2rem;
}

.mr-7 {
  margin-right: 2rem;
}

.pr-7 {
  padding-right: 2rem;
}

.m-8 {
  margin: 2.5rem;
}

.p-8 {
  padding: 2.5rem;
}

.mt-8 {
  margin-top: 2.5rem;
}

.pt-8 {
  padding-top: 2.5rem;
}

.mb-8 {
  margin-bottom: 2.5rem;
}

.pb-8 {
  padding-bottom: 2.5rem;
}

.ml-8 {
  margin-left: 2.5rem;
}

.pl-8 {
  padding-left: 2.5rem;
}

.mr-8 {
  margin-right: 2.5rem;
}

.pr-8 {
  padding-right: 2.5rem;
}

.m-9 {
  margin: 3rem;
}

.p-9 {
  padding: 3rem;
}

.mt-9 {
  margin-top: 3rem;
}

.pt-9 {
  padding-top: 3rem;
}

.mb-9 {
  margin-bottom: 3rem;
}

.pb-9 {
  padding-bottom: 3rem;
}

.ml-9 {
  margin-left: 3rem;
}

.pl-9 {
  padding-left: 3rem;
}

.mr-9 {
  margin-right: 3rem;
}

.pr-9 {
  padding-right: 3rem;
}

.m-10 {
  margin: 4rem;
}

.p-10 {
  padding: 4rem;
}

.mt-10 {
  margin-top: 4rem;
}

.pt-10 {
  padding-top: 4rem;
}

.mb-10 {
  margin-bottom: 4rem;
}

.pb-10 {
  padding-bottom: 4rem;
}

.ml-10 {
  margin-left: 4rem;
}

.pl-10 {
  padding-left: 4rem;
}

.mr-10 {
  margin-right: 4rem;
}

.pr-10 {
  padding-right: 4rem;
}

.m-11 {
  margin: 5rem;
}

.p-11 {
  padding: 5rem;
}

.mt-11 {
  margin-top: 5rem;
}

.pt-11 {
  padding-top: 5rem;
}

.mb-11 {
  margin-bottom: 5rem;
}

.pb-11 {
  padding-bottom: 5rem;
}

.ml-11 {
  margin-left: 5rem;
}

.pl-11 {
  padding-left: 5rem;
}

.mr-11 {
  margin-right: 5rem;
}

.pr-11 {
  padding-right: 5rem;
}

.m-12 {
  margin: 6rem;
}

.p-12 {
  padding: 6rem;
}

.mt-12 {
  margin-top: 6rem;
}

.pt-12 {
  padding-top: 6rem;
}

.mb-12 {
  margin-bottom: 6rem;
}

.pb-12 {
  padding-bottom: 6rem;
}

.ml-12 {
  margin-left: 6rem;
}

.pl-12 {
  padding-left: 6rem;
}

.mr-12 {
  margin-right: 6rem;
}

.pr-12 {
  padding-right: 6rem;
}

.m-13 {
  margin: 10rem;
}

.p-13 {
  padding: 10rem;
}

.mt-13 {
  margin-top: 10rem;
}

.pt-13 {
  padding-top: 10rem;
}

.mb-13 {
  margin-bottom: 10rem;
}

.pb-13 {
  padding-bottom: 10rem;
}

.ml-13 {
  margin-left: 10rem;
}

.pl-13 {
  padding-left: 10rem;
}

.mr-13 {
  margin-right: 10rem;
}

.pr-13 {
  padding-right: 10rem;
}

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

.pb-0 {
  padding-bottom: 0;
}

@media (min-width: 42rem) {
  .m-1--md {
    margin: 0.125rem;
  }
  .p-1--md {
    padding: 0.125rem;
  }
  .mt-1--md {
    margin-top: 0.125rem;
  }
  .pt-1--md {
    padding-top: 0.125rem;
  }
  .mb-1--md {
    margin-bottom: 0.125rem;
  }
  .pb-1--md {
    padding-bottom: 0.125rem;
  }
  .ml-1--md {
    margin-left: 0.125rem;
  }
  .pl-1--md {
    padding-left: 0.125rem;
  }
  .mr-1--md {
    margin-right: 0.125rem;
  }
  .pr-1--md {
    padding-right: 0.125rem;
  }
  .m-2--md {
    margin: 0.25rem;
  }
  .p-2--md {
    padding: 0.25rem;
  }
  .mt-2--md {
    margin-top: 0.25rem;
  }
  .pt-2--md {
    padding-top: 0.25rem;
  }
  .mb-2--md {
    margin-bottom: 0.25rem;
  }
  .pb-2--md {
    padding-bottom: 0.25rem;
  }
  .ml-2--md {
    margin-left: 0.25rem;
  }
  .pl-2--md {
    padding-left: 0.25rem;
  }
  .mr-2--md {
    margin-right: 0.25rem;
  }
  .pr-2--md {
    padding-right: 0.25rem;
  }
  .m-3--md {
    margin: 0.5rem;
  }
  .p-3--md {
    padding: 0.5rem;
  }
  .mt-3--md {
    margin-top: 0.5rem;
  }
  .pt-3--md {
    padding-top: 0.5rem;
  }
  .mb-3--md {
    margin-bottom: 0.5rem;
  }
  .pb-3--md {
    padding-bottom: 0.5rem;
  }
  .ml-3--md {
    margin-left: 0.5rem;
  }
  .pl-3--md {
    padding-left: 0.5rem;
  }
  .mr-3--md {
    margin-right: 0.5rem;
  }
  .pr-3--md {
    padding-right: 0.5rem;
  }
  .m-4--md {
    margin: 0.75rem;
  }
  .p-4--md {
    padding: 0.75rem;
  }
  .mt-4--md {
    margin-top: 0.75rem;
  }
  .pt-4--md {
    padding-top: 0.75rem;
  }
  .mb-4--md {
    margin-bottom: 0.75rem;
  }
  .pb-4--md {
    padding-bottom: 0.75rem;
  }
  .ml-4--md {
    margin-left: 0.75rem;
  }
  .pl-4--md {
    padding-left: 0.75rem;
  }
  .mr-4--md {
    margin-right: 0.75rem;
  }
  .pr-4--md {
    padding-right: 0.75rem;
  }
  .m-5--md {
    margin: 1rem;
  }
  .p-5--md {
    padding: 1rem;
  }
  .mt-5--md {
    margin-top: 1rem;
  }
  .pt-5--md {
    padding-top: 1rem;
  }
  .mb-5--md {
    margin-bottom: 1rem;
  }
  .pb-5--md {
    padding-bottom: 1rem;
  }
  .ml-5--md {
    margin-left: 1rem;
  }
  .pl-5--md {
    padding-left: 1rem;
  }
  .mr-5--md {
    margin-right: 1rem;
  }
  .pr-5--md {
    padding-right: 1rem;
  }
  .m-6--md {
    margin: 1.5rem;
  }
  .p-6--md {
    padding: 1.5rem;
  }
  .mt-6--md {
    margin-top: 1.5rem;
  }
  .pt-6--md {
    padding-top: 1.5rem;
  }
  .mb-6--md {
    margin-bottom: 1.5rem;
  }
  .pb-6--md {
    padding-bottom: 1.5rem;
  }
  .ml-6--md {
    margin-left: 1.5rem;
  }
  .pl-6--md {
    padding-left: 1.5rem;
  }
  .mr-6--md {
    margin-right: 1.5rem;
  }
  .pr-6--md {
    padding-right: 1.5rem;
  }
  .m-7--md {
    margin: 2rem;
  }
  .p-7--md {
    padding: 2rem;
  }
  .mt-7--md {
    margin-top: 2rem;
  }
  .pt-7--md {
    padding-top: 2rem;
  }
  .mb-7--md {
    margin-bottom: 2rem;
  }
  .pb-7--md {
    padding-bottom: 2rem;
  }
  .ml-7--md {
    margin-left: 2rem;
  }
  .pl-7--md {
    padding-left: 2rem;
  }
  .mr-7--md {
    margin-right: 2rem;
  }
  .pr-7--md {
    padding-right: 2rem;
  }
  .m-8--md {
    margin: 2.5rem;
  }
  .p-8--md {
    padding: 2.5rem;
  }
  .mt-8--md {
    margin-top: 2.5rem;
  }
  .pt-8--md {
    padding-top: 2.5rem;
  }
  .mb-8--md {
    margin-bottom: 2.5rem;
  }
  .pb-8--md {
    padding-bottom: 2.5rem;
  }
  .ml-8--md {
    margin-left: 2.5rem;
  }
  .pl-8--md {
    padding-left: 2.5rem;
  }
  .mr-8--md {
    margin-right: 2.5rem;
  }
  .pr-8--md {
    padding-right: 2.5rem;
  }
  .m-9--md {
    margin: 3rem;
  }
  .p-9--md {
    padding: 3rem;
  }
  .mt-9--md {
    margin-top: 3rem;
  }
  .pt-9--md {
    padding-top: 3rem;
  }
  .mb-9--md {
    margin-bottom: 3rem;
  }
  .pb-9--md {
    padding-bottom: 3rem;
  }
  .ml-9--md {
    margin-left: 3rem;
  }
  .pl-9--md {
    padding-left: 3rem;
  }
  .mr-9--md {
    margin-right: 3rem;
  }
  .pr-9--md {
    padding-right: 3rem;
  }
  .m-10--md {
    margin: 4rem;
  }
  .p-10--md {
    padding: 4rem;
  }
  .mt-10--md {
    margin-top: 4rem;
  }
  .pt-10--md {
    padding-top: 4rem;
  }
  .mb-10--md {
    margin-bottom: 4rem;
  }
  .pb-10--md {
    padding-bottom: 4rem;
  }
  .ml-10--md {
    margin-left: 4rem;
  }
  .pl-10--md {
    padding-left: 4rem;
  }
  .mr-10--md {
    margin-right: 4rem;
  }
  .pr-10--md {
    padding-right: 4rem;
  }
  .m-11--md {
    margin: 5rem;
  }
  .p-11--md {
    padding: 5rem;
  }
  .mt-11--md {
    margin-top: 5rem;
  }
  .pt-11--md {
    padding-top: 5rem;
  }
  .mb-11--md {
    margin-bottom: 5rem;
  }
  .pb-11--md {
    padding-bottom: 5rem;
  }
  .ml-11--md {
    margin-left: 5rem;
  }
  .pl-11--md {
    padding-left: 5rem;
  }
  .mr-11--md {
    margin-right: 5rem;
  }
  .pr-11--md {
    padding-right: 5rem;
  }
  .m-12--md {
    margin: 6rem;
  }
  .p-12--md {
    padding: 6rem;
  }
  .mt-12--md {
    margin-top: 6rem;
  }
  .pt-12--md {
    padding-top: 6rem;
  }
  .mb-12--md {
    margin-bottom: 6rem;
  }
  .pb-12--md {
    padding-bottom: 6rem;
  }
  .ml-12--md {
    margin-left: 6rem;
  }
  .pl-12--md {
    padding-left: 6rem;
  }
  .mr-12--md {
    margin-right: 6rem;
  }
  .pr-12--md {
    padding-right: 6rem;
  }
  .m-13--md {
    margin: 10rem;
  }
  .p-13--md {
    padding: 10rem;
  }
  .mt-13--md {
    margin-top: 10rem;
  }
  .pt-13--md {
    padding-top: 10rem;
  }
  .mb-13--md {
    margin-bottom: 10rem;
  }
  .pb-13--md {
    padding-bottom: 10rem;
  }
  .ml-13--md {
    margin-left: 10rem;
  }
  .pl-13--md {
    padding-left: 10rem;
  }
  .mr-13--md {
    margin-right: 10rem;
  }
  .pr-13--md {
    padding-right: 10rem;
  }
  .mb-0--md {
    margin-bottom: 0;
  }
  .pb-0--md {
    padding-bottom: 0;
  }
}
@media (min-width: 66rem) {
  .m-1--lg {
    margin: 0.125rem;
  }
  .p-1--lg {
    padding: 0.125rem;
  }
  .mt-1--lg {
    margin-top: 0.125rem;
  }
  .pt-1--lg {
    padding-top: 0.125rem;
  }
  .mb-1--lg {
    margin-bottom: 0.125rem;
  }
  .pb-1--lg {
    padding-bottom: 0.125rem;
  }
  .ml-1--lg {
    margin-left: 0.125rem;
  }
  .pl-1--lg {
    padding-left: 0.125rem;
  }
  .mr-1--lg {
    margin-right: 0.125rem;
  }
  .pr-1--lg {
    padding-right: 0.125rem;
  }
  .m-2--lg {
    margin: 0.25rem;
  }
  .p-2--lg {
    padding: 0.25rem;
  }
  .mt-2--lg {
    margin-top: 0.25rem;
  }
  .pt-2--lg {
    padding-top: 0.25rem;
  }
  .mb-2--lg {
    margin-bottom: 0.25rem;
  }
  .pb-2--lg {
    padding-bottom: 0.25rem;
  }
  .ml-2--lg {
    margin-left: 0.25rem;
  }
  .pl-2--lg {
    padding-left: 0.25rem;
  }
  .mr-2--lg {
    margin-right: 0.25rem;
  }
  .pr-2--lg {
    padding-right: 0.25rem;
  }
  .m-3--lg {
    margin: 0.5rem;
  }
  .p-3--lg {
    padding: 0.5rem;
  }
  .mt-3--lg {
    margin-top: 0.5rem;
  }
  .pt-3--lg {
    padding-top: 0.5rem;
  }
  .mb-3--lg {
    margin-bottom: 0.5rem;
  }
  .pb-3--lg {
    padding-bottom: 0.5rem;
  }
  .ml-3--lg {
    margin-left: 0.5rem;
  }
  .pl-3--lg {
    padding-left: 0.5rem;
  }
  .mr-3--lg {
    margin-right: 0.5rem;
  }
  .pr-3--lg {
    padding-right: 0.5rem;
  }
  .m-4--lg {
    margin: 0.75rem;
  }
  .p-4--lg {
    padding: 0.75rem;
  }
  .mt-4--lg {
    margin-top: 0.75rem;
  }
  .pt-4--lg {
    padding-top: 0.75rem;
  }
  .mb-4--lg {
    margin-bottom: 0.75rem;
  }
  .pb-4--lg {
    padding-bottom: 0.75rem;
  }
  .ml-4--lg {
    margin-left: 0.75rem;
  }
  .pl-4--lg {
    padding-left: 0.75rem;
  }
  .mr-4--lg {
    margin-right: 0.75rem;
  }
  .pr-4--lg {
    padding-right: 0.75rem;
  }
  .m-5--lg {
    margin: 1rem;
  }
  .p-5--lg {
    padding: 1rem;
  }
  .mt-5--lg {
    margin-top: 1rem;
  }
  .pt-5--lg {
    padding-top: 1rem;
  }
  .mb-5--lg {
    margin-bottom: 1rem;
  }
  .pb-5--lg {
    padding-bottom: 1rem;
  }
  .ml-5--lg {
    margin-left: 1rem;
  }
  .pl-5--lg {
    padding-left: 1rem;
  }
  .mr-5--lg {
    margin-right: 1rem;
  }
  .pr-5--lg {
    padding-right: 1rem;
  }
  .m-6--lg {
    margin: 1.5rem;
  }
  .p-6--lg {
    padding: 1.5rem;
  }
  .mt-6--lg {
    margin-top: 1.5rem;
  }
  .pt-6--lg {
    padding-top: 1.5rem;
  }
  .mb-6--lg {
    margin-bottom: 1.5rem;
  }
  .pb-6--lg {
    padding-bottom: 1.5rem;
  }
  .ml-6--lg {
    margin-left: 1.5rem;
  }
  .pl-6--lg {
    padding-left: 1.5rem;
  }
  .mr-6--lg {
    margin-right: 1.5rem;
  }
  .pr-6--lg {
    padding-right: 1.5rem;
  }
  .m-7--lg {
    margin: 2rem;
  }
  .p-7--lg {
    padding: 2rem;
  }
  .mt-7--lg {
    margin-top: 2rem;
  }
  .pt-7--lg {
    padding-top: 2rem;
  }
  .mb-7--lg {
    margin-bottom: 2rem;
  }
  .pb-7--lg {
    padding-bottom: 2rem;
  }
  .ml-7--lg {
    margin-left: 2rem;
  }
  .pl-7--lg {
    padding-left: 2rem;
  }
  .mr-7--lg {
    margin-right: 2rem;
  }
  .pr-7--lg {
    padding-right: 2rem;
  }
  .m-8--lg {
    margin: 2.5rem;
  }
  .p-8--lg {
    padding: 2.5rem;
  }
  .mt-8--lg {
    margin-top: 2.5rem;
  }
  .pt-8--lg {
    padding-top: 2.5rem;
  }
  .mb-8--lg {
    margin-bottom: 2.5rem;
  }
  .pb-8--lg {
    padding-bottom: 2.5rem;
  }
  .ml-8--lg {
    margin-left: 2.5rem;
  }
  .pl-8--lg {
    padding-left: 2.5rem;
  }
  .mr-8--lg {
    margin-right: 2.5rem;
  }
  .pr-8--lg {
    padding-right: 2.5rem;
  }
  .m-9--lg {
    margin: 3rem;
  }
  .p-9--lg {
    padding: 3rem;
  }
  .mt-9--lg {
    margin-top: 3rem;
  }
  .pt-9--lg {
    padding-top: 3rem;
  }
  .mb-9--lg {
    margin-bottom: 3rem;
  }
  .pb-9--lg {
    padding-bottom: 3rem;
  }
  .ml-9--lg {
    margin-left: 3rem;
  }
  .pl-9--lg {
    padding-left: 3rem;
  }
  .mr-9--lg {
    margin-right: 3rem;
  }
  .pr-9--lg {
    padding-right: 3rem;
  }
  .m-10--lg {
    margin: 4rem;
  }
  .p-10--lg {
    padding: 4rem;
  }
  .mt-10--lg {
    margin-top: 4rem;
  }
  .pt-10--lg {
    padding-top: 4rem;
  }
  .mb-10--lg {
    margin-bottom: 4rem;
  }
  .pb-10--lg {
    padding-bottom: 4rem;
  }
  .ml-10--lg {
    margin-left: 4rem;
  }
  .pl-10--lg {
    padding-left: 4rem;
  }
  .mr-10--lg {
    margin-right: 4rem;
  }
  .pr-10--lg {
    padding-right: 4rem;
  }
  .m-11--lg {
    margin: 5rem;
  }
  .p-11--lg {
    padding: 5rem;
  }
  .mt-11--lg {
    margin-top: 5rem;
  }
  .pt-11--lg {
    padding-top: 5rem;
  }
  .mb-11--lg {
    margin-bottom: 5rem;
  }
  .pb-11--lg {
    padding-bottom: 5rem;
  }
  .ml-11--lg {
    margin-left: 5rem;
  }
  .pl-11--lg {
    padding-left: 5rem;
  }
  .mr-11--lg {
    margin-right: 5rem;
  }
  .pr-11--lg {
    padding-right: 5rem;
  }
  .m-12--lg {
    margin: 6rem;
  }
  .p-12--lg {
    padding: 6rem;
  }
  .mt-12--lg {
    margin-top: 6rem;
  }
  .pt-12--lg {
    padding-top: 6rem;
  }
  .mb-12--lg {
    margin-bottom: 6rem;
  }
  .pb-12--lg {
    padding-bottom: 6rem;
  }
  .ml-12--lg {
    margin-left: 6rem;
  }
  .pl-12--lg {
    padding-left: 6rem;
  }
  .mr-12--lg {
    margin-right: 6rem;
  }
  .pr-12--lg {
    padding-right: 6rem;
  }
  .m-13--lg {
    margin: 10rem;
  }
  .p-13--lg {
    padding: 10rem;
  }
  .mt-13--lg {
    margin-top: 10rem;
  }
  .pt-13--lg {
    padding-top: 10rem;
  }
  .mb-13--lg {
    margin-bottom: 10rem;
  }
  .pb-13--lg {
    padding-bottom: 10rem;
  }
  .ml-13--lg {
    margin-left: 10rem;
  }
  .pl-13--lg {
    padding-left: 10rem;
  }
  .mr-13--lg {
    margin-right: 10rem;
  }
  .pr-13--lg {
    padding-right: 10rem;
  }
  .mb-0--lg {
    margin-bottom: 0;
  }
  .pb-0--lg {
    padding-bottom: 0;
  }
}
@media (min-width: 80rem) {
  .m-1--xlg {
    margin: 0.125rem;
  }
  .p-1--xlg {
    padding: 0.125rem;
  }
  .mt-1--xlg {
    margin-top: 0.125rem;
  }
  .pt-1--xlg {
    padding-top: 0.125rem;
  }
  .mb-1--xlg {
    margin-bottom: 0.125rem;
  }
  .pb-1--xlg {
    padding-bottom: 0.125rem;
  }
  .ml-1--xlg {
    margin-left: 0.125rem;
  }
  .pl-1--xlg {
    padding-left: 0.125rem;
  }
  .mr-1--xlg {
    margin-right: 0.125rem;
  }
  .pr-1--xlg {
    padding-right: 0.125rem;
  }
  .m-2--xlg {
    margin: 0.25rem;
  }
  .p-2--xlg {
    padding: 0.25rem;
  }
  .mt-2--xlg {
    margin-top: 0.25rem;
  }
  .pt-2--xlg {
    padding-top: 0.25rem;
  }
  .mb-2--xlg {
    margin-bottom: 0.25rem;
  }
  .pb-2--xlg {
    padding-bottom: 0.25rem;
  }
  .ml-2--xlg {
    margin-left: 0.25rem;
  }
  .pl-2--xlg {
    padding-left: 0.25rem;
  }
  .mr-2--xlg {
    margin-right: 0.25rem;
  }
  .pr-2--xlg {
    padding-right: 0.25rem;
  }
  .m-3--xlg {
    margin: 0.5rem;
  }
  .p-3--xlg {
    padding: 0.5rem;
  }
  .mt-3--xlg {
    margin-top: 0.5rem;
  }
  .pt-3--xlg {
    padding-top: 0.5rem;
  }
  .mb-3--xlg {
    margin-bottom: 0.5rem;
  }
  .pb-3--xlg {
    padding-bottom: 0.5rem;
  }
  .ml-3--xlg {
    margin-left: 0.5rem;
  }
  .pl-3--xlg {
    padding-left: 0.5rem;
  }
  .mr-3--xlg {
    margin-right: 0.5rem;
  }
  .pr-3--xlg {
    padding-right: 0.5rem;
  }
  .m-4--xlg {
    margin: 0.75rem;
  }
  .p-4--xlg {
    padding: 0.75rem;
  }
  .mt-4--xlg {
    margin-top: 0.75rem;
  }
  .pt-4--xlg {
    padding-top: 0.75rem;
  }
  .mb-4--xlg {
    margin-bottom: 0.75rem;
  }
  .pb-4--xlg {
    padding-bottom: 0.75rem;
  }
  .ml-4--xlg {
    margin-left: 0.75rem;
  }
  .pl-4--xlg {
    padding-left: 0.75rem;
  }
  .mr-4--xlg {
    margin-right: 0.75rem;
  }
  .pr-4--xlg {
    padding-right: 0.75rem;
  }
  .m-5--xlg {
    margin: 1rem;
  }
  .p-5--xlg {
    padding: 1rem;
  }
  .mt-5--xlg {
    margin-top: 1rem;
  }
  .pt-5--xlg {
    padding-top: 1rem;
  }
  .mb-5--xlg {
    margin-bottom: 1rem;
  }
  .pb-5--xlg {
    padding-bottom: 1rem;
  }
  .ml-5--xlg {
    margin-left: 1rem;
  }
  .pl-5--xlg {
    padding-left: 1rem;
  }
  .mr-5--xlg {
    margin-right: 1rem;
  }
  .pr-5--xlg {
    padding-right: 1rem;
  }
  .m-6--xlg {
    margin: 1.5rem;
  }
  .p-6--xlg {
    padding: 1.5rem;
  }
  .mt-6--xlg {
    margin-top: 1.5rem;
  }
  .pt-6--xlg {
    padding-top: 1.5rem;
  }
  .mb-6--xlg {
    margin-bottom: 1.5rem;
  }
  .pb-6--xlg {
    padding-bottom: 1.5rem;
  }
  .ml-6--xlg {
    margin-left: 1.5rem;
  }
  .pl-6--xlg {
    padding-left: 1.5rem;
  }
  .mr-6--xlg {
    margin-right: 1.5rem;
  }
  .pr-6--xlg {
    padding-right: 1.5rem;
  }
  .m-7--xlg {
    margin: 2rem;
  }
  .p-7--xlg {
    padding: 2rem;
  }
  .mt-7--xlg {
    margin-top: 2rem;
  }
  .pt-7--xlg {
    padding-top: 2rem;
  }
  .mb-7--xlg {
    margin-bottom: 2rem;
  }
  .pb-7--xlg {
    padding-bottom: 2rem;
  }
  .ml-7--xlg {
    margin-left: 2rem;
  }
  .pl-7--xlg {
    padding-left: 2rem;
  }
  .mr-7--xlg {
    margin-right: 2rem;
  }
  .pr-7--xlg {
    padding-right: 2rem;
  }
  .m-8--xlg {
    margin: 2.5rem;
  }
  .p-8--xlg {
    padding: 2.5rem;
  }
  .mt-8--xlg {
    margin-top: 2.5rem;
  }
  .pt-8--xlg {
    padding-top: 2.5rem;
  }
  .mb-8--xlg {
    margin-bottom: 2.5rem;
  }
  .pb-8--xlg {
    padding-bottom: 2.5rem;
  }
  .ml-8--xlg {
    margin-left: 2.5rem;
  }
  .pl-8--xlg {
    padding-left: 2.5rem;
  }
  .mr-8--xlg {
    margin-right: 2.5rem;
  }
  .pr-8--xlg {
    padding-right: 2.5rem;
  }
  .m-9--xlg {
    margin: 3rem;
  }
  .p-9--xlg {
    padding: 3rem;
  }
  .mt-9--xlg {
    margin-top: 3rem;
  }
  .pt-9--xlg {
    padding-top: 3rem;
  }
  .mb-9--xlg {
    margin-bottom: 3rem;
  }
  .pb-9--xlg {
    padding-bottom: 3rem;
  }
  .ml-9--xlg {
    margin-left: 3rem;
  }
  .pl-9--xlg {
    padding-left: 3rem;
  }
  .mr-9--xlg {
    margin-right: 3rem;
  }
  .pr-9--xlg {
    padding-right: 3rem;
  }
  .m-10--xlg {
    margin: 4rem;
  }
  .p-10--xlg {
    padding: 4rem;
  }
  .mt-10--xlg {
    margin-top: 4rem;
  }
  .pt-10--xlg {
    padding-top: 4rem;
  }
  .mb-10--xlg {
    margin-bottom: 4rem;
  }
  .pb-10--xlg {
    padding-bottom: 4rem;
  }
  .ml-10--xlg {
    margin-left: 4rem;
  }
  .pl-10--xlg {
    padding-left: 4rem;
  }
  .mr-10--xlg {
    margin-right: 4rem;
  }
  .pr-10--xlg {
    padding-right: 4rem;
  }
  .m-11--xlg {
    margin: 5rem;
  }
  .p-11--xlg {
    padding: 5rem;
  }
  .mt-11--xlg {
    margin-top: 5rem;
  }
  .pt-11--xlg {
    padding-top: 5rem;
  }
  .mb-11--xlg {
    margin-bottom: 5rem;
  }
  .pb-11--xlg {
    padding-bottom: 5rem;
  }
  .ml-11--xlg {
    margin-left: 5rem;
  }
  .pl-11--xlg {
    padding-left: 5rem;
  }
  .mr-11--xlg {
    margin-right: 5rem;
  }
  .pr-11--xlg {
    padding-right: 5rem;
  }
  .m-12--xlg {
    margin: 6rem;
  }
  .p-12--xlg {
    padding: 6rem;
  }
  .mt-12--xlg {
    margin-top: 6rem;
  }
  .pt-12--xlg {
    padding-top: 6rem;
  }
  .mb-12--xlg {
    margin-bottom: 6rem;
  }
  .pb-12--xlg {
    padding-bottom: 6rem;
  }
  .ml-12--xlg {
    margin-left: 6rem;
  }
  .pl-12--xlg {
    padding-left: 6rem;
  }
  .mr-12--xlg {
    margin-right: 6rem;
  }
  .pr-12--xlg {
    padding-right: 6rem;
  }
  .m-13--xlg {
    margin: 10rem;
  }
  .p-13--xlg {
    padding: 10rem;
  }
  .mt-13--xlg {
    margin-top: 10rem;
  }
  .pt-13--xlg {
    padding-top: 10rem;
  }
  .mb-13--xlg {
    margin-bottom: 10rem;
  }
  .pb-13--xlg {
    padding-bottom: 10rem;
  }
  .ml-13--xlg {
    margin-left: 10rem;
  }
  .pl-13--xlg {
    padding-left: 10rem;
  }
  .mr-13--xlg {
    margin-right: 10rem;
  }
  .pr-13--xlg {
    padding-right: 10rem;
  }
  .mb-0--xlg {
    margin-bottom: 0;
  }
  .pb-0--xlg {
    padding-bottom: 0;
  }
}
@media (min-width: 99rem) {
  .m-1--max {
    margin: 0.125rem;
  }
  .p-1--max {
    padding: 0.125rem;
  }
  .mt-1--max {
    margin-top: 0.125rem;
  }
  .pt-1--max {
    padding-top: 0.125rem;
  }
  .mb-1--max {
    margin-bottom: 0.125rem;
  }
  .pb-1--max {
    padding-bottom: 0.125rem;
  }
  .ml-1--max {
    margin-left: 0.125rem;
  }
  .pl-1--max {
    padding-left: 0.125rem;
  }
  .mr-1--max {
    margin-right: 0.125rem;
  }
  .pr-1--max {
    padding-right: 0.125rem;
  }
  .m-2--max {
    margin: 0.25rem;
  }
  .p-2--max {
    padding: 0.25rem;
  }
  .mt-2--max {
    margin-top: 0.25rem;
  }
  .pt-2--max {
    padding-top: 0.25rem;
  }
  .mb-2--max {
    margin-bottom: 0.25rem;
  }
  .pb-2--max {
    padding-bottom: 0.25rem;
  }
  .ml-2--max {
    margin-left: 0.25rem;
  }
  .pl-2--max {
    padding-left: 0.25rem;
  }
  .mr-2--max {
    margin-right: 0.25rem;
  }
  .pr-2--max {
    padding-right: 0.25rem;
  }
  .m-3--max {
    margin: 0.5rem;
  }
  .p-3--max {
    padding: 0.5rem;
  }
  .mt-3--max {
    margin-top: 0.5rem;
  }
  .pt-3--max {
    padding-top: 0.5rem;
  }
  .mb-3--max {
    margin-bottom: 0.5rem;
  }
  .pb-3--max {
    padding-bottom: 0.5rem;
  }
  .ml-3--max {
    margin-left: 0.5rem;
  }
  .pl-3--max {
    padding-left: 0.5rem;
  }
  .mr-3--max {
    margin-right: 0.5rem;
  }
  .pr-3--max {
    padding-right: 0.5rem;
  }
  .m-4--max {
    margin: 0.75rem;
  }
  .p-4--max {
    padding: 0.75rem;
  }
  .mt-4--max {
    margin-top: 0.75rem;
  }
  .pt-4--max {
    padding-top: 0.75rem;
  }
  .mb-4--max {
    margin-bottom: 0.75rem;
  }
  .pb-4--max {
    padding-bottom: 0.75rem;
  }
  .ml-4--max {
    margin-left: 0.75rem;
  }
  .pl-4--max {
    padding-left: 0.75rem;
  }
  .mr-4--max {
    margin-right: 0.75rem;
  }
  .pr-4--max {
    padding-right: 0.75rem;
  }
  .m-5--max {
    margin: 1rem;
  }
  .p-5--max {
    padding: 1rem;
  }
  .mt-5--max {
    margin-top: 1rem;
  }
  .pt-5--max {
    padding-top: 1rem;
  }
  .mb-5--max {
    margin-bottom: 1rem;
  }
  .pb-5--max {
    padding-bottom: 1rem;
  }
  .ml-5--max {
    margin-left: 1rem;
  }
  .pl-5--max {
    padding-left: 1rem;
  }
  .mr-5--max {
    margin-right: 1rem;
  }
  .pr-5--max {
    padding-right: 1rem;
  }
  .m-6--max {
    margin: 1.5rem;
  }
  .p-6--max {
    padding: 1.5rem;
  }
  .mt-6--max {
    margin-top: 1.5rem;
  }
  .pt-6--max {
    padding-top: 1.5rem;
  }
  .mb-6--max {
    margin-bottom: 1.5rem;
  }
  .pb-6--max {
    padding-bottom: 1.5rem;
  }
  .ml-6--max {
    margin-left: 1.5rem;
  }
  .pl-6--max {
    padding-left: 1.5rem;
  }
  .mr-6--max {
    margin-right: 1.5rem;
  }
  .pr-6--max {
    padding-right: 1.5rem;
  }
  .m-7--max {
    margin: 2rem;
  }
  .p-7--max {
    padding: 2rem;
  }
  .mt-7--max {
    margin-top: 2rem;
  }
  .pt-7--max {
    padding-top: 2rem;
  }
  .mb-7--max {
    margin-bottom: 2rem;
  }
  .pb-7--max {
    padding-bottom: 2rem;
  }
  .ml-7--max {
    margin-left: 2rem;
  }
  .pl-7--max {
    padding-left: 2rem;
  }
  .mr-7--max {
    margin-right: 2rem;
  }
  .pr-7--max {
    padding-right: 2rem;
  }
  .m-8--max {
    margin: 2.5rem;
  }
  .p-8--max {
    padding: 2.5rem;
  }
  .mt-8--max {
    margin-top: 2.5rem;
  }
  .pt-8--max {
    padding-top: 2.5rem;
  }
  .mb-8--max {
    margin-bottom: 2.5rem;
  }
  .pb-8--max {
    padding-bottom: 2.5rem;
  }
  .ml-8--max {
    margin-left: 2.5rem;
  }
  .pl-8--max {
    padding-left: 2.5rem;
  }
  .mr-8--max {
    margin-right: 2.5rem;
  }
  .pr-8--max {
    padding-right: 2.5rem;
  }
  .m-9--max {
    margin: 3rem;
  }
  .p-9--max {
    padding: 3rem;
  }
  .mt-9--max {
    margin-top: 3rem;
  }
  .pt-9--max {
    padding-top: 3rem;
  }
  .mb-9--max {
    margin-bottom: 3rem;
  }
  .pb-9--max {
    padding-bottom: 3rem;
  }
  .ml-9--max {
    margin-left: 3rem;
  }
  .pl-9--max {
    padding-left: 3rem;
  }
  .mr-9--max {
    margin-right: 3rem;
  }
  .pr-9--max {
    padding-right: 3rem;
  }
  .m-10--max {
    margin: 4rem;
  }
  .p-10--max {
    padding: 4rem;
  }
  .mt-10--max {
    margin-top: 4rem;
  }
  .pt-10--max {
    padding-top: 4rem;
  }
  .mb-10--max {
    margin-bottom: 4rem;
  }
  .pb-10--max {
    padding-bottom: 4rem;
  }
  .ml-10--max {
    margin-left: 4rem;
  }
  .pl-10--max {
    padding-left: 4rem;
  }
  .mr-10--max {
    margin-right: 4rem;
  }
  .pr-10--max {
    padding-right: 4rem;
  }
  .m-11--max {
    margin: 5rem;
  }
  .p-11--max {
    padding: 5rem;
  }
  .mt-11--max {
    margin-top: 5rem;
  }
  .pt-11--max {
    padding-top: 5rem;
  }
  .mb-11--max {
    margin-bottom: 5rem;
  }
  .pb-11--max {
    padding-bottom: 5rem;
  }
  .ml-11--max {
    margin-left: 5rem;
  }
  .pl-11--max {
    padding-left: 5rem;
  }
  .mr-11--max {
    margin-right: 5rem;
  }
  .pr-11--max {
    padding-right: 5rem;
  }
  .m-12--max {
    margin: 6rem;
  }
  .p-12--max {
    padding: 6rem;
  }
  .mt-12--max {
    margin-top: 6rem;
  }
  .pt-12--max {
    padding-top: 6rem;
  }
  .mb-12--max {
    margin-bottom: 6rem;
  }
  .pb-12--max {
    padding-bottom: 6rem;
  }
  .ml-12--max {
    margin-left: 6rem;
  }
  .pl-12--max {
    padding-left: 6rem;
  }
  .mr-12--max {
    margin-right: 6rem;
  }
  .pr-12--max {
    padding-right: 6rem;
  }
  .m-13--max {
    margin: 10rem;
  }
  .p-13--max {
    padding: 10rem;
  }
  .mt-13--max {
    margin-top: 10rem;
  }
  .pt-13--max {
    padding-top: 10rem;
  }
  .mb-13--max {
    margin-bottom: 10rem;
  }
  .pb-13--max {
    padding-bottom: 10rem;
  }
  .ml-13--max {
    margin-left: 10rem;
  }
  .pl-13--max {
    padding-left: 10rem;
  }
  .mr-13--max {
    margin-right: 10rem;
  }
  .pr-13--max {
    padding-right: 10rem;
  }
  .mb-0--max {
    margin-bottom: 0;
  }
  .pb-0--max {
    padding-bottom: 0;
  }
}
*:focus:not(.focus-visible),
*:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.devnull {
  display: none;
}

.swatch-opt .mage-error {
  flex: 0 0 100%;
}

.permanent-error-message,
.mage-error {
  display: block;
  color: var(--bx-support-error, #dd2d4a);
  font-weight: 400;
  overflow: visible;
  margin-top: 0.25rem;
  font-size: var(--bx-label-01-font-size, 0.75rem);
  font-weight: var(--bx-label-01-font-weight, 400);
  line-height: var(--bx-label-01-line-height, 1.33333);
  letter-spacing: var(--bx-label-01-letter-spacing, 0.32px);
}

.bx--checkbox, .checkbox__field {
  top: inherit;
  left: inherit;
}

#recaptcha-invisible {
  z-index: 2;
  position: relative;
}

.modals-overlay {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.table--clean .data {
  color: var(--bx-text-secondary, #525252);
  text-align: right;
}

.fast-checkout-success-index-quotation .hrp-layout--gray {
  background-color: #FFF;
}

.snow-menu-highlighted a {
  color: #ff0000;
  font-weight: bold;
}

.stock-level-1, .stock-level-3, .stock-level-5, .stock-level-6, .stock-level-7 {
  color: var(--bx-support-success, #079b6c);
}

.stock-level-2 {
  color: var(--bx-support-caution-major, #ff832b);
}

.hrp--header--fixdirect .hrp--header {
  flex-wrap: wrap;
  height: inherit;
}
@media (min-width: 66rem) {
  .hrp--header--fixdirect .hrp--header__main--active:after, .hrp--header--fixdirect .hrp--header__sub--active:after {
    top: 136px;
  }
}
@media (max-width: 65.98rem) {
  .hrp--header--fixdirect .hrp--header__nav--lg {
    display: none;
  }
}
@media (max-width: 79.98rem) {
  .hrp--header--fixdirect .hrp--header__sub {
    top: 56px;
  }
  .hrp--header--fixdirect .hrp--header__global {
    margin-left: auto;
  }
  .hrp--header--fixdirect .hrp--header__global .hrp--header--fixdirect .hrp--header__language {
    display: none;
  }
  .hrp--header--fixdirect .hrp--header__nav--lg {
    display: none;
  }
  .hrp--header--fixdirect .hrp--header__decorate-wrapper {
    border: none;
  }
}
@media (min-width: 80rem) {
  .hrp--header--fixdirect .hrp--header__name {
    margin-right: 0;
  }
  .hrp--header--fixdirect .hrp--header a.hrp--header__menu-item {
    height: 2.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .hrp--header--fixdirect .hrp--header a.hrp--header__menu-item:hover {
    background: transparent;
    text-decoration: underline;
  }
  .hrp--header--fixdirect .hrp--header__wrapper {
    border-bottom: 1px solid var(--bx-border-subtle-01, #dcdcdc);
  }
  .hrp--header--fixdirect .hrp--header__nav {
    margin-left: auto;
  }
  .hrp--header--fixdirect .hrp--header__decorate-wrapper {
    display: none;
  }
}
.hrp--header--fixdirect .hrp--header__catalog {
  flex: 0 0 100%;
  order: 3;
  margin-top: 0.5rem;
}

@media (max-width: 79.98rem) {
  .bx--navigation--fixdirect--account, .bx--navigation--fixdirect--bookmarks, .bx--navigation--fixdirect--minicart, .bx--navigation--fixdirect--notification, .bx--navigation--fixdirect--bookmarks {
    top: 56px;
  }
}

body.fixdirect .bx--btn--tertiary {
  color: var(--bx-text-primary, #161616);
}
body.fixdirect .bx--btn--tertiary:hover {
  color: var(--bx-background, #ffffff);
}
body.fixdirect .bx--btn--tertiary:active {
  background-color: var(--bx-button-primary-active, #002d9c);
  color: var(--bx-background, #ffffff);
}
body.fixdirect .bx--btn--tertiary:focus {
  background-color: var(--bx-button-primary-hover, #0050e6);
  color: var(--bx-background, #ffffff);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*# sourceMappingURL=styles.css.map*/