@charset "UTF-8";
/* CSS Document */

:root{
	   /* Foundation Colors ---------- */
	  /* ---------------------------- */
	 /* ---------------------------- */
	/* ---------------------------- */
	
	/* Brand Grey */
	/* Tints */
	--mih-brand-gray-100: #F9F8F7;
	--mih-brand-gray-200: #F1EFED;
	--mih-brand-gray-300: #E8E6E3;
	--mih-brand-gray-400: #D5CFC9;
	--mih-brand-gray-500: #C1BBB3;
	--mih-brand-gray-700: #81766F;
	--mih-brand-gray-800: #564C47;
	--mih-brand-gray-900: #312C2A;
	
	/* Brand Red */
    --mih-brand-red: #EB1700;
	/* Tints */
	--mih-brand-red-500: #EB1700;
	--mih-brand-red-600: #CC1400;
	--mih-brand-red-700: #AD1100;
	
	/* Brand Blue */
    --mih-brand-blue: #0F68B2;
	/* Tints */
	--mih-brand-blue-400: #69D0FF;
	--mih-brand-blue-600: #0F68B2;
	
	/* Brand Green */
    --mih-brand-green: #43AB45;
	
	/* Brand Purple */
    --mih-brand-purple: #0F68B2;
	/* Tints */
	--mih-brand-purple-100: #B19BEB;
	--mih-brand-purple-200: #8C3BBB;
	--mih-brand-purple-300: #541980;
	
	/* Brand Basics */
	--mih-white: #ffffff;
	--mih-black: var(--mih-brand-gray-900);
	--mih-bg-grey: var(--mih-brand-gray-100);
	
	
	
	   /* Foundation Spacing --------- */
	  /* ---------------------------- */
	 /* ---------------------------- */
	/* ---------------------------- */
	
	--mih-spacing-1: 0.125rem;
	--mih-spacing-2: 0.25rem;
	--mih-spacing-3: 0.375rem;
	--mih-spacing-4: 0.5rem;
	--mih-spacing-5: 0.75rem;
	--mih-spacing-6: 0.875rem;
	--mih-spacing-7: 1rem;
	--mih-spacing-8: 1.25rem;
	--mih-spacing-9: 1.5rem;
	--mih-spacing-10: 1.75rem;
	--mih-spacing-11: 2rem;
	--mih-spacing-12: 2.25rem;
	--mih-spacing-13: 2.5rem;
	--mih-spacing-14: 2.75rem;
	--mih-spacing-15: 3rem;
	--mih-spacing-16: 3.25rem;
	--mih-spacing-17: 3.5rem;
	--mih-spacing-18: 3.75rem;
	--mih-spacing-19: 4rem;
	--mih-spacing-20: 4.25rem;
	--mih-spacing-21: 4.5rem;
	--mih-spacing-22: 4.75rem;
	--mih-spacing-23: 5rem;
	--mih-spacing-24: 6rem;
	--mih-spacing-25: 7rem;
	
	
	
	
	   /* Foundation Shape ----------- */
	  /* ---------------------------- */
	 /* ---------------------------- */
	/* ---------------------------- */
	
    --mih-none: 0rem;
	--mih-radius-xs: 0.125rem;
	--mih-radius-sm: 0.25rem;
	--mih-radius-md: 0.5rem;
	--mih-radius-lg: 1rem;
	--mih-radius-xl: 1.5rem;
	--mih-radius-2xl: 2.5rem;
	--mih-radius-round: 1000rem;
	
	
	   /* Foundation Typography ------ */
	  /* ---------------------------- */
	 /* ---------------------------- */
	/* ---------------------------- */
	
	/* Font Family */
    --mih-font-header: "Johnson Display", Helvetica, Arial, sans-serif;
	--mih-font-body: "Johnson Text", Helvetica, Arial, sans-serif;
	
	/* Font Weight */
	--mih-fw-light: 300;
	--mih-fw-regular: 400;
	--mih-fw-medium: 500;
	--mih-fw-semibold: 600;
	--mih-fw-bold: 700;
	
	/* Font Size */
	--mih-fs-1: 0.625rem;
	--mih-fs-2: 0.75rem;
	--mih-fs-3: 0.875rem;
	--mih-fs-4: 1rem;
	--mih-fs-5: 1.125rem;
	--mih-fs-6: 1.25rem;
	--mih-fs-7: 1.5rem;
	--mih-fs-8: 1.75rem;
	--mih-fs-9: 2rem;
	--mih-fs-10: 2.25rem;
	--mih-fs-11: 2.5rem;
	--mih-fs-12: 2.75rem;
	--mih-fs-13: 3rem;
	--mih-fs-14: 3.375rem;
	--mih-fs-15: 3.75rem;
	--mih-fs-16: 4rem;
	--mih-fs-17: 4.25rem;
	--mih-fs-18: 4.75rem;
	--mih-fs-19: 5rem;
	--mih-fs-20: 5.25rem;
	--mih-fs-21: 5.75rem;
	
	/* Line Height */
	--mih-lh-dense: 1.05;
	--mih-lh-normal: 1.2;
	--mih-lh-expanded: 1.4;
	--mih-lh-1: 0.625rem;
	--mih-lh-2: 0.75rem;
	--mih-lh-3: 0.875rem;
	--mih-lh-4: 1rem;
	--mih-lh-5: 1.125rem;
	--mih-lh-6: 1.25rem;
	--mih-lh-7: 1.5rem;
	--mih-lh-8: 1.75rem;
	--mih-lh-9: 2rem;
	--mih-lh-10: 2.25rem;
	--mih-lh-11: 2.625rem;
	--mih-lh-12: 3rem;
	--mih-lh-13: 3.375rem;
	--mih-lh-14: 3.75rem;
	--mih-lh-15: 4.25rem;
	--mih-lh-16: 4.75rem;
	--mih-lh-17: 5.25rem;
	--mih-lh-18: 5.75rem;
	--mih-lh-19: 1.375rem;
	
	
	/* Shadows */
    --mih-shadow-xs: 0px 0px 6px hsl(198 47 17 / 0.04);
    --mih-shadow-sm: 0px 6px 10px hsl(0 0 0 / 0.1);
    --mih-shadow-md: 0px 8px 16px hsl(0 0 0 / 0.16);
    --mih-shadow-lg: 0px 10px 20px hsl(0 0 0 / 0.3);
		
		
	/* Transitions */
	--mih-anim-xxslow: all 1s ease-in-out;
	--mih-anim-xslow: all .75s ease-in-out;
	--mih-anim-slow: all .5s ease-in-out;
    --mih-anim-normal: all .25s ease-in-out;
	--mih-anim-fast: all .15s ease-in-out;
	
	
	
	
	   /* Mapped Variables ----------- */
	  /* ---------------------------- */
	 /* ---------------------------- */
	/* ---------------------------- */
	
	/* Text */
	--text-primary: var(--mih-black);
	--text-primary-hover: var(--mih-brand-red-700);
	--text-primary-selected: var(--mih-brand-red-700);
	--text-primary-contrastText: var(--mih-white);
	
	--text-secondary: var(--mih-brand-gray-900);
	--text-secondary-hover: var(--mih-brand-red-700);
	--text-secondary-selected: var(--mih-brand-red-700);
	--text-secondary-contrastText: var(--mih-white);
	
	
	/* Buttons */
	--btn-focusedBorder: var(--mih-brand-blue-400);
	
	--btn-primary: var(--mih-brand-red);
	--btn-primary-hover: var(--mih-brand-red-700);
	--btn-primary-active: var(--mih-brand-red-700);
	--btn-primary-disabled: var(--mih-brand-red);
	--btn-primary-rev-contrastText: var(--mih-brand-red);
	
	--btn-primary-outlinedFocused: 2px;
	
	--btn-primary-rev: var(--mih-white);
	--btn-primary-rev-hover: var(--mih-brand-gray-300);
	--btn-primary-rev-active: var(--mih-brand-gray-300);
	
	--btn-secondary: var(--mih-brand-gray-300);
	--btn-secondary-hover: var(--mih-brand-gray-400);
	--btn-secondary-active: var(--mih-brand-gray-400);
	
	
	--mih-body-padding: var(--mih-spacing-13);
	--mih-max-width: 1320px;
	
	/* Mobile Media Queries */
	@media (max-width: 560px) {
		--mih-body-padding: var(--mih-spacing-7);
	}
	
	
	/* External Remapping Variables */
	
	--swiper-pagination-color: var(--mih-brand-gray-400);
	--swiper-pagination-bullet-inactive-color: #000;
	--swiper-pagination-bullet-border-radius: 4px;
	
}

