@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");

/**
* #Tools Layer
*/

/* experiment value*/

#ea, .tribute-container, .tippy-box, .tippy-box[data-theme~="fd-dark"], .si-theme-foundry {
	--fd-root-font-size: 16px;
	--fd-spacing: var(--fd-root-font-size);
	--fd-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--fd-font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;

	--fd-spacing-px: 1px;  
	--fd-spacing-no: 0;  
	--fd-spacing-3xs: calc(var(--fd-spacing) * .125 ); /* 2*/
	--fd-spacing-2xs: calc(var(--fd-spacing) * .25 ); /* 4*/
	--fd-spacing-xs: calc(var(--fd-spacing) * .5 ); /* 8*/
	--fd-spacing-sm: calc(var(--fd-spacing) * .75 ); /* 12 (most of the UI are using this)*/
	--fd-spacing-md: calc(var(--fd-spacing) * 1 ); /* 16 (default)*/
	--fd-spacing-lg: calc(var(--fd-spacing) * 1.25 ); /* 20*/
	--fd-spacing-xl: calc(var(--fd-spacing) * 1.5 ); /* 24*/
	--fd-spacing-2xl: calc(var(--fd-spacing) * 2 ); /* 32*/
	--fd-spacing-3xl: calc(var(--fd-spacing) * 2.5 ); /* 40*/
	--fd-spacing-4xl: calc(var(--fd-spacing) * 3 ); /* 48*/
	--fd-spacing-5xl: calc(var(--fd-spacing) * 4 ); /* 64*/

	--fd-line-height-1: 1; /* reset*/
	--fd-line-height-2xs: calc(var(--fd-root-font-size) * .75); /* 12*/
	--fd-line-height-xs: calc(var(--fd-root-font-size) * 1); /* 16*/
	--fd-line-height-sm: calc(var(--fd-root-font-size) * 1.25); /* 20 (most of the UI are using this)*/
	--fd-line-height-md: calc(var(--fd-root-font-size) * 1.5); /* 24 (default)*/
	--fd-line-height-lg: calc(var(--fd-root-font-size) * 1.75); /* 28*/
	--fd-line-height-xl: calc(var(--fd-root-font-size) * 2); /* 32*/
	--fd-line-height-2xl: calc(var(--fd-root-font-size) * 2.25); /* 36*/
	--fd-line-height-3xl: calc(var(--fd-root-font-size) * 2.5); /* 40*/
	--fd-line-height-4xl: calc(var(--fd-root-font-size) * 3); /* 48*/

	--fd-font-size-2xs: calc(var(--fd-root-font-size) * 1); /* 11*/
	--fd-font-size-xs: calc(var(--fd-root-font-size) * .75); /* 12*/
	--fd-font-size-sm: calc(var(--fd-root-font-size) * .875); /* 14*/
	--fd-font-size-md: calc(var(--fd-root-font-size) * 1); /* 16 (default)*/
	--fd-font-size-lg: calc(var(--fd-root-font-size) * 1.125); /* 18*/
	--fd-font-size-xl: calc(var(--fd-root-font-size) * 1.25); /* 20*/
	--fd-font-size-2xl: calc(var(--fd-root-font-size) * 1.5); /* 24*/
	--fd-font-size-3xl: calc(var(--fd-root-font-size) * 1.875); /* 30*/
	--fd-font-size-4xl: calc(var(--fd-root-font-size) * 2.25); /* 36*/
	--fd-font-size-5xl: calc(var(--fd-root-font-size) * 2.5); /* 40*/

	
	--fd-border-radius-no: 0; /* 0*/
	--fd-border-radius-sm: calc(var(--fd-spacing) * .25 ); /* 4*/
	--fd-border-radius-md: calc(var(--fd-spacing) * .5 ); /* 8*/
	--fd-border-radius-lg: calc(var(--fd-spacing) * 1 ); /* 16*/
	--fd-border-radius-full: calc(var(--fd-spacing) * 9999 ); /* rounded/1by1 circle*/
	
	/* Previouslly was --si--xxx, rename to avoid conflict with ED*/
	--fd-black: 16, 16, 16; /* #101010*/
	--fd-white: 255, 255, 255; /* #fff*/
	--fd-transparent: transparent;
	
	--fd-color-inverse: 255, 255, 255; /* For filled background */

	--fd-gray-50: 249, 249, 249; /* #f9f9f9*/
	--fd-gray-100: 244, 244, 244; /* #f4f4f4*/
	--fd-gray-200: 229, 229, 229; /* #e5e5e5*/
	--fd-gray-300: 212, 212, 212; /* #d4d4d4*/
	--fd-gray-400: 163, 163, 163; /* #a3a3a3*/
	--fd-gray-500: 119, 119, 119; /* #777777*/
	--fd-gray-600: 90, 90, 90; /* #5a5a5a*/
	--fd-gray-700: 48, 48, 48; /* #303030*/
	--fd-gray-800: 34, 34, 34; /* #222222*/
	--fd-gray-900: 25, 25, 25; /* #191919*/

	
	/* Primary/ Brand*/
	--fd-primary-50: 246, 248, 254;  /* "#F6F8FE"*/
	--fd-primary-100: 237, 241, 252;  /* "#EDF1FC"*/
	--fd-primary-200: 211, 220, 248;  /* "#D3DCF8"*/
	--fd-primary-300: 184, 199, 243;  /* "#B8C7F3"*/
	--fd-primary-400: 131, 156, 235;  /* "#839CEB"*/
	--fd-primary-500: 78, 114, 226;  /* "#4E72E2"*/
	--fd-primary-600: 70, 103, 203;  /* "#4667CB"*/
	--fd-primary-700: 59, 86, 170;  /* "#3B56AA"*/
	--fd-primary-800: 47, 68, 136;  /* "#2F4488"*/
	--fd-primary-900: 38, 56, 111;  /* "#26386F"*/
	--fd-ui-link: rgba(var(--fd-primary-500), 1);


	/* Stats success/info/danger/warning*/
	--fd-success-50: 236, 253, 245; /* #ECFDF5*/
	--fd-success-100: 209, 250, 229; /* #D1FAE5*/
	--fd-success-200: 167, 243, 208; /* #A7F3D0*/
	--fd-success-300: 110, 231, 183; /* #6EE7B7*/
	--fd-success-400: 52, 211, 153; /* #34D399*/
	--fd-success-500: 0, 165, 118; /* #00A576*/
	--fd-success-600: 4, 142, 99; /* #048E63*/
	--fd-success-700: 4, 120, 87; /* #047857*/
	--fd-success-800: 6, 95, 70; /* #065F46*/
	--fd-success-900: 6, 78, 59; /* #064E3B*/

	--fd-info-50: 248, 249, 251; /* #F8F9FB*/
	--fd-info-100: 241, 244, 246; /* #F1F4F6*/
	--fd-info-200: 220, 227, 234; /* #DCE3EA*/
	--fd-info-300: 198, 210, 221; /* #C6D2DD*/
	--fd-info-400: 156, 177, 195; /* #9CB1C3*/
	--fd-info-500: 113, 143, 169; /* #718FA9*/
	--fd-info-600: 102, 129, 152; /* #668198*/
	--fd-info-700: 85, 107, 127; /* #556B7F*/
	--fd-info-800: 68, 86, 101; /* #445665*/
	--fd-info-900: 55, 70, 83; /* #374653*/

	--fd-warning-50: 255, 250, 245; /* #FFFAF5*/
	--fd-warning-100: 255, 244, 236; /* #FFF4EC*/
	--fd-warning-200: 254, 228, 206; /* #FEE4CE*/
	--fd-warning-300: 253, 211, 177; /* #eaD3B1*/
	--fd-warning-400: 252, 179, 119; /* #FCB377*/
	--fd-warning-500: 251, 146, 60; /* #FB923C*/
	--fd-warning-600: 226, 131, 54; /* #E28336*/
	--fd-warning-700: 188, 110, 45; /* #BC6E2D*/
	--fd-warning-800: 151, 88, 36; /* #975824*/
	--fd-warning-900: 123, 72, 29; /* #7B481D*/

	--fd-danger-50: 255, 241, 242; /* #FFF1F2*/
	--fd-danger-100: 255, 228, 230; /* #FFE4E6*/
	--fd-danger-200: 254, 205, 211; /* #FECDD3*/
	--fd-danger-300: 253, 164, 175; /* #eaA4AF*/
	--fd-danger-400: 251, 113, 133; /* #FB7185*/
	--fd-danger-500: 244, 63, 94; /* #F43F5E*/
	--fd-danger-600: 225, 29, 72; /* #E11D48*/
	--fd-danger-700: 190, 18, 60; /* #BE123C*/
	--fd-danger-800: 159, 18, 57; /* #9F1239*/
	--fd-danger-900: 136, 19, 55; /* #881337*/


	/* Tailwind ring*/
	/* --tw-ring-inset: var(--tw-empty, *//*!*//* *//*!*//*);*/
	/* --tw-ring-offset-width: 0;*/
	/* --tw-ring-offset-color: #fff;*/
	/* --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0*/
	/* 	var(--tw-ring-offset-width) var(--tw-ring-offset-color);*/
	/* --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);*/

	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59,130,246,0.5);
	--tw-ring-offset-shadow: 0 0 transparent;
	--tw-ring-shadow: 0 0 transparent;
	--tw-shadow: 0 0 transparent;

	--giphy-txt: rgba(var(--fd-gray-500), 1);

	--fd-tippy-bg: rgba(var(--fd-black), 1);

}

#ea .dark, .tribute-container.dark, .tippy-box[data-theme~="fd-light"] {
	--fd-white: 16, 16, 16; /* #101010*/
	--fd-black: 255, 255, 255; /* #fff*/
	
	/* Just reverse order now*/
	--fd-gray-50: 25, 25, 25; /* #191919*/
	--fd-gray-100: 33, 33, 33; /* #222*/
	--fd-gray-200: 48, 48, 48; /* #303030*/
	--fd-gray-300: 90, 90, 90; /* #5a5a5a*/
	--fd-gray-400: 119, 119, 119; /* #777*/
	--fd-gray-500: 163, 163, 163; /* #a3a3a3*/
	--fd-gray-600: 212, 212, 212; /* #d4d4d4*/
	--fd-gray-700: 229, 229, 229; /* #e5e5e5*/
	--fd-gray-800: 244, 244, 244; /* #f4f4f4*/
	--fd-gray-900: 249, 249, 249; /* #f9f9f9*/

	/* Brand*/
	--fd-primary-50: 15, 26, 59;  /* #0F1A3B*/
	--fd-primary-100: 24, 38, 77;  /* #18264D*/
	--fd-primary-200: 47, 68, 136;  /* #2F4488*/
	--fd-primary-300: 59, 86, 170;  /* #3B56AA*/
	--fd-primary-400: 70, 103, 203;  /* 4667CB*/
	--fd-primary-500: 78, 114, 226;  /* #4E72E2*/
	--fd-primary-600: 105, 141, 239;  /* #698DEF*/
	--fd-primary-700: 184, 199, 243;  /* #B8C7F3*/
	--fd-primary-800: 211, 220, 248;  /* #D3DCF8*/
	--fd-primary-900: 237, 241, 252;  /* #EDF1FC*/

	/* Success*/
	--fd-success-50: 7, 50, 39; /* #073227*/
	--fd-success-100: 4, 63, 47; /* #043F2F*/
	--fd-success-200: 6, 95, 70; /* #065F46*/
	--fd-success-300: 4, 120, 87; /* #047857*/
	--fd-success-400: 4, 142, 99; /* #048E63*/
	--fd-success-500: 0, 165, 118; /* #00A576*/
	--fd-success-600: 3, 188, 140; /* #03BC8C*/
	--fd-success-700: 167 243, 208; /* #A7F3D0*/
	--fd-success-800: 209, 250, 229; /* #D1FAE5*/
	--fd-success-900: 236, 253, 245; /* #ECFDF5*/

	/* Info*/
	--fd-info-50: 19, 31, 42; /* #131F2A*/
	--fd-info-100: 36, 49, 60; /* #24313C*/
	--fd-info-200: 68, 86, 101; /* #445665*/
	--fd-info-300: 85, 107, 127; /* #556B7F*/
	--fd-info-400: 102, 129, 152; /* #668198*/
	--fd-info-500: 127, 156, 180; /* #7F9CB4*/
	--fd-info-600: 145, 172, 194; /* #91ACC2*/
	--fd-info-700: 220, 227, 234; /* #DCE3EA*/
	--fd-info-800: 241, 244, 246; /* #F1F4F6*/
	--fd-info-900: 248, 249, 251; /* #F8F9FB*/

	/* Warning*/
	--fd-warning-50: 54, 28, 8; /* #361C08*/
	--fd-warning-100: 78, 42, 12; /* #4E2A0C*/
	--fd-warning-200: 151, 88, 36; /* #975824*/
	--fd-warning-300: 188, 110, 45; /* #BC6E2D*/
	--fd-warning-400: 226, 131, 54; /* #E28336*/
	--fd-warning-500: 251, 146, 60; /* #FB923C*/
	--fd-warning-600: 255, 158, 79; /* #FF9E4F*/
	--fd-warning-700: 253, 211, 177; /* #eaD3B1*/
	--fd-warning-800: 254, 228, 206; /* #FEE4CE*/
	--fd-warning-900: 255, 244, 236; /* #FFF4EC*/

	/* Danger*/
	--fd-danger-50: 57, 11, 25; /* #390B19*/
	--fd-danger-100: 79, 12, 34; /* #4F0C22*/
	--fd-danger-200: 136, 19, 55; /* #881337*/
	--fd-danger-300: 159, 18, 57; /* #9F1239*/
	--fd-danger-400: 192, 34, 73; /* #C02249*/
	--fd-danger-500: 215, 71, 96; /* #D74760*/
	--fd-danger-600: 227, 102, 124; /* #E3667C*/
	--fd-danger-700: 254, 205, 211; /* #FECDD3*/
	--fd-danger-800: 255, 228, 230; /* #FFE4E6*/
	--fd-danger-900: 255, 241, 242; /* #FFF1F2*/

	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59,130,246,0.5);
	--tw-ring-offset-shadow: 0 0 transparent;
	--tw-ring-shadow: 0 0 transparent;
	--tw-shadow: 0 0 transparent;

	--giphy-txt: rgba(var(--fd-gray-500), 1);

	--fd-tippy-bg: rgba(var(--fd-black), 1);

	
}

/* Color Themes experimental */

#ea .si-theme-foundry {
	/* Primary/ Brand*/
	--fd-primary-50: 246, 248, 254;  /* "#F6F8FE"*/
	--fd-primary-100: 237, 241, 252;  /* "#EDF1FC"*/
	--fd-primary-200: 211, 220, 248;  /* "#D3DCF8"*/
	--fd-primary-300: 184, 199, 243;  /* "#B8C7F3"*/
	--fd-primary-400: 131, 156, 235;  /* "#839CEB"*/
	--fd-primary-500: 78, 114, 226;  /* "#4E72E2"*/
	--fd-primary-600: 70, 103, 203;  /* "#4667CB"*/
	--fd-primary-700: 59, 86, 170;  /* "#3B56AA"*/
	--fd-primary-800: 47, 68, 136;  /* "#2F4488"*/
	--fd-primary-900: 38, 56, 111  /* "#26386F"*/
}

#ea .si-theme-foundry.dark {
		--fd-primary-50: 15, 26, 59;  /* #0F1A3B*/
		--fd-primary-100: 24, 38, 77;  /* #18264D*/
		--fd-primary-200: 47, 68, 136;  /* #2F4488*/
		--fd-primary-300: 59, 86, 170;  /* #3B56AA*/
		--fd-primary-400: 70, 103, 203;  /* 4667CB*/
		--fd-primary-500: 78, 114, 226;  /* #4E72E2*/
		--fd-primary-600: 105, 141, 239;  /* #698DEF*/
		--fd-primary-700: 184, 199, 243;  /* #B8C7F3*/
		--fd-primary-800: 211, 220, 248;  /* #D3DCF8*/
		--fd-primary-900: 237, 241, 252;  /* #EDF1FC*/

	}

#ea .si-theme-blue-violet {
	--fd-primary-50: 243, 233, 252; /* #F3E9FC*/
	--fd-primary-100: 231, 211, 249; /* #E7D3F9*/
	--fd-primary-200: 220, 191, 246; /* #DCBFF6*/
	--fd-primary-300: 184, 127, 237; /* #B87FED*/
	--fd-primary-400: 160, 84, 231; /* #A054E7*/
	--fd-primary-500: 138, 43, 226; /* #8A2BE2*/
	--fd-primary-600: 110, 34, 180; /* #6E22B4*/
	--fd-primary-700: 82, 25, 134; /* #521986*/
	--fd-primary-800: 55, 17, 90; /* #37115A*/
	--fd-primary-900: 34, 10, 56 /* #220A38*/
}

#ea .si-theme-blue-violet.dark {
		--fd-primary-900: 243, 233, 252; /* #F3E9FC*/
		--fd-primary-800: 231, 211, 249; /* #E7D3F9*/
		--fd-primary-700: 220, 191, 246; /* #DCBFF6*/
		--fd-primary-600: 184, 127, 237; /* #B87FED*/
		--fd-primary-500: 160, 84, 231; /* #A054E7*/
		--fd-primary-400: 138, 43, 226; /* #8A2BE2*/
		--fd-primary-300: 110, 34, 180; /* #6E22B4*/
		--fd-primary-200: 82, 25, 134; /* #521986*/
		--fd-primary-100: 55, 17, 90; /* #37115A*/
		--fd-primary-50: 34, 10, 56; /* #220A38*/

	}

#ea .si-theme-teal {
	--fd-primary-50: 229, 242, 242; /* #E5F2F2*/
	--fd-primary-100: 203, 229, 229; /* #CBE5E5*/
	--fd-primary-200: 179, 217, 217; /* #B3D9D9*/
	--fd-primary-300: 102, 178, 178; /* #66B2B2*/
	--fd-primary-400: 50, 152, 152; /* #329898*/
	--fd-primary-500: 0, 128, 128; /* #008080*/
	--fd-primary-600: 0, 102, 102; /* #006666*/
	--fd-primary-700: 0, 76, 76; /* #004C4C*/
	--fd-primary-800: 0, 51, 51; /* #003333*/
	--fd-primary-900: 0, 32, 32 /* #002020*/
}

