:root {
	--cloud-main: #EF0073;
	--cloud-shadow-main: rgba(239,0,115,.15);
	--cloud-shadow-gray: rgba(26,40,49,.05);
	--cloud-off-white: #f7f8fb;
	/* --cloud-off-white: #F7F9FA; */
	--cloud-silver: #f1f3f4;
	--cloud-light-gray: #EEEFF1;
	--cloud-gray: #dcdde1;
	--cloud-mid-gray: #BBBCBE;
	--cloud-dark-gray: #828488;
	--cloud-black: #141d29;
	--cloud-premium-black: #0a131c;
	/* --cloud-key: #080e14; */
	--cloud-key: #0f1923;
	--cloud-navy-0: #181e28;
	--cloud-console-sidebar-bg: #202a35;
	--cloud-navy-1: #202a35;
	--cloud-navy-2: #2d3c4e;
	--cloud-navy-3: #4b5a6c;
	--cloud-navy-4: #738294;
	--cloud-navy-5: #a3b2c3;
	--cloud-green: #26cea1;
	--cloud-neon-green: #1ef78f;
	--cloud-pale-green: #C6E5D8;
	--cloud-palest-green: rgba(198,229,216,.5);
	--cloud-gray-green: rgba(198,229,216,.25);
	--cloud-yellow: #ffe158;
	--cloud-pale-yellow: #fff792;
	/* --cloud-pale-blue: #dee7f1; */
	--cloud-pale-blue: #eaeef4;
	--cloud-palest-blue: #f7f8fb;
	--cloud-sky-blue: rgb(243, 247, 250);
	--cloud-light-blue: #22d0ff;
	/* --cloud-light-blue: #4ac3ff; */
	--cloud-blue: #5099FF;
	/* --cloud-blue: #029fef; */
	/* --cloud-blue: #4271ff; */
	--cloud-purple-blue: #5099FF;
	--cloud-dark-blue: #353BE3;
	--cloud-plum: #1F1C78;
	--cloud-purple: #734cf2;
	--cloud-pale-purple: #f3e8ff;
	--cloud-pale-red: #ffc7c0;
	--cloud-palest-red: #fff2f0;
	--cloud-pink: #ec7f84;
	--cloud-pale-pink: #FCCECA;
	--cloud-orange: #ffa25c;
	--cloud-pale-orange: #ffebdb;
	--cloud-card-radius: .25rem;
	--cloud-border-radius: .25rem;
	--cloud-border-radius-sm: .075rem;
	--cloud-letter-spacing: -.0125em;
	--cloud-container-width: 80rem;
	--cloud-container-lg-width: 110rem;
	--cloud-border-light: rgba(26,40,49,.05);
	--cloud-card-border-color: #dcdde1;
	--cloud-cubic-bezier: cubic-bezier(.16,1.01,.93,.99);
	--cloud-red: #fb5960;
	/* --cloud-console-sidebar-bg: #23292d; */
	/* --cloud-console-sidebar-bg: #182229; */
	/* --cloud-console-sidebar-bg: #1a282f; */
	--cloud-code-bg: #36393c;
	--cloud-sidebar-width: 240px;
	--cloud-padding: 24px;
	--cloud-account-header-top-height: 52px;
}


/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* >>>>>>>>>>>>>>>>>>> cloud_custom_styles <<<<<<<<<<<<<<<<< */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

body {
	/* color: var(--cloud-key); */
	color: var(--cloud-navy-1);
	font-feature-settings: "liga", "kern";
  font-family: 'Graphik Web',-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  line-height: 1.5;
	font-size: 100%;
	font-weight: 400;
	position: relative;
  margin: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
::selection {
	background: var(--cloud-main);
	color: #fff;
}
::-moz-selection {
	background: var(--cloud-main);
	color: #fff;
}

/* loading animation */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring-sm {
  position: relative;
  width: 20px;
  height: 20px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  margin: 5px;
  border: 5px solid var(--cloud-main);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--cloud-main) transparent transparent transparent;
}
.lds-ring-sm div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 2px;
  border: 2px solid var(--cloud-navy-4);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--cloud-navy-4) transparent transparent transparent;
}
.lds-ring-blue div {
  border: 5px solid var(--cloud-blue);
  border-color: var(--cloud-blue) transparent transparent transparent;
}

.lds-ring div:nth-child(1),
.lds-ring-sm div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2),
.lds-ring-sm div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3),
.lds-ring-sm div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




/* ----------------------- stripe ----------------------- */

.StripeElement {
  display: block;
	max-width: 500px;
	margin-top: .25rem;
	margin-top: 4px;
	margin-bottom: .75rem;
	margin-bottom: 12px;
	padding: 12px 16px;
	line-height: 48px;
	font-size: 1rem;
	font-size: 16px;
	border-radius: var(--cloud-border-radius);
	background: none;
	font-family: 'Graphik Web',-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	border: 1px solid;
	border-color: var(--cloud-pale-blue);
	/* box-shadow: rgba(50, 50, 93, 0.14902) 0px 1px 3px, rgba(0, 0, 0, 0.0196078) 0px 1px 0px; */
}

.StripeElement--focus {
  /* box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px, rgba(0, 0, 0, 0.0784314) 0px 1px 3px; */
	border-color: var(--cloud-navy-5);
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
.StripeElement--hover {
  /* box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px, rgba(0, 0, 0, 0.0784314) 0px 1px 3px; */
	border-color: var(--cloud-pale-pink);
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}

label > span.brand {
  width: 30px;
}




/* ----------------------- cloud_colors ----------------------- */

.key,
.key-on-hover:hover,
.key-on-hover:focus {
	color: var(--cloud-key);
}
.black,
.black-on-hover:hover,
.black-on-hover:focus {
	color: var(--cloud-black);
}
.magenta,
.magenta-on-hover:hover,
.magenta-on-hover:focus {
	color: var(--cloud-main) !important;
}
.off-white,
.off-white-on-hover:hover,
.off-white-on-hover:focus {
	color: var(--cloud-off-white);
}
.silver,
.silver-on-hover:hover,
.silver-on-hover:focus {
	color: var(--cloud-silver);
}
.gray,
.gray-on-hover:hover,
.gray-on-hover:focus {
	color: var(--cloud-gray)
}
.dark-gray,
.dark-gray-on-hover:hover,
.dark-gray-on-hover:focus {
	color: var(--cloud-dark-gray);
}
.mid-gray,
.mid-gray-on-hover:hover,
.mid-gray-on-hover:focus {
	color: var(--cloud-mid-gray);
}
.light-gray,
.light-gray-on-hover:hover,
.light-gray-on-hover:focus {
	color: var(--cloud-light-gray);
}
.light-blue,
.light-blue-on-hover:hover,
.light-blue-on-hover:focus {
	color: var(--cloud-light-blue);
}
.blue,
.blue-on-hover:hover,
.blue-on-hover:focus {
	color: var(--cloud-blue);
}
.dark-blue,
.dark-blue-on-hover:hover,
.dark-blue-on-hover:focus {
	color: var(--cloud-dark-blue);
}
.pale-blue,
.pale-blue-on-hover:hover,
.pale-blue-on-hover:focus {
	color: var(--cloud-pale-blue);
}
.palest-blue,
.palest-blue-on-hover:hover,
.palest-blue-on-hover:focus {
	color: var(--cloud-palest-blue);
}
.navy-0,
.navy-0-on-hover:hover,
.navy-0-on-hover:focus {
	color: var(--cloud-navy-0);
}
.navy-1,
.navy-1-on-hover:hover,
.navy-1-on-hover:focus {
	color: var(--cloud-navy-1);
}
.navy-2,
.navy-2-on-hover:hover,
.navy-2-on-hover:focus {
	color: var(--cloud-navy-2);
}
.navy-3,
.navy-3-on-hover:hover,
.navy-3-on-hover:focus {
	color: var(--cloud-navy-3);
}
.navy-4,
.navy-4-on-hover:hover,
.navy-4-on-hover:focus {
	color: var(--cloud-navy-4);
}
.navy-5,
.navy-5-on-hover:hover,
.navy-5-on-hover:focus {
	color: var(--cloud-navy-5);
}
.green,
.green-on-hover:hover,
.green-on-hover:focus {
	color: var(--cloud-green);
}
.pale-green,
.pale-green-on-hover:hover,
.pale-green-on-hover:focus {
	color: var(--cloud-pale-green);
}
.neon-green,
.neon-green-on-hover:hover,
.neon-green-on-hover:focus {
	color: var(--cloud-neon-green);
}
.purple,
.purple-on-hover:hover,
.purple-on-hover:focus {
	color: var(--cloud-purple);
}
.pale-purple,
.pale-purple-on-hover:hover,
.pale-purple-on-hover:focus {
	color: var(--cloud-pale-purple);
}
.purple-blue,
.purple-blue-on-hover:hover,
.purple-blue-on-hover:focus {
	color: var(--cloud-purple-blue);
}
.orange,
.orange-on-hover:hover,
.orange-on-hover:focus {
	color: var(--cloud-orange);
}
.pink,
.pink-on-hover:hover,
.pink-on-hover:focus {
	color: var(--cloud-pink);
}
.pale-pink,
.pale-pink-on-hover:hover,
.pale-pink-on-hover:focus {
	color: var(--cloud-pale-pink);
}
.pale-red,
.pale-red-on-hover:hover,
.pale-red-on-hover:focus {
	color: var(--cloud-pale-red);
}
.red,
.red-on-hover:hover,
.red-on-hover:focus,
.error-red,
.error-red-on-hover:hover,
.error-red-on-hover:focus {
	color: var(--cloud-red);
}

.bg-code,
.bg-code-on-hover:hover,
.bg-code-on-hover:focus {
	background-color: var(--cloud-code-bg) !important;
}
.bg-console-sidebar,
.bg-console-sidebar-on-hover:hover,
.bg-console-sidebar-on-hover:focus {
	background-color: var(--cloud-console-sidebar-bg) !important;
}
.bg-black,
.bg-black-on-hover:hover,
.bg-black-on-hover:focus {
	background-color: var(--cloud-black);
}
.bg-premium-black,
.bg-premium-black-on-hover:hover,
.bg-premium-black-on-hover:focus {
	background-color: var(--cloud-premium-black);
}
.bg-off-white,
.bg-off-white-on-hover:hover,
.bg-off-white-on-hover:focus {
	background-color: var(--cloud-off-white) !important;
}
.bg-silver,
.bg-silver-on-hover:hover,
.bg-silver-on-hover:focus {
	background-color: var(--cloud-silver) !important;
}
.bg-gray,
.bg-gray-on-hover:hover,
.bg-gray-on-hover:focus  {
	background-color: var(--cloud-gray);
}
.bg-dark-gray,
.bg-dark-gray-on-hover:hover,
.bg-dark-gray-on-hover:focus {
	background-color: var(--cloud-dark-gray);
}
.bg-light-gray,
.bg-light-gray-on-hover:hover,
.bg-light-gray-on-hover:focus {
	background-color: var(--cloud-light-gray) !important;
}
.bg-mid-gray,
.bg-mid-gray-on-hover:hover,
.bg-mid-gray-on-hover:focus {
	background-color: var(--cloud-mid-gray);
}
.bg-magenta,
.bg-magenta-on-hover:hover,
.bg-magenta-on-hover:focus {
	background-color: var(--cloud-main);
}
.bg-purple-blue,
.bg-purple-blue-on-hover:hover,
.bg-purple-blue-on-hover:focus {
	background-color: var(--cloud-purple-blue);
}
.bg-blue,
.bg-blue-on-hover:hover,
.bg-blue-on-hover:focus {
	background-color: var(--cloud-blue);
}
.bg-light-blue,
.bg-light-blue-on-hover:hover,
.bg-light-blue-on-hover:focus {
	background-color: var(--cloud-light-blue);
}
.bg-sky-blue,
.bg-sky-blue-on-hover:hover,
.bg-sky-blue-on-hover:focus {
	background-color: var(--cloud-sky-blue);
}
.bg-dark-blue,
.bg-dark-blue-on-hover:hover,
.bg-dark-blue-on-hover:focus {
	background-color: var(--cloud-dark-blue);
}
.bg-navy-0,
.bg-navy-0-on-hover:hover,
.bg-navy-0-on-hover:focus {
	background-color: var(--cloud-navy-0);
}
.bg-navy-1,
.bg-navy-1-on-hover:hover,
.bg-navy-1-on-hover:focus {
	background-color: var(--cloud-navy-1);
}
.bg-navy-2,
.bg-navy-2-on-hover:hover,
.bg-navy-2-on-hover:focus {
	background-color: var(--cloud-navy-2);
}
.bg-navy-3,
.bg-navy-3-on-hover:hover,
.bg-navy-3-on-hover:focus {
	background-color: var(--cloud-navy-3);
}
.bg-navy-4,
.bg-navy-4-on-hover:hover,
.bg-navy-4-on-hover:focus {
	background-color: var(--cloud-navy-4);
}
.bg-navy-5,
.bg-navy-5-on-hover:hover,
.bg-navy-5-on-hover:focus {
	background-color: var(--cloud-navy-5);
}
.bg-green,
.bg-green-on-hover:hover,
.bg-green-on-hover:focus {
	background-color: var(--cloud-green);
}
.bg-pink,
.bg-pink-on-hover:hover,
.bg-pink-on-hover:focus {
	background-color: var(--cloud-pink);
}
.bg-orange,
.bg-orange-on-hover:hover,
.bg-orange-on-hover:focus {
	background-color: var(--cloud-orange);
}
.bg-purple,
.bg-purple-on-hover:hover,
.bg-purple-on-hover:focus {
	background-color: var(--cloud-purple);
}
.bg-pale-green,
.bg-pale-green-on-hover:hover,
.bg-pale-green-on-hover:focus {
	background-color: var(--cloud-pale-green) !important;
}
.bg-palest-green,
.bg-palest-green-on-hover:hover,
.bg-palest-green-on-hover:focus {
	background-color: var(--cloud-palest-green);
}
.bg-gray-green,
.bg-gray-green-on-hover:hover,
.bg-gray-green-on-hover:focus {
	background-color: var(--cloud-gray-green);
}
.bg-pale-orange,
.bg-pale-orange-on-hover:hover,
.bg-pale-orange-on-hover:focus {
	background-color: var(--cloud-pale-orange);
}
.bg-pale-pink,
.bg-pale-pink-on-hover:hover,
.bg-pale-pink-on-hover:focus {
	background-color: var(--cloud-pale-pink);
}
.bg-pale-yellow,
.bg-pale-yellow-on-hover:hover,
.bg-pale-yellow-on-hover:focus {
	background-color: var(--cloud-pale-yellow);
}
.bg-pale-blue,
.bg-pale-blue-on-hover:hover,
.bg-pale-blue-on-hover:focus {
	background-color: var(--cloud-pale-blue);
}
.bg-palest-blue,
.bg-palest-blue-on-hover:hover,
.bg-palest-blue-on-hover:focus {
	background-color: var(--cloud-palest-blue);
}
.bg-pale-purple,
.bg-pale-purple-on-hover:hover,
.bg-pale-purple-on-hover:focus {
	background-color: var(--cloud-pale-purple);
}
.bg-pale-red,
.bg-pale-red-on-hover:hover,
.bg-pale-red-on-hover:focus {
	background-color: var(--cloud-pale-red);
}
.bg-palest-red,
.bg-palest-red-on-hover:hover,
.bg-palest-red-on-hover:focus {
	background-color: var(--cloud-palest-red);
}
.bg-red,
.bg-red-on-hover:hover,
.bg-red-on-hover:focus,
.bg-error-red,
.bg-error-red-on-hover:hover,
.bg-error-red-on-hover:focus {
	background-color: var(--cloud-red);
}

.fill-off-white,
.fill-off-white-on-hover:hover,
.fill-off-white-on-hover:focus {
	fill: var(--cloud-off-white);
}
.fill-silver,
.fill-silver-on-hover:hover,
.fill-silver-on-hover:focus {
	fill: var(--cloud-silver);
}
.fill-light-gray,
.fill-light-gray-on-hover:hover,
.fill-light-gray-on-hover:focus {
	fill: var(--cloud-light-gray);
}
.fill-gray,
.fill-gray-on-hover:hover,
.fill-gray-on-hover:focus   {
	fill: var(--cloud-gray);
}
.fill-mid-gray,
.fill-mid-gray-on-hover:hover,
.fill-mid-gray-on-hover:focus {
	fill: var(--cloud-mid-gray);
}
.fill-dark-gray,
.fill-dark-gray-on-hover:hover,
.fill-dark-gray-on-hover:focus {
	fill: var(--cloud-dark-gray);
}
.fill-key,
.fill-key-on-hover:hover,
.fill-key-on-hover:focus {
	fill: var(--cloud-key);
}
.fill-magenta,
.fill-magenta-on-hover:hover,
.fill-magenta-on-hover:focus {
	fill: var(--cloud-main);
}
.fill-light-blue,
.fill-light-blue-on-hover:hover,
.fill-light-blue-on-hover:focus {
	fill: var(--cloud-light-blue);
}
.fill-blue,
.fill-blue-on-hover:hover,
.fill-blue-on-hover:focus {
	fill: var(--cloud-blue);
}
.fill-dark-blue,
.fill-dark-blue-on-hover:hover,
.fill-dark-blue-on-hover:focus {
	fill: var(--cloud-dark-blue);
}
.fill-black,
.fill-black-on-hover:hover,
.fill-black-on-hover:focus  {
	fill: var(--cloud-black);
}
.fill-navy-0,
.fill-navy-0-on-hover:hover,
.fill-navy-0-on-hover:focus {
	fill: var(--cloud-navy-0);
}
.fill-navy-1,
.fill-navy-1-on-hover:hover,
.fill-navy-1-on-hover:focus {
	fill: var(--cloud-navy-1);
}
.fill-navy-2,
.fill-navy-2-on-hover:hover,
.fill-navy-2-on-hover:focus {
	fill: var(--cloud-navy-2);
}
.fill-navy-3,
.fill-navy-3-on-hover:hover,
.fill-navy-3-on-hover:focus {
	fill: var(--cloud-navy-3);
}
.fill-navy-4,
.fill-navy-4-on-hover:hover,
.fill-navy-4-on-hover:focus {
	fill: var(--cloud-navy-4);
}
.fill-navy-5,
.fill-navy-5-on-hover:hover,
.fill-navy-5-on-hover:focus {
	fill: var(--cloud-navy-5);
}
.fill-green,
.fill-green-on-hover:hover,
.fill-green-on-hover:focus {
	fill: var(--cloud-green);
}
.fill-neon-green,
.fill-neon-green-on-hover:hover,
.fill-neon-green-on-hover:focus {
	fill: var(--cloud-neon-green);
}
.fill-red,
.fill-red-on-hover:hover,
.fill-red-on-hover:focus {
	fill: var(--cloud-red);
}
.fill-purple,
.fill-purple-on-hover:hover,
.fill-purple-on-hover:focus {
	fill: var(--cloud-purple);
}
.fill-purple-blue,
.fill-purple-blue-on-hover:hover,
.fill-purple-blue-on-hover:focus {
	fill: var(--cloud-purple-blue);
}
.fill-pink,
.fill-pink-on-hover:hover,
.fill-pink-on-hover:focus {
	fill: var(--cloud-pink);
}
.fill-yellow,
.fill-yellow-on-hover:hover,
.fill-yellow-on-hover:focus {
	fill: var(--cloud-yellow);
}
.fill-orange,
.fill-orange-on-hover:hover,
.fill-orange-on-hover:focus {
	fill: var(--cloud-orange);
}
.fill-pale-green,
.fill-pale-green-on-hover:hover,
.fill-pale-green-on-hover:focus {
	fill: var(--cloud-pale-green);
}
.fill-palest-green,
.fill-palest-green-on-hover:hover,
.fill-palest-green-on-hover:focus {
	fill: var(--cloud-palest-green);
}
.fill-palest-blue,
.fill-palest-blue-on-hover:hover,
.fill-palest-blue-on-hover:focus {
	fill: var(--cloud-palest-blue);
}
.fill-pale-orange,
.fill-pale-orange-on-hover:hover,
.fill-pale-orange-on-hover:focus {
	fill: var(--cloud-pale-orange);
}
.fill-pale-pink,
.fill-pale-pink-on-hover:hover,
.fill-pale-pink-on-hover:focus {
	fill: var(--cloud-pale-pink);
}
.fill-pale-yellow,
.fill-pale-yellow-on-hover:hover,
.fill-pale-yellow-on-hover:focus {
	fill: var(--cloud-pale-yellow);
}
.fill-pale-blue,
.fill-pale-blue-on-hover:hover,
.fill-pale-blue-on-hover:focus {
	fill: var(--cloud-pale-blue);
}
.fill-pale-purple,
.fill-pale-purple-on-hover:hover,
.fill-pale-purple-on-hover:focus {
	fill: var(--cloud-pale-purple);
}
.fill-pale-red,
.fill-pale-red-on-hover:hover,
.fill-pale-red-on-hover:focus {
	fill: var(--cloud-pale-red);
}




/* ---------------------------- cloud_borders ----------------------------------- */

.border-1, .border-1-on-hover:hover { border: 1px solid; }
.border-2, .border-2-on-hover:hover { border: 2px solid; }
.border-3, .border-3-on-hover:hover { border: 3px solid; }
.border-4, .border-4-on-hover:hover { border: 4px solid; }
.border-top-0, .border-top-0-on-hover:hover { border-top: none !important; }
.border-top-1, .border-top-1-on-hover:hover { border-top: 1px solid; }
.border-top-2, .border-top-2-on-hover:hover { border-top: 2px solid; }
.border-top-3, .border-top-3-on-hover:hover { border-top: 3px solid; }
.border-top-4, .border-top-4-on-hover:hover { border-top: 4px solid; }
.border-bottom-0, .border-bottom-0-on-hover:hover { border-bottom: none !important; }
.border-bottom-1, .border-bottom-1-on-hover:hover { border-bottom: 1px solid; }
.border-bottom-2, .border-bottom-2-on-hover:hover { border-bottom: 2px solid; }
.border-bottom-3, .border-bottom-3-on-hover:hover { border-bottom: 3px solid; }
.border-bottom-4, .border-bottom-4-on-hover:hover { border-bottom: 4px solid; }
.border-left-0, .border-left-0-on-hover:hover { border-left: none !important; }
.border-left-1, .border-left-1-on-hover:hover { border-left: 1px solid; }
.border-left-2, .border-left-2-on-hover:hover { border-left: 2px solid; }
.border-left-3, .border-left-3-on-hover:hover { border-left: 3px solid; }
.border-left-4, .border-left-4-on-hover:hover { border-left: 4px solid; }
.border-right-0, .border-right-0-on-hover:hover { border-right: none !important; }
.border-right-1, .border-right-1-on-hover:hover { border-right: 1px solid; }
.border-right-2, .border-right-2-on-hover:hover { border-right: 2px solid; }
.border-right-3, .border-right-3-on-hover:hover { border-right: 3px solid; }
.border-right-4, .border-right-4-on-hover:hover { border-right: 4px solid; }

.border-left-dashed { border-left-style: dashed !important;}
.border-bottom-dashed { border-bottom-style: dashed !important;}
.border-top-dashed { border-top-style: dashed !important;}
.border-dashed { border-style: dashed !important;}
.border-right-dashed { border-right-style: dashed !important; }

.border-left-dotted { border-left-style: dotted !important;}
.border-bottom-dotted { border-bottom-style: dotted !important;}
.border-top-dotted { border-top-style: dotted !important;}
.border-dotted { border-style: dotted !important;}
.border-right-dotted { border-right-style: dotted !important;}


.border {
  border-style: solid;
  border-width: 1px;
	border-color: var(--cloud-gray);
}
.border-top {
  border-top-style: solid;
  border-top-width: 1px;
	border-color: var(--cloud-gray);
}
.border-right {
  border-right-style: solid;
  border-right-width: 1px;
	border-color: var(--cloud-gray);
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
	border-color: var(--cloud-gray);
}
.border-left {
  border-left-style: solid;
  border-left-width: 1px;
	border-color: var(--cloud-gray);
}

.border-light {
  border-style: solid;
  border-width: 1px;
	border-color: rgba(26,40,49,.05) !important;
	/* border-color: var(--cloud-pale-blue) !important; */
}
.border-right-light {
  border-right-style: solid;
  border-right-width: 1px;
	border-right-color: rgba(26,40,49,.05) !important;
	/* border-right-color: var(--cloud-pale-blue) !important; */
}
.border-left-light {
  border-left-style: solid;
  border-left-width: 1px;
	border-left-color: rgba(26,40,49,.05) !important;
	/* border-left-color: var(--cloud-pale-blue) !important; */
}
.border-bottom-light {
  border-bottom-style: solid;
  border-bottom-width: 1px;
	border-bottom-color: rgba(26,40,49,.05) !important;
	/* border-bottom-color: var(--cloud-pale-blue) !important; */
}
.border-top-light {
  border-top-style: solid;
  border-top-width: 1px;
	border-top-color: rgba(26,40,49,.05) !important;
	/* border-top-color: var(--cloud-pale-blue) !important; */
}

.border-light-white {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255,255,255,.35);
}
.border-right-light-white {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgba(255,255,255,.35);
}
.border-left-light-white {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: rgba(255,255,255,.35);
}
.border-bottom-light-white {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(255,255,255,.35);
}
.border-top-light-white {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgba(255,255,255,.35);
}