/* ========== Johnson Display ========== */

/* Light (300) */
@font-face {
	font-family: "Johnson Display";
	font-style: normal;
	font-weight: 300;
	src: 
		url('/media/sxghzr0g/johnsondisplay-lighte6309ccb35111e212cda30b0ae217f7f.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-Light.e6309ccb35111e212cda30b0ae217f7f.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-Light.woff') format('woff');
	font-display: swap;
}

/* Light Italic (300 italic) */
@font-face {
	font-family: "Johnson Display";
	font-style: italic;
	font-weight: 300;
	src: 
		url('/media/sdldrc5l/johnsondisplay-lightitalica574cb6d5019472a4028c43ead5d45eb.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-LightItalic.a574cb6d5019472a4028c43ead5d45eb.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-LightItalic.woff') format('woff');
	font-display: swap;
}

/* Regular (400) */
@font-face {
	font-family: "Johnson Display";
	font-style: normal;
	font-weight: 400;
	src: 
		url('/media/czjf5s3u/johnsondisplay-regular7f099120e0999704e97124f39137cbda.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-Regular.7f099120e0999704e97124f39137cbda.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-Regular.woff') format('woff');
	font-display: swap;
}

/* Regular Italic (400 italic) */
@font-face {
	font-family: "Johnson Display";
	font-style: italic;
	font-weight: 400;
	src: 
		url('/media/a3on0pyo/johnsondisplay-regularitalicb8dbbcf161ff50a51f7b98db4275b2bf.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-RegularItalic.b8dbbcf161ff50a51f7b98db4275b2bf.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-RegularItalic.woff') format('woff');
	font-display: swap;
}