#ea .si-theme-teal.dark {
		--fd-primary-900: 229, 242, 242; /* #E5F2F2*/
		--fd-primary-800: 203, 229, 229; /* #CBE5E5*/
		--fd-primary-700: 179, 217, 217; /* #B3D9D9*/
		--fd-primary-600: 102, 178, 178; /* #66B2B2*/
		--fd-primary-500: 50, 152, 152; /* #329898*/
		--fd-primary-400: 0, 128, 128; /* #008080*/
		--fd-primary-300: 0, 102, 102; /* #006666*/
		--fd-primary-200: 0, 76, 76; /* #004C4C*/
		--fd-primary-100: 0, 51, 51; /* #003333*/
		--fd-primary-50: 0, 32, 32; /* #002020*/
	}

#ea .si-theme-tomato {
	--fd-primary-50: 255, 239, 236; /* #FFEFEC*/
	--fd-primary-100: 255, 223, 217; /* #FFDFD9*/
	--fd-primary-200: 255, 208, 200; /* #FFD0C8*/
	--fd-primary-300: 255, 161, 144; /* #FFA190*/
	--fd-primary-400: 255, 129, 107; /* #FF816B*/
	--fd-primary-500: 255, 99, 71; /* #FF6347*/
	--fd-primary-600: 204, 79, 56; /* #CC4F38*/
	--fd-primary-700: 152, 59, 42; /* #983B2A*/
	--fd-primary-800: 102, 39, 28; /* #66271C*/
	--fd-primary-900: 64, 24, 17 /* #401811*/

}

#ea .si-theme-tomato.dark {
		--fd-primary-900: 255, 239, 236; /* #FFEFEC*/
		--fd-primary-800: 255, 223, 217; /* #FFDFD9*/
		--fd-primary-700: 255, 208, 200; /* #FFD0C8*/
		--fd-primary-600: 255, 161, 144; /* #FFA190*/
		--fd-primary-500: 255, 129, 107; /* #FF816B*/
		--fd-primary-400: 255, 99, 71; /* #FF6347*/
		--fd-primary-300: 204, 79, 56; /* #CC4F38*/
		--fd-primary-200: 152, 59, 42; /* #983B2A*/
		--fd-primary-100: 102, 39, 28; /* #66271C*/
		--fd-primary-50: 64, 24, 17; /* #401811*/
	
	}

#ea .si-theme-dodger-blue {
	--fd-primary-50: 232, 243, 255; /* #E8F3FF*/
	--fd-primary-100: 209, 232, 255; /* #D1E8FF*/
	--fd-primary-200: 187, 221 ,255; /* #BBDDFF*/
	--fd-primary-300: 184, 127, 237; /* #78BCFF*/
	--fd-primary-400: 74, 165, 255; /* #4AA5FF*/
	--fd-primary-500: 30, 144, 255; /* #1E90FF*/
	--fd-primary-600: 24, 115, 204; /* #1873CC*/
	--fd-primary-700: 17, 85, 152; /* #115598*/
	--fd-primary-800: 12, 57, 102; /* #0C3966*/
	--fd-primary-900: 7, 36, 64 /* #072440*/
}

#ea .si-theme-dodger-blue.dark {
		--fd-primary-900: 232, 243, 255; /* #E8F3FF*/
		--fd-primary-800: 209, 232, 255; /* #D1E8FF*/
		--fd-primary-700: 187, 221 ,255; /* #BBDDFF*/
		--fd-primary-600: 120, 188, 255; /* #78BCFF*/
		--fd-primary-500: 74, 165, 255; /* #4AA5FF*/
		--fd-primary-400: 30, 144, 255; /* #1E90FF*/
		--fd-primary-300: 24, 115, 204; /* #1873CC*/
		--fd-primary-200: 17, 85, 152; /* #115598*/
		--fd-primary-100: 12, 57, 102; /* #0C3966*/
		--fd-primary-50: 7, 36, 64; /* #072440*/
	}

/**
* #Base Layer
*/

/* @import "tailwindcss/base"; << Unfortunately, tailwind's reset will affect template layer in Joomla.😔*/

/* Reset for Joomla's components*/

/* ------------------------------------*\
	Scaffolding/Reset for Joomla ONLY!
\* ------------------------------------ */

#ea * {
	/* Bliking issues on iOS*/
	-webkit-tap-highlight-color: transparent;
}

/* Reset to prevent conflict for Joomla Template*/

/* ==========================================================================*/

/* Base (HTML tags)*/

/* ==========================================================================*/

/**/

/* 1. Set default font family to sans-serif.*/

/* 2. Prevent iOS text size adjust after orientation change, without disabling*/

/*    user zoom.*/

/* 3. Prevent templates globally align center*/

/* 4. This only works in OS X, Windows-user won’t see any difference!*/

/* 5. Have to define base line height for UI. Since most of the font size are using font-size-sm will follow SM instead of default MD.*/

/* 6. Sizes will base on html root. Comment out need to apply individually to prevent aggressive override template font size.*/

/* 7. Turn off due to need to follow templates color*/

/**/

#ea {
	/* font-family: var(--fd-font-family-sans); // 1*/
	/* font-size: var(--si-root-font-size); // 6*/
	/* font-smoothing: antialiased; // 4*/
	line-height: var(--fd-line-height-sm); /* 5 */
	text-align: left; /* 3*/
	/* color: var(--si-gray-700); // 7*/
	/* background-color: var(--si-body);*/
	-ms-text-size-adjust: 100%; /* 2*/
	-webkit-text-size-adjust: 100%; /* 2*/
	-moz-osx-font-smoothing: grayscale; /* 4*/
	-webkit-font-smoothing: antialiased; /* 4*/
	direction: ltr;
}

#ea *, #ea *::before, #ea *::after {
	/* Safe to use width:100% without caring the padding*/
	box-sizing: border-box;

	/* divide-xx */
	border-style: solid; 
	border-width: 0; 
}

/* p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {*/

/* 	&.si-reset {*/

/* 		margin: 0;*/

/* 		padding: 0;*/

/* 	}*/

/* }*/

#ea iframe {
	padding: 0;
	margin: 0;
}

#ea img, #ea input {
	min-width: 0;
	max-width: 100%;
	min-height: 0;
	/* Reset to prevent templates using min-height mess up input fields and images*/
	margin: 0;
}

/*reset some HTML elements*/

#ea blockquote, #ea nav, #ea article, #ea footer, #ea form {
	position: static;
	display: block;
	/* layout*/
	float: none;
	width: auto;
	height: auto;
	/* box model*/
	padding: 0;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	/* text*/
	text-align: inherit;
	text-shadow: none;
	background: none;
	border: 0;
	outline: 0;
}

/* Reset fonts for relevant elements*/

#ea input, #ea button, #ea select, #ea textarea {
	/* font-family: $font-family-base;*/
	font-family: var(--fd-font-family-sans); /* 1*/
	/* font-size: inherit;*/
	/* line-height: inherit;*/
	/* color: inherit;*/
	/* margin: 0;*/
}

#ea h1, #ea h2, #ea h3, #ea h4, #ea h5, #ea h6 {
	/* border: none;*/
	/* box-shadow: none;*/
}

/* Images*/

#ea img {
	vertical-align: middle;
	border: 0;
}

/* Horizontal rules*/

#ea hr {
	/* &.ed-hr {*/
	/* 	background-color: $border-color;*/
	/* 	border: none;*/
	/* 	display: block;*/
	/* 	height: 1px;*/

	/* }*/

	/* &.ed-hr--light {*/
	/* 	background-color: $fd-ui-bg;*/
	/* }*/
}

/* Tables*/

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

/* Removed due to aggressiveness*/

#ea tr, #ea td {
	/* border: 1px solid transparent;*/
}

#ea a:link {
		/* text-decoration: none;*/
	}

#ea a.fd-link{
	--tw-text-opacity: 1;
	color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)) );

}

#ea a.fd-link:link {
		text-decoration: none;
	}

/* Line height might affect UI.*/

#ea blockquote, #ea li {
	line-height: var(--si-line-height);
}

#ea pre {
	/* background: var(--si-body);*/
}

/* Port from BS5*/

/* Details at https://github.com/twbs/bootstrap/pull/30562*/

#ea button, #ea [role="button"] {
	cursor: pointer;
}

/* Remove the inheritance of word-wrap in Safari.*/

/* See https://github.com/twbs/bootstrap/issues/24990*/

#ea select {
	word-wrap: normal;
}

/* Remove the dropdown arrow in Chrome from inputs built with datalists.*/

/* See https://stackoverflow.com/a/54997118*/

#ea [list]::-webkit-calendar-picker-indicator {
	display: none;
}

/* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`*/

/*    controls in Android 4.*/

/* 2. Correct the inability to style clickable types in iOS and Safari.*/

/* 3. Opinionated: add "hand" cursor to non-disabled button elements.*/

#ea button, #ea [type="button"], #ea [type="reset"], #ea [type="submit"] {
	-webkit-appearance: button /* 2*/
}

#ea button:not(:disabled), #ea [type="button"]:not(:disabled), #ea [type="reset"]:not(:disabled), #ea [type="submit"]:not(:disabled) {
		cursor: pointer; /* 3*/
	}

/* Remove inner border and padding from Firefox, but don't restore the outline like Normalize.*/

#ea ::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

#ea input, #ea textarea {
	direction: ltr;
	unicode-bidi: embed; /* cursor*/
}

/* Tailwind Form Reset*/

/* purgecss start ignore */

#ea input[type="text"], #ea input[type="email"], #ea input[type="url"], #ea input[type="password"], #ea input[type="number"], #ea input[type="date"], #ea input[type="datetime-local"], #ea input[type="month"], #ea input[type="search"], #ea input[type="tel"], #ea input[type="time"], #ea input[type="week"], #ea [multiple], #ea textarea, #ea select {
	/* @apply text-base appearance-none bg-transparent rounded border leading-base py-2 px-4 border-gray-300 h-auto m-0 w-full;*/
}

#ea input[type="text"]:focus, #ea input[type="email"]:focus, #ea input[type="url"]:focus, #ea input[type="password"]:focus, #ea input[type="number"]:focus, #ea input[type="date"]:focus, #ea input[type="datetime-local"]:focus, #ea input[type="month"]:focus, #ea input[type="search"]:focus, #ea input[type="tel"]:focus, #ea input[type="time"]:focus, #ea input[type="week"]:focus, #ea [multiple]:focus, #ea textarea:focus, #ea select:focus{
	--tw-border-opacity: 1;
	border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)) );
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-color: transparent;

}

#ea input::placeholder, #ea textarea::placeholder {
	color: #6b7280;
	opacity: 1;
}

#ea ::-webkit-datetime-edit-fields-wrapper {
	padding: 0;
}

#ea ::-webkit-date-and-time-value {
	min-height: 1.5em;
}

#ea [multiple] {
	padding-right: 0.75rem;
	background-image: initial;
	background-repeat: unset;
	background-position: initial;
	background-size: initial;
	-webkit-print-color-adjust: unset;
	color-adjust: unset;
}

#ea [type="checkbox"].fd-custom-check, #ea [type="radio"].fd-custom-radio {
	display: inline-block;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	padding: 0;
	/* color: var(--fd-primary-500);*/
	--tw-text-opacity: 1;
	color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)) );
	vertical-align: middle;
	-webkit-user-select: none;
	user-select: none;
	background-color: #fff;
	background-origin: border-box;
	border-color: #6b7280;
	border-width: 1px;
	-webkit-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

#ea [type="checkbox"] {
	border-radius: 0;
}

#ea [type="radio"] {
	border-radius: 100%;
}

#ea [type="checkbox"].fd-custom-check:focus, #ea [type="radio"].fd-custom-radio:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;

	--tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
	--tw-ring-offset-width: 2px;
	--tw-ring-offset-color: #fff;
	/* --tw-ring-color: #2563eb;*/
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
		var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
		calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
		var(--tw-shadow, 0 0 #0000);

	--tw-ring-color: transparent;
}

#ea [type="checkbox"].fd-custom-check:checked, #ea [type="radio"].fd-custom-radio:checked {
	background-color: currentColor;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	border-color: transparent;
}

#ea [type="checkbox"].fd-custom-check:checked {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

#ea [type="radio"].fd-custom-radio:checked {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

#ea [type="checkbox"].fd-custom-check:checked:hover, #ea [type="checkbox"].fd-custom-check:checked:focus, #ea [type="radio"].fd-custom-radio:checked:hover, #ea [type="radio"].fd-custom-radio:checked:focus {
	background-color: currentColor;
	border-color: transparent;
}

#ea [type="checkbox"].fd-custom-check:indeterminate {
	background-color: currentColor;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	border-color: transparent;
}

#ea [type="checkbox"].fd-custom-check:indeterminate:hover, #ea [type="checkbox"].fd-custom-check:indeterminate:focus {
	background-color: currentColor;
	border-color: transparent;
}

#ea [type="file"] {
	padding: 0;
	font-size: unset;
	line-height: inherit;
	background: unset;
	border-color: inherit;
	border-width: 0;
	border-radius: 0;
}

#ea [type="file"]:focus {
	outline: 1px auto -webkit-focus-ring-color;
}

/* purgecss end ignore */

/**
* #Object/Components Layer
*/

#ea .container{
	width: 100%;

}

/* << tailwind .container https://tailwindcss.com/docs/container*/

/*
 * Container style
 */

#ea .ps {
	position: relative;
	overflow: hidden !important;
	touch-action: auto;
	overflow-anchor: none;
	-ms-overflow-style: none;
}

/*
 * Scrollbar rail styles
 */

#ea .ps__rail-x {
	/* please don't change 'position' */
	position: absolute;
	/* there must be 'bottom' or 'top' for ps__rail-x */
	bottom: 0px;
	display: none;
	height: 15px;
	opacity: 0;
	transition: background-color .2s linear, opacity .2s linear;
}

#ea .ps__rail-y {
	/* please don't change 'position' */
	position: absolute;
	/* there must be 'right' or 'left' for ps__rail-y */
	right: 0;
	display: none;
	width: 15px;
	opacity: 0;
	transition: background-color .2s linear, opacity .2s linear;
}

#ea .ps--active-x > .ps__rail-x, #ea .ps--active-y > .ps__rail-y {
	display: block;
	background-color: transparent;
}

#ea .ps:hover > .ps__rail-x, #ea .ps:hover > .ps__rail-y, #ea .ps--focus > .ps__rail-x, #ea .ps--focus > .ps__rail-y, #ea .ps--scrolling-x > .ps__rail-x, #ea .ps--scrolling-y > .ps__rail-y {
	opacity: 0.6;
}

#ea .ps .ps__rail-x:hover, #ea .ps .ps__rail-y:hover, #ea .ps .ps__rail-x:focus, #ea .ps .ps__rail-y:focus, #ea .ps .ps__rail-x.ps--clicking, #ea .ps .ps__rail-y.ps--clicking {
	background-color: rgba(var(--fd-gray-50), 1);
	opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */

#ea .ps__thumb-x {
	/* please don't change 'position' */
	position: absolute;
	/* there must be 'bottom' for ps__thumb-x */
	bottom: 2px;
	height: 6px;
	background-color: rgba(var(--fd-gray-400), 1);
	border-radius: 6px;
	transition: background-color .2s linear, height .2s ease-in-out;
}

#ea .ps__thumb-y {
	/* please don't change 'position' */
	position: absolute;
	/* there must be 'right' for ps__thumb-y */
	right: 2px;
	width: 6px;
	background-color: rgba(var(--fd-gray-400), 1);
	border-radius: 6px;
	transition: background-color .2s linear, width .2s ease-in-out;
}

#ea .ps__rail-x:hover > .ps__thumb-x, #ea .ps__rail-x:focus > .ps__thumb-x, #ea .ps__rail-x.ps--clicking .ps__thumb-x {
	height: 11px;
	background-color: rgba(var(--fd-gray-400), 1);
}

#ea .ps__rail-y:hover > .ps__thumb-y, #ea .ps__rail-y:focus > .ps__thumb-y, #ea .ps__rail-y.ps--clicking .ps__thumb-y {
	width: 11px;
	background-color: rgba(var(--fd-gray-400), 1);
}

/* MS supports */

@supports (-ms-overflow-style: none) {
	#ea .ps {
		overflow: auto !important;
	}
}

/**
* @package 		Foundry
* @copyright	Copyright (C) Stack Ideas Sdn Bhd. All rights reserved.
* @license 		Proprietary Use License https://stackideas.com/licensing.html
**/

/* Due to unable to wrap with id="fd" and need to support light/dark.*/

/*
<div data-tippy-root>
	<div class="tippy-box" data-placement="top" data-theme="fd-dark" data-fd-appearance="light|dark">
		<div class="tippy-content">
			<div id="fd" data-fd-tooltip-block="">
				<div class="theme-layer">
					<div class="o-tooltip">This is a tooltip message</div>
				</div>
			</div>
		</div>
		<div class="tippy-svg-arrow"></div>
	</div>
</div>
*/

/* fd#8 data-theme default skin for each behaviour to control the arrow color due to unable modify the markup.*/

/* popover: data-theme=fd-white*/

/* dropdown: data-theme=fd-white*/

/* tooltip: data-theme=fd-dark*/

/* https://git.stackideas.com/stackideas/komento/-/issues/480#note_180781*/

/* data-fd-appearance="light|dark"*/

.tippy-box{
	line-height: var(--fd-line-height-sm);

}

.tippy-box[data-theme~='fd-dark'], .tippy-box[data-theme~='fd-light']{
	border-radius: var(--fd-border-radius-md);
	background-color: transparent;
	--tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	/* For SVG arrow (Round) */

}

.tippy-box[data-theme~='fd-dark'] .tippy-arrow, .tippy-box[data-theme~='fd-light'] .tippy-arrow{
	--tw-text-opacity: 1;
	color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)) );

}

/* SVG arrow color*/

.tippy-box[data-theme~='fd-dark'] > .tippy-svg-arrow, .tippy-box[data-theme~='fd-light'] > .tippy-svg-arrow {
		fill: var(--fd-tippy-bg); 
	}

.tippy-box[data-theme~='fd-dark'][data-placement^='top'] > .tippy-arrow::before {
	border-top-color: rgba(var(--fd-gray-700), 1);
}

.tippy-box[data-theme~='fd-dark'][data-placement^='bottom'] > .tippy-arrow::before {
	border-bottom-color: rgba(var(--fd-gray-700), 1);
}

.tippy-box[data-theme~='fd-dark'][data-placement^='left'] > .tippy-arrow::before {
	border-left-color: rgba(var(--fd-gray-700), 1);
}

.tippy-box[data-theme~='fd-dark'][data-placement^='right'] > .tippy-arrow::before {
	border-right-color: rgba(var(--fd-gray-700), 1);
}

.tippy-box[data-theme~='fd-dark'] .tippy-content, .tippy-box[data-theme~='fd-light'] .tippy-content {
		padding:0;
	}