.border-dark {
  border-style: solid;
  border-width: 1px;
  border-color: var(--cloud-navy-1);
}
.border-right-dark {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--cloud-navy-1);
}
.border-right-dark-dashed {
  border-right-style: dashed;
  border-right-width: 1px;
  border-right-color: var(--cloud-navy-1);
}
.border-left-dark {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--cloud-navy-1);
}
.border-bottom-dark {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--cloud-navy-1);
}
.border-bottom-dark-dashed {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: var(--cloud-navy-1);
}
.border-bottom-dark-dotted {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: var(--cloud-navy-1);
}
.border-top-dark {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--cloud-navy-1);
}

.border-color-magenta, .border-color-magenta-on-hover:hover { border-color: var(--cloud-main) }
.border-color-light-blue, .border-color-light-blue-on-hover:hover { border-color: var(--cloud-light-blue); }
.border-color-blue, .border-color-blue-on-hover:hover { border-color: var(--cloud-blue); }
.border-color-black, .border-color-black-on-hover:hover { border-color: var(--cloud-black); }
.border-color-key, .border-color-key-on-hover:hover { border-color: var(--cloud-key); }
.border-color-silver, .border-color-silver-on-hover:hover { border-color: var(--cloud-silver); }
.border-color-light-gray, .border-color-light-gray-on-hover:hover { border-color: var(--cloud-light-gray); }
.border-color-dark-gray, .border-color-dark-gray-on-hover:hover { border-color: var(--cloud-dark-gray); }
.border-color-mid-gray, .border-color-mid-gray-on-hover:hover { border-color: var(--cloud-mid-gray); }
.border-color-gray, .border-color-gray-on-hover:hover { border-color: var(--cloud-gray); }
.border-color-white, .border-color-white-on-hover:hover { border-color: #fff; }
.border-color-green, .border-color-green-on-hover:hover { border-color: var(--cloud-green); }
.border-color-purple, .border-color-purple-on-hover:hover { border-color: var(--cloud-purple); }
.border-color-purple-blue, .border-color-purple-blue-on-hover:hover { border-color: var(--cloud-purple-blue); }
.border-color-pale-green, .border-color-pale-green-on-hover:hover { border-color: var(--cloud-pale-green); }
.border-color-neon-green, .border-color-neon-green-on-hover:hover { border-color: var(--cloud-neon-green); }
.border-color-pale-orange, .border-color-pale-orange-on-hover:hover { border-color: var(--cloud-pale-orange); }
.border-color-orange, .border-color-orange-on-hover:hover { border-color: var(--cloud-orange); }
.border-color-pale-blue, .border-color-pale-blue-on-hover:hover { border-color: var(--cloud-pale-blue); }
.border-color-palest-blue, .border-color-palest-blue-on-hover:hover { border-color: var(--cloud-palest-blue); }
.border-color-pale-pink, .border-color-pale-pink-on-hover:hover { border-color: var(--cloud-pale-pink); }
.border-color-pale-red, .border-color-pale-red-on-hover:hover { border-color: var(--cloud-pale-red); }
.border-color-pink, .border-color-pink-on-hover:hover { border-color: var(--cloud-pink); }
.border-color-yellow, .border-color-yellow-on-hover:hover { border-color: var(--cloud-yellow); }
.border-color-red, .border-color-red-on-hover:hover { border-color: var(--cloud-red); }
.border-color-navy-0, .border-color-navy-0-on-hover:hover { border-color: var(--cloud-navy-0); }
.border-color-navy-1, .border-color-navy-1-on-hover:hover { border-color: var(--cloud-navy-1); }
.border-color-navy-2, .border-color-navy-2-on-hover:hover { border-color: var(--cloud-navy-2); }
.border-color-navy-3, .border-color-navy-3-on-hover:hover { border-color: var(--cloud-navy-3); }
.border-color-navy-4, .border-color-navy-4-on-hover:hover { border-color: var(--cloud-navy-4); }
.border-color-navy-5, .border-color-navy-5-on-hover:hover { border-color: var(--cloud-navy-5); }

.border-magenta, .border-magenta-on-hover:hover {border: 1px solid var(--cloud-main) !important;}
.border-bottom-magenta {border-bottom: 1px solid var(--cloud-main)}
.border-top-magenta {border-top: 1px solid var(--cloud-main)}
.border-gray {border: 1px solid var(--cloud-gray)}
.border-light-gray {border: 1px solid var(--cloud-light-gray)}
.border-silver {border: 1px solid var(--cloud-silver)}
.border-dark-gray {border: 1px solid var(--cloud-dark-gray)}
.border-black {border: 1px solid var(--cloud-navy-0)}
.border-key {border: 1px solid var(--cloud-key)}
.border-light-blue {border: 1px solid var(--cloud-light-blue)}
.border-blue {border: 1px solid var(--cloud-blue)}
.border-pale-blue {border: 1px solid var(--cloud-pale-blue)}
.border-green {border: 1px solid var(--cloud-green)}
.border-error-red {border: 1px solid var(--cloud-red)}

.border-top-light-gray { border-top: 1px solid var(--cloud-light-gray) }
.border-bottom-light-gray { border-bottom: 1px solid var(--cloud-light-gray) }
.border-bottom-light-blue { border-bottom: 1px solid var(--cloud-light-blue) }
.border-top-silver { border-top: 1px solid var(--cloud-silver) }
.border-bottom-silver { border-bottom: 1px solid var(--cloud-silver) }
.border-bottom-white { border-bottom: 1px solid #fff }
.border-top-white { border-top: 1px solid #fff }
.border-left-white { border-left: 1px solid #fff }
.border-right-white { border-right: 1px solid #fff }
.border-bottom-black { border-bottom: 1px solid var(--cloud-navy-0) }
.border-bottom-key { border-bottom: 1px solid var(--cloud-key) }
.border-bottom-dark-gray { border-bottom: 1px solid var(--cloud-dark-gray) }
.border-bottom-gray { border-bottom: 1px solid var(--cloud-gray) }
.border-white { border: 1px solid #fff !important }




/* ----------------------------- cloud_text ----------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Graphik Web',-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	margin-top: 0;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
  font-weight: 600;
  line-height: 1.25;
  /* margin-bottom: .5em; */
	letter-spacing: var(--cloud-letter-spacing);
}

.font-family-default {
	font-family: 'Graphik Web',-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

h1 { font-size: 32px; font-size: 2rem }
h2 { font-size: 28px; font-size: 1.75rem }
h3 { font-size: 22px; font-size: 1.375rem }
h4 { font-size: 16px; font-size: 1rem }
h5 { font-size: 14px; font-size: .875rem }
h6 { font-size: 12px; font-size: .75rem }

.h1 { font-size: 32px; font-size: 2rem }
.h2 { font-size: 28px; font-size: 1.75rem }
.h3 { font-size: 22px; font-size: 1.375rem }
.h4 { font-size: 16px; font-size: 1rem }
.h5 { font-size: 14px; font-size: .875rem }
.h6 { font-size: 12px; font-size: .75rem }

.h0 {
	font-size: 44px;
	line-height: 1.125;
	margin-bottom: 2rem;
	font-size: 2.75rem;
	letter-spacing: -1px;
	letter-spacing: -.08rem;
}
.page-header-container {
	padding-top: 4rem;
	margin-top: 2rem;
	margin-top: 32px;
	margin-bottom: .75rem;
	margin-bottom: 12px;
}
.page-header {
	font-size: 40px;
	font-size: 2.75rem;
	line-height: 1.15;
	letter-spacing: -1px;
	letter-spacing: -.08rem;
	font-weight: 600;
	margin-bottom: 16px;
	margin-top: 0;
}
.header-text {
	font-size: 48px;
	font-size: 3rem;
	line-height: 1;
	letter-spacing: -1px;
	letter-spacing: -.08rem;
	font-weight: 600;
	margin-bottom: 1.25rem;
	margin-bottom: 20px;
}
.section-title {
	font-weight: 600;
	font-size: 2.5rem;
	font-size: 40px;
	line-height: 1.25;
	letter-spacing: var(--cloud-letter-spacing);
	margin-top: 2rem;
	margin-top: 32px;
	margin-bottom: .75rem;
	margin-bottom: 12px;
}
.section-title-sm {
	font-weight: 600;
	font-size: 2rem;
	font-size: 32px;
	line-height: 1;
	letter-spacing: var(--cloud-letter-spacing);
	margin-top: 2rem;
	margin-top: 32px;
	margin-bottom: .75rem;
	margin-bottom: 12px;
}
.section-subtitle {
	font-weight: 400;
	font-size: 1.25rem;
	font-size: 20px;
	line-height: 1.5;
	margin-top: .75rem;
	margin-top: 12px;
}
.header-subtitle {
	font-weight: 400;
	font-size: 1.5rem;
	font-size: 24px;
	line-height: 1.5;
	margin-top: 8px;
}

@media (min-width: 47.938em) {
	.h0 {
		font-size: 3rem;
		font-size: 48px;
	}
	.page-header {
		font-size: 3,5rem;
		font-size: 56px;
	}
	.page-header-container {
		padding-top: 6rem;
	}
	.header-text {
		font-size: 5rem;
		font-size: 80px;
	}
	h1, .h1 {
		font-size: 2.5rem;
		font-size: 40px;
	}
}
@media (min-width: 60em) {
	.h0 {
		font-size: 3.5rem;
		font-size: 56px;
	}
}

p {
  margin-top: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
b, strong {font-weight: 600;}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 0;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}


/*-------------- cloud_links -------------*/
a, .cloud-link {
  color: var(--cloud-blue);
	text-decoration: none;
	margin: 0;
	transition: all .1s var(--cloud-cubic-bezier);
	-webkit-transition: all .1s var(--cloud-cubic-bezier);
}
a:hover, .cloud-link:hover {
	transition: all .1s var(--cloud-cubic-bezier);
	cursor: pointer;
	-webkit-transition: all .1s var(--cloud-cubic-bezier);
  color: var(--cloud-main);
}
pre, code, samp, .monospace  {
	font-family: 'Roboto Mono', 'Menlo', monospace, 'Monaco', 'Source Sans Pro', Consolas;
}
pre, code, samp  {
	display: block;
}
pre {
  margin-top: 0;
  margin-bottom: 16px;
	margin-bottom: 1rem;
}
pre, code {
	overflow-wrap: break-word;
  background-color: transparent;
  border-radius: .125rem;
}
address { font-style: normal; }
pre, blockquote {
  border: 1px solid var(--cloud-gray);
  page-break-inside: avoid;
}




/* ------------------------- cloud_forms ------------------------ */

input[type=text],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
	font-family: inherit;
	font-weight: 500;
	box-shadow: none;
	overflow-y: visible !important;
	border: 1px solid;
	border-color: var(--cloud-pale-blue);
  /* border-radius: 0 !important; */
  border-radius: var(--cloud-border-radius) !important;
  box-sizing: border-box;
	font-size: 1rem;
	font-size: 16px;
  color: var(--cloud-navy-1);
  text-overflow: ellipsis;
  background-color: transparent;
  width: 100%;
	margin: .25rem 0rem .75rem 0;
	margin: 4px 0px 12px 0;
	line-height: 1;
	height: 3rem;
	height: 48px;
	padding: 0rem 1rem;
	padding: 0px 16px;
	vertical-align: middle;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
textarea {
	padding: 16px;
	font-weight: 400;
	min-height: 120px;
	line-height: 1.5;
}

.input-white,
.select-white,
.textarea-white {
	border-color: rgba(255,255,255,.85);
  color: var(--cloud-off-white) !important;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	vertical-align: middle;	
}
input[name="payment-sched"],
input[name="conditions"] {
	display: none;
}
.conditions-radio label {
	padding: 12px 16px;
	color: var(--cloud-navy-1) !important;
	text-align: center;
	margin-bottom: 16px;
	font-size: 16px !important;
	cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.payment-sched label {
	padding: 8px 10px;
	color: var(--cloud-navy-1) !important;
	text-align: center;
	margin-bottom: 16px;
	font-size: 13px !important;
	cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
button {
	-webkit-appearance: none;
	background: none;
}
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="submit"]:disabled,
select:disabled {
  background: var(--cloud-pale-blue);
	color: var(--cloud-navy-4);
	border: 1px solid var(--cloud-pale-blue);
	pointer-events: none !important;
	transition: all .075s ease-in-out;
  -webkit-transition: all .075s ease-in-out;
}
input:focus,
input:active,
textarea:focus,
textarea:active,
select:active,
select:focus,
.input-focused {
	outline: none;
	border-color: var(--cloud-navy-4);
	box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
	-webkit-box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
	-ms-box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
	-moz-box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
}
.input-focused {
	border: 1px solid var(--cloud-navy-4);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	margin: 0;
}
button:focus,
input[type="submit"]:focus {
	outline: none;
	box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
	-webkit-box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
	-ms-box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
	-moz-box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
}
button:active,
input[type="submit"]:active {
	box-shadow: inset 0 0 0 20rem rgba(26,40,49,.05);
	transition: all .075s ease-in-out !important;
  -webkit-transition: all .075s ease-in-out !important;
}

input[type="submit"] {
  padding: 1rem;
	padding: 16px;
	height: 3rem;
	height: 48px;
	font-weight: 600;
	line-height: 1;
  font-size: 1rem;
  font-size: 16px;
	letter-spacing: var(--cloud-letter-spacing);
	margin: .25rem 0rem .75rem 0;
	margin: 4px 0px 12px 0;
  background: var(--cloud-main);
  border: none;
  color: #fff;
  width: 100%;
  border-radius: var(--cloud-border-radius);
}
::placeholder {
	font-weight: 400;
	color: var(--cloud-navy-4) !important;
	overflow: visible;
}
.input-white::placeholder {
	font-weight: 400;
	color: var(--cloud-silver) !important;
}

option {
	font-weight: 300 !important;
}

label:not(.radio) {
	position: relative;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 500;
	color: var(--cloud-navy-3);
	/* opacity: .25; */
	vertical-align: middle;
}

.radio {
	font-size: 14px;
	font-size: .875rem;
	font-weight: 500;
	color: inherit;
	vertical-align: middle;
	padding-left: 4px;
}

input.rules {
	border-radius: .25rem;
	background: #fff;
	padding-left: 16px;
	font-size: 16px;
	height: 52px;
	font-weight: 600;
	margin-bottom: 0;
}
/* input.rules:focus,
input.rules:active,
input.rules:hover {
	background: #fff;
	border: 1px solid var(--cloud-border-light);
} */

input:-webkit-autofill {
  -webkit-text-fill-color: var(--cloud-navy-1);
	transition: background-color 10000000000s;
}
input:-webkit-autofill.input-white {
  -webkit-text-fill-color: var(--cloud-off-white);
	transition: background-color 10000000000s;
}

select:not([multiple]) {
	height: 48px;
	height: 3rem;
	vertical-align: middle;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	appearance: none;
	-ms-appearance: none;
	background-image: url('/icons/dropdown-arrow.svg');
	background-position: right;
	background-repeat: no-repeat;
	background-size: 20px;
	outline: none;
	line-height: 2;
	padding-right: 28px;
}
select.one-option {
	background-image: none;
	pointer-events: none;
}
select::-ms-expand {
	display: none;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
legend { font-size: 14px; }

input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}
.showCheckBox{
	visibility: visible !important;
	width: 1rem !important;
	height: 1rem !important;
}

label.term-toggle-label {
	cursor: pointer;
	width: 56px;
	height: 28px;
	background: var(--cloud-navy-3);
	display: block;
	border-radius: 100rem;
	position: relative;
}

label.term-toggle-label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 100rem;
	transition: 0.2s;
}
input.term-toggle-input {
	position: absolute;
	z-index: -999;
}
input.term-toggle-input:checked + label.term-toggle-label {
	background: var(--cloud-pale-blue);
}
input.term-toggle-input:checked + label.term-toggle-label:after {
	left: calc(100% - 4px);
	transform: translateX(-100%);
}

label.switch-label {
	cursor: pointer;
	width: 52px;
	height: 28px;
	background: var(--cloud-pale-blue);
	display: block;
	border-radius: 100rem;
	position: relative;
}

label.switch-label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 100rem;
	transition: 0.2s;
}
input.switch-input {
	position: absolute;
	z-index: -999;
}
input.switch-input:checked + label.switch-label {
	background: var(--cloud-blue);
}
input.switch-input:checked + label.switch-label:after {
	left: calc(100% - 4px);
	transform: translateX(-100%);
}

label.test-switch-label {
	width: 24px;
	height: 14px;
	background: var(--cloud-navy-3);
}
label.test-switch-label:after {
	width: 10px;
	height: 10px;
	top: 2px;
	left: 2px;	
}
input.test-switch-input:checked + label.test-switch-label {
	background: var(--cloud-pink);
}
input.test-switch-input:checked + label.test-switch-label:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

label.conditions-toggle-label {
	width: 36px;
	height: 20px;
	background: var(--cloud-blue);
	z-index: 0 !important;
}
label.conditions-toggle-label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 100rem;
	transition: 0.2s;
}
input.conditions-toggle:checked + label.conditions-toggle-label {
	background: var(--cloud-blue);
}
input.conditions-toggle:checked + label.conditions-toggle-label:after {
	left: calc(100% - 3px);
	transform: translateX(-100%);
}

label.rules-toggle-label {
	width: 280px;
	height: 48px;
	background: var(--cloud-navy-1);
}
label.rules-toggle-label:after {
	width: 36px;
	height: 36px;
	top: 6px;
	left: 6px;	
}
input.rules-toggle:checked + label.rules-toggle-label {
	background: var(--cloud-navy-1);
}
input.rules-toggle:checked + label.rules-toggle-label:after {
	left: calc(100% - 6px);
	transform: translateX(-100%);
}

label.toggle-label {
	cursor: pointer;
	width: 44px;
	height: 20px;
	background: var(--cloud-main);
	display: block;
	border-radius: 100rem;
	position: relative;
}
label.toggle-label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 100rem;
	transition: 0.2s;
}
input.toggle-input {
	position: absolute;
	z-index: -999;
}
input.toggle-input:checked + label.toggle-label {
	background: var(--cloud-main);
}

input.toggle-input:checked + label.toggle-label:after {
	left: calc(100% - 3px);
	transform: translateX(-100%);
}


.field {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(26,40,49,.125);
  border-radius: .125rem;
}

.field:focus,
.field.is-focused {
  outline: none;
  border-color: var(--cloud-light-blue);
  box-shadow: 0 0 0 2px rgba(0, 111, 232, 0.5);
}

.field:disabled,
.field.is-disabled {
  background-color: rgba(26,40,49,.125);
  opacity: .5;
}

.field:read-only:not(select),
.field.is-read-only {
  background-color: rgba(26,40,49,.125);
}

.field.is-success {
  border-color: #14f1b9;
}

.field.is-success:focus,
.field.is-success.is-focused {
  box-shadow: 0 0 0 2px rgba(20, 241, 185, 0.5);
}

.field.is-warning {
  border-color: #ffdc00;
}

.field.is-warning:focus,
.field.is-warning.is-focused {
  box-shadow: 0 0 0 2px rgba(255, 220, 0, 0.5);
}

.field:invalid,
.field.is-error {
  border-color: #f72121;
}

.field:invalid:focus,
.field:invalid.is-focused,
.field.is-error:focus,
.field.is-error.is-focused {
  box-shadow: 0 0 0 2px rgba(247, 33, 33, 0.5);
}

.floating-label-input {
	position: relative;
}
.floated-label {
	position: absolute;
	width: fit-content;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
  top: 16px;
	bottom: 0;
	color: var(--cloud-dark-gray);
	overflow: visible;
  background-color: transparent;
	transition: all .2s ease-in-out;
	left: 16px;
	pointer-events: none;
	cursor: text;
}
.floated-label-focus {
	position: absolute;
	padding: 0px 8px;
	width: fit-content;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
	height: 14px;
	background: #fff;
	left: 8px;
	top: 0;
	margin-top: -6px;
	font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	pointer-events: none;
	transform-origin: 0 50%;
  cursor: text;
  transition: all .2s ease-in-out;
}


/* ------------------------------------- cloud_buttons --------------------------------------- */

.cloud-btn-outline,
.cloud-btn-outline-small,
.cloud-btn-outline-smallest,
.cloud-btn-white,
.cloud-btn-white-small,
.cloud-btn-white-outline-small,
.cloud-btn-white-outline,
.cloud-btn-black,
.cloud-btn-black-small,
.cloud-btn-black-smallest,
.cloud-btn-black-outline-small,
.cloud-btn-black-outline-smallest,
.cloud-btn-black-outline,
.cloud-btn-red-outline,
.cloud-btn-red-outline-small,
.cloud-btn-red,
.cloud-btn-red-small,
.cloud-btn-red-smallest,
.cloud-btn-green,
.cloud-btn-green-small,
.cloud-btn-green-smallest,
.cloud-btn-red-outline-smallest,
.cloud-btn-gray,
.cloud-btn-gray-small,
.cloud-btn-gray-smallest,
.cloud-btn,
.cloud-btn-cancel,
.cloud-btn-cancel-small,
.cloud-btn-cancel-smallest,
.cloud-btn-delete,
.cloud-btn-delete-small,
.cloud-btn-delete-smallest,
.cloud-btn-small,
.cloud-btn-smallest,
.cloud-btn-shadow,
.cloud-btn-shadow-small,
.cloud-btn-shadow-primary {
	cursor: pointer;
	box-sizing: border-box;
	display: inline-block;
	white-space: nowrap;
  border-radius: var(--cloud-border-radius);
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  transition: all .2s var(--cloud-cubic-bezier);
	-webkit-transition: all .2s var(--cloud-cubic-bezier);
	text-align: center;	
	/* width: fit-content; */
	/* width: intrinsic; */
	/* width: -moz-max-content; */
	/* width: -webkit-max-content; */
	font-weight: 500;
}
.cloud-btn-outline,
.cloud-btn,
.cloud-btn-white,
.cloud-btn-white-outline,
.cloud-btn-gray,
.cloud-btn-red,
.cloud-btn-red-outline,
.cloud-btn-black,
.cloud-btn-black-outline,
.cloud-btn-green,
.cloud-btn-cancel,
.cloud-btn-delete,
.cloud-btn-shadow,
.cloud-btn-shadow-primary {
	font-size: 16px;
	font-size: 1rem;
	line-height: .875;
	height: 48px;
	height: 3rem;
	padding: 16px;
	padding: 1rem;
}
.cloud-btn-small,
.cloud-btn-black-small,
.cloud-btn-red-outline-small,
.cloud-btn-black-outline-small,
.cloud-btn-white-small,
.cloud-btn-white-outline-small,
.cloud-btn-cancel-small,
.cloud-btn-delete-small,
.cloud-btn-outline-small,
.cloud-btn-shadow-small,
.cloud-btn-red-small,
.cloud-btn-green-small,
.cloud-btn-gray-small {
	padding: 6px 10px;
	padding: .375rem .625rem;
	font-size: 14px;
	font-size: .875rem;
}
.cloud-btn-smallest,
.cloud-btn-gray-smallest,
.cloud-btn-black-outline-smallest,
.cloud-btn-delete-smallest,
.cloud-btn-outline-smallest,
.cloud-btn-red-outline-smallest,
.cloud-btn-black-smallest,
.cloud-btn-red-smallest,
.cloud-btn-green-smallest,
.cloud-btn-cancel-smallest {
	padding: 6px 10px;
	padding: .375rem .625rem;
	font-size: 12px;
	font-size: .75rem;
}
.cloud-btn-outline,
.cloud-btn-outline-small,
.cloud-btn-outline-smallest {
	border: 1px solid var(--cloud-main);
	color: var(--cloud-main);
	background: none;
}
.cloud-btn,
.cloud-btn-small,
.cloud-btn-smallest {
	border: 1px solid var(--cloud-main);
	color: #fff;
	background-color: var(--cloud-main);
}
.cloud-btn-black-outline,
.cloud-btn-black-outline-small,
.cloud-btn-black-outline-smallest {
	border: 1px solid var(--cloud-navy-1);
	background: none;
	color: var(--cloud-navy-1);
}
.cloud-btn-red-outline,
.cloud-btn-red-outline-small,
.cloud-btn-red-outline-smallest {
	border: 1px solid var(--cloud-red);
	background: none;
	color: var(--cloud-red);
}
.cloud-btn-white-outline,
.cloud-btn-white-outline-small {
	border: 1px solid #fff;
	background: none;
	color: #fff;
}
.cloud-btn-black,
.cloud-btn-black-small,
.cloud-btn-black-smallest {
	border: 1px solid var(--cloud-navy-1);
	color: #fff;
	background-color: var(--cloud-navy-1);
}
.cloud-btn-gray,
.cloud-btn-gray-small,
.cloud-btn-gray-smallest {
	color: var(--cloud-navy-2);
	border: 1px solid var(--cloud-pale-blue);
	background-color: var(--cloud-palest-blue);
}
.cloud-btn-red,
.cloud-btn-red-small,
.cloud-btn-red-smallest {
	color: #fff;
	border: 1px solid var(--cloud-red);
	background-color: var(--cloud-red);
}
.cloud-btn-cancel,
.cloud-btn-cancel-small,
.cloud-btn-cancel-smallest {
	color: var(--cloud-navy-2);
	border: 1px solid var(--cloud-navy-2);
	background-color: none;
}
.cloud-btn-delete,
.cloud-btn-delete-small,
.cloud-btn-delete-smallest {
	color: #fff;
	border: 1px solid var(--cloud-red);
	background-color: var(--cloud-red);
}
.cloud-btn-white,
.cloud-btn-white-small {
	border: 1px solid #fff;
	color: var(--cloud-navy-1);
	background-color: #fff;
}
.cloud-btn-green,
.cloud-btn-green-small,
.cloud-btn-green-smallest {
	color: #fff;
	border: 1px solid var(--cloud-green);
	background-color: var(--cloud-green);
}

.cloud-btn:hover,
.cloud-btn-small:hover,
.cloud-btn-smallest:hover,
.cloud-btn-green-smallest:hover,
.cloud-btn-green-small:hover,
.cloud-btn-green:hover,
.cloud-btn-red-smallest:hover,
.cloud-btn-red-small:hover,
.cloud-btn-red:hover,
.cloud-btn-white:hover,
.cloud-btn-white-small:hover,
.cloud-btn-white-outline-small:hover,
.cloud-btn-white-outline:hover,
.cloud-btn-black-outline-smallest:hover,
.cloud-btn-red-outline:hover,
.cloud-btn-red-outline-small:hover,
.cloud-btn-red-outline-smallest:hover,
.cloud-btn-black-outline:hover,
.cloud-btn-black-outline-small:hover {
  transition: all .2s var(--cloud-cubic-bezier);
	-webkit-transition: all .2s var(--cloud-cubic-bezier);
  box-shadow: inset 20rem 20rem rgba(26,40,49,.05);
	text-decoration: none;
	border: 1px solid inherit;
	overflow: visible;
}
.cloud-btn-outline:hover,
.cloud-btn-outline-small:hover
.cloud-btn-outline-smallest:hover {
	transition: all .2s var(--cloud-cubic-bezier);
	-webkit-transition: all .2s var(--cloud-cubic-bezier);
  box-shadow: inset 20rem 20rem rgba(220,100,115,.05);
	text-decoration: none;
	border: 1px solid inherit;
	overflow: visible;
}
.cloud-btn-red:hover,
.cloud-btn-red-small:hover,
.cloud-btn-red-smallest:hover,
.cloud-btn-green:hover,
.cloud-btn-green-small:hover,
.cloud-btn-green-smallest:hover,
.cloud-btn:hover,
.cloud-btn-small:hover,
.cloud-btn-white-outline-small:hover,
.cloud-btn-white-outline:hover {
	color: #fff;
}
.cloud-btn-white:hover,
.cloud-btn-white-small:hover {
	color: var(--cloud-navy-1);
}
.cloud-btn-black:hover,
.cloud-btn-black-small:hover,
.cloud-btn-black-smallest:hover {
	transition: all .2s var(--cloud-cubic-bezier);
	-webkit-transition: all .2s var(--cloud-cubic-bezier);
  box-shadow: inset 20rem 20rem rgba(247,249,250,.075);
	text-decoration: none;
	border: 1px solid inherit;
	overflow: visible;
	color: #fff;
}
.cloud-btn-gray:hover,
.cloud-btn-gray-small:hover,
.cloud-btn-gray-smallest:hover,
.cloud-btn-cancel:hover,
.cloud-btn-cancel-small:hover,
.cloud-btn-cancel-smallest:hover,
.cloud-btn-delete:hover,
.cloud-btn-delete-small:hover,
.cloud-btn-delete-smallest:hover {
	transition: all .2s var(--cloud-cubic-bezier);
	-webkit-transition: all .2s var(--cloud-cubic-bezier);
  box-shadow: inset 20rem 20rem rgba(26,40,49,.025);
	text-decoration: none;
	overflow: visible;
	border: 1px solid inherit;
	/* color: var(--cloud-blue); */
}
.cloud-btn:active,
.cloud-btn-small:active,
.cloud-btn-smallest:active,
.cloud-btn-shadow:active,
.cloud-btn-shadow-small:active,
.cloud-btn-black:active,
.cloud-btn-black-small:active,
.cloud-btn-black-smallest:active,
.cloud-btn-white:active,
.cloud-btn-white-small:active,
.cloud-btn-red-outline:active,
.cloud-btn-red-outline-small:active,
.cloud-btn-red:active,
.cloud-btn-red-small:active,
.cloud-btn-red-smallest:active,
.cloud-btn-green:active,
.cloud-btn-green-small:active,
.cloud-btn-green-smallest:active,
.cloud-btn-gray:active,
.cloud-btn-gray-small:active,
.cloud-btn-gray-smallest:active,
.cloud-btn-cancel:active,
.cloud-btn-cancel-small:active,
.cloud-btn-cancel-smallest:active,
.cloud-btn-delete:active,
.cloud-btn-delete-small:active,
.cloud-btn-delete-smallest:active {
	outline: none;
	overflow: visible;
	box-shadow: inset 0 0 0 20rem rgba(26,40,49,.075);
}
.cloud-btn-black-outline:active,
.cloud-btn-black-outline-small:active,
.cloud-btn-black-outline-smallest:active,
.cloud-btn-red-outline:active,
.cloud-btn-red-outline-small:active,
.cloud-btn-red-outline-smallest:active,
.cloud-btn-white-outline-small:active,
.cloud-btn-white-outline:active {
	outline: none;
	box-shadow: inset 0 0 0 20rem rgba(26,40,49,.075);
}
.cloud-btn-outline:active,
.cloud-btn-outline-small:active,
.cloud-btn-outline-smallest:active {
	outline: none;
  box-shadow: inset 20rem 20rem rgba(200,100,115,.1);
	/* box-shadow: inset 0 0 0 20rem rgba(220,100,115,.05); */
	appearance: none;
}
.cloud-btn-outline:focus,
.cloud-btn-outline-small:focus,
.cloud-btn-outline-smallest:focus,
.cloud-btn-white:focus,
.cloud-btn-white-small:focus,
.cloud-btn-white-outline:focus,
.cloud-btn-white-outline-small:focus,
.cloud-btn-black:focus,
.cloud-btn-black-small:focus,
.cloud-btn-black-smallest:focus,
.cloud-btn-black-outline-small:focus,
.cloud-btn-black-outline-smallest:focus,
.cloud-btn-red-outline:focus,
.cloud-btn-red-outline-small:focus,
.cloud-btn-red-outline-smallest:focus,
.cloud-btn-black-outline:focus,
.cloud-btn:focus,
.cloud-btn-small:focus,
.cloud-btn-smallest:focus,
.cloud-btn-cancel:focus,
.cloud-btn-cancel-small:focus,
.cloud-btn-cancel-smallest:focus,
.cloud-btn-delete:focus,
.cloud-btn-delete-small:focus,
.cloud-btn-delete-smallest:focus,
.cloud-btn-shadow:focus,
.cloud-btn-shadow-small:focus,
.cloud-btn-shadow-primary:focus {
	box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
	-webkit-box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
	-ms-box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
	-moz-box-shadow: 0 0 3px 0px var(--cloud-pale-blue);
}

.cloud-btn-outline:disabled,
.cloud-btn-outline-small:disabled,
.cloud-btn-outline-smallest:disabled,
.cloud-btn-white:disabled,
.cloud-btn-white-small:disabled,
.cloud-btn-white-outline:disabled,
.cloud-btn-white-outline-small:disabled,
.cloud-btn-black:disabled,
.cloud-btn-black-small:disabled,
.cloud-btn-black-smallest:disabled,
.cloud-btn-black-outline-small:disabled,
.cloud-btn-black-outline-smallest:disabled,
.cloud-btn-red-outline:disabled,
.cloud-btn-red-outline-small:disabled,
.cloud-btn-red-outline-smallest:disabled,
.cloud-btn-black-outline:disabled,
.cloud-btn-red-smallest:disabled,
.cloud-btn-red-small:disabled,
.cloud-btn-red:disabled,
.cloud-btn-green-smallest:disabled,
.cloud-btn-green-small:disabled,
.cloud-btn-green:disabled,
.cloud-btn:disabled,
.cloud-btn-small:disabled,
.cloud-btn-smallest:disabled,
.cloud-btn-cancel:disabled,
.cloud-btn-cancel-small:disabled,
.cloud-btn-cancel-smallest:disabled,
.cloud-btn-delete:disabled,
.cloud-btn-delete-small:disabled,
.cloud-btn-delete-smallest:disabled,
.cloud-btn-shadow:disabled,
.cloud-btn-shadow-small:disabled,
.cloud-btn-shadow-primary:disabled,
.cloud-btn-outline:disabled,
.cloud-btn-disabled,
button:disabled {
	opacity: .5;
	pointer-events: none;
	cursor: progress;
}

.cloud-btn-arrow,
.cloud-btn-outline-arrow {
	display: inline-block;
	margin-left: 8px;
	width: 10px;
}
.cloud-btn-arrow {fill: #fff;}
.cloud-link-arrow {
	display: inline-block;
	width: 10px;
}





/* ------------------------------------------ cloud_nav --------------------------------------- */

.fill-hamburger { fill: var(--cloud-navy-1); }
/* .cloud-header { background: var(--cloud-key); } */

.cloud-header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 999;
	background: none;
	/* border-bottom: 1px solid rgba(26,40,49,.05); */
}

@media (max-width: 65em) {
	.cloud-header {
		position: absolute;
		border: none;
	}
}


.cloud-signup-header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-bottom: 1px solid rgba(26,40,49,.05);
}

.cloud-header-shadow {
	background: #fff;
	box-shadow: 0px 1px 8px 0px rgba(26,40,49,.035);
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.cloud-header-logo {
	fill: var(--cloud-navy-1);
}
.cloud-header-logo:hover {
	fill: var(--cloud-main);
}


.modal {
	display: none;
	text-align: left;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	min-height: 100%;
	overflow: auto;
	background: rgba(255,255,255,1);
	transition: all .2s ease-in-out;
}
.modal-show {
	text-align: left;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	min-height: 100%;
	overflow: auto;
	background: rgba(255,255,255,1);
	transition: all .2s ease-in-out;
}

.modal-console {
	text-align: left;
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	min-height: 100%;
	overflow: auto;
	background: var(--cloud-console-sidebar-bg);
	transition: all .2s ease-in-out;
}



/* -------------- mobile menu -------------- */
.mobile-menu-container { animation-duration: .3s !important; }

.open-animation {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
	-webkit-animation-duration: 350ms;
	animation-duration: 350ms;
	-webkit-animation-name: slidein;
	animation-name: slidein;
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

@keyframes slidein {
	from {
		opacity: 0;
		margin-left: 4%;
		margin-top: .5%;
		width: 95%;
	}

	to {
		margin-left: 2.5%;
		margin-top: 2.5%;
		width: 95%;
		opacity: 1;
	}
}

@-webkit-keyframes slidein {
	from {
		opacity: 0;
		margin-left: 4%;
		margin-top: .5%;
		width: 95%;
	}
	to {
		margin-left: 2.5%;
		margin-top: 2.5%;
		width: 95%;
		opacity: 1;
	}
}

#modal-button:focus {
	outline: none;
}

.modal-flex {
	display: block;
}

@media (min-width: 490px) {
	.modal-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media (min-width: 490px) {
	.modal-p2 {
		padding: 1pc;
		padding: 1rem;
	}
	.modal-px3 {
		padding-left: 2pc;
		padding-left: 2rem;
		padding-right: 2pc;
		padding-right: 2rem
	}
}

#mobile-nav-open {
	fill: var(--cloud-navy-1);
}
.mobile-nav-close,
.mobile-console-nav-close {
	display: block;
	border: none;
	background: none;
}

.mobile-nav-close {
	fill: var(--cloud-navy-1);
}
.mobile-nav-close:hover {
	fill: var(--cloud-main);
}
.mobile-console-nav-close {
	fill: var(--cloud-navy-3);
}
.mobile-console-nav-close:hover {
	fill: var(--cloud-navy-5);
}

.mobile-nav-close:hover,
.mobile-nav-close:focus,
.mobile-console-nav-close:hover,
.mobile-console-nav-close:focus {
	text-decoration: none;
	cursor: pointer;
	transition: var(--cloud-cubic-bezier);
	-webkit-transition: var(--cloud-cubic-bezier);
}
.nav-btn:focus,
[class^="page--pricing"] .nav-btn--pricing,
[class^="page--about"] .nav-btn--about,
[class^="page--support"] .nav-btn--support,
[class^="page--products"] .nav-btn--products {
	color: var(--cloud-main);
	fill: var(--cloud-navy-1);
}

.page--pricing .nav-btn--apps,
.page--apps-stocks.page--dark .nav-btn--stocks {
	color: var(--cloud-main);
}

.cloud-nav-btn {
	color: var(--cloud-navy-1);
	border: none;
	outline: 0;
	box-sizing: border-box;
	cursor: pointer;
	background-color: transparent;
	display: inline-block;
	padding: 22px 14px;
	height: auto;
	line-height: 1;
	text-decoration: none;
	font-size: 14px;
	font-size: .875rem;
}
.cloud-nav-dropdown-link {
	padding: 6px 0px;
	color: var(--cloud-navy-3);
	display: block;
}
.cloud-nav-dropdown-link:hover {
	color: var(--cloud-main);
}
.nav-btn-border-bottom {
	border-bottom: 3px solid var(--cloud-main);
	bottom: -24px;
	position: absolute;
	width: 100%;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	z-index: 999999;
}
.nav-dropdown-btn {
	font-weight: 500;
}
.nav-dropdown-btn:hover,
.nav-dropdown-btn:active,
.nav-dropdown-btn:focus {
	border: none;
	background: none;
	outline: 0;
	color: var(--cloud-main);
	text-decoration: none;
}
.nav-dropdown-btn::after {
	content: url('/icons/chevron-down.svg');
	fill: var(--cloud-navy-1);
	width: 8px;
	right: -12px;
	top: 0;
	position: absolute;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.cloud-nav-dropdown-content {
	position: absolute;
	box-sizing: border-box;
	cursor: default;
	line-height: 1.5;
	color: var(--cloud-navy-1);
	width: 100%;
	bottom: 0;
	background-color: #fff;
	box-shadow: 0px 4px 8px 0px rgba(26,40,49,.05);
	border-top: 1px solid var(--cloud-border-light);
	z-index: 99999 !important;
	left: 50%;
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%);
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}


/* Links inside the dropdown */
.dropdown-content a {
	color: var(--cloud-navy-1);
	text-decoration: none;
	display: block;
}

.dropdown-icon {
	padding: 20px 16px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	color: var(--cloud-light-blue);
	fill: var(--cloud-light-blue);
}

/* Change the style of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	text-decoration: none;
	color: var(--cloud-main) !important;
}




/* --------------------------- cloud_sidebar ----------------------------- */

.sidebar-container {
	position: relative;
	padding-bottom: 2rem;
}

.sidebar-nav-container {
	/* background: var(--cloud-palest-blue); */
	width: 240px;
	position: fixed;
	/* border: 1px solid var(--cloud-pale-blue); */
	/* padding: 1.25rem; */
	/* padding: 20px; */
	border-radius: var(--cloud-border-radius);
	min-height: 500px;
}

.sidebar-content {
	overflow-y: auto;
	overflow-x:visible;
	float: right;
	width: 100%;
	margin-left: 0;
}

@media (min-width: 47.938em) {
	.sidebar-content {
		margin-left: 270px;
	}
}

.sidebar-link {
	font-size: 16px;
	margin: 0;
	padding: 12px 24px;
	display: block;
	line-height: 1.5;
	border-left: 2px solid var(--cloud-pale-blue);
	font-weight: 500;
	color: var(--cloud-navy-5);
	cursor: pointer;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.sidebar-link:hover {
	color: var(--cloud-navy-1)
}

.sidebar-link-active {
	color: var(--cloud-navy-1);
	font-weight: 500;
	border-left: 2px solid var(--cloud-navy-1);
}




/* --------------------------- cloud_shadows ----------------------------- */

.shift-up-sm-on-hover,
.shift-down-sm-on-hover,
.shift-right-sm-on-hover,
.shift-left-sm-on-hover,
.shift-up-on-hover,
.shift-down-on-hover {
	transition: all .6s var(--cloud-cubic-bezier);
}
.shift-up-sm-on-hover:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.shift-right-sm-on-hover:hover {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}
.shift-left-sm-on-hover:hover {
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px);
}
.shift-down-sm-on-hover:hover {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
.shift-up-on-hover:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.shift-down-on-hover:hover {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.lighten-shift-up-on-hover {
  opacity: 1;
  transition: all .3s ease-in-out;
}
.lighten-shift-up-on-hover:hover {
  opacity: .9;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.lighten-shift-down-on-hover {
  opacity: 1;
  transition: all .3s ease-in-out;
}
.lighten-shift-down-on-hover:hover {
  opacity: .9;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.shadow-on-hover {
  -ms-box-shadow: 0 5px 20px rgba(26,40,49,.01);
  -o-box-shadow: 0 5px 20px rgba(26,40,49,.01);
  -webkit-box-shadow: 0 5px 20px rgba(26,40,49,.01);
  -moz-box-shadow: 0 5px 20px rgba(26,40,49,.01);
  box-shadow: 0 5px 20px rgba(26,40,49,.01);
  -ms-transition: all .15s ease-in-out;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
.shadow-on-hover:hover {
  -ms-box-shadow: 0 8px 40px rgba(140,140,140,.15);
  -moz-box-shadow: 0 8px 40px rgba(140,140,140,.15);
  -webkit-box-shadow: 0 8px 40px rgba(140,140,140,.15);
  -o-box-shadow: 0 8px 40px rgba(140,140,140,.15);
  box-shadow: 0 8px 40px rgba(140,140,140,.15);
	opacity: 1;
	transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
}
.shadow-small {
  -ms-box-shadow: 0 0 8px 4px rgba(26,40,49,.035);
  -moz-box-shadow: 0 0 8px 4px rgba(26,40,49,.035);
  -webkit-box-shadow: 0 0 8px 4px rgba(26,40,49,.035);
  box-shadow: 0 0 8px 4px rgba(26,40,49,.035);
}
.shadow-small-dark {
  -ms-box-shadow: 0 0 2px 2px rgba(26,40,49,.5);
  -moz-box-shadow: 0 0 2px 2px rgba(26,40,49,.5);
  -webkit-box-shadow: 0 0 2px 2px rgba(26,40,49,.5);
  box-shadow: 0 0 2px 2px rgba(26,40,49,.5);
}
.shadow {
  -ms-box-shadow: 0 4px 12px 0px rgba(26,40,49,.1);
  -moz-box-shadow: 0 4px 12px 0px rgba(26,40,49,.1);
  -webkit-box-shadow: 0 4px 12px 0px rgba(26,40,49,.1);
  box-shadow: 0 4px 12px 0px rgba(26,40,49,.1);
}


/* ------------------------------ cloud_footer --------------------------------- */

@media (max-width: 47.938em) {
	.footer-contact-link {
		border: 1px solid rgba(34, 34, 34, 0.25);
		padding: 1rem;
	}

	.footer-major-link {
		margin-top: 0;
		margin-bottom: 1rem;
		border: 1px solid rgba(34, 34, 34, 0.25);
		padding: 1rem;
		display: block;
	}

	.footer-minor-links {
		margin-top: -1rem;
	}

	.footer-minor-link {
		margin-top: 0;
		margin-bottom: 0;
		border: 1px solid rgba(136, 136, 136, 0.25);
		padding: 1rem;
		display: block;
	}
}

.cloud-footer {
	margin-bottom: 0;
	width: 100%;
	position: relative;
	background: var(--cloud-key);
	box-shadow: 0 50vh 0 50vh var(--cloud-key);
}
.account-footer {
	position: relative;
	box-sizing: border-box;
	padding: 40px 32px 24px 0px;
	overflow: hidden;
	width: 100%;
}
.account-footer-container {
	overflow: hidden;
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 48px);
	bottom: 0;
	max-width: var(--cloud-container-width);
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 60em) {
	.account-footer-container {
		width: calc(100% - 16px);
	}
	.account-footer {
		padding: 40px 32px 16px 0px;
	}
}



/* --------------------------------- cloud_spacing ------------------------------------ */

.m0  { margin: 0 !important }
.mt0 { margin-top: 0 !important }
.mr0 { margin-right: 0 !important }
.mb0 { margin-bottom: 0 !important }
.ml0 { margin-left: 0 !important }

.m1  { margin: 8px !important; margin: .5rem !important}
.mt1 { margin-top: 8px !important; margin-top: .5rem !important}
.mr1 { margin-right: 8px !important; margin-right: .5rem !important}
.mb1 { margin-bottom: 8px !important; margin-bottom: .5rem !important}
.ml1 { margin-left: 8px !important; margin-left: .5rem !important}

.m2  { margin: 16px !important; margin: 1rem !important}
.mt2 { margin-top: 16px !important; margin-top: 1rem !important}
.mr2 { margin-right: 16px !important; margin-right: 1rem !important}
.mb2 { margin-bottom: 16px !important; margin-bottom: 1rem !important}
.ml2 { margin-left: 16px !important; margin-left: 1rem !important}

.m3  { margin: 32px !important; margin: 2rem !important}
.mt3 { margin-top: 32px !important; margin-top: 2rem !important}
.mr3 { margin-right: 32px !important; margin-right: 2rem !important}
.mb3 { margin-bottom: 32px !important; margin-bottom: 2rem !important}
.ml3 { margin-left: 32px !important; margin-left: 2rem !important}

.m4  { margin: 64px !important; margin: 4rem !important}
.mt4 { margin-top: 64px !important; margin-top: 4rem !important}
.mr4 { margin-right: 64px !important; margin-right: 4rem !important}
.mb4 { margin-bottom: 64px !important; margin-bottom: 4rem !important}
.ml4 { margin-left: 64px !important; margin-left: 4rem !important}

.mxn1 { margin-left: -8px; margin-left: -.5rem; margin-right: -8px; margin-right: -.5rem; }
.mxn2 { margin-left: -16px; margin-left: -1rem; margin-right: -16px; margin-right: -1rem; }
.mxn3 { margin-left: -32px; margin-left: -2rem; margin-right: -32px; margin-right: -2rem; }
.mxn4 { margin-left: -64px; margin-left: -4rem; margin-right: -64px; margin-right: -4rem; }
.mx1 { margin-left: 8px; margin-left: .5rem; margin-right: 8px; margin-right: .5rem; }
.mx2 { margin-left: 16px; margin-left: 1rem; margin-right: 16px; margin-right: 1rem; }
.mx3 { margin-left: 32px; margin-left: 2rem; margin-right: 32px; margin-right: 2rem; }
.mx4 { margin-left: 64px; margin-left: 4rem; margin-right: 64px; margin-right: 4rem; }
.mx5 { margin-left: 2px; margin-left: .125rem; margin-right: 2px; margin-right: .125rem; }
.mx6 { margin-left: 4px; margin-left: .25rem; margin-right: 4px; margin-right: .25rem; }

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

.p1  { padding: 8px; padding: .5rem }
.py1 { padding-top: 8px; padding-top: .5rem; padding-bottom: 8px; padding-bottom: .5rem }
.px1 { padding-left: 8px; padding-left: .5rem; padding-right: 8px; padding-right: .5rem }

.p2  { padding: 16px; padding: 1rem }
.py2 { padding-top: 16px; padding-top: 1rem; padding-bottom: 16px; padding-bottom: 1rem }
.px2 { padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem }

.p3  { padding: 32px; padding: 2rem }
.py3 { padding-top: 32px; padding-top: 2rem; padding-bottom: 32px; padding-bottom: 2rem }
.px3 { padding-left: 32px; padding-left: 2rem; padding-right: 32px; padding-right: 2rem }

.p4  { padding: 64px; padding: 4rem }
.py4 { padding-top: 64px; padding-top: 4rem; padding-bottom: 64px; padding-bottom: 4rem }
.px4 { padding-left: 64px; padding-left: 4rem; padding-right: 64px; padding-right: 4rem }

.m5  { margin: 2px; margin: .125rem }
.mt5 { margin-top: 2px; margin-top: .125rem }
.mr5 { margin-right: 2px; margin-right: .125rem }
.mb5 { margin-bottom: 2px; margin-bottom: .125rem }
.ml5 { margin-left: 2px; margin-left: .125rem }
.m6  { margin: 4px; margin: .25rem }
.mt6 { margin-top: 4px; margin-top: .25rem }
.mr6 { margin-right: 4px; margin-right: .25rem }
.mb6 { margin-bottom: 4px !important; margin-bottom: .25rem !important; }
.ml6 { margin-left: 4px; margin-left: .25rem }
.mxn5 { margin-left: -2px; margin-left: -.125rem; margin-right: -2px; margin-right: -.125rem }
.mxn6 { margin-left: -4px; margin-left: -.25rem; margin-right: -4px; margin-right: -.25rem }
.p0 { padding: 0 !important; }
.px0 { padding-left: 0; padding-right: 0; }
.py0 { padding-top: 0; padding-bottom: 0 }
.p5  { padding: 2px; padding: .125rem }
.py5 { padding-top: 2px; padding-top: .125rem; padding-bottom: 2px; padding-bottom: .125rem }
.px5 { padding-left: 2px; padding-left: .125rem; padding-right: 2px; padding-right: .125rem }
.p6  { padding: 4px; padding: .25rem }
.py6 { padding-top: 4px; padding-top: .25rem; padding-bottom: 4px; padding-bottom: .25rem }
.px6 { padding-left: 4px; padding-left: .25rem; padding-right: 4px; padding-right: .25rem }

@media (min-width: 40em) {
  .sm-m0  { margin: 0 !important; }
  .sm-mt0 { margin-top: 0 !important }
  .sm-mr0 { margin-right: 0 !important }
  .sm-mb0 { margin-bottom: 0 !important }
  .sm-ml0 { margin-left: 0 !important }
  .sm-m1  { margin: .5rem !important }
  .sm-mt1 { margin-top: .5rem !important }
  .sm-mr1 { margin-right: .5rem !important }
  .sm-mb1 { margin-bottom: .5rem !important }
  .sm-ml1 { margin-left: .5rem !important }
  .sm-m2  { margin: 1rem !important }
  .sm-mt2 { margin-top: 1rem !important }
  .sm-mr2 { margin-right: 1rem !important }
  .sm-mb2 { margin-bottom: 1rem !important }
  .sm-ml2 { margin-left: 1rem !important }
  .sm-m3  { margin: 2rem !important }
  .sm-mt3 { margin-top: 2rem !important }
  .sm-mr3 { margin-right: 2rem !important }
  .sm-mb3 { margin-bottom: 2rem !important }
  .sm-ml3 { margin-left: 2rem !important }
  .sm-m4  { margin: 4rem !important }
  .sm-mt4 { margin-top: 4rem !important }
  .sm-mr4 { margin-right: 4rem !important }
  .sm-mb4 { margin-bottom: 4rem !important }
  .sm-ml4 { margin-left: 4rem !important }
  .sm-mxn1 { margin-left: -.5rem !important; margin-right: -.5rem !important; }
  .sm-mxn2 { margin-left: -1rem !important; margin-right: -1rem !important; }
  .sm-mxn3 { margin-left: -2rem !important; margin-right: -2rem !important; }
  .sm-mxn4 { margin-left: -4rem !important; margin-right: -4rem !important; margin-left: -64px !important; margin-right: -64px !important;}
	.sm-mx-auto { margin-left: auto !important; margin-right: auto !important; }
	.sm-mx1 { margin-left: 8px !important; margin-left: .5rem !important; margin-right: 8px !important; margin-right: .5rem !important; }
	.sm-mx2 { margin-left: 16px !important; margin-left: 1rem !important; margin-right: 16px !important; margin-right: 1rem !important; }
	.sm-mx3 { margin-left: 32px !important; margin-left: 2rem !important; margin-right: 32px !important; margin-right: 2rem !important; }
	.sm-mx4 { margin-left: 64px !important; margin-left: 4rem !important; margin-right: 64px !important; margin-right: 4rem !important; }
	.sm-mx5 { margin-left: 2px !important; margin-left: .125rem !important; margin-right: 2px !important; margin-right: .125rem !important}
	.sm-mx6 { margin-left: 4px !important; margin-left: .25rem !important; margin-right: 4px !important; margin-right: .25rem !important}
}
@media (min-width: 47.938em) {
  .md-m0  { margin: 0 !important }
  .md-mt0 { margin-top: 0 !important }
  .md-mr0 { margin-right: 0 !important }
  .md-mb0 { margin-bottom: 0 !important }
  .md-ml0 { margin-left: 0 !important }
  .md-m1  { margin: .5rem !important }
  .md-mt1 { margin-top: .5rem !important }
  .md-mr1 { margin-right: .5rem !important }
  .md-mb1 { margin-bottom: .5rem !important }
  .md-ml1 { margin-left: .5rem !important }
  .md-m2  { margin: 1rem !important }
  .md-mt2 { margin-top: 1rem !important }
  .md-mr2 { margin-right: 1rem !important }
  .md-mb2 { margin-bottom: 1rem !important }
  .md-ml2 { margin-left: 1rem !important }
  .md-m3  { margin: 2rem !important }
  .md-mt3 { margin-top: 2rem !important }
  .md-mr3 { margin-right: 2rem !important }
  .md-mb3 { margin-bottom: 2rem !important }
  .md-ml3 { margin-left: 2rem !important }
  .md-m4  { margin: 4rem !important }
  .md-mt4 { margin-top: 4rem !important }
  .md-mr4 { margin-right: 4rem !important }
  .md-mb4 { margin-bottom: 4rem !important }
  .md-ml4 { margin-left: 4rem !important }
  .md-mxn1 { margin-left: -.5rem !important; margin-right: -.5rem !important; }
  .md-mxn2 { margin-left: -1rem !important; margin-right: -1rem !important; }
  .md-mxn3 { margin-left: -2rem !important; margin-right: -2rem !important; }
  .md-mxn4 { margin-left: -4rem !important; margin-right: -4rem !important; margin-left: -64px !important; margin-right: -64px !important;}
	.md-mx-auto { margin-left: auto !important; margin-right: auto !important; }
	.md-mx1 { margin-left: 8px !important; margin-left: .5rem !important; margin-right: 8px !important; margin-right: .5rem !important; }
	.md-mx2 { margin-left: 16px !important; margin-left: 1rem !important; margin-right: 16px !important; margin-right: 1rem !important; }
	.md-mx3 { margin-left: 32px !important; margin-left: 2rem !important; margin-right: 32px !important; margin-right: 2rem !important; }
	.md-mx4 { margin-left: 64px !important; margin-left: 4rem !important; margin-right: 64px !important; margin-right: 4rem !important; }
	.md-mx5 { margin-left: 2px !important; margin-left: .125rem !important; margin-right: 2px !important; margin-right: .125rem !important; }
	.md-mx6 { margin-left: 4px !important; margin-left: .25rem !important; margin-right: 4px !important; margin-right: .25rem !important; }
}
@media (min-width: 65em) {
  .lg-m0  { margin: 0 !important}
  .lg-mt0 { margin-top: 0 !important}
  .lg-mr0 { margin-right: 0 !important}
  .lg-mb0 { margin-bottom: 0 !important}
  .lg-ml0 { margin-left: 0 !important}
  .lg-m1  { margin: .5rem !important}
  .lg-mt1 { margin-top: .5rem !important}
  .lg-mr1 { margin-right: .5rem !important}
  .lg-mb1 { margin-bottom: .5rem !important}
  .lg-ml1 { margin-left: .5rem !important}
  .lg-m2  { margin: 1rem !important}
  .lg-mt2 { margin-top: 1rem !important}
  .lg-mr2 { margin-right: 1rem !important}
  .lg-mb2 { margin-bottom: 1rem !important}
  .lg-ml2 { margin-left: 1rem !important}
  .lg-m3  { margin: 2rem !important}
  .lg-mt3 { margin-top: 2rem !important}
  .lg-mr3 { margin-right: 2rem !important}
  .lg-mb3 { margin-bottom: 2rem !important}
  .lg-ml3 { margin-left: 2rem !important}
  .lg-m4  { margin: 4rem !important}
  .lg-mt4 { margin-top: 4rem !important}
  .lg-mr4 { margin-right: 4rem !important}
  .lg-mb4 { margin-bottom: 4rem !important}
  .lg-ml4 { margin-left: 4rem !important}
  .lg-mxn1 { margin-left: -.5rem !important; margin-right: -.5rem !important; }
  .lg-mxn2 { margin-left: -1rem !important; margin-right: -1rem !important; }
  .lg-mxn3 { margin-left: -2rem !important; margin-right: -2rem !important; }
  .lg-mxn4 { margin-left: -4rem !important; margin-right: -4rem !important; margin-left: -64px !important; margin-right: -64px !important;}
	.lg-mx-auto { margin-left: auto !important; margin-right: auto !important; }
	.lg-mx1 { margin-left: 8px !important; margin-left: .5rem !important; margin-right: 8px !important; margin-right: .5rem !important; }
	.lg-mx2 { margin-left: 16px !important; margin-left: 1rem !important; margin-right: 16px !important; margin-right: 1rem !important; }
	.lg-mx3 { margin-left: 32px !important; margin-left: 2rem !important; margin-right: 32px !important; margin-right: 2rem !important; }
	.lg-mx4 { margin-left: 64px !important; margin-left: 4rem !important; margin-right: 64px !important; margin-right: 4rem !important; }
	.lg-mx5 { margin-left: 2px !important; margin-left: .125rem !important; margin-right: 2px !important; margin-right: .125rem !important; }
	.lg-mx6 { margin-left: 4px !important; margin-left: .25rem !important; margin-right: 4px !important; margin-right: .25rem !important; }
}

@media (min-width: 40em) {
	.sm-p0  { padding: 0 }
	.sm-py0 { padding-top: 0; padding-bottom: 0 }
  .sm-px0 { padding-left: 0; padding-right: 0 }
  .sm-p1  { padding: .5rem }
  .sm-py1 { padding-top: .5rem; padding-bottom: .5rem }
  .sm-px1 { padding-left: .5rem; padding-right: .5rem }
  .sm-p2  { padding: 1rem }
  .sm-py2 { padding-top: 1rem; padding-bottom: 1rem }
  .sm-px2 { padding-left: 1rem; padding-right: 1rem }
  .sm-p3  { padding: 2rem }
  .sm-py3 { padding-top: 2rem; padding-bottom: 2rem }
  .sm-px3 { padding-left: 2rem; padding-right: 2rem }
  .sm-p4  { padding: 4rem }
  .sm-py4 { padding-top: 4rem; padding-bottom: 4rem }
  .sm-px4 { padding-left: 4rem; padding-right: 4rem }
}
@media (min-width: 47.938em) {
	.md-p0  { padding: 0 }
	.md-py0 { padding-top: 0; padding-bottom: 0 }
  .md-px0 { padding-left: 0; padding-right: 0 }
  .md-p1  { padding: .5rem }
  .md-py1 { padding-top: .5rem; padding-bottom: .5rem }
  .md-px1 { padding-left: .5rem; padding-right: .5rem }
  .md-p2  { padding: 1rem }
  .md-py2 { padding-top: 1rem; padding-bottom: 1rem }
  .md-px2 { padding-left: 1rem; padding-right: 1rem }
  .md-p3  { padding: 2rem }
  .md-py3 { padding-top: 2rem; padding-bottom: 2rem }
  .md-px3 { padding-left: 2rem; padding-right: 2rem }
  .md-p4  { padding: 4rem }
  .md-py4 { padding-top: 4rem; padding-bottom: 4rem }
	.md-px4 { padding-left: 4rem; padding-right: 4rem }
	.md-p6  { padding: .25rem }
  .md-py6 { padding-top: .25rem; padding-bottom: .25rem }
  .md-px6 { padding-left: .25rem; padding-right: .25rem }
}
@media (min-width: 65em) {
	.lg-p0  { padding: 0 }
	.lg-py0 { padding-top: 0; padding-bottom: 0 }
  .lg-px0 { padding-left: 0; padding-right: 0 }
  .lg-p1  { padding: .5rem }
  .lg-py1 { padding-top: .5rem; padding-bottom: .5rem }
  .lg-px1 { padding-left: .5rem; padding-right: .5rem }
  .lg-p2  { padding: 1rem }
  .lg-py2 { padding-top: 1rem; padding-bottom: 1rem }
  .lg-px2 { padding-left: 1rem; padding-right: 1rem }
  .lg-p3  { padding: 2rem }
  .lg-py3 { padding-top: 2rem; padding-bottom: 2rem }
  .lg-px3 { padding-left: 2rem; padding-right: 2rem }
  .lg-p4  { padding: 4rem }
  .lg-py4 { padding-top: 4rem; padding-bottom: 4rem }
  .lg-px4 { padding-left: 4rem; padding-right: 4rem }
}

.myn1 { margin-top: -8px; margin-top: -8px; margin-top: -.5rem; margin-bottom: -8px; margin-bottom: -8px; margin-bottom: -.5rem; }
.myn2 { margin-top: -16px; margin-top: -16px; margin-top: -1rem; margin-bottom: -16px; margin-bottom: -16px; margin-bottom: -1rem; }
.myn3 { margin-top: -32px; margin-top: -32px; margin-top: -2rem; margin-bottom: -32px; margin-bottom: -32px; margin-bottom: -2rem; }
.myn4 { margin-top: -64px; margin-top: -64px; margin-top: -4rem; margin-bottom: -64px; margin-bottom: -64px; margin-bottom: -4rem; }
.myn5 { margin-top: -2px; margin-top: -2px; margin-top: -.125rem; margin-bottom: -2px; margin-bottom: -2px; margin-bottom: -.125rem; }
.myn6 { margin-top: -4px; margin-top: -4px; margin-top: -.25rem; margin-bottom: -4px; margin-bottom: -4px; margin-bottom: -.25rem; }
.my1 { margin-top: 8px; margin-top: 8px; margin-top: .5rem; margin-bottom: 8px; margin-bottom: 8px; margin-bottom: .5rem; }
.my2 { margin-top: 16px; margin-top: 16px; margin-top: 1rem; margin-bottom: 16px; margin-bottom: 16px; margin-bottom: 1rem; }
.my3 { margin-top: 32px; margin-top: 32px; margin-top: 2rem; margin-bottom: 32px; margin-bottom: 32px; margin-bottom: 2rem; }
.my4 { margin-top: 64px; margin-top: 64px; margin-top: 4rem; margin-bottom: 64px; margin-bottom: 64px; margin-bottom: 4rem; }
.my5 { margin-top: 2px; margin-top: 2px; margin-top: .125rem; margin-bottom: 2px; margin-bottom: 2px; margin-bottom: .125rem; }
.my6 { margin-top: 4px; margin-top: 4px; margin-top: .25rem; margin-bottom: 4px; margin-bottom: 4px; margin-bottom: .25rem; }

.pt0 { padding-top: 0px; padding-top: 0rem; }
.pt1 { padding-top: 8px; padding-top: .5rem; }
.pt2 { padding-top: 16px; padding-top: 1rem; }
.pt3 { padding-top: 32px; padding-top: 2rem; }
.pt4 { padding-top: 64px; padding-top: 4rem; }
.pt5 { padding-top: 2px; padding-top: .125rem; }
.pt6 { padding-top: 4px; padding-top: .25rem; }
.pb0 { padding-bottom: 0px; padding-bottom: 0rem; }
.pb1 { padding-bottom: 8px; padding-bottom: .5rem; }
.pb2 { padding-bottom: 16px; padding-bottom: 1rem; }
.pb3 { padding-bottom: 32px; padding-bottom: 2rem; }
.pb4 { padding-bottom: 64px; padding-bottom: 4rem; }
.pb5 { padding-bottom: 2px; padding-bottom: .125rem; }
.pb6 { padding-bottom: 4px; padding-bottom: .25rem; }
.pl0 { padding-left: 0px; padding-left: 0rem; }
.pl1 { padding-left: 8px; padding-left: .5rem; }
.pl2 { padding-left: 16px; padding-left: 1rem; }
.pl3 { padding-left: 32px; padding-left: 2rem; }
.pl4 { padding-left: 64px; padding-left: 4rem; }
.pl5 { padding-left: 2px; padding-left: .125rem; }
.pl6 { padding-left: 4px; padding-left: .25rem; }
.pr0 { padding-right: 0px; padding-right: 0rem; }
.pr1 { padding-right: 8px; padding-right: .5rem; }
.pr2 { padding-right: 16px; padding-right: 1rem; }
.pr3 { padding-right: 32px; padding-right: 2rem; }
.pr4 { padding-right: 64px; padding-right: 4rem; }
.pr5 { padding-right: 2px; padding-right: .125rem; }
.pr6 { padding-right: 4px; padding-right: .25rem; }

@media (min-width: 40em) {
	.sm-pt0 { padding-top: 0px; padding-top: 0rem; }
	.sm-pt1 { padding-top: 8px; padding-top: .5rem; }
	.sm-pt2 { padding-top: 16px; padding-top: 1rem; }
	.sm-pt3 { padding-top: 32px; padding-top: 2rem; }
	.sm-pt4 { padding-top: 64px; padding-top: 4rem; }
	.sm-pb0 { padding-bottom: 0px; padding-bottom: 0rem; }
	.sm-pb1 { padding-bottom: 8px; padding-bottom: .5rem; }
	.sm-pb2 { padding-bottom: 16px; padding-bottom: 1rem; }
	.sm-pb3 { padding-bottom: 32px; padding-bottom: 2rem; }
	.sm-pb4 { padding-bottom: 64px; padding-bottom: 4rem; }
	.sm-pl0 { padding-left: 0px; padding-left: 0rem; }
	.sm-pl1 { padding-left: 8px; padding-left: .5rem; }
	.sm-pl2 { padding-left: 16px; padding-left: 1rem; }
	.sm-pl3 { padding-left: 32px; padding-left: 2rem; }
	.sm-pl4 { padding-left: 64px; padding-left: 4rem; }
	.sm-pr0 { padding-right: 0px; padding-right: 0rem; }
	.sm-pr1 { padding-right: 8px; padding-right: .5rem; }
	.sm-pr2 { padding-right: 16px; padding-right: 1rem; }
	.sm-pr3 { padding-right: 32px; padding-right: 2rem; }
	.sm-pr4 { padding-right: 64px; padding-right: 4rem; }
	.sm-myn1 { margin-top: -8px; margin-top: -.5rem; margin-bottom: -8px; margin-bottom: -.5rem; }
	.sm-myn2 { margin-top: -16px; margin-top: -1rem; margin-bottom: -16px; margin-bottom: -1rem; }
	.sm-myn3 { margin-top: -32px; margin-top: -2rem; margin-bottom: -32px; margin-bottom: -2rem; }
	.sm-myn4 { margin-top: -64px; margin-top: -4rem; margin-bottom: -64px; margin-bottom: -4rem; }
	.sm-myn5 { margin-top: -2px; margin-top: -.125rem; margin-bottom: -2px; margin-bottom: -.125rem; }
	.sm-myn6 { margin-top: -4px; margin-top: -.25rem; margin-bottom: -4px; margin-bottom: -.25rem; }
	.sm-mxn5 { margin-left: -2px; margin-left: -.125rem; margin-right: -2px; margin-right: -.125rem }
	.sm-mxn6 { margin-left: -4px; margin-left: -.25rem; margin-right: -4px; margin-right: -.25rem }
	.sm-my1 { margin-top: 8px; margin-top: 8px; margin-top: .5rem; margin-bottom: 8px; margin-bottom: 8px; margin-bottom: .5rem; }
	.sm-my2 { margin-top: 16px; margin-top: 16px; margin-top: 1rem; margin-bottom: 16px; margin-bottom: 16px; margin-bottom: 1rem; }
	.sm-my3 { margin-top: 32px; margin-top: 32px; margin-top: 2rem; margin-bottom: 32px; margin-bottom: 32px; margin-bottom: 2rem; }
	.sm-my4 { margin-top: 64px; margin-top: 64px; margin-top: 4rem; margin-bottom: 64px; margin-bottom: 64px; margin-bottom: 4rem; }
	.sm-my5 { margin-top: 2px; margin-top: 2px; margin-top: .125rem; margin-bottom: 2px; margin-bottom: 2px; margin-bottom: .125rem; }
	.sm-my6 { margin-top: 4px; margin-top: 4px; margin-top: .25rem; margin-bottom: 4px; margin-bottom: 4px; margin-bottom: .25rem; }
}

@media (min-width: 47.938em) {
	.md-pt0 { padding-top: 0px; padding-top: 0rem; }
	.md-pt1 { padding-top: 8px; padding-top: .5rem; }
	.md-pt2 { padding-top: 16px; padding-top: 1rem; }
	.md-pt3 { padding-top: 32px; padding-top: 2rem; }
	.md-pt4 { padding-top: 64px; padding-top: 4rem; }
	.md-pb0 { padding-bottom: 0px; padding-bottom: 0rem; }
	.md-pb1 { padding-bottom: 8px; padding-bottom: .5rem; }
	.md-pb2 { padding-bottom: 16px; padding-bottom: 1rem; }
	.md-pb3 { padding-bottom: 32px; padding-bottom: 2rem; }
	.md-pb4 { padding-bottom: 64px; padding-bottom: 4rem; }
	.md-pl0 { padding-left: 0px; padding-left: 0rem; }
	.md-pl1 { padding-left: 8px; padding-left: .5rem; }
	.md-pl2 { padding-left: 16px; padding-left: 1rem; }
	.md-pl3 { padding-left: 32px; padding-left: 2rem; }
	.md-pl4 { padding-left: 64px; padding-left: 4rem; }
	.md-pr0 { padding-right: 0px; padding-right: 0rem; }
	.md-pr1 { padding-right: 8px; padding-right: .5rem; }
	.md-pr2 { padding-right: 16px; padding-right: 1rem; }
	.md-pr3 { padding-right: 32px; padding-right: 2rem; }
	.md-pr4 { padding-right: 64px; padding-right: 4rem; }
	.md-myn1 { margin-top: -8px; margin-top: -.5rem; margin-bottom: -8px; margin-bottom: -.5rem; }
	.md-myn2 { margin-top: -16px; margin-top: -1rem; margin-bottom: -16px; margin-bottom: -1rem; }
	.md-myn3 { margin-top: -32px; margin-top: -2rem; margin-bottom: -32px; margin-bottom: -2rem; }
	.md-myn4 { margin-top: -64px; margin-top: -4rem; margin-bottom: -64px; margin-bottom: -4rem; }
	.md-myn5 { margin-top: -2px; margin-top: -.125rem; margin-bottom: -2px; margin-bottom: -.125rem; }
	.md-myn6 { margin-top: -4px; margin-top: -.25rem; margin-bottom: -4px; margin-bottom: -.25rem; }
	.md-mxn5 { margin-left: -2px; margin-left: -.125rem; margin-right: -2px; margin-right: -.125rem }
	.md-mxn6 { margin-left: -4px; margin-left: -.25rem; margin-right: -4px; margin-right: -.25rem }
	.md-my1 { margin-top: 8px; margin-top: 8px; margin-top: .5rem; margin-bottom: 8px; margin-bottom: 8px; margin-bottom: .5rem; }
	.md-my2 { margin-top: 16px; margin-top: 16px; margin-top: 1rem; margin-bottom: 16px; margin-bottom: 16px; margin-bottom: 1rem; }
	.md-my3 { margin-top: 32px; margin-top: 32px; margin-top: 2rem; margin-bottom: 32px; margin-bottom: 32px; margin-bottom: 2rem; }
	.md-my4 { margin-top: 64px; margin-top: 64px; margin-top: 4rem; margin-bottom: 64px; margin-bottom: 64px; margin-bottom: 4rem; }
	.md-my5 { margin-top: 2px; margin-top: 2px; margin-top: .125rem; margin-bottom: 2px; margin-bottom: 2px; margin-bottom: .125rem; }
	.md-my6 { margin-top: 4px; margin-top: 4px; margin-top: .25rem; margin-bottom: 4px; margin-bottom: 4px; margin-bottom: .25rem; }
}

@media (min-width: 65em) {
	.lg-pt0 { padding-top: 0px; padding-top: 0rem; }
	.lg-pt1 { padding-top: 8px; padding-top: .5rem; }
	.lg-pt2 { padding-top: 16px; padding-top: 1rem; }
	.lg-pt3 { padding-top: 32px; padding-top: 2rem; }
	.lg-pt4 { padding-top: 64px; padding-top: 4rem; }
	.lg-pb0 { padding-bottom: 0px; padding-bottom: 0rem; }
	.lg-pb1 { padding-bottom: 8px; padding-bottom: .5rem; }
	.lg-pb2 { padding-bottom: 16px; padding-bottom: 1rem; }
	.lg-pb3 { padding-bottom: 32px; padding-bottom: 2rem; }
	.lg-pb4 { padding-bottom: 64px; padding-bottom: 4rem; }
	.lg-pl0 { padding-left: 0px; padding-left: 0rem; }
	.lg-pl1 { padding-left: 8px; padding-left: .5rem; }
	.lg-pl2 { padding-left: 16px; padding-left: 1rem; }
	.lg-pl3 { padding-left: 32px; padding-left: 2rem; }
	.lg-pl4 { padding-left: 64px; padding-left: 4rem; }
	.lg-pr0 { padding-right: 0px; padding-right: 0rem; }
	.lg-pr1 { padding-right: 8px; padding-right: .5rem; }
	.lg-pr2 { padding-right: 16px; padding-right: 1rem; }
	.lg-pr3 { padding-right: 32px; padding-right: 2rem; }
	.lg-pr4 { padding-right: 64px; padding-right: 4rem; }
	.lg-myn1 { margin-top: -8px; margin-top: -.5rem; margin-bottom: -8px; margin-bottom: -.5rem; }
	.lg-myn2 { margin-top: -16px; margin-top: -1rem; margin-bottom: -16px; margin-bottom: -1rem; }
	.lg-myn3 { margin-top: -32px; margin-top: -2rem; margin-bottom: -32px; margin-bottom: -2rem; }
	.lg-myn4 { margin-top: -64px; margin-top: -4rem; margin-bottom: -64px; margin-bottom: -4rem; }
	.lg-myn5 { margin-top: -2px; margin-top: -.125rem; margin-bottom: -2px; margin-bottom: -.125rem; }
	.lg-myn6 { margin-top: -4px; margin-top: -.25rem; margin-bottom: -4px; margin-bottom: -.25rem; }
	.lg-mxn5 { margin-left: -2px; margin-left: -.125rem; margin-right: -2px; margin-right: -.125rem }
	.lg-mxn6 { margin-left: -4px; margin-left: -.25rem; margin-right: -4px; margin-right: -.25rem }
	.lg-my1 { margin-top: 8px; margin-top: 8px; margin-top: .5rem; margin-bottom: 8px; margin-bottom: 8px; margin-bottom: .5rem; }
	.lg-my2 { margin-top: 16px; margin-top: 16px; margin-top: 1rem; margin-bottom: 16px; margin-bottom: 16px; margin-bottom: 1rem; }
	.lg-my3 { margin-top: 32px; margin-top: 32px; margin-top: 2rem; margin-bottom: 32px; margin-bottom: 32px; margin-bottom: 2rem; }
	.lg-my4 { margin-top: 64px; margin-top: 64px; margin-top: 4rem; margin-bottom: 64px; margin-bottom: 64px; margin-bottom: 4rem; }
	.lg-my5 { margin-top: 2px; margin-top: 2px; margin-top: .125rem; margin-bottom: 2px; margin-bottom: 2px; margin-bottom: .125rem; }
	.lg-my6 { margin-top: 4px; margin-top: 4px; margin-top: .25rem; margin-bottom: 4px; margin-bottom: 4px; margin-bottom: .25rem; }
}




/* --------------------------------- cloud_account ------------------------------------ */

.org-type-btn {
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	cursor: pointer;
	font-weight: 500;
	box-sizing: border-box;
	text-align: center;
	padding: 12px 16px;
	height: 48px;
}
.org-type-btn:hover {
	background: #fff;
	color: var(--cloud-navy-3);
}

.error-alert {
	box-sizing: border-box;
	padding: 10px 16px;
	color: #fff;
	border-radius: 0 0 .25em .25em;
	font-weight: 500;
	font-size: .875rem;
	font-size: 14px;
	position: absolute;
	top: 0;
	width: fit-content;
	display: table;
	margin: 0 auto 0 auto;
	left: 0;
	right: 0;
}

.error-alert-login {
	padding: .5rem .75rem;
	padding: 8px 12px;
	margin-bottom: 1rem;
	margin-bottom: 16px;
	border-radius: 100rem;
	background: var(--cloud-off-white);
	font-weight: 500;
	font-size: .875rem;
	font-size: 14px;
}

.email-verification-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	overflow: hidden;
	background: var(--cloud-off-white);
}
.email-verification {
	position: relative;
	background: #fff;
	width: fit-content;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
	padding: 32px;
	margin: 64px auto;
	box-shadow: 0px 0px 12px 2px rgba(26,40,49,.05);
	border-radius: var(--cloud-border-radius);
}
.email-verification-title {
	text-align: center;
	font-weight: 600;
	font-size: 1rem;
	font-size: 16px;
	line-height: 1.25;
	margin-bottom: 16px;
	padding: 0px 32px;
}

.log-in-sidebar-header {
	display: block;
	color: var(--cloud-navy-2);
	padding: 24px;
	border-bottom: 1px solid var(--cloud-light-gray);
}

@keyframes slideInNav {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 65em) {
	.account-sidebar-container,
	.account-nav-bottom-container {
		display: none;
	}
	.account-sidebar-container-collapsed {
		display: block;
	}
}
@media (max-width: 65em) {
	.account-sidebar-container-collapsed {
		display: none;
	}
}
@media (min-width: 47.938em) {
	#account-home {
		background: var(--cloud-console-sidebar-bg);
	}
}
.account-sidebar,
.account-nav-bottom-container {
	width: var(--cloud-sidebar-width);
}
.account-sidebar-container,
.account-sidebar-container-collapsed {
	background: var(--cloud-console-sidebar-bg);
}
.account-sidebar {
	position: relative;
	height: 100%;
	/* flex: 0 0 auto; */
	/* background: var(--cloud-gray); */
	/* background: #e2e3e8; */
	background: var(--cloud-console-sidebar-bg);
	box-sizing: border-box;
}
.account-sidebar-collapsed {
	width: 72px;
	box-sizing: border-box;
	position: relative;
	height: 100%;
	background: var(--cloud-console-sidebar-bg);
}
#account-home {
	background: var(--cloud-off-white);
}
.account-sidebar-header-collapsed {
	color: var(--cloud-key);
	padding: 24px;
	padding: 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(130,132,136,.25);
}
.account-sidebar-header-logo-collapsed {
	margin: 0;
	width: 24px;
	box-sizing: border-box;
	fill: var(--cloud-navy-4);
}

.account-sidebar-header-container,
.account-mobile-header {
	color: var(--cloud-key);
	padding: 24px 24px 20px;
	padding: 1.5rem 1.5rem 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
.account-sidebar-header-logo {
	margin: 0;
	width: 112px;
	box-sizing: border-box;
	fill: var(--cloud-palest-blue);
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
}
.account-sidebar-header-logo:hover {
	fill: var(--cloud-navy-5);
}
.account-sidebar-header-btn {
	display: flex;
	margin: 0;
	box-sizing: border-box;
	fill: var(--cloud-navy-1);
	width: 20px;
	transition: all .2s ease-in-out;
}
.account-sidebar-header-btn:hover {
	fill: var(--cloud-navy-4);
	transform: rotate(30deg);
}
.account-nav-container {
	color: var(--cloud-navy-1);
}
.account-nav-bottom-container {
	position: fixed;
	bottom: 0;
	margin: 24px 0px 16px 0px;
}

@media (max-height: 674px) {
	.account-nav-bottom-container {
		position: relative;
	}
}

.test-toggle-container {
	cursor: pointer;
	color: #fff;
}

.account-nav-link-container,
.test-toggle-container,
.account-nav-link-bottom-container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	vertical-align: middle;
	text-decoration: none;
	opacity: 1;
	letter-spacing: 0.025em;
	font-weight: 400;
	font-size: .875rem;
	font-size: 14px;
	padding: 7px 24px 7px 28px;
	border-radius: 0 100rem 100rem 0;
	box-sizing: border-box;
	border-style: solid;
	border-color:  var(--cloud-console-sidebar-bg);
	border-width: 1px 1px 1px 0;
	transition: all .15s ease-in-out;
  -webkit-transition: all .15s ease-in-out;
}
.account-nav-link-container-collapsed, .test-toggle-container-collapsed {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	vertical-align: middle;
	text-decoration: none;
	opacity: 1;
	padding: 1.5rem;
	padding: 24px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(130,132,136,.25);
}
.test-toggle-container-collapsed {
	height: 69px;
}
.account-nav-link-container:hover,
.account-nav-link-bottom-container:hover {
	fill: var(--cloud-blue);
	color: var(--cloud-blue);
}
.test-toggle-container:hover {
	fill: var(--cloud-pink);
	color: var(--cloud-pink);
}
.account-nav-link-container:hover {
	/* background: var(--cloud-navy-1); */
}
.account-nav-link-active::after {
	content: url('/icons/chevron-right.svg');
	width: 8px;
	right: 24px;
	top: 3px;
	position: absolute;
}
.account-nav-link-container-collapsed:hover,
.account-nav-link-container-collapsed:hover::after,
.account-nav-link-active-collapsed::after {
	fill: var(--cloud-blue);
}
.account-nav-link-active .account-nav-link-container {
	/* background: var(--cloud-navy-2); */
	/* border-color: var(--cloud-navy-2); */
}

.account-nav-link-container.account-nav-border {
	border-bottom: 1px solid var(--cloud-navy-2);
	border-top: 1px solid var(--cloud-navy-2);
}

.account-nav-profile-container {
	padding: 8px 0px;
	padding: .5rem 0rem;
}
.account-nav-profile-icon {
	width: 64px;
	margin-bottom: 8px;
	margin-bottom: .5rem;
}
.account-nav-profile-name {
	font-size: 16px;
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: var(--cloud-letter-spacing);
}
.account-nav-profile-role {
	font-size: 12px;
	font-size: .75rem;
	font-weight: 300;
	letter-spacing: var(--cloud-letter-spacing);
	color: var(--cloud-navy-4);
}
.account-nav-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.account-nav-icon {
	width: 20px;
	height: 20px;
	fill: #fff;
}
.account-nav-link-name {
	display: flex;
	box-sizing: border-box;
	font-size: 12px;
	white-space: nowrap;
}
.test-toggle-nav-link-name {
	white-space: nowrap;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .02em;
}





/*------ cloud_account_content ------*/
.account-min-height {
	min-height: 100vh !important;
}
.account-container {
	/* color: var(--cloud-key); */
	color: var(--cloud-navy-1);
	width: 100%;
	box-sizing: border-box;
	position: relative;
	background: var(--cloud-palest-blue);
	/* background: var(--cloud-off-white); */
	box-shadow: -4px 0px 12px 0px rgba(8,14,26,.35);
	/* border-radius: .35rem 0rem 0rem .35rem; */
}
.account-content-container {
	box-sizing: border-box;
	-webkit-box-pack: center; 
	-ms-flex-pack: center; 
	justify-content: center;
}

.account-header {
	width: 100%;
	padding: 0px 40px;
	box-sizing: border-box;
	position: relative;
	/* background: #fff; */
	/* border-bottom: 1px solid rgba(26,40,49,.05); */
	/* box-shadow: 0px 2px 6px 2px rgba(26,40,49, .025); */
	z-index: 4;
	/* border-radius: var(--cloud-border-radius) 0 0 0; */
	/* max-height: 120px; */
	overflow-y: visible;
}
.account-header-top {
	height: var(--cloud-account-header-top-height);
	max-height: var(--cloud-account-header-top-height);
	min-height: var(--cloud-account-header-top-height);
}
.account-heading-text {
	font-size: 32px;
	font-size: 2rem;
	font-weight: 400;
	max-width: var(--cloud-container-width);
	padding: 40px 40px 0;
	background: var(--cloud-palest-blue);
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.account-content {
	max-width: var(--cloud-container-width);
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 24px 40px 140px 40px;
	background: var(--cloud-palest-blue);
	min-height: calc(100vh - 156px);
	position: relative;
}
@media (max-width: 65em) {
	.account-content {
		padding: 24px 16px 180px 16px;
	}
	.account-heading-text {
		padding: 24px 16px 0px;
		font-size: 28px;
		font-size: 1.75rem;
	}
	.account-header {
		padding: 0px 16px;
	}
}
.profile-icon {
	width: 32px;
	box-sizing: border-box;
	display: block;
	fill: var(--cloud-navy-5);
	transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
}
.profile-icon:hover {
	fill: var(--cloud-navy-4);
}
.account-header-dropdown {
	position: absolute;
	background: #fff;
	right: 0;
	top: 40px;
	z-index: 9999;
	min-width: 216px;
	box-shadow: 0px 0px 4px 0px var(--cloud-light-gray);
	border: 1px solid var(--cloud-pale-blue);
	border-radius: var(--cloud-card-radius);
}
/* .account-header-dropdown::before {
	border-bottom: 9px solid rgba(255,255,255,1);
	border-left: 9px solid rgba(26,40,49,0);
	border-right: 9px solid rgba(26,40,49,0);
	content: "";
	display: inline-block;
	left: 91%;
	position: absolute;
	top: -9px;
} */
.account-content-heading-container {
	margin-bottom: 4rem;
	box-sizing: border-box;
}
.account-content-heading-container h1 {
	font-size: 32px;
	font-size: 2rem;
	line-height: normal;
	margin: 0;
}

.account-subnav-active {
	box-shadow: inset 0 -2px var(--cloud-navy-2);
}
.account-filter-dropdown {
	padding-bottom: 8px;
	box-shadow: inset 0 -1px var(--cloud-navy-5);
}
.account-filter-dropdown:hover {
	box-shadow: inset 0 -1px var(--cloud-navy-2);
}

/* .api-key-to-copy {
	font-weight: 500;
	font-size: .875rem;
	font-size: 14px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
	box-sizing: border-box;
} */
.api-key-text {
	font-family: 'Roboto Mono', 'Menlo', 'Monaco', 'Source Sans Pro', Consolas, monospace !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	word-break: break-all !important;
	text-transform: none !important;
}


svg {display: block;}

.account-dropdown {
	position: absolute;
	background: #fff;
	color: var(--cloud-blue);
	left: 31px;
	top: 42px;
	z-index: 999;
	box-shadow: 0px 0px 10px 2px var(--cloud-light-gray);
	border-radius: var(--cloud-card-radius);
}

.account-dropdown::before {
	border-bottom: 6px solid rgba(255,255,255,1);
	border-left: 6px solid rgba(26,40,49,0);
	border-right: 6px solid rgba(26,40,49,0);
	content: "";
	display: inline-block;
	left: 9px;
	position: absolute;
	top: -6px;
}

.account-dropdown-btn:hover {
	background: #fff !important;
	color: var(--cloud-blue) !important;
}
.account-dropdown-btn:active,
.account-dropdown-btn:focus {
	box-shadow: inset 0 0 0 20rem rgba(26,40,49,.02),inset 0 3px 4px 0 rgba(26,40,49,.02),0 0 1px rgba(26,40,49,.02) !important;
	color: var(--cloud-blue) !important;
}
.account-dropdown-btn { font-size: 12px !important; }


/*--------- cloud_account_text ---------*/

.account-text-smallest {
	font-size: 12px;
	font-size: .75rem;
	font-weight: 400;
	margin-bottom: 2px;
}
.account-text-small {
	font-size: 14px;
	font-size: .875rem;
	font-weight: 400;
	margin-bottom: 4px;
}
.account-text-med {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 4px;
}
a.account-text-small {
	font-weight: 400;
}



/*------- cloud_account_btn --------*/

.account-btn {
	letter-spacing: 0.075em;
	text-transform: uppercase;
	font-weight: 600;
}
.account-btn-shadow {
	box-shadow: 0px 4px 18px 0px var(--cloud-shadow-main);
}
.account-btn-shadow-gray {
	box-shadow: 0px 4px 18px 0px var(--cloud-shadow-gray);
}
.account-btn-shadow:hover,
.account-btn-shadow-gray:hover {
	transform: translateY(-2px);
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  text-decoration: none;
}
.account-btn-shadow:hover {
	box-shadow: 0px 6px 24px 0px var(--cloud-shadow-main);
}
.account-btn-shadow-gray:hover {
	box-shadow: 0px 6px 24px 0px var(--cloud-shadow-gray);
}




/* --------------------------------- cloud_pricing ------------------------------------ */
.price-tier-text {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .02em;
	font-weight: 600;
	white-space: nowrap;
	line-height: 1;
}
.price-item-padding {
	padding: 6px 0px;
}
.price-mobile-item {
	font-size: .875rem;
	font-size: 14px;
	margin: 0;
	box-sizing: border-box;
}

.tier-text-height {
	min-height: auto;	
}
@media (min-width: 65em) {
	.tier-text-height {
		min-height: 63px;	
	}	
}

.price-mobile-item.monospace-item {
	font-size: 13px;
	font-family: 'Roboto Mono', 'Menlo', monospace, 'Monaco', 'Source Sans Pro', Consolas;
	/* text-transform: lowercase; */
}
.price-mobile-item .tag-sm {
	font-family: 'Roboto Mono', 'Menlo', monospace, 'Monaco', 'Source Sans Pro', Consolas;
	vertical-align: middle;
}
.price-check {
	fill: var(--cloud-navy-5);
	/* fill: var(--cloud-purple-blue); */
	width: 16px;
	margin-right: 8px;
}
.price-check-black {
	fill: var(--cloud-navy-1);
	width: 13px;
}
.price-x {
	fill: var(--cloud-navy-5);
	width: 12px;
	margin-right: 8px;
}
.price-check-small {
	fill: var(--cloud-navy-5);
	width: 12px;
	margin-right: 10px;
}
.price-compare-item {
	text-align: center;
	font-weight: 500;
	font-size: .875rem;
	font-size: 14px;
	line-height: 1;
	margin: 0;
}
.rectangle-tag {
	height: 60px;
	width: 100px;
	overflow: hidden;
	background: var(--cloud-blue);
	position: absolute;
	top: 0;
	right: 0;
	border-radius: var(--cloud-card-radius) var(--cloud-card-radius) 0 0;
}

.triangle-tag-container {
	height: 80px;
	width: 80px;
	overflow: hidden;
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 var(--cloud-card-radius) 0 0;
}
.triangle-tag {
  width: 0;
  height: 0;
  border-top: 80px solid var(--cloud-blue);
  border-left: 80px solid transparent;
}


/* --------------------------------- cloud_misc ------------------------------------ */

.underline-10-green {
	box-shadow: inset 0px -10px var(--cloud-green);
}
.underline-10-purple {
	box-shadow: inset 0px -10px var(--cloud-purple);
}
.underline-10-blue {
	box-shadow: inset 0px -10px var(--cloud-blue);
}
.underline-10-light-blue {
	box-shadow: inset 0px -10px var(--cloud-light-blue);
}
.underline-10-red {
	box-shadow: inset 0px -10px var(--cloud-red);
}
.underline-10-yellow {
	box-shadow: inset 0px -10px var(--cloud-yellow);
}
.underline-10-magenta {
	box-shadow: inset 0px -10px var(--cloud-main);
}
.underline-10-orange {
	box-shadow: inset 0px -10px var(--cloud-orange);
}
.underline-4-green {
	box-shadow: inset 0px -4px var(--cloud-green);
}
.underline-4-purple {
	box-shadow: inset 0px -4px var(--cloud-purple);
}
.underline-4-blue {
	box-shadow: inset 0px -4px var(--cloud-blue);
}
.underline-4-light-blue {
	box-shadow: inset 0px -4px var(--cloud-light-blue);
}
.underline-4-red {
	box-shadow: inset 0px -4px var(--cloud-red);
}
.underline-4-yellow {
	box-shadow: inset 0px -4px var(--cloud-yellow);
}
.underline-4-magenta {
	box-shadow: inset 0px -4px var(--cloud-main);
}
.underline-4-orange {
	box-shadow: inset 0px -4px var(--cloud-orange);
}


.filter-invert {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}


#alerts-engine-diagram-container,
#rules-engine-diagram-container {
	padding-top: 2rem;
}
@media (min-width: 47.938em){
	#alerts-engine-diagram-container,
	#rules-engine-diagram-container {
		padding-top: 15rem;
	}
}

.pointer-no-event {
	pointer-events: none;
}
.not-allowed {
	pointer-events: none;
	cursor: not-allowed;
}
.show-on-hover {
	cursor: pointer;
}
.show-on-hover .hidden-el {
	opacity: 0;
	transition: all .5s var(--cloud-cubic-bezier);
}
.show-on-hover:hover .hidden-el {
	opacity: 1;
	transition: all .5s var(--cloud-cubic-bezier);
}

.border-pale-blue-outset {
	-ms-box-shadow: 0px 0px 0px 1px var(--cloud-pale-blue);
  -moz-box-shadow: 0px 0px 0px 1px var(--cloud-pale-blue);
  -webkit-box-shadow: 0px 0px 0px 1px var(--cloud-pale-blue);
	box-shadow: 0px 0px 0px 1px var(--cloud-pale-blue);
}
.border-pale-blue-inset {
	-ms-box-shadow: inset 0px 0px 0px 1px var(--cloud-pale-blue);
  -moz-box-shadow: inset 0px 0px 0px 1px var(--cloud-pale-blue);
  -webkit-box-shadow: inset 0px 0px 0px 1px var(--cloud-pale-blue);
	box-shadow: inset 0px 0px 0px 1px var(--cloud-pale-blue);
}
.border-bottom-pale-blue-inset {
	-ms-box-shadow: inset 0px -1px 0px 1px var(--cloud-pale-blue);
  -moz-box-shadow: inset 0px -1px 0px 1px var(--cloud-pale-blue);
  -webkit-box-shadow: inset 0px -1px 0px 1px var(--cloud-pale-blue);
	box-shadow: inset 0px -1px 0px 1px var(--cloud-pale-blue);
}
.border-inset-shadow-top {
	box-shadow: inset 0px 8px 24px -8px rgba(26,40,49,.05),;
	-webkit-box-shadow: inset 0px 8px 24px -8px rgba(26,40,49,.05),;
}
.border-inset-shadow-bottom {
	box-shadow: inset 0px -8px 24px -8px rgba(26,40,49,.05),;
	-webkit-box-shadow: inset 0px -8px 24px 8px rgba(26,40,49,.05),;
}
.rounded-pill {
	border-radius: 100rem !important;
}
.rounded-pill-item {
	border-radius: 100rem;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: var(--cloud-navy-0) default;
	width: fit-content;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
	box-sizing: border-box;
	padding: .5rem 1rem;
	padding: 8px 16px;
}
.rounded {
	border-radius: var(--cloud-border-radius);
}
.border-radius-0 {
	border-radius: 0 !important;
}
.rounded-top { border-radius: var(--cloud-border-radius) var(--cloud-border-radius) 0 0 !important}
.rounded-right { border-radius: 0 var(--cloud-border-radius) var(--cloud-border-radius) 0 !important}
.rounded-bottom { border-radius: 0 0 var(--cloud-border-radius) var(--cloud-border-radius) !important}
.rounded-left { border-radius: var(--cloud-border-radius) 0 0 var(--cloud-border-radius) !important}
.rounded-top-left { border-radius: var(--cloud-border-radius) 0 0 0;}
.rounded-top-right { border-radius: 0 var(--cloud-border-radius) 0 0;}
.rounded-bottom-right { border-radius: 0 0 var(--cloud-border-radius) 0;}
.rounded-bottom-left { border-radius: 0 0 0 var(--cloud-border-radius);}

.line-height-0 {
	line-height: 0 !important;
}
.rotate-45 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.rotate-90 {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.rotate-180 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.rotate-270 {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
.flip-horizontal {
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
}
.flip-vertical {
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
}

.flex-1-auto {
	flex: 1 auto;
	-webkit-box-flex: 1 auto;
	-webkit-flex: 1 auto;
	-ms-flex: 1 auto;
}

.flex-basis-15 {
	flex-basis: 15%;
}
.flex-basis-20 {
	flex-basis: 20%;
}
.flex-basis-25 {
	flex-basis: 25%;
}
.flex-basis-30 {
	flex-basis: 30%;
}
.flex-basis-33 {
	flex-basis: 33%;
}
.flex-basis-40 {
	flex-basis: 40%;
}
.flex-basis-50 {
	flex-basis: 50%;
}
.flex-basis-60 {
	flex-basis: 60%;
}
.flex-basis-75 {
	flex-basis: 75%;
}
.flex-basis-80 {
	flex-basis: 80%;
}
.flex-basis-85 {
	flex-basis: 85%;
}

.referral-link-container {
	font-size: 16px;
	font-size: 1rem;
	height: 4px;
	height: 3rem;
	line-height: 1;
	padding: 16px;
	padding: 1rem;
	border: 1px solid var(--cloud-main);
	border-radius: var(--cloud-border-radius);
	box-sizing: border-box;
	font-weight: 600;
}

.delay-150 { animation-delay: .15s !important; -webkit-animation-delay: .15s !important; }
.delay-250 { animation-delay: .25s !important; -webkit-animation-delay: .25s !important; }
.delay-500 { animation-delay: .5s !important; -webkit-animation-delay: .5s !important; }
.delay-750 { animation-delay: .75s !important; -webkit-animation-delay: .75s !important; }
.delay-1000 { animation-delay: 1s !important; -webkit-animation-delay: 1s !important; }
.delay-1250 { animation-delay: 1.25s !important; -webkit-animation-delay: 1.25s !important; }
.delay-1500 { animation-delay: 1.5s !important; -webkit-animation-delay: 1.5s !important; }
.delay-1750 { animation-delay: 1.75s !important; -webkit-animation-delay: 1.75s !important; }
.delay-2000 { animation-delay: 2s !important; -webkit-animation-delay: 2s !important; }
.delay-3000 { animation-delay: 3s !important; -webkit-animation-delay: 3s !important; }
.delay-4000 { animation-delay: 4s !important; -webkit-animation-delay: 4s !important; }

.stroke-dash-0 { stroke-dasharray: 0 3 !important; }
.stroke-dash-1 { stroke-dasharray: 1 3 !important; }
.stroke-dash-10 { stroke-dasharray: 10 !important; }
.stroke-dash-25 { stroke-dasharray: 25 !important; }
.stroke-dash-50 { stroke-dasharray: 50 !important; }
.stroke-dash-100 { stroke-dasharray: 100 !important; }
.stroke-dash-300 { stroke-dasharray: 300 !important; }
.stroke-dash-600 { stroke-dasharray: 600 !important; }
.stroke-dash-1000 { stroke-dasharray: 1000 !important; }
.bounce-sm {
	animation: bounceVerticalSm 2s linear alternate infinite;
	-webkit-animation: bounceVerticalSm 2s linear alternate infinite;
	transform: translateY(-2px);
}
.line-bounce {
	animation: bounceVertical 2s cubic-bezier(.55,.64,.78,.57) alternate infinite;
	-webkit-animation: bounceVertical 2s cubic-bezier(.55,.64,.78,.57) alternate infinite;
	transform: translateY(-6px);
}
.path-rotate-slow-reverse {
	animation: dashedRotateReverse 85s cubic-bezier(.27,.73,.97,.72) alternate infinite;
	-webkit-animation: dashedRotateReverse 85s cubic-bezier(.27,.73,.97,.72) alternate infinite;
}
.path-rotate-slow {
	animation: dashedRotate 60s cubic-bezier(.52,.08,.04,.99) alternate infinite;
	-webkit-animation: dashedRotate 60s cubic-bezier(.52,.08,.04,.99) alternate infinite;
}
.path-rotate {
	animation: dashedRotate 10s cubic-bezier(.52,.08,.04,.99) alternate infinite;
	-webkit-animation: dashedRotate 10s cubic-bezier(.52,.08,.04,.99) alternate infinite;
}
.path-rotate-forward {
	animation: dashedRotate 10s ease-in normal infinite;
	-webkit-animation: dashedRotate 10s ease-in normal infinite;
	stroke-dasharray: 4 8;
}
.path-rotate-forward-small {
	animation: dashedRotateSmall 3s linear normal infinite;
	-webkit-animation: dashedRotateSmall 3s linear normal infinite;
	stroke-dasharray: 4 8;
}
.path-rotate-reverse-small {
	animation: dashedRotateSmall 3s linear reverse infinite;
	-webkit-animation: dashedRotateSmall 3s linear reverse infinite;
	stroke-dasharray: 4 8;
}
.path-rotate-reverse {
	animation: dashedRotate 10s ease-in reverse infinite;
	-webkit-animation: dashedRotate 10s ease-in reverse infinite;
	stroke-dasharray: 4 8;
}
.path-rotate-reverse-slow {
	animation: dashedRotate 120s linear reverse;
	-webkit-animation: dashedRotate 120s linear reverse;
	stroke-dasharray: 3 6;
}
.path-draw {
	animation: pathDraw 15s cubic-bezier(.52,.08,.04,.99) alternate infinte;
	-webkite-animation: pathDraw 15s cubic-bezier(.52,.08,.04,.99) alternate infinte;
}

@keyframes dashedRotateSmall {
  to { stroke-dashoffset: 90; }
}
@keyframes dashedRotate {
  to { stroke-dashoffset: 1000; }
}
@keyframes dashedRotateReverse {
  to { stroke-dashoffset: -1000; }
}
@keyframes pathDraw {
  to { stroke-dashoffset: 0; }
}
@keyframes bounceVertical {
  0% { transform: translateY(-6px); }
	50% { transform: translateY(6px); }
	100% { transform: translateY(-6px); }
}
@keyframes bounceVerticalSm {
  0% { transform: translateY(-2px); }
	50% { transform: translateY(2px); }
	100% { transform: translateY(-2px); }
}

.margin-auto {
  margin: auto;
}
.margin-0-auto {
  margin: 0 auto;
}
.margin-auto-0 {
  margin: auto 0;
}
.margin-0 {
  margin: 0;
}
.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}
.margin-y-auto {
	margin-top: auto;
  margin-bottom: auto;
}
.height-auto {
	height: auto;
}
.container-half {
  max-width: calc(var(--cloud-container-width) / 2);
	margin: 0 auto;
}
.container-nav-dropdown {
  max-width: calc(var(--cloud-container-width) * .65);
	/* margin: 0 auto; */
}
.container {
  max-width: var(--cloud-container-width);
	margin: 0 auto;
}
.container-lg {
  max-width: var(--cloud-container-lg-width);
	margin: 0 auto;
}
.fit-content {
	width: fit-content;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
}
.height-fit-content {
	height: fit-content;
	height: intrinsic;
	height: -moz-max-content;
	height: -webkit-max-content;
}

.background-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.feature-item {
	font-size: .75rem;
	font-size: 12px;
	line-height: 1;
	margin: 0;
}
.header-padding { padding-top: 7rem; padding-bottom: 4rem; }

@media ( min-width: 47.938em ) {
  .sm-margin-auto { margin: auto; }
	.sm-margin-0-auto { margin: 0 auto; }
}

@media ( min-width: 47.938em ) {
	.header-padding { padding-top: 9rem; padding-bottom: 4rem; }
	.md-height-100vh { height: 100vh; }
  .md-margin-auto { margin: auto; }
	.md-height-auto { height: auto; }
	.md-right { float: right; }
}
.md-height-auto {height: 100%;}

.min-height-100vh { min-height: 100vh }
.height-100vh { height: 100vh }
.height-100 { height: 100% }

.small-arrow-up::after {
	border-bottom: 9px solid var(--cloud-black);
	border-left: 9px solid rgba(26,40,49,0);
	border-right: 9px solid rgba(26,40,49,0);
	content: "";
	display: inline-block;
	left: 27%;
	position: absolute;
	top: -9px;
}

@media (min-width: 65em) {
	.small-arrow-right::after {
		border-left: 9px solid var(--cloud-main);
		border-right: 9px solid rgba(26,40,49,0);
		border-top: 9px solid rgba(26,40,49,0);
		border-bottom: 9px solid rgba(26,40,49,0);
		content: "";
		display: inline-block;
		top: 44%;
		position: absolute;
		right: -18px;
	}
}

.small-alert {
	padding: .5rem;
	padding: 8px;
	margin-top: -2.5rem;
	background: #fff;
	border-top: 2px solid var(--cloud-navy-3);
	-ms-box-shadow: 0 4px 16px 4px rgba(26,40,49,.05);
  -moz-box-shadow: 0 4px 16px 4px rgba(26,40,49,.05);
  -webkit-box-shadow: 0 4px 16px 4px rgba(26,40,49,.05);
  box-shadow: 0 4px 16px 4px rgba(26,40,49,.05);
}
.small-alert::after {
	border-top: 9px solid #FFFFFF;
	border-left: 9px solid rgba(26,40,49,0);
	border-right: 9px solid rgba(26,40,49,0);
	content: "";
	display: inline-block;
	left: 48%;
	position: absolute;
	bottom: -7px;
}
.input-check {
	position: absolute;
	bottom: 28px;
	right: 16px;
	padding-left: 8px;
	pointer-events: none;
	cursor: default;
}
.input-check > svg {
	width: 16px;
}
.console-info,
.console-notification,
.console-error {
	margin-bottom: 0;
	/* line-height: 1; */
	color: var(--cloud-navy-1);
}
.console-errors-icon {
	width: 14px;
	margin-right: 8px;
	fill: var(--cloud-red);
}
.console-notifications-icon {
	width: 14px;
	margin-right: 8px;
	fill: var(--cloud-green);
}
.console-info-icon {
	width: 14px;
	margin-right: 8px;
	fill: var(--cloud-blue);
}
.console-info-container {
	background: var(--cloud-pale-blue);
	/* border: 1px solid var(--cloud-green); */
}
.console-notifications-container {
	background: var(--cloud-pale-green);
	/* border: 1px solid var(--cloud-green); */
}
.console-errors-container {
	background: var(--cloud-pale-pink);
	/* border: 1px solid var(--cloud-red); */
}
.console-info-container,
.console-notifications-container,
.console-errors-container {
	box-sizing: border-box;
	padding: 12px 16px;
	border-radius: 0 0 .25em .25em;
	font-weight: 500;
	font-size: .875rem;
	font-size: 14px;
	position: fixed;
	/* top: var(--cloud-account-header-top-height); */
	top: 0;
	width: fit-content;
	display: table;
	margin: auto;
	left: var(--cloud-sidebar-width);
	right: 0;
	border-width: 0px 1px 1px;
	overflow: hidden;
	z-index: 5;
}
@media (max-width: 65em) {
	.console-notifications-container,
	.console-notifications-container,
	.console-errors-container {
		left: 0;
		top: 0;
	}	
}

.underline-dashed-info::after {
	content: url('/icons/info.svg');
	margin-left: 3px;
	position: absolute;
	/* display: inline-block; */
	margin-right: 0px;
	top: -2px;
	width: 11px;
}

.info-hover {
	z-index: 1;
}

.info-hover-pink::after {
	content: url('/icons/info-pink.svg');
	margin-left: 2px;
}

[data-has-tooltip], .info-hover {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
	cursor: default;
}
.underline-dashed-info,
.underline-dashed-no-info {
	border-bottom: 2px dotted var(--cloud-navy-5);
	position: relative;
	/* padding-bottom: 2px; */
}

[data-tooltip], .tooltip-message {
	padding: 12px 16px;
	background: var(--cloud-navy-2);
	border-radius: var(--cloud-card-radius);
	/* border-top: 2px solid var(--cloud-pale-blue); */
	position: absolute;
	color: var(--cloud-pale-blue);
	white-space: normal;
	bottom: 130%;
	display: none;
	opacity: 0;
	min-width: 280px;
	box-sizing: border-box;
	-ms-box-shadow: 0px 1px 6px 0px var(--cloud-navy-5);
  -moz-box-shadow: 0px 1px 6px 0px var(--cloud-navy-5);
	-webkit-box-shadow: 0px 1px 6px 0px var(--cloud-navy-5);
	box-shadow: 0px 1px 6px 0px var(--cloud-navy-5);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	left: 50%;
	width: 100%;
	max-width: 320px;
	font-size: 12px;
	font-size: .75rem;
	transition: all .3s ease-in-out;
}
[data-tooltip]:after, .tooltip-message:after {
	border-top: 9px solid var(--cloud-navy-2);
	border-left: 9px solid rgba(26,40,49,0);
	border-right: 9px solid rgba(26,40,49,0);
	content: "";
	display: inline-block;
	left: 46%;
	position: absolute;
	bottom: -7px;
	content: "";
}
[data-has-tooltip]:hover [data-tooltip],
[data-has-tooltip]:hover [data-tooltip]:before,
[data-has-tooltip]:active [data-tooltip],
[data-has-tooltip]:active [data-tooltip]:before,
[data-has-tooltip]:focus [data-tooltip],
[data-has-tooltip]:focus [data-tooltip]:before,
.data-has-tooltip:hover .tooltip-message,
.data-has-tooltip:hover .tooltip-message:before,
.data-has-tooltip:active .tooltip-message,
.data-has-tooltip:active .tooltip-message:before,
.data-has-tooltip:focus .tooltip-message,
.data-has-tooltip:focus .tooltip-message:before {
	display: block;
	opacity: 1;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.show-tooltip {
	display: block;
	opacity: 1;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.rules-table-dropdown {
	position: absolute;
	width: fit-content;
	display: table;
	background: #fff;
	box-shadow: 0px 0px 4px 0px var(--cloud-light-gray);
	border: 1px solid var(--cloud-pale-blue);
	border-radius: var(--cloud-card-radius);
	padding: 16px;
	margin-top: 2px;
}
.rules-table-dropdown:after {
	border-bottom: 8px solid #FFFFFF;
	border-left: 8px solid rgba(26,40,49,0);
	border-right: 8px solid rgba(26,40,49,0);
	content: "";
	display: inline-block;
	left: 7px;
	position: absolute;
	top: -6px;
	content: "";
}

.price-text-large {
	font-size: 5rem;
	font-size: 80px;
	line-height: .85;
}
.setup-header {
	font-size: 16px;
	font-size: 1rem;
	color: var(--cloud-navy-5);
	font-weight: 500;
	padding: 0px 8px;
	white-space: nowrap;
}
.setup-header:hover {
	color: var(--cloud-main);
}
.setup-header-current {
	font-weight: 500;
	color: var(--cloud-navy-1);
}

.tag-sm {
	font-size: .625rem;
	font-size: 10px;
	vertical-align: text-bottom;
	margin-left: 4px;
	text-transform: uppercase;
	padding: .25rem .375rem;
	padding: 4px 6px;
	font-weight: 500;
	white-space: nowrap;
	border-radius: var(--cloud-border-radius);
	background: var(--cloud-pale-blue);
	/* background: var(--cloud-light-gray); */
}
.tag.dark-tag,
.tag-sm.dark-tag,
.tag-lg.dark-tag {
	background: var(--cloud-navy-2) !important;
}
.tag.light-tag,
.tag-sm.light-tag,
.tag-lg.light-tag {
	background: var(--cloud-palest-blue) !important;
}
.tag.blue-tag,
.tag-sm.blue-tag,
.tag-lg.blue-tag {
	background: var(--cloud-blue) !important;
}
.tag {
	font-size: .75rem;
	font-size: 12px;
	letter-spacing: 0.0875em;
	margin-left: 4px;
	vertical-align: text-bottom;
	text-transform: uppercase;
	padding: .25rem .625rem;
	padding: 4px 10px;
	font-weight: 500;
	white-space: nowrap;
	border-radius: var(--cloud-border-radius);
	display: table;
	width: fit-content;
}
.tag-lg {
	font-size: .875rem;
	font-size: 14px;
	letter-spacing: 0.0875em;
	vertical-align: text-bottom;
	text-transform: uppercase;
	padding: .5rem .75rem;
	padding: 8px 12px;
	font-weight: 500;
	border-radius: var(--cloud-border-radius);
	line-height: 1;
	display: table;
	width: fit-content;
}
.clickable-tag-plan {
	border-radius: var(--cloud-border-radius);
	/* border: 1px solid var(--cloud-black); */
	font-weight: 700;
	color: var(--cloud-black);
	font-size: .75rem;
	font-size: 12px;
	letter-spacing: 0.0875em;
	text-transform: uppercase;
	padding: .375rem .625rem;
	padding: 6px 10px;
	white-space: nowrap;
}
.clickable-tag-plan:hover {
	background: var(--cloud-silver);
}
.tag-selected {
	background: var(--cloud-silver);
	color: var(--cloud-main)
}

.icon-padding-small {
	padding: 12px;
}

.cloud-margin { margin: var(--cloud-padding); }
.cloud-margin-top { margin-top: var(--cloud-padding); }
.cloud-margin-bottom { margin-bottom: var(--cloud-padding); }
.cloud-margin-left { margin-left: var(--cloud-padding); }
.cloud-margin-right { margin-right: var(--cloud-padding); }

.lg-cloud-padding,
.md-cloud-padding,
.cloud-padding {
	padding: var(--cloud-padding);
}
.lg-cloud-padding-left,
.md-cloud-padding-left,
.cloud-padding-left {
	padding-left: var(--cloud-padding);
}
.lg-cloud-padding-right,
.md-cloud-padding-right,
.cloud-padding-right {
	padding-right: var(--cloud-padding);
}
.lg-cloud-padding-top,
.md-cloud-padding-top,
.cloud-padding-top {
	padding-top: var(--cloud-padding);
}
.lg-cloud-padding-bottom,
.md-cloud-padding-bottom,
.cloud-padding-bottom {
	padding-bottom: var(--cloud-padding);
}

@media (max-width: 47.938em) {
	.md-cloud-padding {padding: 16px; }
	.md-cloud-padding-left { padding: 0; }
	.md-cloud-padding-top { padding-top: 0; }
	.md-cloud-padding-bottom { padding-bottom: 0; }
}
@media (max-width: 70em) {
	.lg-cloud-padding {padding: 16px; }
	.lg-cloud-padding-left { padding: 0; }
}
.card-padding {
	padding: 1.5rem 1.5rem 0rem 1.5rem;
	padding: 24px 24px 0px 24px;
}
.lg-card-shadow-none,
.card-shadow {
	box-shadow: 0px 2px 4px 0px var(--cloud-light-gray);
}
.lg-card-shadow-show { box-shadow: none; }
@media (max-width: 65em) {
	.lg-card-shadow-none {box-shadow: none; }
	.lg-card-shadow-show {
		box-shadow: 0px 2px 4px 0px var(--cloud-light-gray);
	}
}

.card-shadow-black {
	box-shadow: 0px 2px 6px 0px var(--cloud-navy-2);
}

.card-shadow-gray {
	box-shadow: 0px 2px 4px 0px var(--cloud-gray);
}
.card-shadow-dark {
	box-shadow: 0px 1px 3px 0px var(--cloud-console-sidebar-bg);
}
.card-shadow-on-hover {
	box-shadow: 0px 4px 12px 0px var(--cloud-light-gray);
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-ms-transition: all .2s ease;
}
.card-selected {
	transform: translateY(-4px);
	box-shadow: 0px 6px 16px 2px var(--cloud-light-gray);
}
.card-shadow-on-hover:hover {
	box-shadow: 0px 3px 12px 1px var(--cloud-light-gray);
	transform: translateY(-4px);
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-ms-transition: all .2s ease;
}
.card-radius {
	border-radius: var(--cloud-card-radius);
}
.card-black,
.card-border {
	padding: 1.5rem;
	padding: 24px;
	margin-bottom: 1rem;
	margin-bottom: 16px;
	border-radius: var(--cloud-card-radius);
}
.card-border {
	box-shadow: 0px 2px 4px 0px var(--cloud-light-gray);
	background: #fff;
}
.card-black {
	background: var(--cloud-navy-1);
	color: var(--cloud-off-white);
}

.card-title {
	font-size: 14px;
	font-weight: 600;
	color: inherit;
	padding-bottom: 8px;
	margin-bottom: 16px;
	border-bottom: 1px solid;
	border-color: var(--cloud-card-border-color);
}
.card-title-account {
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	/* color: inherit; */
	margin-bottom: 16px;
}
.card-title-big {
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	color: inherit;
	margin-bottom: 16px;
}






/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* >>>>>>>>>>>>>>>>    GENERIC STYLES    <<<<<<<<<<<<<<<<<<< */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {background-color: transparent;}
a:active,
a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}

dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}

optgroup {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
	overflow: visible;
	font-family: inherit;
	padding: inherit;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: novar(--cloud-border-radius);
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="number"] {
	-moz-appearance: textfield;
}

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


img { max-width: 100% }
svg { max-height: 100% }

table {border-collapse: separate;border-spacing: 0;max-width: 100%;width: 100%;}
th {text-align: left;font-weight: 500;}
th, td {
	padding: 12px 24px;
	padding: .75rem 1.5rem;
	line-height: inherit;
}
th { vertical-align: bottom }
td { vertical-align: top }

/* Basscss Base Typography */

hr {
  border: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(26,40,49,.125);
}

.price-compare-table td {
	vertical-align: middle;
}
.price-compare-table tr:last-child td {
	border-bottom: 0;
}

.table-light {
	overflow-x: scroll;
}
.table-light tbody {
	/* background: var(--cloud-off-white); */
}

.table-light th,
.table-light td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
	border-bottom-color: rgba(26,40,49,.075);
}

.table-dark tr:last-child td,
.table-light tr:last-child td {
	border-bottom-width: 0px;
}

.table-light-align-middle td {
	vertical-align: middle;
}

.table-dark th,
.table-dark td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--cloud-navy-1);
}

/* .table-dark tr:last-child td {
	border-bottom: 0;
} */

/* .table-light tr:last-child td {
  border-bottom: 0;
} */

/* Basscss Utility Typography */

.font-family-inherit { font-family: inherit }
.font-size-inherit { font-size: inherit }
.text-decoration-none { text-decoration: none }

.bold,.bold-on-hover:hover    { font-weight: 600 }
.regular { font-weight: normal }
.italic  { font-style: italic }
.caps    { text-transform: uppercase; letter-spacing: 0.0875em; }

.left-align   { text-align: left }
.center       { text-align: center }
.right-align  { text-align: right }
.justify      { text-align: justify }

.nowrap { white-space: nowrap }
.break-word { word-break: break-word !important; white-space: normal}
.break-all { word-break: break-all !important; white-space: normal}

.line-height-1 { line-height: 1 }
.line-height-2 { line-height: 1.125 }
.line-height-3 { line-height: 1.25 }
.line-height-4 { line-height: 1.5 }

.list-style-none { list-style: none }
.list-style-alpha { list-style: lower-alpha; }
.list-style-circle { list-style: circle; }
.list-style-decimal { list-style-type: decimal; }

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

.list-reset { list-style: none; padding-left: 0; }
/* Basscss Utility Layout */

.inline       { display: inline }
.block        { display: block }
.inline-block { display: inline-block }
.table        { display: table }
.table-cell   { display: table-cell }

.overflow-hidden { overflow: hidden }
.overflow-scroll { overflow: scroll }
.overflow-auto   { overflow: auto }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}
.clearfix:after { clear: both }