/* Medium (500) */
@font-face {
	font-family: "Johnson Display";
	font-style: normal;
	font-weight: 500;
	src: 
		url('/media/agtlebfu/johnsondisplay-mediuma4b59c8037ca24b5d8d9461ed7ab9903.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-Medium.a4b59c8037ca24b5d8d9461ed7ab9903.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-Medium.woff') format('woff');
	font-display: swap;
}

/* Medium Italic (500 italic) */
@font-face {
	font-family: "Johnson Display";
	font-style: italic;
	font-weight: 500;
	src: 
		url('/media/kixczwnn/johnsondisplay-mediumitalic74fce5ceb051981b3a983ba911a47761.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-MediumItalic.74fce5ceb051981b3a983ba911a47761.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-MediumItalic.woff') format('woff');
	font-display: swap;
}

/* Bold (700) */
@font-face {
	font-family: "Johnson Display";
	font-style: normal;
	font-weight: 700;
	src: 
		url('/media/fxucdicr/johnsondisplay-bold7239f5e38e6a7c7a552e6df308e4841a.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-Bold.7239f5e38e6a7c7a552e6df308e4841a.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-Bold.woff') format('woff');
	font-display: swap;
	}

/* Bold Italic (700 italic) */
@font-face {
	font-family: "Johnson Display";
	font-style: italic;
	font-weight: 700;
	src: 
		url('/media/ejdadr1b/johnsondisplay-bolditalicf869526da6ffdb4a64af84637e92aa43.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-BoldItalic.f869526da6ffdb4a64af84637e92aa43.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonDisplay-BoldItalic.woff') format('woff');
	font-display: swap;
}