/* Arrow Placement*/

.tippy-box[data-placement^='top'] > .tippy-svg-arrow {
		bottom: 0;
	}

.tippy-box[data-placement^='top'] > .tippy-svg-arrow::after, .tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg {
			top: 16px;
			transform: rotate(180deg);
		}

.tippy-box[data-placement^='bottom'] > .tippy-svg-arrow {
		top: 0;
	}

.tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg {
			bottom: 16px;
		}

.tippy-box[data-placement^='left'] > .tippy-svg-arrow {
		right: 0;
	}

.tippy-box[data-placement^='left'] > .tippy-svg-arrow::after, .tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg {
			top: calc(50% - 3px);
			left: 11px;
			transform: rotate(90deg);
		}

.tippy-box[data-placement^='right'] > .tippy-svg-arrow {
		left: 0;
	}

.tippy-box[data-placement^='right'] > .tippy-svg-arrow::after, .tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg {
			top: calc(50% - 3px);
			right: 11px;
			transform: rotate(-90deg);
		}

.tippy-svg-arrow {
	position: absolute;
	width: 16px;
	height: 16px;
	text-align: initial;
}

.tippy-svg-arrow > svg {
		position: absolute;
	}

@font-face {
	font-family: 'raty-font';
	font-style: normal;
	font-weight: normal;
	src: url('vendor/raty/fonts/raty-font.eot?13822802');
	src: url('vendor/raty/fonts/raty-font.eot?13822802#iefix') format('embedded-opentype'),
		url('vendor/raty/fonts/raty-font.woff2?13822802') format('woff2'),
		url('vendor/raty/fonts/raty-font.woff?13822802') format('woff'),
		url('vendor/raty/fonts/raty-font.ttf?13822802') format('truetype'),
		url('vendor/raty/fonts/raty-font.svg?13822802#raty-font') format('svg');
}

#ea .fd-rating {
	display: flex;
}

#ea .fd-rating > * +  *{
	margin-left: var(--fd-spacing-3xs) ;

}

#ea .raty {
	display: inline-block;
	/* font: normal normal normal 14px/18px raty-font;*/
	font-family: raty-font;
	font-size: inherit;
	font-style: normal;
	transform: translate(0,0);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	
}

#ea .raty-star:before { content: '\e800'; }

#ea .raty-star-o:before { content: '\e801'; }

/* f123 border*/

#ea .raty-star-half-o:before { content: '\f123'; }

#ea .raty-star--on{
	--tw-text-opacity: 1;
	color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-text-opacity)) );

}

/* * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
 */

/*
 <emoji-picker>
	emoji-selectables
	emoji-content
		<input.emoji-search>
		<picker-emoji active picker-emoji-content emoji-smileys>
 */

#ea .emoji-picker img {
	display: block;
}

#ea .emoji-content { /* ps layer*/
	position: relative;
	flex-grow: 1;
	min-width: 280px;
	height: 200px;
	padding: var(--fd-spacing-xs);
	overflow-y: auto;
}

#ea .emoji-search-wrapper {
	padding: var(--fd-spacing-xs);
	border-bottom: 1px solid rgba(var(--fd-gray-200), 1);
}

#ea .emoji-search {
	width: 100%;
}

#ea .emoji-content-wrapper {
	display: flex;
	flex-direction: column;
}

#ea .emoji-picker {
	display: flex;
	flex-direction: column;
	/* width: 400px;*/
	/* max-height: 400px;*/
	margin: 0;
	overflow: hidden;
	/* background-color: #fff;*/
	/* border-radius: 5px;*/
}

#ea .emoji-selectables {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	grid-gap: var(--fd-spacing-xs);
	gap: var(--fd-spacing-xs);
	padding: 0 var(--fd-spacing-xs);
	line-height: var(--fd-line-height-md);
	-webkit-user-select: none;
	        user-select: none;
	background-color: rgba(var(--fd-gray-50), 1);
	border-bottom: 1px solid rgba(var(--fd-gray-200), 1);
}

#ea .emoji-selectables span {
	padding: var(--fd-spacing-xs) var(--fd-spacing-xs);
	
	font-size: 24px;
	color: rgba(var(--fd-gray-500), 1);
	text-align: center;
	cursor: pointer;
	border-bottom: 1px solid transparent;
}

#ea .emoji-selectables span.is-active {
	/* background-color: rgba(var(--fd-gray-100), 1);*/
	border-bottom: 1px solid rgba(var(--fd-primary-500), 1);
}

#ea .emoji-selectables span.is-active img {
	filter: none;
}

#ea .emoji-selectables span img {
	display: flex;
	align-items: center;
	width: 25px;
	filter: grayscale(100%)
}

#ea .picker-emoji-content {

	flex-wrap: wrap;
	justify-content: center;
	/* width: 100%; */
	/* padding: 5px; */
	/* max-height: 320px; */
}

#ea .emoji-content span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--fd-spacing-xs);
	font-size: 24px;
	line-height: var(--fd-line-height-md);
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
}

#ea .emoji-content span:hover {
	/* background-color: rgba(var(--fd-gray-50), 1);*/
	border-radius: var(--fd-border-radius-md);
	transform: scale(1.1);
}

#ea .picker-emoji-content {
	display: none;

}

#ea .picker-emoji-content.is-active {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	grid-gap: var(--fd-spacing-xs);
	gap: var(--fd-spacing-xs);
	/* height: 100%; */
	/* overflow-y: scroll; */
}

#ea .picker-emoji-sel.face {
	font-size: 10px;
	color: aliceblue;
}

#ea .emoji-content span img {
	width: 32px;
	height: 32px;
}

#ea .picker-emoji-content::-webkit-scrollbar-thumb {
	height: 10px;
	background-color: #65B88D;
	border-radius: 100px;
}

#ea .picker-emoji-content::-webkit-scrollbar-track {
	background-color: #303841;
}

#ea .picker-emoji-content::-webkit-scrollbar {
	width: 6px;
}

/* Context for customize purpose*/

#ea .fd-giphy-container {
	position: relative;
	display: flex;
}

#ea .fd-giphy-container__wrap {
		position: relative;
		display: block;
		max-width: 320px;
		overflow: hidden;
		border-radius: var(--fd-border-radius-md);
	}

#ea .fd-giphy-container__wrap img{
	border-radius: var(--fd-border-radius-md);
			max-width: 100%;

}

/* eb#2258*/

/* Due to fontawesome not support Giphy and have to standardize to use icon font, remove when fontawesome support Giphy*/

/* https://github.com/FortAwesome/Font-Awesome/issues/12975*/

#ea .fdi.fa-giphy:before {
		font-family: 'fa giphy';
		font-style: normal;
		font-weight: 400;
		content: "\e900";
	}

@font-face {
	font-family: 'fa giphy';
	font-style: normal;
	font-weight: normal;
	src:  url('vendor/fa-giphy/fa-giphy.eot?811st4');
	src:  url('vendor/fa-giphy/fa-giphy.eot?811st4#iefix') format('embedded-opentype'),
		url('vendor/fa-giphy/fa-giphy.ttf?811st4') format('truetype'),
		url('vendor/fa-giphy/fa-giphy.woff?811st4') format('woff'),
		url('vendor/fa-giphy/fa-giphy.svg?811st4#icomoon') format('svg');
	font-display: block;
}

/* Priority S1*/

#ea .o-btn {
	--fd-color-loader: rgba(var(--fd-gray-300), 1);
	--fd-bg-loader: rgba(var(--fd-gray-300), .5);
	-webkit-appearance: none;
	display: inline-flex;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
	align-items: center;
	justify-content: center;
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	border-style: solid;
	background-color: transparent;
	padding-left: var(--fd-spacing-md) ;
	padding-right: var(--fd-spacing-md) ;
	padding-top: var(--fd-spacing-xs) ;
	padding-bottom: var(--fd-spacing-xs) ;
	vertical-align: middle;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-sm);
	font-weight: 700;
	line-height: var(--fd-line-height-sm);
	text-decoration: none;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	
}

#ea .o-btn:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-offset-width: 2px;
	--tw-ring-opacity: 1;
	--tw-ring-color: var(--fd-primary-100-hex, rgba(var(--fd-primary-100), var(--tw-ring-opacity)) );
	--tw-ring-offset-color: rgb(var(--fd-primary-100));

}

/* To follow button line-height*/

#ea .o-btn > i {
		line-height: inherit;
	}

/* Filled*/

#ea .o-btn--default{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );

}

#ea .o-btn--default:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--default:disabled{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)) );

}

#ea .o-btn--primary{
	--tw-border-opacity: 1;
	border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-text-opacity)) );

}

#ea .o-btn--primary:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-primary-600-hex, rgba(var(--fd-primary-600), var(--tw-bg-opacity)) );

}

#ea .o-btn--success{
	--tw-border-opacity: 1;
	border-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-text-opacity)) );

}

#ea .o-btn--success:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-success-600-hex, rgba(var(--fd-success-600), var(--tw-bg-opacity)) );

}

#ea .o-btn--danger{
	--tw-border-opacity: 1;
	border-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-text-opacity)) );

}

#ea .o-btn--danger:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-danger-600-hex, rgba(var(--fd-danger-600), var(--tw-bg-opacity)) );

}

#ea .o-btn--info{
	--tw-border-opacity: 1;
	border-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-text-opacity)) );

}

#ea .o-btn--info:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-info-600-hex, rgba(var(--fd-info-600), var(--tw-bg-opacity)) );

}

#ea .o-btn--warning{
	--tw-border-opacity: 1;
	border-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-text-opacity)) );

}

#ea .o-btn--warning:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-warning-600-hex, rgba(var(--fd-warning-600), var(--tw-bg-opacity)) );

}

#ea .o-btn--default, #ea .o-btn--primary, #ea .o-btn--success, #ea .o-btn--danger, #ea .o-btn--info, #ea .o-btn--warning {
	/* --fd-color-loader: rgba(var(--fd-color-inverse), 1);*/
	/* --fd-bg-loader: rgba(var(--fd-gray-100), .2);*/
}

#ea .o-btn--default:disabled, #ea .o-btn--primary:disabled, #ea .o-btn--success:disabled, #ea .o-btn--danger:disabled, #ea .o-btn--info:disabled, #ea .o-btn--warning:disabled{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)) );

}

/* Outline*/

#ea .o-btn--default-o{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)) );
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );

}

#ea .o-btn--default-o:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--default-o {
	/* color: var(--fd-gray-800);*/
}

#ea .o-btn--primary-o{
	--tw-border-opacity: 1;
	border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)) );
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)) );

}

#ea .o-btn--primary-o:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-primary-100-hex, rgba(var(--fd-primary-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--success-o{
	--tw-border-opacity: 1;
	border-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-border-opacity)) );
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-text-opacity)) );

}

#ea .o-btn--success-o:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-success-100-hex, rgba(var(--fd-success-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--danger-o{
	--tw-border-opacity: 1;
	border-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-border-opacity)) );
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)) );

}

#ea .o-btn--danger-o:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-danger-100-hex, rgba(var(--fd-danger-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--info-o{
	--tw-border-opacity: 1;
	border-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-border-opacity)) );
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-text-opacity)) );

}

#ea .o-btn--info-o:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-info-100-hex, rgba(var(--fd-info-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--warning-o{
	--tw-border-opacity: 1;
	border-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-border-opacity)) );
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-text-opacity)) );

}

#ea .o-btn--warning-o:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-warning-100-hex, rgba(var(--fd-warning-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--default-o, #ea .o-btn--primary-o, #ea .o-btn--success-o, #ea .o-btn--danger-o, #ea .o-btn--info-o, #ea .o-btn--warning-o{
	cursor: auto;

}

#ea .o-btn--default-o:disabled, #ea .o-btn--primary-o:disabled, #ea .o-btn--success-o:disabled, #ea .o-btn--danger-o:disabled, #ea .o-btn--info-o:disabled, #ea .o-btn--warning-o:disabled{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)) );

}

/* Ghost*/

#ea .o-btn--default-ghost{
	border-color: transparent;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );

}

#ea .o-btn--default-ghost:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--primary-ghost{
	border-color: transparent;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)) );

}

#ea .o-btn--primary-ghost:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-primary-100-hex, rgba(var(--fd-primary-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--success-ghost{
	border-color: transparent;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-text-opacity)) );

}

#ea .o-btn--success-ghost:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-success-100-hex, rgba(var(--fd-success-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--danger-ghost{
	border-color: transparent;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)) );

}

#ea .o-btn--danger-ghost:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-danger-100-hex, rgba(var(--fd-danger-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--info-ghost{
	border-color: transparent;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-text-opacity)) );

}

#ea .o-btn--info-ghost:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-info-100-hex, rgba(var(--fd-info-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--warning-ghost{
	border-color: transparent;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-text-opacity)) );

}

#ea .o-btn--warning-ghost:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-warning-100-hex, rgba(var(--fd-warning-100), var(--tw-bg-opacity)) );

}

#ea .o-btn--default-ghost, #ea .o-btn--primary-ghost, #ea .o-btn--success-ghost, #ea .o-btn--danger-ghost, #ea .o-btn--info-ghost, #ea .o-btn--warning-ghost{
	cursor: auto;

}

#ea .o-btn--default-ghost:disabled, #ea .o-btn--primary-ghost:disabled, #ea .o-btn--success-ghost:disabled, #ea .o-btn--danger-ghost:disabled, #ea .o-btn--info-ghost:disabled, #ea .o-btn--warning-ghost:disabled{
	border-color: transparent;
	background-color: transparent;
	--tw-text-opacity: 1;
	color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)) );

}

/* Social buttons color have to follow guidelines*/

#ea .o-btn--facebook {
	color: #fff;
	background: #4267B2;
	border-color: #4267B2
}

#ea .o-btn--facebook:hover {
		background-color: #375694;
	}

#ea .o-btn--twitter {
	color: #fff;
	background: #339AED;
	border-color: #339AED
}

#ea .o-btn--twitter:hover {
		background-color: #1487e3;
	}

#ea .o-btn--linkedin {
	color: #fff;
	background: #6cb3d3;
	border-color: #6cb3d3
}

#ea .o-btn--linkedin:hover {
		background-color: #4da3ca;
	}

#ea .o-btn--twitch {
	color: #fff;
	background: #5F48A0;
	border-color: #5F48A0
}

#ea .o-btn--twitch:hover {
		background-color: #4e3b84;
	}

#ea .o-btn--apple--d {
	color: #fff;
	background: #000000;
	border-color: #000000
}

#ea .o-btn--apple--d:hover {
		background-color: #000000;
	}

#ea .o-btn--apple--l {
	color: #000;
	background: #ffffff;
	border-color: #000
}

#ea .o-btn--apple--l:hover {
		background-color: #fff;
	}

/* es#4525 Due to we can't globally define on img*/

#ea .o-btn--google {
	color: #000;
	background: #ffffff;
	/* border-color: #000;*/
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)) );
}

#ea .o-btn--google img, #ea .o-btn--google svg {
		display: inline-block;
		margin-right: var(--fd-spacing-3xs) ;
	}

#ea .o-btn--xing {
	color:#fff;
	background: #006567;
	border-color:#006567
}

#ea .o-btn--xing:hover {
		background-color: #003d3e;
	}

#ea .o-btn--vk {
	color:#fff;
	background: #4C75A3;
	border-color:#4C75A3
}

#ea .o-btn--vk:hover {
		background-color: #3f6187;
	}

#ea .o-btn--pinterest {
	color:#fff;
	background: #C61118;
	border-color:#C61118
}

#ea .o-btn--pinterest:hover {
		background-color: #a00e13;
	}

#ea .o-btn--reddit {
	color:#fff;
	background: #386A9C;
	border-color:#386A9C
}

#ea .o-btn--reddit:hover {
		background-color: #2d567e;
	}

#ea .o-btn--pocket {
	color:#fff;
	background: #EF3E56;
	border-color:#EF3E56
}

#ea .o-btn--pocket:hover {
		background-color: #ec1835;
	}

#ea .o-btn--email {
	color:#fff;
	background: #333;
	border-color:#333
}

#ea .o-btn--email:hover {
		background-color: #1f1f1f;
	}

/* State*/

#ea .o-btn.is-loading {
		
		position: relative;
		color: transparent !important;
		text-shadow: none !important;
		pointer-events: auto;
		cursor: not-allowed;
		opacity: 1;
		
		transition: all 0s linear,opacity .1s ease

		
		/* Static Shape */
	}

#ea .o-btn.is-loading:before {

			position: absolute;
			top: 50%;
			left: 50%;
			width: 16px;
			height: 16px;
			margin: -8px 0 0 -8px;
			content: '';
			
			border-radius: 500rem;
			
			border-width: 2px;
			
			border-style: solid;
			
			--tw-border-opacity: 1;
			
			border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)) );
		}

#ea .o-btn.is-loading {

		/* Active Shape */
	}

#ea .o-btn.is-loading:after {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 16px;
			height: 16px;
			margin: -8px 0 0 -8px;
			content: '';
			border-style: solid;
			border-width: 2px;
			/* border-color: var(--fd-white) transparent transparent;*/
			/* @apply border-gray-400;*/
			border-top-color: rgba(var(--fd-gray-300), 1);
			border-right-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
			
			border-radius: 500rem;
			box-shadow: 0 0 0 1px transparent;
			animation: o-btn-spin-keyframe .6s linear;
			animation-iteration-count: infinite;
			
		}

/* Active Animation */

@keyframes o-btn-spin-keyframe {
	from {
		
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* Color Choice FD */

#ea .color-choice {
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	/* background-color: var(--background-color);*/
	border-radius: 50%;
	--tw-bg-opacity: 1;
	background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)) );
}

#ea .color-choice:hover {
	opacity: 0.5;
}

#ea .color-theme-container {
	position: fixed;
	top: 83px;
	right: 0;
	z-index: 1000;
	padding: 8px 16px;
	background-color: white;
	border: 1px solid #dedede;
}

#ea .test-btn-bg{
	--tw-bg-opacity: 1;
	background-color: var(--fd-primary-50-hex, rgba(var(--fd-primary-50), var(--tw-bg-opacity)) );

}

#ea .dark .test-btn-bg{
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );

}

/* stylelint-disable selector-no-qualifying-type*/

/* Make the div behave like a button*/

#ea .o-btn-group, #ea .o-btn-group-vertical {
	position: relative;
	display: inline-flex;
	vertical-align: middle;

	/* Bring the hover, focused, and "active" buttons to the front to overlay*/
}

/* match .o-btn alignment given font-size hack above*/