.left  { float: left }
.right { float: right }

.fit { max-width: 100% }

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

/* Basscss Align */
.vertical-align-baseline { vertical-align: baseline }
.vertical-align-top      { vertical-align: top }
.vertical-align-middle   { vertical-align: middle }
.vertical-align-bottom   { vertical-align: bottom }
.vertical-align-text-bottom   { vertical-align: text-bottom }
.vertical-align-text-top   { vertical-align: text-top }


/* Basscss Positions */

.relative { position: relative }
.absolute, .md-absolute { position: absolute }
.fixed { position: fixed }
.sticky { position: sticky }

.top-0 { top: 0 }
.right-0 { right: 0 }
.bottom-0 { bottom: 0 }
.left-0 { left: 0 }

.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }

@media (max-width: 47.938em) {
  .md-absolute { position: relative; }
}

/* Basscss Utility Responsive States */
.sm-show, .md-show, .lg-show {
  display: none !important
}

@media (min-width: 40em) {
  .sm-show { display: block !important }
}

@media (min-width: 47.938em) {
  .md-show { display: block !important }
}

@media (min-width: 65em) {
  .lg-show { display: block !important }
}

@media (min-width: 40em) {
  .sm-hide { display: none !important }
}

@media (min-width: 47.938em) {
  .md-hide { display: none !important }
}