/* ========== Johnson Text ========== */

/* Light (300) */
	@font-face {
	font-family: "Johnson Text";
	font-style: normal;
	font-weight: 300;
	src: 
		url('/media/qnyj3cvd/johnsontext-light7d769e75a00e0fbecb32638bcd7560f3.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-Light.7d769e75a00e0fbecb32638bcd7560f3.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-Light.woff') format('woff');
	font-display: swap;
}

/* Light Italic (300 italic) */
@font-face {
	font-family: "Johnson Text";
	font-style: italic;
	font-weight: 300;
	src: 
		url('/media/1nilfiy4/johnsontext-lightitalicee66b6e57f6f5234a8f2993baeea2b98.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-LightItalic.ee66b6e57f6f5234a8f2993baeea2b98.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-LightItalic.woff') format('woff');
	font-display: swap;
}

/* Regular (400) */
@font-face {
	font-family: "Johnson Text";
	font-style: normal;
	font-weight: 400;
	src: 
		url('/media/taigyl4z/johnsontext-regular6bcb78aa0365ae621c10bafe840074a4.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-Regular.6bcb78aa0365ae621c10bafe840074a4.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-Regular.woff') format('woff');
	font-display: swap;
}

/* Regular Italic (400 italic) */
@font-face {
	font-family: "Johnson Text";
	font-style: italic;
	font-weight: 400;
	src: 
		url('/media/mmqbpahp/johnsontext-regularitalic2542e2821290265f92c93fe8581a49a3.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-RegularItalic.2542e2821290265f92c93fe8581a49a3.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-RegularItalic.woff') format('woff');
	font-display: swap;
}

/* Medium (500) */
@font-face {
	font-family: "Johnson Text";
	font-style: normal;
	font-weight: 500;
	src: 
		url('/media/nv4m02x0/johnsontext-mediumf6030b3ef1d3eef9b716ef7d82c89956.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-Medium.f6030b3ef1d3eef9b716ef7d82c89956.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-Medium.woff') format('woff');
	font-display: swap;
}

/* Medium Italic (500 italic) */
	@font-face {
	font-family: "Johnson Text";
	font-style: italic;
	font-weight: 500;
	src: 
		url('/media/zmxpq3wq/johnsontext-mediumitalice477c72210951fda94fbdc9f416a6447.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-MediumItalic.e477c72210951fda94fbdc9f416a6447.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-MediumItalic.woff') format('woff');
	font-display: swap;
	}

/* Bold (700) */
@font-face {
	font-family: "Johnson Text";
	font-style: normal;
	font-weight: 700;
	src: 
		url('/media/yglf5dnf/johnsontext-bold67bdec70bbd3b71c7f20fa7fc1385cba.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-Bold.67bdec70bbd3b71c7f20fa7fc1385cba.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-Bold.woff') format('woff');
	font-display: swap;
}

/* Bold Italic (700 italic) */
@font-face {
	font-family: "Johnson Text";
	font-style: italic;
	font-weight: 700;
	src: 
		url('/media/gdydgy1i/johnsontext-bolditalice98629425962eb0fecf2acbd90ce4809.woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-BoldItalic.e98629425962eb0fecf2acbd90ce4809.woff2') format('woff2'),
		url('https://jnj-content-lab2.brightspotcdn.com/resource/0000018f-7bf6-dd87-adaf-fbf6d6cd0000/styleguide/assets/fonts/JohnsonText-BoldItalic.woff') format('woff');
	font-display: swap;
}