#ea .o-btn-group > .o-btn, #ea .o-btn-group-vertical > .o-btn {
		position: relative;
		flex: 1 1 auto;
	}

/* the borders properly*/

#ea .o-btn-group > .o-btn-check:checked + .o-btn, #ea .o-btn-group > .o-btn-check:focus + .o-btn, #ea .o-btn-group > .o-btn:hover, #ea .o-btn-group > .o-btn:focus, #ea .o-btn-group > .o-btn:active, #ea .o-btn-group > .o-btn.active, #ea .o-btn-group-vertical > .o-btn-check:checked + .o-btn, #ea .o-btn-group-vertical > .o-btn-check:focus + .o-btn, #ea .o-btn-group-vertical > .o-btn:hover, #ea .o-btn-group-vertical > .o-btn:focus, #ea .o-btn-group-vertical > .o-btn:active, #ea .o-btn-group-vertical > .o-btn.active {
		z-index: 1;
	}

/* Optional: Group multiple button groups together for a toolbar*/

#ea .o-btn-toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#ea .o-btn-toolbar > * + * {
		/* margin-left: $si-spacing--sm;*/
	}

#ea .o-btn-toolbar .o-input-group {
		width: auto;
	}

#ea .o-btn-group {

	/* The left radius should be 0 if the button is:*/
	/* - the "third or more" child*/
	/* - the second child and the previous element isn't `.o-btn-check` (making it the first child visually)*/
}

/* Prevent double borders when buttons are next to each other*/

#ea .o-btn-group > .o-btn:not(:first-child), #ea .o-btn-group > .o-btn-group:not(:first-child) {
		/* margin-left: -$btn-border-width;*/
	}

/* Reset rounded corners*/

#ea .o-btn-group > .o-btn:not(:last-child):not(.dropdown-toggle), #ea .o-btn-group > .o-btn:not(:last-child):not(.dropdown-toggle_), #ea .o-btn-group > .o-btn-group:not(:last-child) > .o-btn {
		/* @include border-right-radius(0);*/
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}

/* - part of a btn-group which isn't the first child*/

#ea .o-btn-group > .o-btn:nth-child(n + 3), #ea .o-btn-group > :not(.o-btn-check) + .o-btn, #ea .o-btn-group > .o-btn-group:not(:first-child) > .o-btn {
		/* @include border-left-radius(0);*/
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

/* Sizing*/

/**/

/* Remix the default button sizing classes into new ones for easier manipulation.*/

/* .o-btn-group--sm > .o-btn { @extend .o-btn--sm; }*/

/* .o-btn-group--lg > .o-btn { @extend .o-btn--lg; }*/

/**/

/* Split button dropdowns*/

/**/

/* padding-left: $btn-padding-x * .75;*/

#ea .dropdown-toggle-split::after, #ea .dropup .dropdown-toggle-split::after, #ea .dropright .dropdown-toggle-split::after {
		margin-left: 0;
	}

/* padding-right: $btn-padding-x * .75;*/

#ea .dropleft .dropdown-toggle-split::before {
		margin-right: 0;
	}

#ea .o-btn--sm + .dropdown-toggle-split {
	/* padding-right: $btn-padding-x-sm * .75;*/
	/* padding-left: $btn-padding-x-sm * .75;*/
}

#ea .o-btn--lg + .dropdown-toggle-split {
	/* padding-right: $btn-padding-x-lg * .75;*/
	/* padding-left: $btn-padding-x-lg * .75;*/
}

/* The clickable button for toggling the menu*/

/* Set the same inset shadow as the :active state*/

#ea .o-btn-group.show .dropdown-toggle, #ea .o-btn-group.show .o-dropdown-toggle {
	/* @include box-shadow($btn-active-box-shadow);*/

	/* Show no shadow for `.o-btn-link` since it has no other button styles.*/
}

#ea .o-btn-group.show .dropdown-toggle.o-btn-link, #ea .o-btn-group.show .o-dropdown-toggle.o-btn-link{
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

/**/

/* Vertical button groups*/

/**/

#ea .o-btn-group-vertical {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

#ea .o-btn-group-vertical > .o-btn, #ea .o-btn-group-vertical > .o-btn-group {
		width: 100%;
	}

#ea .o-btn-group-vertical > .o-btn:not(:first-child), #ea .o-btn-group-vertical > .o-btn-group:not(:first-child) {
		/* margin-top: -$btn-border-width;*/
	}

/* Reset rounded corners*/

#ea .o-btn-group-vertical > .o-btn:not(:last-child):not(.dropdown-toggle), #ea .o-btn-group-vertical > .o-btn:not(:last-child):not(.o-dropdown-toggle), #ea .o-btn-group-vertical > .o-btn-group:not(:last-child) > .o-btn {
		/* @include border-bottom-radius(0);*/
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}

#ea .o-btn-group-vertical > .o-btn:not(:first-child), #ea .o-btn-group-vertical > .o-btn-group:not(:first-child) > .o-btn {
		/* @include border-top-radius(0);*/
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

/* purgecss start ignore */

#ea .o-form-group {
	position: relative;
}

#ea .o-form-label{
	font-size: var(--fd-font-size-md);
	line-height: var(--fd-line-height-sm);
	--tw-text-opacity: 1;
	color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)) );

}

/* */

/* input[type="text"].o-form-control? In order to override joomla templates, but it will break the utilities method*/

#ea .o-form-control{
	position: relative;
	display: block;
	width: 100%;
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	padding-top: var(--fd-spacing-xs) ;
	padding-bottom: var(--fd-spacing-xs) ;
	padding-left: var(--fd-spacing-md) ;
	padding-right: var(--fd-spacing-md) ;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-sm);
	line-height: var(--fd-line-height-sm);
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	margin: 0;
	-webkit-appearance: none;
	        appearance: none;

}

#ea .o-form-control:hover{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)) );

}

#ea .o-form-control{
	--tw-text-opacity: 1 !important;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) ) !important;

	height: initial; /* c2pid joomla*/

}

#ea .o-form-control:focus{
	--tw-border-opacity: 1 !important;
	border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)) ) !important;
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
	--tw-ring-opacity: 1 !important;
	--tw-ring-color: var(--fd-primary-100-hex, rgba(var(--fd-primary-100), var(--tw-ring-opacity)) ) !important;
	--tw-ring-offset-color: rgb(var(--fd-primary-100)) !important;

}

#ea .o-form-control[readonly], #ea .o-form-control:disabled{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
	--tw-text-opacity: 1 !important;
	color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)) ) !important;

}

#ea .o-form-control[readonly]::placeholder, #ea .o-form-control:disabled::placeholder{
	--tw-placeholder-opacity: 1 !important;
	color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-placeholder-opacity)) ) !important;

}

/* fd#57 Datetimepicker*/

#ea .o-form-control[readonly].flatpickr-input{
	--tw-text-opacity: 1 !important;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) ) !important;

}

#ea .o-form-control[readonly].flatpickr-input::placeholder{
	--tw-placeholder-opacity: 1 !important;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-placeholder-opacity)) ) !important;

}

/* https://stackoverflow.com/questions/61083813/how-to-avoid-internal-autofill-selected-style-to-be-applied */

/* Not working on Chrome*/

#ea .o-form-control:-internal-autofill-selected {
	color: rgb(0, 0, 0) !important;
	background-color: rgb(255, 255, 255) !important;
	background-image: none !important;
}

#ea select.o-form-control {
	padding-right: 2.5rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.5rem center;
	background-size: 1.5em 1.5em;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	-webkit-appearance: none !important;
	        appearance: none !important;
}

/* fd#61*/

#ea select.o-form-control[multiple], #ea .o-form-control[size]:not([size="1"]) {
	padding-right: .75rem;
	background-image: none;
	border-top-right-radius: 2px; /* Quick fix for some browsers due to unable to style the scrollbar*/
	border-bottom-right-radius: 2px; 
}

#ea .o-form-helper-text{
	margin-top: var(--fd-spacing-xs) ;
	font-size: var(--fd-font-size-sm);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );

}

#ea .o-form-check{
	display: flex;
	line-height: var(--fd-line-height-sm);
	margin: 0;
	align-items: center;

}

/* It will output .dark #ea .o-form-check*/

#ea .o-form-check__text{
	margin-left: var(--fd-spacing-sm) ;
	-webkit-user-select: none;
	        user-select: none;
	font-size: var(--fd-font-size-sm);
	--tw-text-opacity: 1;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );

}

/*
<div class="o-select-group"
	<select></select>
</div>
*/

#ea .o-select-group:hover{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)) );

}

#ea .has-error .o-form-label, #ea .has-error .o-form-helper-text{
	--tw-text-opacity: 1;
	color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)) );

}

#ea .has-error .o-form-control{
	--tw-border-opacity: 1;
	border-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-border-opacity)) );

}

#ea .toggle-checkbox:checked {
	/* @apply right-0 xborder-success-500 bg-white bg-none hover:bg-white focus:bg-white hover:border-2 focus:border-2 border-2;*/
	/* right: 0;*/
	background: #fff;
	--tw-ring-opacity: 0;
}

#ea .toggle-checkbox:checked:focus{
	--tw-ring-opacity: 0;

}

#ea .toggle-checkbox:checked{
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
	/* border-color: #68D391;*/

}

#ea .toggle-checkbox:checked + .toggle-label{
	--tw-bg-opacity: 1;
	background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)) );
	/* background-color: #68D391;*/

}

#ea .mycomponent {
	color: blue
}

#ea .mycomponent:hover { /* Skip ":hover" inheritance here */
	}

#ea .mycomponent:hover .mycomponent__part{
	--tw-text-opacity: 1;
	color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)) );

}

#ea .o-input-group {
	position: relative;
	display: flex;
	flex-wrap: nowrap; /* For form validation feedback*/
	align-items: stretch;
	width: 100%;

	/* Ensure buttons are always above inputs for more visually pleasing borders.*/
}

#ea .o-input-group > .o-form-control, #ea .o-input-group > .o-form-select, #ea .o-input-group > .o-form-file {
		position: relative; /* For focus state's z-index*/
		flex: 1 1 auto;
		width: 1%;
		min-width: 0; /* https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size*/
	}

/* Bring the "active" form control to the top of surrounding elements*/

#ea .o-input-group > .o-form-control:focus, #ea .o-input-group > .o-form-select:focus, #ea .o-input-group > .o-form-file .o-form-file-input:focus ~ .o-form-file-label {
		z-index: 3;
	}

/* Bring the custom file input above the label*/

#ea .o-input-group > .o-form-file > .o-form-file-input:focus {
			z-index: 4;
		}

#ea .o-input-group > .o-form-file:not(:last-child) > .o-form-file-label {
			/* @include border-right-radius(0);*/
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
		}

#ea .o-input-group > .o-form-file:not(:first-child) > .o-form-file-label {
			/* @include border-left-radius(0);*/
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
		}

/* as our inputs.*/

#ea .o-input-group .o-btn {
		position: relative;
		z-index: 2
	}

/* This isn't needed for `.o-input-group__text` since it shares the same border-color*/

#ea .o-input-group .o-btn:focus {
			z-index: 3;
		}

/* Rounded corners*/

/**/

/* These rulesets must come after the sizing ones to properly override sm and lg*/

/* border-radius values when extending. They're more specific than we'd like*/

/* with the `.o-input-group >` part, but without it, we cannot override the sizing.*/

/* stylelint-disable-next-line no-duplicate-selectors*/

#ea .o-input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), #ea .o-input-group > :not(:last-child):not(.dropdown-toggle_):not(.dropdown-menu), #ea .o-input-group > .dropdown-toggle_:nth-last-child(n + 3)
	> .dropdown-toggle:nth-last-child(n + 3) {
		/* @include border-right-radius(0);*/
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}

#ea .o-input-group > :not(:first-child):not(.dropdown-menu) {
		margin-left: -1px;
		/* @include border-left-radius(0);*/
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

/* purgecss end ignore */

/* toolbar#54*/

#ea .o-form-group--ifta {
	position: relative;
}

#ea .o-form-group--ifta .o-form-label {
	z-index: 2;
	touch-action: manipulation;
	pointer-events: none;
	position: absolute;
	left: var(--fd-spacing-md) ;
	top: var(--fd-spacing-sm) ;
	margin-bottom: 0;
	font-size: var(--fd-font-size-xs);
	line-height: var(--fd-line-height-xs);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 300ms;
	transition-timing-function: linear;
}

#ea .o-form-group--ifta .o-form-control {
	box-shadow: none;
	padding-left: var(--fd-spacing-md) ;
	padding-right: var(--fd-spacing-md) ;
	padding-top: var(--fd-spacing-2xl) ;
	padding-bottom: var(--fd-spacing-sm) ;
	font-size: var(--fd-font-size-sm);
}

#ea .o-form-group--ifta .o-select-group{
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)) );
	/* @apply pt-2xl pl-md pb-sm pr-no;*/

}

#ea .o-form-group--ifta.is-focused .o-select-group{
	--tw-border-opacity: 1 !important;
	border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)) ) !important;
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
	--tw-ring-offset-color: rgb(var(--fd-primary-100)) !important;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	/* --tw-ring-offset-width: 2px;*/
	/* min-height: calc(var(--fd-spacing) * 2.2);*/
		
	box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);

	--tw-ring-opacity: 0.85;
	--tw-ring-color: rgba(var(--fd-primary-100), var(--tw-ring-opacity));

}

#ea .o-form-group--ifta .o-select-group .o-form-control {
	z-index: 3;
	/* height: calc(var(--fd-spacing) * 1.25) !important;*/
	height: auto !important;
	min-height: auto;
	/* padding: 0;*/
	/* padding-top: 0;*/
	/* padding-bottom: 0;*/
	padding-top: var(--fd-spacing-2xl) ;
	padding-left: var(--fd-spacing-sm) ;
	padding-bottom: var(--fd-spacing-sm) ;
	padding-right: 0;
	background-color: transparent;
	border: none;
	-webkit-appearance: none !important;
	        appearance: none !important;
	
}

#ea .o-form-group--ifta .o-select-group .o-form-control:focus{
	border-color: transparent !important;
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
	--tw-ring-offset-color: transparent !important;

}

#ea .o-form-group--ifta .o-select-group .o-form-control {

	--tw-ring-opacity: 0;
	
}

#ea .o-form-group--ifta.has-error .o-select-group {
	border-color: var(--si-danger--border);
}

#ea .o-form-group--ifta ::-webkit-input-placeholder {
	/* WebKit browsers */
	/* color: transparent !important;*/
	--tw-text-opacity: 1 !important;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) ) !important;
}

#ea .o-form-group--ifta :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	/* color: transparent !important;*/
	--tw-text-opacity: 1 !important;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) ) !important;
}

#ea .o-form-group--ifta ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	/* color: transparent !important;*/
	--tw-text-opacity: 1 !important;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) ) !important;
}

#ea .o-form-group--ifta :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	/* color: transparent !important;*/
	--tw-text-opacity: 1 !important;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) ) !important;
}

#ea .o-form-group--ifta input:-webkit-autofill {
	/* padding-top: calc(var(--fd-spacing) * 1.3) !important;*/
	/* padding-bottom: calc(var(--fd-spacing) * 0.7) !important;*/
}

#ea .o-form-group__icon {
	position: absolute;
	z-index: 2;
	cursor: pointer;
	bottom: var(--fd-spacing-sm) ;
	font-size: var(--fd-font-size-sm);
	line-height: var(--fd-line-height-sm);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	outline: 2px solid transparent;
	outline-offset: 2px;
}

#ea .o-form-group--ifta.has-leading-icon .o-form-group__icon {
	right: auto;
	left: calc(var(--fd-spacing) * 1);
}

#ea .o-form-group--ifta.has-leading-icon .o-form-control {
	padding-left: calc(var(--fd-spacing) * 2.25);
}

#ea .o-form-group--ifta.has-leading-icon .o-form-label {
	/* left: calc(var(--fd-spacing) * 2.5);*/
}

#ea .o-form-group--ifta.has-leading-icon.has-trailing-icon .o-form-group__icon {
	right: auto;
	left: calc(var(--fd-spacing) * 1);
}

#ea .o-form-group--ifta.has-leading-icon.has-trailing-icon
.o-form-group__icon ~ .o-form-group__icon {
	right: calc(var(--fd-spacing) * 1);
	left: auto;
}

#ea .o-form-group--ifta.has-leading-icon.is-filled .o-form-label, #ea .o-form-group--ifta.has-leading-icon.is-focused .o-form-label {
	left: calc(var(--fd-spacing) * 1);
}

#ea .o-form-group--ifta.has-trailing-icon .o-form-group__icon {
	right: calc(var(--fd-spacing) * 1);
	left: auto;
}

#ea .o-form-group--ifta.has-trailing-icon .o-form-control {
	padding-right: calc(var(--fd-spacing) * 2);
}

/* Switch*/

/* ----------------*/

/*
Markup:
<div class="o-onoffswitch">
	<input type="checkbox" name="onoffswitch" class="o-onoffswitch__checkbox" id="onoffswitch" checked>
	<label class="o-onoffswitch__label" for="onoffswitch"></label>
</div>

*/

#ea .o-onoffswitch {
	position: relative; width: 40px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	/* margin-top: $fd-input-padding-y;*/
}

#ea .o-onoffswitch__checkbox {
	display: none;
}

#ea .o-onoffswitch__label {
	display: block;
	height: 16px; padding: 0; 
	overflow: hidden; 
	line-height: 16px; 
	cursor: pointer;
	background-color: #E6E6E6;
	border: 2px solid #ccc; 
	border-radius: 16px;
	transition: background-color 0.3s ease-in;
}

#ea .o-onoffswitch__label:before {
	position: absolute; top: 0;
	right: 24px; bottom: 0;
	display: block; width: 16px; height: 16px; margin: 0px;
	content: "";
	background: #FFFFFF;
	border: 2px solid #CCCCCC; border-radius: 16px;
	transition: all 0.3s ease-in 0s; 
}

#ea .o-onoffswitch__checkbox:checked + .o-onoffswitch__label {
	background-color: rgba(var(--fd-primary-500), 1);
}

#ea .o-onoffswitch__checkbox:checked + .o-onoffswitch__label, #ea .o-onoffswitch__checkbox:checked + .o-onoffswitch__label:before {
	border-color: rgba(var(--fd-primary-500), 1);
}

#ea .o-onoffswitch__checkbox:checked + .o-onoffswitch__label:before {
	right: 0px; 
}

#ea .o-progress {
	--bar-height: 4px;
	height: var(--bar-height);
	position: relative;
	display: block;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: var(--fd-primary-200-hex, rgba(var(--fd-primary-200), var(--tw-bg-opacity)) );
	
	
	
}