@media (min-width: 65em) {
  .lg-hide { display: none !important }
}

.display-none { display: none !important }

.hide {
	display: none;
}
/* Basscss Grid */
.col {float: left; box-sizing: border-box;}
.col-right {float: right;box-sizing: border-box;}
.col-1 {width: 8.33333%;}
.col-2 {width: 16.66667%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33333%;}
.col-5 {width: 41.66667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33333%;}
.col-8 {width: 66.66667%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33333%;}
.col-11 {width: 91.66667%;}
.col-12 {width: 100%;}

@media (min-width: 40em) {
  .sm-col {float: left; box-sizing: border-box;}
  .sm-col-right {float: right;box-sizing: border-box;}
  .sm-col-1 {width: 8.33333%;}
  .sm-col-2 {width: 16.66667%;}
  .sm-col-3 {width: 25%;}
  .sm-col-4 {width: 33.33333%;}
  .sm-col-5 {width: 41.66667%;}
  .sm-col-6 {width: 50%;}
  .sm-col-7 {width: 58.33333%;}
  .sm-col-8 {width: 66.66667%;}
  .sm-col-9 {width: 75%;}
  .sm-col-10 {width: 83.33333%;}
  .sm-col-11 {width: 91.66667%;}
  .sm-col-12 {width: 100%;}
}
@media (min-width: 47.938em) {
  .md-col {float: left;box-sizing: border-box;}
  .md-col-right {float: right;box-sizing: border-box;}
  .md-col-1 {width: 8.33333%;}
  .md-col-2 {width: 16.66667%;}
  .md-col-3 {width: 25%;}
  .md-col-4 {width: 33.33333%;}
  .md-col-5 {width: 41.66667%;}
  .md-col-6 {width: 50%;}
  .md-col-7 {width: 58.33333%;}
  .md-col-8 {width: 66.66667%;}
  .md-col-9 {width: 75%;}
  .md-col-10 {width: 83.33333%;}
  .md-col-11 {width: 91.66667%;}
  .md-col-12 {width: 100%;}
}
@media (min-width: 65em) {
  .lg-col {float: left;box-sizing: border-box;}
  .lg-col-right {float: right;box-sizing: border-box;}
  .lg-col-1 {width: 8.33333%;}
  .lg-col-2 {width: 16.66667%;}
  .lg-col-3 {width: 25%;}
  .lg-col-4 {width: 33.33333%;}
  .lg-col-5 {width: 41.66667%;}
  .lg-col-6 {width: 50%;}
  .lg-col-7 {width: 58.33333%;}
  .lg-col-8 {width: 66.66667%;}
  .lg-col-9 {width: 75%;}
  .lg-col-10 {width: 83.33333%;}
  .lg-col-11 {width: 91.66667%;}
  .lg-col-12 {width: 100%;}
}