#ea .o-progress__bar {
		height: var(--bar-height);
		display: block;
		--tw-bg-opacity: 1;
		background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)) );
	}

#ea .o-blockquote {
	position: relative;
}

#ea .o-blockquote blockquote {
		position: relative;
		background-color: rgba(var(--fd-white), 1);
		border-radius: var(--fd-border-radius-md);
		border-width: 1px;
		border-style: solid;
		--tw-border-opacity: 1;
		border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
		--tw-bg-opacity: 1;
		background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
		padding: var(--fd-spacing-md) ;
		padding-left: var(--fd-spacing-4xl) ;
		font-size: var(--fd-font-size-md);
		line-height: var(--fd-line-height-md);
		--tw-text-opacity: 1;
		color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
		box-shadow: var(--fd-spacing-xs) var(--fd-spacing-xs) 0 rgba(var(--fd-gray-100), 1);
	}

#ea .o-blockquote blockquote p, #ea .o-blockquote blockquote div{
	font-size: var(--fd-font-size-md);
	line-height: var(--fd-line-height-md);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );

}

#ea .o-blockquote blockquote cite{
	margin-top: var(--fd-spacing-md) ;
	font-size: var(--fd-font-size-xs);
	line-height: var(--fd-line-height-xs);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );

}

#ea .o-blockquote blockquote:before {
			position: absolute;		
			display: block;
			font-family: 'Font Awesome 5 Free' ;
			font-style: normal;
			font-weight: 900;
			content: "\f10d";
			top: var(--fd-spacing-md) ;
			left: var(--fd-spacing-md) ;
			font-size: var(--fd-font-size-md);
			line-height: var(--fd-line-height-md);
			--tw-text-opacity: 1;
			color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)) );
		}

#ea .o-blockquote-markup {
	position: relative;
	background-color: rgba(var(--fd-white), 1);
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	padding: var(--fd-spacing-md) ;
	padding-left: var(--fd-spacing-4xl) ;
	font-size: var(--fd-font-size-md);
	line-height: var(--fd-line-height-md);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	box-shadow: var(--fd-spacing-xs) var(--fd-spacing-xs) 0 rgba(var(--fd-gray-100), 1);
}

#ea .o-blockquote-markup p, #ea .o-blockquote-markup div{
	font-size: var(--fd-font-size-md);
	line-height: var(--fd-line-height-md);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );

}

#ea .o-blockquote-markup:before {
		position: absolute;
		display: block;
		font-family: 'Font Awesome 5 Free' ;
		font-style: normal;
		font-weight: 900;
		content: "\f10d";
		top: var(--fd-spacing-md) ;
		left: var(--fd-spacing-md) ;
		font-size: var(--fd-font-size-md);
		line-height: var(--fd-line-height-md);
		--tw-text-opacity: 1;
		color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)) );
	}

#ea .o-blockquote-markup cite{
	margin-top: var(--fd-spacing-md) ;
	font-size: var(--fd-font-size-xs);
	line-height: var(--fd-line-height-xs);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );

}

/**
* @package      Foundry
* @copyright    Copyright (C) Stack Ideas Sdn Bhd. All rights reserved.
* @license      Proprietary Use License https://stackideas.com/licensing
**/

#ea .o-table-wrapper{
	position: relative;

}

#ea .o-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

#ea .o-table > thead th {
			position: sticky;
			top: 0;
			z-index: 2;
			white-space: nowrap;
			border-bottom-width: 1px;
			--tw-border-opacity: 1;
			border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
			--tw-bg-opacity: 1;
			background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)) );
		}

#ea .o-table > tbody tr{
	border-top-width: 1px;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)) );

}

#ea .o-table > tbody tr:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)) );

}

#ea .o-table .is-active{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .o-rank {
	--bar-height: 2px;
	height: var(--bar-height);
	position: relative;
	display: block;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-bg-opacity)) );	
}

#ea .o-rank__bar {
		height: var(--bar-height);
		display: block;
		--tw-bg-opacity: 1;
		background-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-bg-opacity)) );
	}

/* Priority S2*/

/**
* @package      Foundry
* @copyright    Copyright (C) Stack Ideas Sdn Bhd. All rights reserved.
* @license      Proprietary Use License https://stackideas.com/licensing
**/

/* es#4573 o-avatar is an object might contain unpredictable elements*/

/* fd#45 es#5024*/

#ea .o-avatar {
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	/* font-size: 16px;*/
	background: transparent;
	border-radius: 5px;
	/* border: 2px solid transparent; // Reserve for has-state*/
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-color: transparent;
	--tw-ring-offset-width: 2px;
	--tw-ring-offset-color: transparent
	/* States*/
}

#ea .o-avatar.is-mobile .o-avatar__mobile {
			display: flex;
		}

#ea .o-avatar.is-online {
		
		background-color: #fff;
		/* border: 2px solid #success;*/
		/* @apply border-success-500 border-2 border-solid;*/
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
		--tw-ring-opacity: 1;
		--tw-ring-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-ring-opacity)) );
		--tw-ring-offset-width: 2px;
		--tw-ring-offset-color: rgb(var(--fd-color-inverse));

	}

#ea .o-avatar.is-online .o-avatar__content {
			/* border: 2px solid #fff;*/
		}

#ea .o-avatar.is-offline {
		/* background-color: #fff;*/
		/* border: 2px solid #gray200;*/
		/* @apply border-gray-400;*/
		--tw-ring-opacity: 1;
		--tw-ring-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-ring-opacity)) );
		--tw-ring-offset-color: rgb(var(--fd-color-inverse));
	}

#ea .o-avatar.is-offline .o-avatar__content {
			/* border: 2px solid #fff;*/
		}

/* Modifier*/

#ea .o-avatar--rounded, #ea .o-avatar--rounded .o-avatar__content, #ea .o-avatar--rounded .o-avatar__content img {
			border-radius: 50%;
		}

#ea .o-avatar--rounded .o-avatar__mobile {
			top: -0.125em;
			right: -0.25em;
			/* top: 0;*/
			/* right: 0;*/
		}

#ea .o-avatar--rounded .o-avatar__action {
			right: 0;
			bottom: 0;
		}

#ea .o-avatar--xs {
		/* width: 16px;*/
		/* height: 16px;*/
		/* font-size: 12px;*/
		/* line-height: 1;*/
	}

#ea .o-avatar--sm {
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 1;
	}

#ea .o-avatar--md {
		width: 32px;
		height: 32px;
		font-size: 16px;
		line-height: 1;
	}

#ea .o-avatar--lg {
		width: 64px;
		height: 64px;
		font-size: 18px;
		line-height: 1;
	}

#ea .o-avatar--xl {
		width: 120px;
		height: 120px;
		font-size: 24px;
		line-height: 1;
	}

/* Media only*/

#ea .o-avatar__content {
		display: flex;
		flex-grow: 1;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		overflow: hidden;
		/* line-height: 40px;*/
		color: #fff;
		text-align: center;
		border-radius: var(--fd-border-radius-sm);
	}

#ea .o-avatar__content img{
	border-radius: var(--fd-border-radius-sm);
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;

}

/* Mobile indicator*/

#ea .o-avatar__mobile {
		position: absolute;
		top: -.5em;
		right: -.625em;
		z-index: 2;
		display: none; /* Hide by default*/
		align-items: center;
		justify-content: center;
		width: 1.2em;
		height: 1.2em;
		/* color: #success;*/
		--tw-text-opacity: 1;
		color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-text-opacity)) );
		/* border: 2px solid #fff;*/
		background-color: #fff;
		border-radius: 50%
	}

/* Elements*/

#ea .o-avatar__mobile:before {
			display: inline-block;
			font-family: "Font Awesome 5 Free";
			font-size: .75em;
			font-weight: 900;
			content: "\f3cd";
		}

#ea .o-avatar__action { /* wrapper for icon*/
		position: absolute;
		right: -0.625em;
		bottom: -0.5em;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 1.5em;
		height: 1.5em;
		font-size: .625em;
		line-height: 1;
		background-color: #fff;
		border-radius: 50%;
	}

#ea .o-avatar__action, #ea .o-avatar__action .dropdown-toggle_ {
			/* color: #gray200;*/
			--tw-text-opacity: 1;
			color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)) );

		}

#ea .o-avatar__remove-tag {
		z-index: 2;
		line-height: 1;
	}

#ea .o-avatar__remove-tag > a {
			/* line-height: 8px;*/
			display: inline-block;
			width: 16px;
			height: 16px;
			line-height: 16px;
			color: #fff;
			text-align: center;
			--tw-bg-opacity: 1;
			background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-bg-opacity)) );
			border-radius: 50%;
		}

#ea .o-avatar__remove-tag > a i {
				display: inline-block;
				width: 16px;
				height: 16px;
				font-size: 9px;
				line-height: inherit;
				text-align: center;
				vertical-align: top;
			}

#ea .o-avatar-action {
	position: relative;
	display: inline-block;
}

#ea .o-avatar-action__remove-tag {
		position: absolute;
		top: -4px;
		right: -4px;
		z-index: 2;
		line-height: 1;
	}

#ea .o-avatar-action__remove-tag > a {
			/* line-height: 8px;*/
			display: inline-block;
			width: 16px;
			height: 16px;
			line-height: 16px;
			color: #fff;
			text-align: center;
			/* background: #danger;*/
			border-radius: 50%;
			--tw-bg-opacity: 1;
			background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-bg-opacity)) );
		}

#ea .o-avatar-action__remove-tag > a i {
				display: inline-block;
				width: 16px;
				height: 16px;
				font-size: 9px;
				line-height: inherit;
				text-align: center;
				vertical-align: top;
			}

#ea .o-avatar-action:before {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 400px;
		font-size: 20px;
		color: red;
		/* content: "Pls update to o-avatar";*/
		text-align: left;
	}

#ea .o-avatar-list__item {
		display: inline-block;
		
		/* margin-right: $fd-base-spacing;*/
		/* margin-bottom: $fd-base-spacing;*/
	}

#ea .o-avatar--bg-1 .o-avatar__content {
			/* background-color: @palette-red-100;*/
		}

#ea .o-avatar--bg-1 .o-avatar__content:hover {
				/* background-color: @palette-red-100;*/
			}

#ea .o-avatar--bg-2 .o-avatar__content {
			/* background-color: @palette-purple-100;*/
		}

#ea .o-avatar--bg-2 .o-avatar__content:hover {
				/* background-color: @palette-purple-100;*/
			}

#ea .o-avatar--bg-3 {
		/* background-color: @palette-blue-100;*/
	}

#ea .o-avatar--bg-3:hover {
			/* background-color: @palette-blue-100;*/
		}

#ea .o-avatar--bg-4 {
		/* background-color: @palette-teal-100;*/
	}

#ea .o-avatar--bg-4:hover {
			/* background-color: @palette-teal-100;*/
		}

#ea .o-avatar--bg-5 {
		/* background-color: @palette-orange-200;*/
	}

#ea .o-avatar--bg-5:hover {
			/* background-color: @palette-orange-200;*/
		}

/**/

/* Alerts*/

/* Base styles*/

#ea .o-alert {
	position: relative;
	border-radius: var(--fd-border-radius-md);
	padding: var(--fd-spacing-md) ;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-xs);
	overflow: hidden;
	
	text-shadow: none;
	
	border: 1px solid transparent;
}

/* Headings for larger alerts*/

#ea .o-alert__heading {
		margin-top: 0;
		
		color: inherit; 
	}

/* Provide class for links that match alerts*/

#ea .o-alert--link{
	font-weight: 700;

}

/* Improve alignment and spacing of inner content*/

#ea .o-alert > p, #ea .o-alert > ul {
		margin-bottom: 0;
	}

#ea .o-alert > p + p {
		margin-top: 5px;
	}

#ea .o-alert__close {
	/* float: right;*/
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	/* opacity: 0.3;*/
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
}

#ea .o-alert__close .material-icons {
		font-size: 18px;
	}

#ea button.o-alert__close {
	padding: 0;
	cursor: pointer;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
}

/* Dismissible alerts*/

/**/

/* Expand the right padding and account for the close button's positioning.*/

#ea .o-alert--dismissible {
	/* padding-right: ($alert-padding + 20);*/
	/* padding-right: $si-spacing--md;*/
}

/* Adjust close link position*/

#ea .o-alert--dismissible .o-alert__close {
		position: relative;
		top: 0px;
		/* right: -26px;*/
		color: inherit;
	}

/* States styles*/

/* stylelint-disable */

/*quick fix */

#ea .o-alert--success {
			color: rgba(var(--fd-success-500), 1);
			background-color: rgba(var(--fd-success-50), 1);
			border-color: rgba(var(--fd-success-500), 1);
		}

#ea .o-alert--success .o-alert__close {
				color: rgba(var(--fd-success-500), 1);
			}

#ea .o-alert--info {
			color: rgba(var(--fd-info-500), 1);
			background-color: rgba(var(--fd-info-50), 1);
			border-color: rgba(var(--fd-info-500), 1);
		}

#ea .o-alert--info .o-alert__close {
				color: rgba(var(--fd-info-500), 1);
			}

#ea .o-alert--warning {
			color: rgba(var(--fd-warning-500), 1);
			background-color: rgba(var(--fd-warning-50), 1);
			border-color: rgba(var(--fd-warning-500), 1);
		}

#ea .o-alert--warning .o-alert__close {
				color: rgba(var(--fd-warning-500), 1);
			}

#ea .o-alert--danger {
			color: rgba(var(--fd-danger-500), 1);
			background-color: rgba(var(--fd-danger-50), 1);
			border-color: rgba(var(--fd-danger-500), 1);
		}

#ea .o-alert--danger .o-alert__close {
				color: rgba(var(--fd-danger-500), 1);
			}

/* stylelint-enable */

#ea .o-label {
	position: relative;
	display: inline-flex;
	align-items: center;
	border-radius: var(--fd-border-radius-md);
	padding-top: var(--fd-spacing-3xs) ;
	padding-bottom: var(--fd-spacing-3xs) ;
	padding-left: var(--fd-spacing-xs) ;
	padding-right: var(--fd-spacing-xs) ;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-xs);
	line-height: var(--fd-line-height-xs);
	overflow: hidden;
	text-shadow: none;
	border: 1px solid transparent;
	
}

#ea .o-tooltip{
	border-radius: var(--fd-border-radius-md);
	padding: var(--fd-spacing-xs) ;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-xs);
	--tw-text-opacity: 1;
	color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-text-opacity)) );
	background: var(--fd-tippy-bg);

}

#ea .o-tooltip--lg{
	padding: var(--fd-spacing-md) ;

}

#ea .o-popover{
	border-radius: var(--fd-border-radius-md);
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	padding: var(--fd-spacing-md) ;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-xs);
	--tw-text-opacity: 1;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );

}

/* Dropdown default behaviour */

/* Mobile first w-96vw, md reset to auto, apply inline class to override this behaviour e.g. <div class="o-dropdown w-[xxx]"> */

#ea .o-dropdown{
	width: 96vw;
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-sm);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	--tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

#ea .o-dropdown__hd{
	border-top-left-radius: var(--fd-border-radius-md);
	border-top-right-radius: var(--fd-border-radius-md);

}

#ea .o-dropdown__ft{
	border-bottom-left-radius: var(--fd-border-radius-md);
	border-bottom-right-radius: var(--fd-border-radius-md);

}

/* Previously called .ed-filter-menu*/

/*
<ul class="o-dropdown-nav">
	<li class=""o-dropdown-nav__item">
		<a class="o-dropdown-nav__link">
			<div class="o-dropdown-nav__media">
				<i class="fab fa-adversal fa-fw"></i>
			</div>
			<div class="o-dropdown-nav__text">
				&nbsp; 1111
			</div>
		</a>
		<a class="o-dropdown-nav__toggle">right icon </a>
		<ul class="o-dropdown-nav o-dropdown-nav--nested">
			<li class="o-dropdown-nav__item o-dropdown-nav__item-back">
				<a class="o-dropdown-nav__link">
					<i class="fa fa-angle-left"></i>&nbsp; Back
				</a>
			</li>
			<li>repeat</li>
		</ul>
	</li>
</ul>
*/

#ea .o-dropdown-nav { /*ul*/
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	opacity: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-size: var(--fd-font-size-sm);
}

#ea .o-dropdown-nav__media { /* placeholder for avatar and icons*/
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 1rem;
		height: 1rem;
		
		text-align: center;
		vertical-align: middle;
		margin-right: var(--fd-spacing-md) ;
		line-height: var(--fd-line-height-sm);
		--tw-text-opacity: 1;
		color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	}

#ea .o-dropdown-nav__item {
		display: flex;
		align-items: center;
		padding: 0;
		border-radius: var(--fd-border-radius-md);
		line-height: var(--fd-line-height-sm);
		--tw-text-opacity: 1;
		color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );
		outline: 2px solid transparent;
		outline-offset: 2px

	}

#ea .o-dropdown-nav__item.is-active{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-gray-600-hex, rgba(var(--fd-gray-600), var(--tw-text-opacity)) );

}

#ea .o-dropdown-nav__item.is-acitve, #ea .o-dropdown-nav__item:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .o-dropdown-nav > li:not(.active):hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .o-dropdown-nav__link {
		display: flex;
		flex-grow: 1;
		padding-right: 1rem; /* reserve for toggle*/

		overflow: hidden;
		
		text-overflow: ellipsis;
		white-space: nowrap;
		align-items: center;
		padding-left: var(--fd-spacing-xs) ;
		padding-right: var(--fd-spacing-xs) ;
		padding-top: var(--fd-spacing-sm) ;
		padding-bottom: var(--fd-spacing-sm) ;
		line-height: var(--fd-line-height-xs);
		--tw-text-opacity: 1;
		color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );
		text-decoration: none;
		outline: 2px solid transparent;
		outline-offset: 2px;
		
	}

#ea .o-dropdown-nav__link:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;

}

#ea .o-dropdown-nav__text {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

#ea .o-dropdown-nav__toggle{
	padding-left: var(--fd-spacing-md) ;
	padding-right: var(--fd-spacing-md) ;
	--tw-text-opacity: 1;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );
		/* @apply hover:text-gray-500;*/

}

#ea .o-dropdown-nav--parent > li:hover, #ea .o-dropdown-nav--nested > li:hover {
			background-color: var(--si-basic--200);
		}

#ea .o-dropdown-nav--parent.has-submenu > li:hover, #ea .o-dropdown-nav--nested.has-submenu > li:hover {
				background-color: transparent;
			}

#ea .o-dropdown-nav--parent:not(.has-submenu) > * + *, #ea .o-dropdown-nav--nested:not(.has-submenu) > * + * {
			/* margin-top: $si-spacing--sm;*/
		}

#ea .o-aspect-ratio {
	--aspect-ratio: 16/9;
	--max-width: 100%;
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: var(--max-width)
	
}

#ea .o-aspect-ratio:before {
		display: block;
		padding-bottom: calc(100% / (var(--aspect-ratio)));
		content: "";
	}

/* embed, object, iframe, video*/

#ea .o-aspect-ratio > :first-child, #ea .o-aspect-ratio img, #ea .o-aspect-ratio iframe {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		object-fit: cover;
		z-index: 20;
	}

#ea .o-aspect-ratio--contain > :first-child{
	background-size: contain;
	background-position: center;
	object-fit: contain;

}

#ea .o-aspect-ratio__loader{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 10 !important;
	display: flex !important;
	height: 100% !important;
	width: 100% !important;
	align-items: center !important;
	justify-content: center !important; /* Override o-placeholder-box*/

}

#ea .o-pagination {
	position: relative;
	margin: 0;
	overflow: hidden;
	list-style: none;
	display: flex;
	align-items: center;
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
}

#ea .o-pagination__btn{
	position: relative;
	display: inline-flex;
	align-items: center;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	padding-left: var(--fd-spacing-sm) ;
	padding-right: var(--fd-spacing-sm) ;
	padding-top: var(--fd-spacing-xs) ;
	padding-bottom: var(--fd-spacing-xs) ;
	font-size: var(--fd-font-size-sm);
	line-height: var(--fd-line-height-sm);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

#ea .o-pagination__btn:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	text-decoration: none;
	outline: 2px solid transparent;
	outline-offset: 2px;

}

#ea .o-pagination__btn:focus{
	z-index: 10;
	outline: 2px solid transparent;
	outline-offset: 2px;

}

#ea .o-pagination__btn:disabled{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)) );

}

#ea .o-pager{
	display: flex;
	justify-content: space-between;

}

/*
DOM:
<div class="o-tab o-tab--line|pill is-horizontal|vertical">
	<div class="o-tab__item">
		<a href="#" class="o-tab__link">Foo</a>
	</div>
	<div class="o-tab__item">
		<a href="#" class="o-tab__link">Bar</a>
	</div>
	<div class="o-tab__item">
		<a href="#" class="o-tab__link">Baz</a>
	</div>
</div>
*/

#ea .o-tab {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
	margin:  0;
	/* text-align: center;*/
	list-style: none;

	
}

#ea .o-tab__item {
		text-decoration: none;
		flex-shrink: 0;
		outline: 2px solid transparent;
		outline-offset: 2px;
	}

#ea .o-tab__link{
	display: block;
	flex-shrink: 0;
	white-space: nowrap;
	font-size: var(--fd-font-size-sm);
	line-height: var(--fd-line-height-sm);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	text-decoration: none;
	outline: 2px solid transparent;
	outline-offset: 2px;

}

/* Styles*/

#ea .o-tab--line .o-tab__item.is-active .o-tab__link{
	--tw-text-opacity: 1;
	color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)) );

}

#ea .o-tab--line .o-tab__link{
	padding-left: var(--fd-spacing-md) ;
	padding-right: var(--fd-spacing-md) ;
	padding-top: var(--fd-spacing-sm) ;
	padding-bottom: var(--fd-spacing-sm) ;
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );

}

#ea .o-tab--line .o-tab__link:hover{
	--tw-text-opacity: 1;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );

}

#ea .o-tab--line.is-horizontal{
	border-bottom-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );

}

#ea .o-tab--line.is-horizontal .o-tab__item{
	border-bottom-width: 1px;
	border-color: transparent;

}

#ea .o-tab--line.is-horizontal .o-tab__item:hover{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-border-opacity)) );

}

#ea .o-tab--line.is-horizontal .o-tab__item.is-active{
	--tw-border-opacity: 1;
	border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)) );

}

#ea .o-tab--line.is-horizontal .o-tab__item.is-active .o-tab__link{
	--tw-text-opacity: 1;
	color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)) );

}

#ea .o-tab--line.is-vertical .o-tab__item, #ea .o-tab--line.is-vertical .o-tab__link {
			display: block;
			width: 100%;
		}

/* @apply border-b border-solid border-gray-200;*/

#ea .o-tab--pill .o-tab__item{
	border-bottom-width: 1px;
	border-color: transparent;

}

/* @apply border-primary-500;*/

#ea .o-tab--pill .o-tab__item.is-active .o-tab__link{
	--tw-border-opacity: 1;
	border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)) );

}

#ea .o-tab--pill .o-tab__link{
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	padding-left: var(--fd-spacing-md) ;
	padding-right: var(--fd-spacing-md) ;
	padding-top: var(--fd-spacing-xs) ;
	padding-bottom: var(--fd-spacing-xs) ;
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );

}

#ea .o-tab--pill .o-tab__link:hover{
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-border-opacity)) );
	--tw-text-opacity: 1;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) );

}

#ea .o-tab--pill.is-horizontal .o-tab__item + .o-tab__item{
	margin-left: var(--fd-spacing-xs) ;

}

#ea .o-tab--pill.is-vertical .o-tab__item, #ea .o-tab--pill.is-vertical .o-tab__link {
			display: block;
			width: 100%;
		}

#ea .o-tab--pill.is-vertical .o-tab__item + .o-tab__item{
	margin-top: var(--fd-spacing-xs) ;

}

#ea .o-tab-content > div {
		display: none
	}

#ea .o-tab-content > div.is-active {
			display: block;
		}

/**
* @package      Foundry
* @copyright    Copyright (C) Stack Ideas Sdn Bhd. All rights reserved.
* @license      Proprietary Use License http://stackideas.com/licensing.html
**/

/*
// Markup:
<div id="ed" class="ed-dialog">
	<div class="ed-dialog-modal">
		<div class="ed-dialog-header">
			<div class="ed-dialog-header__grid">
				<div class="ed-dialog-header__cell">
					<span class="ed-dialog-title"></span>
				</div>
				<div class="ed-dialog-close-button"><span aria-hidden="true">×</span></div>
			</div>
		</div>
		<div class="ed-dialog-body">
			<div class="ed-dialog-container">
				<div class="ed-dialog-content"></div>
				<div class="o-loader"></div>
				<div class="o-empty">
					<div class="o-empty__content">
						<i class="o-empty__icon fa fa-exclamation-triangle"></i>
						<div class="o-empty__text"><span class="ed-dialog-error-message"></span></div>
					</div>
				</div>
			</div>
		</div>
		<div class="ed-dialog-footer">
			<div class="">
				<div class="ed-dialog-footer-content"></div>
			</div>
		</div>
	</div>
</div>
*/

#ea.o-dialog {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: none;
	background: rgba(0,0,0,0.25);
	
	opacity: 0;
	transition: all .25s ease;
	transform: scale(1.2);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

#ea.o-dialog.active {
		opacity: 1;
		transform: scale(1);
	}

#ea.o-dialog.is-loading {
		

		transition: none;
	}

#ea.o-dialog.is-loading .hint-loading {
			display: table;
		}

#ea.o-dialog.is-failed .hint-failed {
			display: table;
		}

#ea.o-dialog.is-failed .hint-failed .ed-hint__icon {
				font-size: 36px;
			}

#ea.o-dialog.is-failed .o-dialog-content { 
			height: auto;
			padding: 0;
		}

#ea .ed-hint {
	
	display: none; 
	text-align: center;
	background: #fff;
}

#ea .ed-hint > div { 
		padding: 0 var(--fd-spacing-md);
	}

#ea .ed-hint__icon {
		margin-bottom: var(--fd-spacing-md);
	}

#ea .o-dialog-modal {
	position: absolute;
	top: 50%;
	left: 50%;
	

	display: block;
	min-width: 320px;
	max-width: 100%;
	/* min-height: #{$fd-dialog-header-size} + #{$fd-dialog-body-min-height};*/
	min-height: 320px;
	max-height: 100%;
	overflow: hidden; /* Aggressively to ensure UI is rounded.*/
	border-radius: var(--fd-border-radius-md);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	transform: translateX(-50%) translateY(-50%);
}

#ea.o-dialog.has-footer .o-dialog-modal {
		/* min-height: {$fd-dialog-header-size} + {$fd-dialog-body-min-height} + {$fd-dialog-footer-size};*/
		min-height: 218px;
		
	}

#ea .o-dialog-header, #ea .o-dialog-body, #ea .o-dialog-footer{
	--tw-text-opacity: 1;
	color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)) );

}

#ea .o-dialog-header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 50px;
	padding: 8px 16px;
	line-height: 1;
	background: rgba(var(--fd-white), 1);
	/* border: 1px solid rgba(var(--fd-white), 1);*/
	border-radius: var(--fd-border-radius-md) var(--fd-border-radius-md) 0 0;
}

#ea .o-dialog-header__grid {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		height: 100%;
		padding: 0;
		margin: 0;
	}

#ea .o-dialog-header__cell {
		flex: 1 1 auto;
		text-align: left;
	}

#ea .o-dialog-header--divider{
	border-bottom-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );

}

#ea .o-dialog-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: none;
	align-items: center;
	justify-content: end;
	width: 100%;
	height: 48px;
	/* border-top: none;*/
	padding: var(--fd-spacing-sm);

	background: rgba(var(--fd-gray-50), 1);
	border-top: 1px solid rgba(var(--fd-gray-200), 1);
	border-radius: 0 0 var(--fd-border-radius-md) var(--fd-border-radius-md);
}

#ea .o-dialog-body {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;

	border-top: 50px solid transparent;
	border-bottom: 0;
}

#ea .o-dialog-container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: auto;

	/* Without footer*/
	background: rgba(var(--fd-white), 1);
	border: 0px solid rgba(var(--fd-gray-200), 1);
	border-top: none;
	border-radius: 0 0 var(--fd-border-radius-md) var(--fd-border-radius-md);
}

#ea.is-loading .o-dialog-container {
		overflow: hidden;
	}

/* With footer*/

#ea.o-dialog.has-footer .o-dialog-body {
		border-bottom: 48px solid transparent;
	}

#ea.o-dialog.has-footer .o-dialog-container {
		border-radius: 0;
	}

#ea.o-dialog.has-footer .o-dialog-footer {
		display: flex;
	}

#ea .o-dialog-title {
	/* position: relative;*/
	/* top: 8px;*/
	font-size: var(--fd-font-size-sm);
	font-weight: bold;
}

#ea .o-dialog-back-button, #ea .o-dialog-close-button {
	
	flex: 0 0 auto;
	font-size: 15px;
	

	/* color: #bbb;*/
	text-align: center;
	cursor: pointer;
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) )

}

#ea .o-dialog-back-button:hover, #ea .o-dialog-close-button:hover{
	--tw-text-opacity: 1;
	color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)) );
		/* color: #888;*/

}

#ea .o-dialog-back-button span, #ea .o-dialog-close-button span {
		position: relative;
		/* top: -8px;*/
		/* padding: 0 $fd-dialog-gutter / 6 0 $fd-dialog-gutter / 3;*/
		
		/* font-size: 20px;*/
		/* font-weight: 700;*/
		/* @apply font-sans;*/
	}

#ea .o-dialog-back-button{
	padding-right: var(--fd-spacing-sm) ;

}

#ea .o-dialog-back-button i, #ea .o-dialog-close-button i {
	position: relative;
	font-size: 18px;
}

#ea .o-dialog-content {
	position: relative;
	height: 100%;
	padding: var(--fd-spacing-md);

}

#ea .o-dialog-content * {
		font-size: var(--fd-font-size-sm);
	}

#ea .o-dialog-footer-content {
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
	text-align: center;
	border-radius: 0 0 var(--fd-border-radius-md) var(--fd-border-radius-md);
}

#ea .o-dialog-footer-content > * + * {
		margin-left: var(--fd-spacing-sm);
	}

/* Loading state follow o-btn*/

#ea .o-dialog-footer-content__btn.is-loading {
		position: relative;
		color: transparent !important;
		text-shadow: none !important;
		pointer-events: auto;
		cursor: default;
		opacity: 1;
		transition: all 0s linear,opacity .1s ease

		/* Static Shape */
	}

#ea .o-dialog-footer-content__btn.is-loading:before {

			position: absolute;
			top: 50%;
			left: 50%;
			width: 16px;
			height: 16px;
			margin: -8px 0 0 -8px;
			content: '';
			border: .2em solid rgba(0,0,0,.15);
			border-color: rgba(0,0,0,.1);
			border-radius: 500rem;
		}

#ea .o-dialog-footer-content__btn.is-loading {

		/* Active Shape */
	}

#ea .o-dialog-footer-content__btn.is-loading:after {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 16px;
			height: 16px;
			margin: -8px 0 0 -8px;
			content: '';
			border-color: #FFF transparent transparent;
			border-style: solid;
			border-width: .2em;
			border-top-color: #767676;
			border-radius: 500rem;
			box-shadow: 0 0 0 1px transparent;
			animation: btn-spin .6s linear;
			animation-iteration-count: infinite;
		}

#ea .o-dialog-error-message {
	display: block;
	font-weight: normal;
}

#ea.o-dialog.type-iframe .o-dialog-container {
		overflow: hidden;
	}

#ea.o-dialog.type-iframe .o-dialog-content {
		width: 100%;
		height: 100%;
		padding: 0;
	}

#ea.o-dialog.type-iframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}

#ea.is-mobile.o-dialog {
		/* Since it have to cover full screen good to bring it top max 2147483647*/
		z-index: 2147483640; /* reserve for unpredictable fancy elements */
		width: 100%;
		height: 100%;
	}

#ea.is-mobile .o-dialog-modal {
		width: 100% !important; /* Override inline style*/
		height: 100% !important;
	}

#ea.is-mobile .o-dialog-body {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}

/* fd#10 toolbar#124 Re-arrange z-index for popup behavior elements like tippy, select2 and datetimepicker*/

:root .has-fd-dialog .flatpickr-calendar.open, :root .has-fd-dialog .select2-container--open, :root .has-fd-dialog [data-tippy-root], :root .has-fd-dialog
		 {
			z-index: 2147483642 !important;
		}

/*
DOM:
<div class="o-inline-list">
	<div class="">
		<a href="#" class="any-link">Foo</a>
	</div>
	<div class="">
		<tiem class="">Bar</time>
	</div>
	<div class="">
		<span class="">Baz</span>
	</div>
</div>
*/

#ea .o-inline-list {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
}

#ea .o-inline-list > div {
		position: relative;
		display: flex;
		align-items: center;
		/* @apply leading-xs text-gray-500 text-xs;*/
	}

/* middot like divider*/

#ea .o-inline-list > div + div:before {
				display: flex;
				align-items: center;
				padding: 0 var(--fd-spacing-xs);
				font-size: 13px;
				content: attr(fd-breadcrumb);
				/* @apply text-gray-500;*/
			}

/* Text wrapper*/

#ea .o-inline-list > div a, #ea .o-inline-list > div span, #ea .o-inline-list > div time {
			display: inline-flex;
			align-items: center;
		}

/* Aggressively remove underline?*/

#ea .o-inline-list a {
		text-decoration: none;
	}

#ea .o-inline-list .fa:before {
			vertical-align: middle;
		}

/* .o-inline-list--sm {*/

/* 	@apply text-xs;*/

/* 	> div {*/

/* 		@apply leading-xs;*/

/* 	}*/

/* }*/

#ea .before\:content-none::before {
	content: '';
}

#ea .before\:content-dot::before {
	content: '\00b7';
}

#ea .before\:content-pipe::before {
	content: '\007c';
}

/**
* @package      Foundry
* @copyright    Copyright (C) Stack Ideas Sdn Bhd. All rights reserved.
* @license      Proprietary Use License https://stackideas.com/licensing
**/

/* fd#72*/

#ea .o-location{
	display: flex;
	align-items: center;
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	padding-left: var(--fd-spacing-xs) ;
	padding-right: var(--fd-spacing-xs) ;
	padding-top: var(--fd-spacing-xs) ;
	padding-bottom: var(--fd-spacing-xs) ;

}

#ea .o-location__field{
	position: relative;
	display: block;
	width: 100%;
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	border-color: transparent;
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	padding-top: var(--fd-spacing-xs) ;
	padding-bottom: var(--fd-spacing-xs) ;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-sm);
	line-height: var(--fd-line-height-sm);
	--tw-shadow: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	margin: 0;
	-webkit-appearance: none;
	        appearance: none;

}

#ea .o-location__field:hover{
	border-color: transparent;

}

#ea .o-location__field{
	--tw-text-opacity: 1 !important;
	color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)) ) !important;

		height: initial; /* c2pid joomla*/

}

#ea .o-location__field:focus{
	border-color: transparent !important;
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
	--tw-ring-color: transparent !important;
	--tw-ring-offset-color: transparent !important;

}

#ea .o-navigation{
	display: flex;
	flex-direction: column;
	gap: var(--fd-spacing-2xs) ;
	overflow: hidden;

}

#ea .o-navigation__item{
	display: flex;
	min-width: 0px;
	align-items: center;
	gap: var(--fd-spacing-xs) ;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: var(--fd-border-radius-md);
	padding-left: var(--fd-spacing-sm) ;
	padding-right: var(--fd-spacing-sm) ;
	padding-top: var(--fd-spacing-xs) ;
	padding-bottom: var(--fd-spacing-xs) ;

}

#ea .o-navigation__item:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .o-navigation__item.is-active{
	--tw-bg-opacity: 1;
	background-color: var(--fd-primary-50-hex, rgba(var(--fd-primary-50), var(--tw-bg-opacity)) );

}

#ea .o-navigation__item.is-active:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .o-navigation__item.is-active .o-navigation__link{
	--tw-text-opacity: 1;
	color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)) );

}

#ea .o-navigation__item.is-active .o-label{
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );

}

#ea .o-navigation__link{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	white-space: nowrap;
	border-radius: var(--fd-border-radius-md);
	font-size: var(--fd-font-size-sm);
	line-height: var(--fd-line-height-sm);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	text-decoration: none;

}

#ea .o-navigation__label, #ea .o-navigation__loader{
	flex-shrink: 0;

}

#ea .o-navigation .o-label{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)) );

}

/* Priority S3*/

/*
DOM:

*/

#ea .o-snackbar {
	padding: var(--fd-spacing-md);
	background-color: rgba(var(--fd-gray-50), 1);
	border-radius: var(--fd-border-radius-md);
}

#ea .o-searchbar{
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	padding: var(--fd-spacing-xs) ;

}

#ea .o-filterbar{
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: var(--fd-border-radius-md);
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)) );
	padding: var(--fd-spacing-xs) ;

}