/* Flex Object */
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -moz-box;}

.flex-row-reverse  { -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-direction: row-reverse }
.flex-column  { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-flex-direction: column }
.flex-wrap    { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }

.flex-center   { align-items: center; -ms-flex-align: center; -webkit-align-items: center }
.flex-baseline { align-items: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline }
.flex-stretch  { align-items: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch }
.flex-start    { align-items: flex-start; -ms-flex-align: start; -webkit-align-items: flex-start }
.flex-end      { align-items: flex-end; -ms-flex-align: end; -webkit-align-items: flex-end }

.align-self-center   { -webkit-align-self: center; -ms-flex-align-self: center; align-self: center }
.align-self-flex-start { -webkit-align-self: flex-start; -ms-flex-align-self: flex-start; align-self: flex-start }
.align-self-flex-end { -webkit-align-self: flex-end; -ms-flex-align-self: flex-end; align-self: flex-end }

.flex-justify { -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }
.flex-justify-center { -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; }
.flex-justify-end { -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; }
.flex-justify-start { -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; }
.flex-justify-around { -ms-flex-pack: space-around; justify-content: space-around; -webkit-justify-content: space-around; }

.flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0; /* 1 */
  min-height: 0; /* 1 */
}
.flex-grow {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto }
.flex-grow-inherit { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; -webkit-flex: inherit; }
.flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-flex: none }

.flex-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
.flex-last  { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999 }

.md-flex-justify-center,
.lg-flex-justify-center,
.md-flex-justify-end { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.md-flex-justify,
.lg-flex-justify { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 40em) {
  .sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-box; display: -webkit-flex; }
}
@media (min-width: 47.938em) {
	.md-flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-box; display: -webkit-flex; }
	.md-flex-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; }
	.md-flex-justify { -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-justify-content: space-between; }
	.md-flex-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; }
}
@media (min-width: 65em) {
  .lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-box; display: -webkit-flex; }
	.lg-flex-justify { -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-justify-content: space-between; }
	.lg-flex-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; }
	.lg-flex-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; }
}
/* Basscss Borders */

.border-none { border: 0 }
.circle  { border-radius: 50% }
.not-rounded { border-radius: 0 }




/* --------------------- Colors --------------------- */
.white  { color: #fff }
.yellow  { color:var(--cloud-yellow) }
.pale-yellow  { color:var(--cloud-pale-yellow) }
.color-inherit { color: inherit }
.bg-white  { background-color: #fff }
.bg-yellow  { background-color: var(--cloud-yellow) }


/* Basscss Bg */

.bg-cover   { background-size: cover }
.bg-contain { background-size: contain }

.bg-center  { background-position: center }
.bg-top     { background-position: top }
.bg-right   { background-position: right }
.bg-bottom  { background-position: bottom }
.bg-left    { background-position: left }

.bg-no-repeat { background-repeat: no-repeat }
.bg-repeat-x { background-repeat: repeat-x }
.bg-repeat-y { background-repeat: repeat-y }


/* Basscss UI Utility Groups */
.x-group-item { margin-left: -1px }
.x-group-item:first-of-type { margin-left: 0 }

.y-group-item { margin-top: -1px }
.y-group-item:first-of-type { margin-top: 0 }

.x-group-item:focus,
.y-group-item:focus {
  position: relative;
  z-index: 1;
}

@media (min-width: 40em) {
	.sm-right-align { text-align: right }
	.sm-left-align { text-align: left }
	.sm-center { text-align: center }
}
@media (min-width: 47.938em) {
	.md-right-align { text-align: right }
	.md-left-align { text-align: left }
	.md-center { text-align: center }
}
@media (min-width: 65em) {
	.lg-right-align { text-align: right }
	.lg-left-align { text-align: left }
	.lg-center { text-align: center }
}

.bg-clip-content { background-clip: content-box }
.bg-white-on-hover:hover,
.bg-white-on-hover:focus  { background-color: #fff !important; }
.bg-orange-on-hover:hover,
.bg-orange-on-hover:focus  { background-color:var(--cloud-orange) }

.bg-darken-1 { background-color: rgba(26,40,49,.0625) }
.bg-darken-2 { background-color: rgba(26,40,49,.125) }
.bg-darken-3 { background-color: rgba(26,40,49,.25) }
.bg-darken-4 { background-color: rgba(26,40,49,.5) }

.bg-lighten-1 { background-color: rgba(255,255,255,.0625) }
.bg-lighten-2 { background-color: rgba(255,255,255,.125) }
.bg-lighten-3 { background-color: rgba(255,255,255,.25) }
.bg-lighten-4 { background-color: rgba(255,255,255,.5) }

.bg-darken-1-on-hover:hover,
.bg-darken-1-on-hover:focus { background-color: rgba(26,40,49,.0625) }
.bg-darken-2-on-hover:hover,
.bg-darken-2-on-hover:focus { background-color: rgba(26,40,49,.125) }
.bg-darken-3-on-hover:hover,
.bg-darken-3-on-hover:focus { background-color: rgba(26,40,49,.25) }
.bg-darken-4-on-hover:hover,
.bg-darken-4-on-hover:focus { background-color: rgba(26,40,49,.5) }
.bg-darken-5,
.bg-darken-5-on-hover:hover,
.bg-darken-5-on-hover:focus { background-color: rgba(26,40,49,.8) }
.bg-lighten-1-on-hover:hover,
.bg-lighten-1-on-hover:focus { background-color: rgba(255,255,255,.0625) }
.bg-lighten-2-on-hover:hover,
.bg-lighten-2-on-hover:focus { background-color: rgba(255,255,255,.125) }
.bg-lighten-3-on-hover:hover,
.bg-lighten-3-on-hover:focus { background-color: rgba(255,255,255,.25) }
.bg-lighten-4-on-hover:hover,
.bg-lighten-4-on-hover:focus { background-color: rgba(255,255,255,.5) }
.bg-lighten-5,
.bg-lighten-5-on-hover:hover,
.bg-lighten-5-on-hover:focus { background-color: rgba(255, 255, 255, .84) }

.bg-key,
.bg-key-on-hover:hover,
.bg-key-on-hover:focus {
	background-color: var(--cloud-key);
}

.bg-none,
.bg-none-on-hover:hover,
.bg-none-on-hover:focus {
	background: transparent !important;
}

.bg-transparent,
.bg-transparent-on-hover:hover,
.bg-transparent-on-hover:focus {
	background-color: transparent !important;
}

.bg-currentcolor,
.bg-currentcolor-on-hover:hover,
.bg-currentcolor-on-hover:focus {
	background-color: currentcolor
}

textarea { resize: vertical; }

.border-currentcolor { border-color: currentcolor }
.border-yellow { border-color: var(--cloud-yellow) }

.border-orange:nth-child(4n+1) { border-color: #ffa200 }
.border-orange:nth-child(4n+2) { border-color: #fcc655 }
.border-orange:nth-child(4n+3) { border-color: #f9b638 }
.border-orange:nth-child(4n+4) { border-color: #ffd26e }

.border-width-2 { border-width: 2px; border-width: .125rem }
.border-width-4 { border-width: 4px; border-width: .25rem }
.border-width-6 { border-width: 6px; border-width: .375rem }

@media (min-width: 47.938em) {
	.md-border-right {
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: rgba(26,40,49,.125);
	}
	.md-border-bottom {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgba(26,40,49,.125);
	}
}

.md-border-left,
.lg-border-left {
	border-left: none;
}
@media (min-width: 65em) {
	.lg-border-0 {
		border: none;
	}
	.lg-border-left {
		border-left: solid 1px var(--cloud-pale-blue);
	}
	.lg-border-1 {
		border: solid 1px;
	}
}
.sm-border-none {
	border: none !important;
	border-width: 0px !important;
}
@media (min-width: 40em) {
	.sm-border-none {
		border: inherit;
	}
}

.border-none,
.border-none-on-hover:hover,
.border-none-on-hover:focus,
.border-none-on-hover:active {
	border: none !important;
	border-width: 0px !important;
}

.md-border-1,
.lg-border-1 {
	border: none;
}

@media (min-width: 47.938em) {
	.md-border-left {
		border-left: solid 1px rgba(26,40,49,.125);
	}
}
.btn-no-focus:focus {
	border: none;
	outline: none;
	box-shadow: none;
}


.white-on-hover:hover,
.white-on-hover:focus  { color: #fff }
.color-inherit-on-hover:hover,
.color-inherit-on-hover:focus { color: inherit }

.muted,
.muted-on-hover:hover,
.muted-on-hover:focus { opacity: .5 }


.width-1_5r { width: 24px; width: 1.5rem }
.height-1_5r { height: 24px; height: 1.5rem }
.min-width-3r { min-width: 48px; min-width: 3rem }
.height-3r { height: 48px; height: 3rem }
.width-3_125r { width: 50px; width: 3.125rem }
.height-3_125r { height: 50px; height: 3.125rem }
.line-height-3_125r { line-height: 50px; line-height: 3.125rem }
.line-height-2r { line-height: 32px; line-height: 2rem }
.width-4_125r { width: 66px; width: 4.125rem }
.height-4_125r { height: 66px; height: 4.125rem }
.width-4_25r { width: 68px; width: 4.25rem }
.height-4_25r { height: 68px; height: 4.25rem }
.min-height-20r { min-height: 320px; min-height: 20rem }
.min-width-100r { min-width: 1600px; min-width: 100rem }

.small-container { max-width: 576px; max-width: 36rem }

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
}
.video-wrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 40em) { .sm-width-auto { width: auto } }
@media (min-width: 47.938em) { .md-width-auto { width: auto } }
@media (min-width: 65em) { .lg-width-auto { width: auto } }

@media (min-width: 47.938em) {
	.md-min-height-15r { min-height: 15rem }
	.md-min-height-19r { min-height: 19rem }
}

@media (min-width: 65em) {
	.lg-right-n59px { right: -59px }
	.lg-left-n59px { left: -59px }
}

.fill-white,
.fill-white-on-hover:hover,
.fill-white-on-hover:focus  { fill: #fff }

.fill-inherit,
.fill-inherit-on-hover:hover,
.fill-inherit-on-hover:focus { fill: inherit }

.fill-currentcolor,
.fill-currentcolor-on-hover:hover,
.fill-currentcolor-on-hover:focus { fill: currentcolor }

.fill-none { fill: none; }

.grayscale {
	-webkit-filter: grayscale(100%);
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.no-grayscale-on-hover:hover,
.no-grayscale-on-hover:focus {
	-webkit-filter: none;
	filter: none;
}

.glow-white { text-shadow: 0 0 12px #fff; text-shadow: 0 0 .75rem #fff }

.scale-up-on-hover {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.scale-up-on-hover:hover {
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}

.scale-110 {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.scale-80 {
	-webkit-transform: scale(.80);
	-ms-transform: scale(.80);
	transform: scale(.80);
}

.translate-up-100 {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.translate-down-100 {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

input[type=range] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	border-radius: 100rem;
}

input[type=range]:focus,
input[type=range]:active {
	outline: none !important;
	border: none !important;
}

input[type=range]:focus::-ms-fill-lower, 
input[type=range]:focus::-ms-fill-upper,
input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
	border-radius: 20rem;
	background: var(--cloud-pale-blue);
}
input[type=range]::-moz-range-track {
	height: 6px;
	background: var(--cloud-pale-blue);
	border: none;
	border-radius: 20rem;
}
input[type=range]::-webkit-slider-runnable-track {
	height: 6px;
	background: var(--cloud-pale-blue);
	border: none;
	border-radius: 20rem;
}
input[type=range]:focus::-webkit-slider-runnable-track,
input[type=range]:active::-webkit-slider-runnable-track,
input[type=range]:focus,
input[type=range]:active ,
input[type=range]:-moz-focusring {
	border: none !important;
	outline: none !important;
}
input[type=range]::-ms-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	height: 36px;
	width: 36px;
	border-radius: 50%;
	background: var(--cloud-main) url(/icons/slider-thumb.svg);
	background-size: contain;
	box-shadow: 0 2px 6px 0px rgba(26,40,49,.05);
	margin-top: -16px;
	cursor: ew-resize;
}
input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	height: 36px;
	width: 36px;
	border-radius: 50%;
	background: var(--cloud-main) url(/icons/slider-thumb.svg);
	background-size: contain;
	box-shadow: 0 2px 6px 0px rgba(26,40,49,.05);
	margin-top: -16px;
	cursor: ew-resize;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	height: 36px;
	/* border-radius: 100rem 0rem 0rem 100rem; */
	width: 36px;
	border-radius: 50%;
	background: var(--cloud-main) url(/icons/slider-thumb.svg);
	/* box-shadow: -100vw 0 0 100vw var(--cloud-dark-gray); */
	/* background: var(--cloud-main); */
	background-size: contain;
	box-shadow: 0 2px 6px 0px rgba(26,40,49,.05);
	margin-top: -16px;
	cursor: ew-resize;
}

input[type=range]::-ms-track {
	height: 6px;
	/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	background: transparent;
	/*leave room for the larger thumb to overflow with a transparent border */
	border-color: transparent;
	border-width: 0;
	/*remove default tick marks*/
	color: transparent;
}





.letter-spacing-normal { letter-spacing: normal }
.letter-spacing-less { letter-spacing: var(--cloud-letter-spacing) }
.letter-spacing-more { letter-spacing: .02em }
.tight { letter-spacing: -.0625em }

.is-loading { -webkit-animation: flip 1.2s infinite ease-in-out alternate; animation: flip 1.2s infinite ease-in-out alternate }
.is-loading-bounce {
	-webkit-animation: bounce .8s infinite;
	animation: bounce .8s infinite;
}

@-webkit-keyframes flip {
	from { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg) }
	50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }
	to { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) }
}
@keyframes flip {
	from { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg) }
	50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }
	to { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) }
}
@-webkit-keyframes bounce {
	from { -webkit-transform: translateY(0px); transform: translateY(0px) }
	15% { -webkit-transform: translateY(-2px); transform: translateY(-2px) }
	50% { -webkit-transform: translateY(-3px); transform: translateY(-3px) }
	85% { -webkit-transform: translateY(-2px); transform: translateY(-2px) }
	to { -webkit-transform: translateY(0px); transform: translateY(0px) }
}
@keyframes bounce {
	from { -webkit-transform: translateY(0px); transform: translateY(0px) }
	15% { -webkit-transform: translateY(-2px); transform: translateY(-2px) }
	50% { -webkit-transform: translateY(-3px); transform: translateY(-3px) }
	85% { -webkit-transform: translateY(-2px); transform: translateY(-2px) }
	to { -webkit-transform: translateY(0px); transform: translateY(0px) }
}

.opacity-0 {opacity: 0;}
.opacity-1 {opacity: .0625;}
.opacity-15 {opacity: .15;}
.opacity-25 {opacity: .25;}
.opacity-50 {opacity: .5;}
.opacity-75 {opacity: .75;}
.opacity-on-hover:hover {opacity: 1;}
.print-color-adjust-exact { -webkit-print-color-adjust: exact }
.print-page-break-after-always{ page-break-after: always }

@media print {
	*,
	*:before,
	*:after,
	*:first-letter,
	*:first-line {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
		margin-bottom: 1rem;
		margin-bottom: 16px;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	html {
		font-size: 80%;
	}

	.no-print {
		display: none;
	}

	.print-bg-silver { background-color: #f1f1f1 !important }
	.print-orange { color: #ffa200 !important }
}

header, nav, section { display: block }
.user-select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.top-n4_25 { top: -68px; top: -4.25rem }

.bottom-0 { bottom: 0 }

.overflow-x-auto { overflow-x: auto }

.overflow-x-scroll { overflow-x: scroll }

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

.no-outline-on-focus:focus { outline: none }

.blurry { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="6" /></filter></svg>#filter'); -webkit-filter: blur(6px); filter: blur(6px); -webkit-filter: blur(.375rem); filter: blur(.375rem) }

.clickable { cursor: pointer }
.cursor-default { cursor: default }

.hero-iex { margin-top: 32px; margin-top: 2rem; font-size: 48px; font-size: 3rem }

@media (min-width: 47.938em) { .hero-iex { font-size: 4rem } }

.container:hover .btn-section { text-decoration: underline }

@media (min-width: 40em) { .sm-show-as-table-cell { display: table-cell !important } }

.rw-wrapper { display: none }

.rw-sentence-IE { display: block }

.flex-1 { -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.flex-2 { -webkit-flex: 2; -webkit-box-flex: 2; -ms-flex: 2; flex: 2 }
.flex-3 { -webkit-flex: 3; -webkit-box-flex: 3; -ms-flex: 3; flex: 3 }
.flex-4 { -webkit-flex: 4; -webkit-box-flex: 4; -ms-flex: 4; flex: 4 }

.box-shadow-1 { box-shadow: 0 2px 8px 1px rgba(26,40,49,.25) }
.box-shadow-none, .box-shadow-none-on-hover:hover { box-shadow: none !important; }

.md-show-as-inline-block { display: none }
.md-show-as-flex, .lg-show-as-flex, .sm-show-as-flex { display: none }
.md-show-as-inherit { display: none }

@media (min-width: 47.938em) {
	.md-show-as-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		display: -webkit-flex !important;
		display: -moz-box !important;
	}
	.md-show-as-inline-block { display: inline-block !important }
	.md-show-as-inherit { display: inherit !important }
}

@media (min-width: 65em) {
	.lg-show-as-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		display: -webkit-flex !important;
		display: -moz-box !important;
	}
	.lg-right-n59px { right: -59px }
s	.lg-left-n59px { left: -59px }
}

@media (min-width: 60em) {
	.lg-font-size-3r { font-size: 3rem }
}

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

.underline { text-decoration: underline; }
.line-through { text-decoration: line-through; }

.no-underline-on-hover:hover,
.no-underline-on-hover:focus { text-decoration: none; }

.underline-on-hover:hover,
.underline-on-hover:focus { text-decoration: underline; }

.text-transform-none { text-transform: none !important; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

.text-outline { text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000 }

.transition-cubic {
	transition: all .3s var(--cloud-cubic-bezier);
	-webkit-transition: all .3s var(--cloud-cubic-bezier);
	-ms-transition: all .3s var(--cloud-cubic-bezier);
}

.transition-300 {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.transition-200 {
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.transition-100 {
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
}

.slide-up {
	bottom: -80px;
	bottom: -5rem;
	transition: 300ms bottom;
}

@-webkit-keyframes fadein {
	from { opacity: 0 }
	to   { opacity: 1 }
}

@keyframes fadein {
	from { opacity: 0 }
	to   { opacity: 1 }
}

.fade-in {
	-webkit-animation: fadein .1s;
	        animation: fadein .1s;
}

@-webkit-keyframes priceDown {
	from  { color: #f72121 }
	50%  { color: #f72121 }
	to { color: #f1f1f1 }
}

@keyframes priceDown {
	from  { color: #f72121 }
	50%  { color: #f72121 }
	to { color: #f1f1f1 }
}

@-webkit-keyframes priceUp {
	from  { color: #14f1b9 }
	50%  { color: #14f1b9 }
	to { color: #f1f1f1 }
}

@keyframes priceUp {
	from  { color: #14f1b9 }
	50%  { color: #14f1b9 }
	to { color: #f1f1f1 }
}

@-webkit-keyframes volumeUp {
	from  { color: #444 }
	25% { color: #f1f1f1 }
	50%  { color: #444 }
	to { color: #f1f1f1 }
}

@keyframes volumeUp {
	from  { color: #444 }
	25% { color: #f1f1f1 }
	50%  { color: #444 }
	to { color: #f1f1f1 }
}

.priceUp { -webkit-animation: priceUp 1.5s ease-in-out; animation: priceUp 1.5s ease-in-out }
.priceDown { -webkit-animation: priceDown 1.5s ease-in-out; animation: priceDown 1.5s ease-in-out }
.volumeUp { -webkit-animation: volumeUp 1s ease-in-out; animation: volumeUp 1s ease-in-out }

.fade-enter,
.fade-leave {
	transition: opacity 300ms
}

.fade-enter,
.fade-leave.fade-leave-active {
	opacity: .01
}

.fade-leave,
.fade-enter.fade-enter-active {
	opacity: 1
}

.notification-enter,
.notification-leave {
	transition: opacity .3s, bottom .3s;
}

.notification-enter,
.notification-leave.notification-leave-active {
	opacity: .01;
	bottom: -80px;
	bottom: -5rem;
}

.notification-enter.notification-enter-active,
.notification-leave {
	opacity: 1;
	bottom: 0;
}

.sweep-enter {
	opacity: 0.01;
	-webkit-transform: translateY(50%) scale(.85);
	transform: translateY(50%) scale(.85);
}
.sweep-enter.sweep-enter-active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: opacity 300ms ease-in, -webkit-transform 200ms ease-in;
	transition: opacity 300ms ease-in, transform 200ms ease-in;
}
.sweep-leave {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.sweep-leave.sweep-leave-active {
	opacity: 0.01;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	transition: opacity 300ms ease-in, -webkit-transform 200ms ease-in;
	transition: opacity 300ms ease-in, transform 200ms ease-in;
}

.animated {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes slide-from-left {
	from {
		transform: translateX(-216px);
	}
	to {
		transform: translateX(0px);
	}
}
@keyframes slide-from-right {
	from {
		transform: translateX(200%);
	}
	to {
		transform: translateX(0);
	}
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fade-in-down {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.slide-from-right {
	-webkit-animation-name: slide-from-right;
	animation-name: slide-from-right;
}


.supportive-type { font: italic bold 65% serif }
.ampersand { font: italic 1em "Libre Baskerville", Baskerville, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif }

.line-height-normal { line-height: normal }
.bolder { font-weight: 500 }
.font-weight-900 { font-weight: 900 }
.font-weight-800 { font-weight: 800 }
.font-weight-700 { font-weight: 700 }
.font-weight-600 { font-weight: 600 }
.font-weight-500 { font-weight: 500 }
.font-weight-300 { font-weight: 300 }
.font-weight-200 { font-weight: 200 }
.font-weight-100 { font-weight: 100 }
.list-style-type-lower-alpha { list-style-type: lower-alpha }

.py10r { padding-top: 160px; padding-top: 10rem; padding-bottom: 160px; padding-bottom: 10rem }
.p_625r { padding: 10px; padding: .625rem }



/* --------------------- Confirm / Alert Console Modal --------------------- */

.modal-container {
	width: 100%;
	position: fixed;
	z-index: 999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
}
.form-modal-container {
	width: 100%;
	position: absolute;
	z-index: 999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}
.options-modal-container {
	width: 100%;
	position: absolute;
	z-index: 999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.form-modal-container + div,
.modal-container + div {
	-webkit-filter: blur(6px) brightness(1);
  -moz-filter: blur(6px) brightness(1);
  -o-filter: blur(6px) brightness(1);
  -ms-filter: blur(6px) brightness(1);
	filter: blur(6px) brightness(1);
	opacity: .25;
	pointer-events: none;
	background: var(--cloud-palest-blue);
}

.blur-3 {
	-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
.blur-5 {
	-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.faded-blur {
	-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
	filter: blur(5px);
	opacity: .2;
	pointer-events: none;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.options-modal,
.alert-confirm-modal,
.form-modal {
	/* position: absolute; */
	display: table;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0; 
	z-index: 9999;
	border: 1px solid var(--cloud-pale-blue);
	height: fit-content;
	height: intrinsic;
	height: -moz-max-content;
	height: -webkit-max-content;
	border-radius: var(--cloud-card-radius);
	background: #fff;
	-ms-box-shadow: 0 0 16px 0px rgba(26,40,49,.05);
  -moz-box-shadow: 0 0 16px 0px rgba(26,40,49,.05);
  -webkit-box-shadow: 0 0 16px 0px rgba(26,40,49,.05);
  box-shadow: 0 0 16px 0px rgba(26,40,49,.05);
}

.alert-confirm-modal {
	width: 360px;
	padding: 2.25rem;
	padding: 36px;
}

div.modal-background-items:not(.options-modal) {
	/* pointer-events: none; */
}

.options-modal {
	width: 100%;
	max-width: 540px;
	box-shadow: 0 4px 40px 0 var(--cloud-pale-blue);
	-ms-box-shadow: 0 4px 40px 0 var(--cloud-pale-blue);
  -moz-box-shadow: 0 4px 40px 0 var(--cloud-pale-blue);
	-webkit-box-shadow: 0 4px 40px 0 var(--cloud-pale-blue);
	top: -10vh;
	pointer-events: all;
	position: absolute;
	margin: 0 auto;
}
.form-modal {
	width: 100%;
	max-width: 480px;
	position: absolute;
	margin: 0 auto;
}
@media (min-width: 47.938em) {
	.form-modal {
		width: 480px;
		margin: auto;
	}
	.modal-container {
		/* margin-top: 18vh; */
		width: calc(100% - var(--cloud-sidebar-width));
	}
}

.modal-close {
  position: absolute;
	right: 16px;
	top: 8px;
  font-size: 36px;
	line-height: 1;
	font-weight: 300;
  cursor: pointer;
}

@media (max-width: 47.938em) {
	.alert-confirm-modal {
		width: 70%;
	}
}





/* --------------------- TEST BANNER --------------------- */
.test-banner-container {
	position: relative;
	box-sizing: border-box;
	color: #fff;
	/* width: calc(100% + 48px); */
	width: 100%;
	top: -12px;
	/* margin-left: -24px; */
}
.test-banner-container-table {
	position: relative;
	box-sizing: border-box;
	color: #fff;
	width: 100%;
	top: 0;
}

.test-banner {
	position: absolute;
	border-top: 1px solid var(--cloud-pink);
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	top: 0px;
	line-height: 0;
}

.test-banner-content {
	position: relative;
	display: inline-block;
	background-color: var(--cloud-pink);
	padding: 4px 6px;
	letter-spacing: .02em;
	box-sizing: border-box;
	font-size: 10px;
	font-size: .625rem;
	line-height: 1;
	font-weight: 600;
	border-radius: 0 0 .125rem .125rem;
}