/*
Sample Markup
<div id="o-toast-container" class="toast-top-right">
	<div class="o-toast" aria-live="polite" style="display: block;">
		<button type="button" class="toast-close-button" role="button">×</button>
		<div class="toast-message">Inconceivable!</div>
	</div>
</div>

Ideally
<div id="fd" class="o-toast toast-top-right">
	<div class="o-toast__item" aria-live="polite" style="display: block;">
		<div class="o-toast">
			<button type="button" class="toast-close-button" role="button">×</button>
			custom markup
		</div>
	</div>
</div>
*/

#ea .o-toast {
	width: 380px;
	padding: var(--fd-spacing-md);
	font-size: var(--fd-font-size--02);
	color: rgba(var(--fd-white), 1);
	pointer-events: auto;
	border-radius: var(--fd-border-radius-md);
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-bg-opacity)) );
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	opacity: 0.95;
}

#ea .o-toast__body {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

#ea .o-toast:hover {
		cursor: pointer;
		/* box-shadow: 0 0 12px #333;*/
		opacity: 1;
		--tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}

#ea .toast-close-button {
	position: relative;
	top: -0.3em;
	right: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: rgba(var(--fd-white), 1);
	text-shadow: 0 1px 0 rgba(var(--fd-white), 1);
	opacity: 0.8;
}

/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/

#ea button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

/* <button type="button"><span aria-hidden="true">×</span></button>*/

#ea .toast-close-button  {
	position: relative;
	top: -8px;
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 20px;
	font-weight: 700;
}

#ea.fd-toast-container {
	position: fixed;
	z-index: 999999;
	box-sizing: border-box;
	/* The container should not be clickable.*/
	pointer-events: none;
	/* ed-toast__item*/
	/* > .ggdiv {*/
	/* 	position: relative;*/
	
	/* 	width: 380px;*/
	/* 	overflow: hidden;*/
	/* 	color: #fff;*/
	/* 	// The toast itself should be clickable.*/
	/* 	pointer-events: auto;*/
	/* 	background-repeat: no-repeat;*/
	/* 	background-position: 15px center;*/
	/* 	border-radius: .5rem;*/
	/* 	box-shadow: 0 3px 12px rgba(0,0,0,0.125);*/

	/* Position*/

	
	
}

#ea.fd-toast-container .fd-toast-listing > * + * {
		margin-top: .5rem;
	}

#ea.fd-toast-container * {
		box-sizing: border-box;
	}

/* }*/

#ea.fd-toast-container > div.rtl {
		padding: 15px 50px 15px 15px;
		background-position: right 15px center;
		direction: rtl;
	}

#ea.fd-toast-container.toast-top-center {
		top: 0;
		right: 0;
		width: 100%;
	}

#ea.fd-toast-container.toast-bottom-center {
		right: 0;
		bottom: 0;
		width: 100%;
	}

#ea.fd-toast-container.toast-top-full-width {
		top: 0;
		right: 0;
		width: 100%;
	}

#ea.fd-toast-container.toast-bottom-full-width {
		right: 0;
		bottom: 0;
		width: 100%;
	}

#ea.fd-toast-container.toast-top-left {
		top: 12px;
		left: 12px;
	}

#ea.fd-toast-container.toast-top-right {
		top: 12px;
		right: 12px;
	}

#ea.fd-toast-container.toast-bottom-right {
		right: 12px;
		bottom: 12px;
	}

#ea.fd-toast-container.toast-bottom-left {
		bottom: 12px;
		left: 12px;
	}

#ea.fd-toast-container {

	

	/*overrides*/

	
	
}

#ea.fd-toast-container.toast-top-center > div, #ea.fd-toast-container.toast-bottom-center > div {
		width: 300px;
		margin-right: auto;
		margin-left: auto;
	}

#ea.fd-toast-container.toast-top-full-width > div, #ea.fd-toast-container.toast-bottom-full-width > div {
		width: 96%;
		margin-right: auto;
		margin-left: auto;
	}

/* Dropdown default behaviour */

/* kt#493 /media/foundry/scripts/vendor/tribute.js*/

#ea .o-mention-wrapper{
	overflow: hidden;
	border-radius: var(--fd-border-radius-md);
	padding-top: var(--fd-spacing-2xs) ;

}

#ea .o-mention-wrapper {
	min-width: 200px;
	max-width: 280px;
	
}

.tribute-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	display: block;
	min-width: 180px;
	max-width: 500px;
	height: auto;
	max-height: 300px;
	overflow: auto;
	width: 96vw;
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-sm);
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
}

.tribute-container > div {
		padding: 0;
		margin: 0;
		margin-top: 2px;
		list-style: none;
		border-radius: var(--fd-border-radius-md);
		--tw-bg-opacity: 1;
		background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );
		padding: var(--fd-spacing-xs) ;
		--tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}

.tribute-container .o-mention {
		cursor: pointer;
		border-radius: var(--fd-border-radius-md);
		padding-left: var(--fd-spacing-xs) ;
		padding-right: var(--fd-spacing-xs) ;
		padding-top: var(--fd-spacing-sm) ;
		padding-bottom: var(--fd-spacing-sm) ;
	}

.tribute-container .o-mention:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

.tribute-container .o-mention.is-highlight{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

.tribute-container .o-mention span {
		font-weight: bold;
	}

.tribute-container .o-mention.no-match {
		cursor: default;
	}

.tribute-container .menu-highlighted {
		font-weight: bold;
	}

/** 
* @package      Foundry
* @copyright    Copyright (C) Stack Ideas Sdn Bhd. All rights reserved.
* @license      Proprietary Use License https://stackideas.com/licensing
**/

/**
<div class="o-markitup-editor">
	<tab-nav>
	<tab-content>
		<div class="markItUp"></div> <== render by js
		<div class="markItUp-preview"></div> <== render by js
	<tab-content>
</div>

<div class="o-editor is-markitup|tinymce|anyeditor">
 <o-markitup-editor> | <tinymce> | <anyeditor>
</div>


KT
<div class="o-editor-wrapper">
	<o-editor>
	<rating>
	<attachment>
	<location>
</div>

ED
<div class="o-editor-wrapper">
	<o-editor>
	<tab-nav>
	<tab-component>
		<attachment>
		<location>
		<poll>
	</tab-component>
</div>

**/

/* Wrapper for editor and any unpredictable elements*/

#ea .o-editor-wrapper{
	overflow: hidden;
	border-radius: var(--fd-border-radius-md);
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)) );
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );

}

/* Wrapper for any editor*/

#ea .o-editor {
	/* @apply p-sm border border-solid border-primary-500;*/
}

/* Wrapper for markitup*/

#ea .o-markitup-editor {
	/* @apply border border-solid border-gray-300 overflow-hidden;*/
}

#ea .o-attachment-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	grid-gap: var(--fd-spacing-sm);
	gap: var(--fd-spacing-sm);
}

#ea .o-attachment {
	display: flex;
	justify-content: center;
	padding: var(--fd-spacing-sm);
	padding-right: 0;
	line-height: 1;
	color: rgba(var(--fd-gray-400), 1);
	background: rgba(var(--fd-white), 1);
	border: 1px solid rgba(var(--fd-gray-300), 1);
	border-radius: var(--fd-border-radius-md);
}

#ea .o-attachment__preview {
		/* padding-left: var(--fd-spacing-sm);*/
		display: flex;
		align-items: center;

	}

#ea .o-attachment__content {
		display: flex;
		flex-flow: column;
		flex-grow: 1;
		/* flex-wrap: wrap;*/
		justify-content: center;
		min-width: 0;
		padding: 0 var(--fd-spacing-sm);
		overflow: hidden;
		text-overflow: ellipsis;

	}

#ea .o-attachment__name {
		display: block;;
		min-width: 0;
		margin-bottom: var(--fd-spacing-2xs);
		overflow: hidden;
		font-size: var(--fd-font-size-xs);
		/* width: 100px;*/
		font-weight: bold;
		line-height: var(--fd-line-height-sm);
		color: rgba(var(--fd-gray-500), 1);
		text-decoration: none;
		text-overflow: ellipsis;
		white-space: nowrap;

		/* .text-overflow();*/
	}

#ea .o-attachment__size {
		font-size: var(--fd-font-size-xs);
	}

#ea .o-attachment__actions {
		display: flex;
		justify-content: center;
		/* padding: 0 var(--fd-spacing-xs);*/
		font-size: 16px;
		border-left: 1px solid rgba(var(--fd-gray-300), 1);
	}

#ea .o-attachment__actions > a {
			padding: var(--fd-spacing-md) var(--fd-spacing-sm);
			color: rgba(var(--fd-gray-400), 1)
		}

#ea .o-attachment__actions > a:hover {
				color: rgba(var(--fd-gray-800), 1);
			}

#ea .o-attachment-preview {
	position: relative;
	width: 40px;
	height: 40px;
	/* padding: var(--fd-spacing-xs);*/
	overflow: hidden;
	/* border: 1px solid rgba(var(--fd-gray-300), 1);*/
	border-radius: var(--fd-border-radius-md);
}

#ea .o-attachment-preview__content {
		width: 40px;
		height: 40px;
		line-height: 1;
		text-align: center;
		/* background-color: red; */
		background-color: rgba(var(--fd-gray-50), 1);
	}

#ea .o-attachment-preview.is-icon .o-attachment-preview__content {
			font-size: 18px
		}

#ea .o-attachment-preview.is-icon .o-attachment-preview__content:before {
				position: absolute;
				top: 50%;

				left: 50%;
				display: inline-block;
				font-family: "Font Awesome 5 Free";
				font-size: inherit;
				font-style: normal;
				font-weight: 400;
				line-height: 1;
				transform: translate(0,0);
				transform: perspective(1px) translateX(-50%) translateY(-50%);
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}

#ea .o-attachment-preview.is-icon.is-icon--zip .o-attachment-preview__content:before {
					content: '\f1c6'; 
				}

#ea .o-attachment-preview.is-icon.is-icon--doc .o-attachment-preview__content:before {
					content: '\f15c'; 
				}

#ea .o-attachment-preview.is-icon.is-icon--img .o-attachment-preview__content:before {
					content: '\f1c5'; 
				}

#ea .o-attachment-preview.is-image .o-attachment-preview__content {
			display: inline-block;
			width: 40px;
			height: 40px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

/* States*/

/*
DOM:
<div class="component-xxx is-empty">
	<div class="o-empty">
		<div class="o-empty__content">
			<i class="o-empty__icon fa fa-book"></i>
			<div class="o-empty__text">Looks like you haven't post anything.</div>
			<div class="o-empty__action t-mt--xl">
				<a href="" class="btn btn-primary btn-lg">Ask Question</a>
			</div>
		</div>
	</div>
</div>
*/

#ea .o-empty {
	position: relative;
	display: inline-block;
	display: none; /* Display none by default.*/
	width: 100%;
	/* min-height: 200px;*/
	text-align: center;
	background-color: var(--si-body);
	padding-top: var(--fd-spacing-3xl) ;
	padding-bottom: var(--fd-spacing-3xl) ;
	padding-left: var(--fd-spacing-md) ;
	padding-right: var(--fd-spacing-md) ;
	text-align: center;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: var(--fd-font-size-sm);
}

#ea .o-empty__content > * + *{
	margin-top: var(--fd-spacing-md) ;

}

#ea .o-empty__icon {
		width: auto;
		font-size: 40px;
		--tw-text-opacity: 1;
		color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );
	}

#ea .o-empty__icon--sm {
		/* font-size: 28px;*/
	}

#ea .o-empty__text {
		/* color: $fd-ui-text-color; // Experimental. Not to declare since it needs to adapt to unknown background*/
	}

#ea .o-empty__action {
		/* margin-top: $si-spacing--xl;*/
	}

&.is-mobile .o-empty--height-no {
			min-height: 80px;
		}

/* State*/

#ea .is-empty > .o-empty {
		display: inline-block;
	}

#ea .any-listing {
	display: none;
}

#ea .is-done .any-listing {
		display: flex;
		flex-direction: column;
	}

/**/

/* Loading*/

/* --------------------------------------------------*/

#ea .o-loader {
	position: relative;
	z-index: 1000;
	display: none;
	width: 40px;
	height: 40px;
	/* top: 50%;*/
	/* left: 50%;*/
	margin: 0px;
	/* transform: translateX(-50%) translateY(-50%);*/

	font-size: 1em;
	text-align: center
	
	/* Static Shape */
}

#ea .o-loader:before {
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		content: '';
		/* border: 4px solid var(--si-basic--300);*/
		border-radius: 500rem;
		border-width: 4px;
		border-style: solid;
		--tw-border-opacity: 1;
		border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)) );
	}

#ea .o-loader {

	/* Active Shape */
}

#ea .o-loader:after {
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		content: '';

		border-color: rgba(var(--fd-gray-300), 1) transparent transparent;
		border-style: solid;
		border-width: 4px;

		border-radius: 500rem;

		box-shadow: 0px 0px 0px 1px transparent;

		animation: fd-rotate .55s linear;
		animation-iteration-count: infinite;
	}

@keyframes fd-rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#ea .is-loading {
	/* Immediate children to prevent nested contain another loader*/
}

/* > .o-listing-state .o-loader,*/

#ea .is-loading > .o-loader {
		display: block;;
	}

/* Wrapper for o-loader to align center*/

#ea .o-loader-wrapper {
	position: relative;
	display: none;
	align-items: center;
	justify-content: center;
	min-height: 100px;
	/* background-color: var(--overlay);*/
}

#ea .o-placeholder-box {
	position: relative;
	display: inline-block;
	overflow: hidden;
	height: var(--fd-spacing-sm) ;
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)) );
	color: transparent
}

#ea .o-placeholder-box:after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: '';
		background-image: linear-gradient(
			90deg, 
			rgba(var(--fd-white), 0) 0, 
			rgba(var(--fd-white), 0.2) 20%, 
			rgba(var(--fd-white), 0.5) 60%, 
			rgba(var(--fd-white), 0));
		transform: translateX(-100%);
		animation: fd-placeholder-box 1s infinite;
		
	}

@keyframes fd-placeholder-box {
		100% {
			transform: translateX(100%);
		}
	}

/**
* #Components Layer
*/

/* purgecss start ignore */

/* purgecss end ignore */

/* purgecss start ignore */

/* @import "joomla-backend/layout.scss";*/

/* @import "04-components/toolbar.scss";*/

/* purgecss end ignore */

/**
* #Utilities/Trump Layer
*/

/* @import "tailwindcss/utilities"; */

/* Experimental*/

/* purgecss start ignore */

#ea .si__title {
		color: blue;
	}

#ea .test-ignore {
	margin-left: 8px;
}

/* purgecss end ignore */

#ea .hover\:bg-gray-100:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .hover\:bg-gray-300:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-bg-opacity)) );

}

#ea .hover\:bg-gray-50:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)) );

}

#ea .hover\:bg-white:hover{
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );

}

#ea .hover\:text-gray-500:hover{
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );

}

#ea .hover\:text-gray-400:hover{
	--tw-text-opacity: 1;
	color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)) );

}

#ea .hover\:text-gray-700:hover{
	--tw-text-opacity: 1;
	color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)) );

}

#ea .hover\:text-gray-300:hover{
	--tw-text-opacity: 1;
	color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)) );

}

#ea .hover\:no-underline:hover{
	text-decoration: none;

}

#ea .focus\:z-10:focus{
	z-index: 10;

}

#ea .focus\:underline:focus{
	text-decoration: underline;

}

#ea .focus\:outline-none:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;

}

#ea .active\:bg-gray-100:active{
	--tw-bg-opacity: 1;
	background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)) );

}

#ea .active\:text-gray-700:active{
	--tw-text-opacity: 1;
	color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)) );

}

#ea .active\:text-gray-500:active{
	--tw-text-opacity: 1;
	color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)) );

}

#ea .active\:focus\:ring-white:active:focus{
	--tw-ring-opacity: 1;
	--tw-ring-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-ring-opacity)) );

}

#ea .checked\:focus\:active\:bg-white:checked:focus:active{
	--tw-bg-opacity: 1;
	background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)) );

}

#ea .dark .dark\:text-gray-100{
	--tw-text-opacity: 1;
	color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-text-opacity)) );

}

@media (min-width: 768px){

	#ea .container{
		max-width: 768px;

	}

	#ea .o-dropdown{
		width: auto;

	}

	#ea .o-searchbar{
		flex-direction: row;

	}

	#ea .o-filterbar{
		flex-direction: row;

	}

	#ea .o-mention-wrapper{
		width: auto;

	}

	.tribute-container{
		width: auto;

	}
	#ea .o-attachment-list {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}
	#ea .md\:order-1{
		order: 1;

	}
	#ea .md\:order-2{
		order: 2;

	}
	#ea .md\:col-span-6{
		grid-column: span 6 / span 6;

	}
	#ea .md\:col-span-7{
		grid-column: span 7 / span 7;

	}
	#ea .md\:col-span-5{
		grid-column: span 5 / span 5;

	}
	#ea .md\:col-span-3{
		grid-column: span 3 / span 3;

	}
	#ea .md\:col-span-8{
		grid-column: span 8 / span 8;

	}
	#ea .md\:col-span-1{
		grid-column: span 1 / span 1;

	}
	#ea .md\:col-span-2{
		grid-column: span 2 / span 2;

	}
	#ea .md\:col-span-4{
		grid-column: span 4 / span 4;

	}
	#ea .md\:col-span-9{
		grid-column: span 9 / span 9;

	}
	#ea .md\:col-span-10{
		grid-column: span 10 / span 10;

	}
	#ea .md\:col-span-11{
		grid-column: span 11 / span 11;

	}
	#ea .md\:col-span-12{
		grid-column: span 12 / span 12;

	}
	#ea .md\:m-no{
		margin: 0;

	}
	#ea .md\:m-3xs{
		margin: var(--fd-spacing-3xs) ;

	}
	#ea .md\:m-2xs{
		margin: var(--fd-spacing-2xs) ;

	}
	#ea .md\:m-xs{
		margin: var(--fd-spacing-xs) ;

	}
	#ea .md\:m-sm{
		margin: var(--fd-spacing-sm) ;

	}
	#ea .md\:m-md{
		margin: var(--fd-spacing-md) ;

	}
	#ea .md\:m-lg{
		margin: var(--fd-spacing-lg) ;

	}
	#ea .md\:m-xl{
		margin: var(--fd-spacing-xl) ;

	}
	#ea .md\:m-2xl{
		margin: var(--fd-spacing-2xl) ;

	}
	#ea .md\:mx-no{
		margin-left: 0;
		margin-right: 0;

	}
	#ea .md\:mx-3xs{
		margin-left: var(--fd-spacing-3xs) ;
		margin-right: var(--fd-spacing-3xs) ;

	}
	#ea .md\:mx-2xs{
		margin-left: var(--fd-spacing-2xs) ;
		margin-right: var(--fd-spacing-2xs) ;

	}
	#ea .md\:mx-xs{
		margin-left: var(--fd-spacing-xs) ;
		margin-right: var(--fd-spacing-xs) ;

	}
	#ea .md\:mx-sm{
		margin-left: var(--fd-spacing-sm) ;
		margin-right: var(--fd-spacing-sm) ;

	}
	#ea .md\:mx-md{
		margin-left: var(--fd-spacing-md) ;
		margin-right: var(--fd-spacing-md) ;

	}
	#ea .md\:mx-lg{
		margin-left: var(--fd-spacing-lg) ;
		margin-right: var(--fd-spacing-lg) ;

	}
	#ea .md\:mx-xl{
		margin-left: var(--fd-spacing-xl) ;
		margin-right: var(--fd-spacing-xl) ;

	}
	#ea .md\:mx-2xl{
		margin-left: var(--fd-spacing-2xl) ;
		margin-right: var(--fd-spacing-2xl) ;

	}
	#ea .md\:my-no{
		margin-top: 0;
		margin-bottom: 0;

	}
	#ea .md\:my-3xs{
		margin-top: var(--fd-spacing-3xs) ;
		margin-bottom: var(--fd-spacing-3xs) ;

	}
	#ea .md\:my-2xs{
		margin-top: var(--fd-spacing-2xs) ;
		margin-bottom: var(--fd-spacing-2xs) ;

	}
	#ea .md\:my-xs{
		margin-top: var(--fd-spacing-xs) ;
		margin-bottom: var(--fd-spacing-xs) ;

	}
	#ea .md\:my-sm{
		margin-top: var(--fd-spacing-sm) ;
		margin-bottom: var(--fd-spacing-sm) ;

	}
	#ea .md\:my-md{
		margin-top: var(--fd-spacing-md) ;
		margin-bottom: var(--fd-spacing-md) ;

	}
	#ea .md\:my-lg{
		margin-top: var(--fd-spacing-lg) ;
		margin-bottom: var(--fd-spacing-lg) ;

	}
	#ea .md\:my-xl{
		margin-top: var(--fd-spacing-xl) ;
		margin-bottom: var(--fd-spacing-xl) ;

	}
	#ea .md\:my-2xl{
		margin-top: var(--fd-spacing-2xl) ;
		margin-bottom: var(--fd-spacing-2xl) ;

	}
	#ea .md\:mt-no{
		margin-top: 0;

	}
	#ea .md\:mt-3xs{
		margin-top: var(--fd-spacing-3xs) ;

	}
	#ea .md\:mt-2xs{
		margin-top: var(--fd-spacing-2xs) ;

	}
	#ea .md\:mt-xs{
		margin-top: var(--fd-spacing-xs) ;

	}
	#ea .md\:mt-sm{
		margin-top: var(--fd-spacing-sm) ;

	}
	#ea .md\:mt-md{
		margin-top: var(--fd-spacing-md) ;

	}
	#ea .md\:mt-lg{
		margin-top: var(--fd-spacing-lg) ;

	}
	#ea .md\:mt-xl{
		margin-top: var(--fd-spacing-xl) ;

	}
	#ea .md\:mt-2xl{
		margin-top: var(--fd-spacing-2xl) ;

	}
	#ea .md\:mr-no{
		margin-right: 0;

	}
	#ea .md\:mr-3xs{
		margin-right: var(--fd-spacing-3xs) ;

	}
	#ea .md\:mr-2xs{
		margin-right: var(--fd-spacing-2xs) ;

	}
	#ea .md\:mr-xs{
		margin-right: var(--fd-spacing-xs) ;

	}
	#ea .md\:mr-sm{
		margin-right: var(--fd-spacing-sm) ;

	}
	#ea .md\:mr-md{
		margin-right: var(--fd-spacing-md) ;

	}
	#ea .md\:mr-lg{
		margin-right: var(--fd-spacing-lg) ;

	}
	#ea .md\:mr-xl{
		margin-right: var(--fd-spacing-xl) ;

	}
	#ea .md\:mr-2xl{
		margin-right: var(--fd-spacing-2xl) ;

	}
	#ea .md\:mb-no{
		margin-bottom: 0;

	}
	#ea .md\:mb-3xs{
		margin-bottom: var(--fd-spacing-3xs) ;

	}
	#ea .md\:mb-2xs{
		margin-bottom: var(--fd-spacing-2xs) ;

	}
	#ea .md\:mb-xs{
		margin-bottom: var(--fd-spacing-xs) ;

	}
	#ea .md\:mb-sm{
		margin-bottom: var(--fd-spacing-sm) ;

	}
	#ea .md\:mb-md{
		margin-bottom: var(--fd-spacing-md) ;

	}
	#ea .md\:mb-lg{
		margin-bottom: var(--fd-spacing-lg) ;

	}
	#ea .md\:mb-xl{
		margin-bottom: var(--fd-spacing-xl) ;

	}
	#ea .md\:mb-2xl{
		margin-bottom: var(--fd-spacing-2xl) ;

	}
	#ea .md\:ml-no{
		margin-left: 0;

	}
	#ea .md\:ml-3xs{
		margin-left: var(--fd-spacing-3xs) ;

	}
	#ea .md\:ml-2xs{
		margin-left: var(--fd-spacing-2xs) ;

	}
	#ea .md\:ml-xs{
		margin-left: var(--fd-spacing-xs) ;

	}
	#ea .md\:ml-sm{
		margin-left: var(--fd-spacing-sm) ;

	}
	#ea .md\:ml-md{
		margin-left: var(--fd-spacing-md) ;

	}
	#ea .md\:ml-lg{
		margin-left: var(--fd-spacing-lg) ;

	}
	#ea .md\:ml-xl{
		margin-left: var(--fd-spacing-xl) ;

	}
	#ea .md\:ml-2xl{
		margin-left: var(--fd-spacing-2xl) ;

	}
	#ea .md\:ml-auto{
		margin-left: auto;

	}
	#ea .md\:block{
		display: block;

	}
	#ea .md\:flex{
		display: flex;

	}
	#ea .md\:w-1\/3{
		width: 33.333333%;

	}
	#ea .md\:w-5\/12{
		width: 41.666667%;

	}
	#ea .md\:w-auto{
		width: auto;

	}
	#ea .md\:w-\[160px\]{
		width: 160px;

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

	}
	#ea .md\:w-\[180px\]{
		width: 180px;

	}
	#ea .md\:w-\[220px\]{
		width: 220px;

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

	}
	#ea .md\:w-\[280px\]{
		width: 280px;

	}
	#ea .md\:w-\[440px\]{
		width: 440px;

	}
	#ea .md\:w-\[480px\]{
		width: 480px;

	}
	#ea .md\:w-full{
		width: 100%;

	}
	#ea .md\:w-screen{
		width: 100vw;

	}
	#ea .md\:w-1\/12{
		width: 8.333333%;

	}
	#ea .md\:w-2\/12{
		width: 16.666667%;

	}
	#ea .md\:w-3\/12{
		width: 25%;

	}
	#ea .md\:w-4\/12{
		width: 33.333333%;

	}
	#ea .md\:w-6\/12{
		width: 50%;

	}
	#ea .md\:w-7\/12{
		width: 58.333333%;

	}
	#ea .md\:w-8\/12{
		width: 66.666667%;

	}
	#ea .md\:w-9\/12{
		width: 75%;

	}
	#ea .md\:w-10\/12{
		width: 83.333333%;

	}
	#ea .md\:w-11\/12{
		width: 91.666667%;

	}
	#ea .md\:min-w-0{
		min-width: 0px;

	}
	#ea .md\:max-w-min{
		max-width: min-content;

	}
	#ea .md\:max-w-max{
		max-width: max-content;

	}
	#ea .md\:max-w-\[120px\]{
		max-width: 120px;

	}
	#ea .md\:flex-shrink-0{
		flex-shrink: 0;

	}
	#ea .md\:flex-shrink{
		flex-shrink: 1;

	}
	#ea .md\:flex-grow-0{
		flex-grow: 0;

	}
	#ea .md\:flex-grow{
		flex-grow: 1;

	}
	#ea .md\:grid-flow-col{
		grid-auto-flow: column;

	}
	#ea .md\:grid-cols-4{
		grid-template-columns: repeat(4, minmax(0, 1fr));

	}
	#ea .md\:grid-cols-3{
		grid-template-columns: repeat(3, minmax(0, 1fr));

	}
	#ea .md\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));

	}
	#ea .md\:grid-cols-12{
		grid-template-columns: repeat(12, minmax(0, 1fr));

	}
	#ea .md\:grid-cols-1{
		grid-template-columns: repeat(1, minmax(0, 1fr));

	}
	#ea .md\:grid-cols-5{
		grid-template-columns: repeat(5, minmax(0, 1fr));

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

	}
	#ea .md\:grid-cols-7{
		grid-template-columns: repeat(7, minmax(0, 1fr));

	}
	#ea .md\:grid-cols-8{
		grid-template-columns: repeat(8, minmax(0, 1fr));

	}
	#ea .md\:grid-cols-9{
		grid-template-columns: repeat(9, minmax(0, 1fr));

	}
	#ea .md\:grid-cols-10{
		grid-template-columns: repeat(10, minmax(0, 1fr));

	}
	#ea .md\:grid-cols-11{
		grid-template-columns: repeat(11, minmax(0, 1fr));

	}
	#ea .md\:flex-row{
		flex-direction: row;

	}
	#ea .md\:flex-row-reverse{
		flex-direction: row-reverse;

	}
	#ea .md\:flex-col{
		flex-direction: column;

	}
	#ea .md\:items-center{
		align-items: center;

	}
	#ea .md\:justify-between{
		justify-content: space-between;

	}
	#ea .md\:gap-sm{
		gap: var(--fd-spacing-sm) ;

	}
	#ea .md\:space-x-xs > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(var(--fd-spacing-xs)  * var(--tw-space-x-reverse));
		margin-left: calc(var(--fd-spacing-xs)  * calc(1 - var(--tw-space-x-reverse)));

	}
	#ea .md\:space-y-no > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0px * var(--tw-space-y-reverse));

	}
	#ea .md\:space-x-sm > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(var(--fd-spacing-sm)  * var(--tw-space-x-reverse));
		margin-left: calc(var(--fd-spacing-sm)  * calc(1 - var(--tw-space-x-reverse)));

	}
	#ea .md\:space-x-no > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(0px * var(--tw-space-x-reverse));
		margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));

	}
	#ea .md\:space-y-xs > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(var(--fd-spacing-xs)  * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(var(--fd-spacing-xs)  * var(--tw-space-y-reverse));

	}
	#ea .md\:space-y-sm > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(var(--fd-spacing-sm)  * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(var(--fd-spacing-sm)  * var(--tw-space-y-reverse));

	}
	#ea .md\:space-y-md > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(var(--fd-spacing-md)  * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(var(--fd-spacing-md)  * var(--tw-space-y-reverse));

	}
	#ea .md\:space-x-md > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(var(--fd-spacing-md)  * var(--tw-space-x-reverse));
		margin-left: calc(var(--fd-spacing-md)  * calc(1 - var(--tw-space-x-reverse)));

	}
	#ea .md\:truncate{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

	}
	#ea .md\:p-no{
		padding: 0;

	}
	#ea .md\:p-3xs{
		padding: var(--fd-spacing-3xs) ;

	}
	#ea .md\:p-2xs{
		padding: var(--fd-spacing-2xs) ;

	}
	#ea .md\:p-xs{
		padding: var(--fd-spacing-xs) ;

	}
	#ea .md\:p-sm{
		padding: var(--fd-spacing-sm) ;

	}
	#ea .md\:p-md{
		padding: var(--fd-spacing-md) ;

	}
	#ea .md\:p-lg{
		padding: var(--fd-spacing-lg) ;

	}
	#ea .md\:p-xl{
		padding: var(--fd-spacing-xl) ;

	}
	#ea .md\:p-2xl{
		padding: var(--fd-spacing-2xl) ;

	}
	#ea .md\:py-xs{
		padding-top: var(--fd-spacing-xs) ;
		padding-bottom: var(--fd-spacing-xs) ;

	}
	#ea .md\:py-no{
		padding-top: 0;
		padding-bottom: 0;

	}
	#ea .md\:px-no{
		padding-left: 0;
		padding-right: 0;

	}
	#ea .md\:px-3xs{
		padding-left: var(--fd-spacing-3xs) ;
		padding-right: var(--fd-spacing-3xs) ;

	}
	#ea .md\:px-2xs{
		padding-left: var(--fd-spacing-2xs) ;
		padding-right: var(--fd-spacing-2xs) ;

	}
	#ea .md\:px-xs{
		padding-left: var(--fd-spacing-xs) ;
		padding-right: var(--fd-spacing-xs) ;

	}
	#ea .md\:px-sm{
		padding-left: var(--fd-spacing-sm) ;
		padding-right: var(--fd-spacing-sm) ;

	}
	#ea .md\:px-md{
		padding-left: var(--fd-spacing-md) ;
		padding-right: var(--fd-spacing-md) ;

	}
	#ea .md\:px-lg{
		padding-left: var(--fd-spacing-lg) ;
		padding-right: var(--fd-spacing-lg) ;

	}
	#ea .md\:px-xl{
		padding-left: var(--fd-spacing-xl) ;
		padding-right: var(--fd-spacing-xl) ;

	}
	#ea .md\:px-2xl{
		padding-left: var(--fd-spacing-2xl) ;
		padding-right: var(--fd-spacing-2xl) ;

	}
	#ea .md\:py-3xs{
		padding-top: var(--fd-spacing-3xs) ;
		padding-bottom: var(--fd-spacing-3xs) ;

	}
	#ea .md\:py-2xs{
		padding-top: var(--fd-spacing-2xs) ;
		padding-bottom: var(--fd-spacing-2xs) ;

	}
	#ea .md\:py-sm{
		padding-top: var(--fd-spacing-sm) ;
		padding-bottom: var(--fd-spacing-sm) ;

	}
	#ea .md\:py-md{
		padding-top: var(--fd-spacing-md) ;
		padding-bottom: var(--fd-spacing-md) ;

	}
	#ea .md\:py-lg{
		padding-top: var(--fd-spacing-lg) ;
		padding-bottom: var(--fd-spacing-lg) ;

	}
	#ea .md\:py-xl{
		padding-top: var(--fd-spacing-xl) ;
		padding-bottom: var(--fd-spacing-xl) ;

	}
	#ea .md\:py-2xl{
		padding-top: var(--fd-spacing-2xl) ;
		padding-bottom: var(--fd-spacing-2xl) ;

	}
	#ea .md\:pr-md{
		padding-right: var(--fd-spacing-md) ;

	}
	#ea .md\:pt-no{
		padding-top: 0;

	}
	#ea .md\:pt-3xs{
		padding-top: var(--fd-spacing-3xs) ;

	}
	#ea .md\:pt-2xs{
		padding-top: var(--fd-spacing-2xs) ;

	}
	#ea .md\:pt-xs{
		padding-top: var(--fd-spacing-xs) ;

	}
	#ea .md\:pt-sm{
		padding-top: var(--fd-spacing-sm) ;

	}
	#ea .md\:pt-md{
		padding-top: var(--fd-spacing-md) ;

	}
	#ea .md\:pt-lg{
		padding-top: var(--fd-spacing-lg) ;

	}
	#ea .md\:pt-xl{
		padding-top: var(--fd-spacing-xl) ;

	}
	#ea .md\:pt-2xl{
		padding-top: var(--fd-spacing-2xl) ;

	}
	#ea .md\:pr-no{
		padding-right: 0;

	}
	#ea .md\:pr-3xs{
		padding-right: var(--fd-spacing-3xs) ;

	}
	#ea .md\:pr-2xs{
		padding-right: var(--fd-spacing-2xs) ;

	}
	#ea .md\:pr-xs{
		padding-right: var(--fd-spacing-xs) ;

	}
	#ea .md\:pr-sm{
		padding-right: var(--fd-spacing-sm) ;

	}
	#ea .md\:pr-lg{
		padding-right: var(--fd-spacing-lg) ;

	}
	#ea .md\:pr-xl{
		padding-right: var(--fd-spacing-xl) ;

	}
	#ea .md\:pr-2xl{
		padding-right: var(--fd-spacing-2xl) ;

	}
	#ea .md\:pb-no{
		padding-bottom: 0;

	}
	#ea .md\:pb-3xs{
		padding-bottom: var(--fd-spacing-3xs) ;

	}
	#ea .md\:pb-2xs{
		padding-bottom: var(--fd-spacing-2xs) ;

	}
	#ea .md\:pb-xs{
		padding-bottom: var(--fd-spacing-xs) ;

	}
	#ea .md\:pb-sm{
		padding-bottom: var(--fd-spacing-sm) ;

	}
	#ea .md\:pb-md{
		padding-bottom: var(--fd-spacing-md) ;

	}
	#ea .md\:pb-lg{
		padding-bottom: var(--fd-spacing-lg) ;

	}
	#ea .md\:pb-xl{
		padding-bottom: var(--fd-spacing-xl) ;

	}
	#ea .md\:pb-2xl{
		padding-bottom: var(--fd-spacing-2xl) ;

	}
	#ea .md\:pl-no{
		padding-left: 0;

	}
	#ea .md\:pl-3xs{
		padding-left: var(--fd-spacing-3xs) ;

	}
	#ea .md\:pl-2xs{
		padding-left: var(--fd-spacing-2xs) ;

	}
	#ea .md\:pl-xs{
		padding-left: var(--fd-spacing-xs) ;

	}
	#ea .md\:pl-sm{
		padding-left: var(--fd-spacing-sm) ;

	}
	#ea .md\:pl-md{
		padding-left: var(--fd-spacing-md) ;

	}
	#ea .md\:pl-lg{
		padding-left: var(--fd-spacing-lg) ;

	}
	#ea .md\:pl-xl{
		padding-left: var(--fd-spacing-xl) ;

	}
	#ea .md\:pl-2xl{
		padding-left: var(--fd-spacing-2xl) ;

	}

}

@media (min-width: 1280px){

	#ea .container{
		max-width: 1280px;

	}

	#ea .xl\:grid-cols-10{
		grid-template-columns: repeat(10, minmax(0, 1fr));

	}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	#ea .ps {
		overflow: auto !important;
	}

}


/*# sourceMappingURL=foundry.css.map */