/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/styles/globals.css ***!
  \****************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/styles/globals.css (1) ***!
  \********************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Anton&family=Roboto:ital,wght@0,400;0,500;0,900;1,400;1,500;1,900&display=swap);
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/styles/lincd_variables.css ***!
  \************************************************************************************************************************************************************************************/
/* 
  * Lincd Variables
  * This file contains the base design tokens for the Lincd design system.
  * It includes variables for colors, typography, spacing, shadows, and more.
  */

:root {
  /*!########## COPIED FROM STAGING ##############*/
  --ld-ref-font-color: #101010;
  --ld-ref-font-family: 'Anton', 'serif';
  --ld-ref-font-size-s: 0.75rem;
  --ld-ref-font-size-m: 0.875rem;
  --ld-ref-font-size-l: 1rem;

  --ld-ref-font-weight-thin: 100;
  --ld-ref-font-weight-extra-light: 200;
  --ld-ref-font-weight-light: 300;
  --ld-ref-font-weight-normal: 400;
  --ld-ref-font-weight-medium: 500;
  --ld-ref-font-weight-semi-bold: 600;
  --ld-ref-font-weight-bold: 700;
  --ld-ref-font-weight-extra-bold: 800;
  --ld-ref-font-weight-blac: 900;

  --ld-ref-line-height: 1.5;

  --ld-ref-letter-spacing-none: 0;
  --ld-ref-letter-spacing-s: 0.5px;
  --ld-ref-letter-spacing-m: 1px;
  --ld-ref-letter-spacing-l: 2px;

  --ld-ref-spacing-xs: 2px;
  --ld-ref-spacing-s: 4px;
  --ld-ref-spacing-m: 8px;
  --ld-ref-spacing-l: 16px;
  --ld-ref-spacing-xl: 32px;

  --ld-ref-border-radius-xs: 2px;
  --ld-ref-border-radius-s: 4px;
  --ld-ref-border-radius-m: 8px;
  --ld-ref-border-radius-l: 16px;
  --ld-ref-border-radius-xl: 32px;

  --ld-ref-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.15);
  --ld-ref-shadow-m: 0 1px 3px rgba(0, 0, 0, 0.2);
  --ld-ref-shadow-l: 0 1px 5px rgba(0, 0, 0, 0.3);
  /* END COPY OF STAGING ################# */

  /* === SPACING SCALE === */
  --ld-ref-spacing-0: 0rem;
  --ld-ref-spacing-0_5: 0.125rem; /* 2px */
  --ld-ref-spacing-1: 0.25rem; /* 4px */
  --ld-ref-spacing-1_5: 0.375rem; /* 6px */
  --ld-ref-spacing-2: 0.5rem; /* 8px */
  --ld-ref-spacing-2_5: 0.625rem; /* 10px */
  --ld-ref-spacing-3: 0.75rem; /* 12px */
  --ld-ref-spacing-4: 1rem; /* 16px */
  --ld-ref-spacing-5: 1.25rem; /* 20px */
  --ld-ref-spacing-6: 1.5rem; /* 24px */
  --ld-ref-spacing-8: 2rem; /* 32px */
  --ld-ref-spacing-10: 2.5rem; /* 40px */
  --ld-ref-spacing-12: 3rem; /* 48px */
  --ld-ref-spacing-16: 4rem; /* 64px */
  --ld-ref-spacing-20: 5rem; /* 80px */
  --ld-ref-spacing-24: 6rem; /* 96px */

  /* === TYPOGRAPHY === */
  --ld-ref-font-size-xs: 0.75rem;
  --ld-ref-font-size-sm: 0.875rem;
  --ld-ref-font-size-base: 1rem;
  --ld-ref-font-size-lg: 1.125rem;
  --ld-ref-font-size-xl: 1.25rem;
  --ld-ref-font-size-2xl: 1.5rem;
  --ld-ref-font-size-3xl: 1.875rem;
  --ld-ref-font-size-4xl: 2.25rem;
  --ld-ref-font-size-5xl: 3rem;

  --ld-ref-font-weight-normal: 400;
  --ld-ref-font-weight-medium: 500;
  --ld-ref-font-weight-bold: 700;

  --ld-ref-line-height-tight: 1.25;
  --ld-ref-line-height-normal: 1.5;
  --ld-ref-line-height-relaxed: 1.75;

  --ld-ref-letter-spacing-normal: 0;
  --ld-ref-letter-spacing-wide: 0.05em;
  --ld-ref-letter-spacing-wider: 0.1em;

  /* === COLORS === */
  --ld-ref-color-primary: #3b82f6; /* blue-500 */
  --ld-ref-color-secondary: #9333ea; /* purple-600 */
  --ld-ref-color-success: #10b981; /* green-500 */
  --ld-ref-color-danger: #ef4444; /* red-500 */
  --ld-ref-color-warning: #f59e0b; /* amber-500 */
  --ld-ref-color-info: #0ea5e9; /* sky-500 */

  --ld-ref-color-white: #ffffff;
  --ld-ref-color-black: #000000;
  --ld-ref-color-gray-50: #f9fafb;
  --ld-ref-color-gray-100: #f3f4f6;
  --ld-ref-color-gray-200: #e5e7eb;
  --ld-ref-color-gray-300: #d1d5db;
  --ld-ref-color-gray-400: #9ca3af;
  --ld-ref-color-gray-500: #6b7280;
  --ld-ref-color-gray-600: #4b5563;
  --ld-ref-color-gray-700: #374151;
  --ld-ref-color-gray-800: #1f2937;
  --ld-ref-color-gray-900: #111827;

  /* === SHADOWS === */
  --ld-ref-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --ld-ref-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --ld-ref-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --ld-ref-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --ld-ref-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

  /* === TRANSITIONS === */
  --ld-ref-transition-fast: 150ms;
  --ld-ref-transition-base: 300ms;
  --ld-ref-transition-slow: 500ms;
  --ld-ref-ease-default: cubic-bezier(0.4, 0, 0.2, 1);

  /* === BREAKPOINTS === */
  --ld-ref-breakpoint-xs: 320px;
  --ld-ref-breakpoint-sm: 480px;
  --ld-ref-breakpoint-md: 768px;
  --ld-ref-breakpoint-lg: 1024px;
  --ld-ref-breakpoint-xl: 1280px;
}

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/styles/variables-components.css ***!
  \*****************************************************************************************************************************************************************************************/
/* 
  * Variables Components
  * This file contains the component-specific variable overwrites.
  * You can customize component styles by overriding these variables.
  * For example, to change button styles, you can modify the button-related variables here.
  */

:root {
  /* signinWithPassword component color variable overwrites*/
  --ld-auth-text-hyperlink: var(--ld-ref-palette-neutral100);
  /* --ld-auth-form-border-radius: var(--ld-ref-border-radius-xl);*/
  --ld-auth-text-color-error: var(--ld-ref-palette-error60);
  /* --ld-auth-modal-border-radius: var(--ld-ref-border-radius-xl);*/
  --ld-auth-modal-background-color: var(--ld-ref-palette-neutral-variant95);
  --ld-slider-color: var(--ld-app-color-secondary-darker);
  --ld-paragraph-text-color-primary: var(--ld-ref-palette-neutral35);

  /* Button styles customized */
  --ld-button-filled-primary-background-color: var(--main-color);
  --ld-button-filled-primary-font-color: var(--ld-ref-palette-secondary100);
  --ld-button-filled-primary-border-color: var(--main-color);
  --ld-button-filled-primary-hover-background-color: var(--secondary-color);

  --ld-button-filled-secondary-background-color: var(--secondary-color);
  --ld-button-filled-secondary-font-color: var(--ld-ref-palette-secondary100);
  --ld-button-filled-secondary-hover-background-color: var(--secondary-color);

  --ld-button-border-radius: var(--ld-ref-border-radius-m);
  --ld-button-line-height: var(--ld-ref-line-height);
  --ld-button-font-size: var(--ld-ref-font-size-m);
  --ld-button-font-weight: var(--ld-ref-font-weight-normal);
  --ld-button-padding-y: var(--ld-ref-spacing-m);
  --ld-button-padding-x: var(--ld-ref-spacing-l);

  /* lincd input field*/
  --lincd-input-inputfield-text-size: 16px;
  --lincd-input-textfield-box-shadow: none;

  /* react-international-phone*/
  --react-international-phone-height: 50px;
  --react-international-phone-country-selector-border-color: var(--main-color);
  --react-international-phone-border-color: var(--main-color);
  --react-international-phone-border-radius: 0;
  --react-international-phone-font-size: 1rem;

  /* Auth - Forgot Password Modal */
  --ld-auth-button-background: var(--main-color);
  --ld-auth-button-color: var(--ld-ref-palette-neutral100);
  --ld-auth-button-hover-background: var(--secondary-color);
  --ld-auth-login-modal-button-background-color: var(--main-color);
  --ld-auth-login-modal-button-color: var(--ld-ref-palette-neutral100);
}

/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/styles/variables-theme.css ***!
  \************************************************************************************************************************************************************************************/
/* 
  * Variables Theme
  * This file contains the theme variables for the application.
  */

:root {
  --ld-source: #032265;
  /* primary */
  --ld-ref-palette-primary0: #000000;
  --ld-ref-palette-primary10: #00201f;
  --ld-ref-palette-primary20: #003736;
  --ld-ref-palette-primary25: #004342;
  --ld-ref-palette-primary30: #00504e;
  --ld-ref-palette-primary35: #005d5b;
  --ld-ref-palette-primary40: #006a68;
  --ld-ref-palette-primary50: var(--main-color); /* #008583; HARDCODE CHANGES */
  --ld-ref-palette-primary60: #00a19f;
  --ld-ref-palette-primary70: #20bebb;
  --ld-ref-palette-primary80: #4ddad7;
  --ld-ref-palette-primary90: #6ff7f4;
  --ld-ref-palette-primary95: #affffc;
  --ld-ref-palette-primary98: #e3fffd;
  --ld-ref-palette-primary99: #f1fffe;
  --ld-ref-palette-primary100: #ffffff;
  /* secondary */
  --ld-ref-palette-secondary0: #000000;
  --ld-ref-palette-secondary10: #3f0017;
  --ld-ref-palette-secondary20: #5f112b;
  --ld-ref-palette-secondary25: #6e1d36;
  --ld-ref-palette-secondary30: #7c2841;
  --ld-ref-palette-secondary35: #8b344c;
  --ld-ref-palette-secondary40: #9a4058;
  --ld-ref-palette-secondary50: #b95870;
  --ld-ref-palette-secondary60: #d87189;
  --ld-ref-palette-secondary70: #f78aa3;
  --ld-ref-palette-secondary80: #ffb1c1;
  --ld-ref-palette-secondary90: #ffd9df;
  --ld-ref-palette-secondary95: #ffecee;
  --ld-ref-palette-secondary98: #fff8f7;
  --ld-ref-palette-secondary99: #fffbff;
  --ld-ref-palette-secondary100: #ffffff;
  /* tertiary */
  --ld-ref-palette-tertiary0: #000000;
  --ld-ref-palette-tertiary10: #2e004e;
  --ld-ref-palette-tertiary20: #461969;
  --ld-ref-palette-tertiary25: #522674;
  --ld-ref-palette-tertiary30: #5e3281;
  --ld-ref-palette-tertiary35: #6b3e8e;
  --ld-ref-palette-tertiary40: #774a9b;
  --ld-ref-palette-tertiary50: #9263b6;
  --ld-ref-palette-tertiary60: #ad7dd1;
  --ld-ref-palette-tertiary70: #c997ee;
  --ld-ref-palette-tertiary80: #e1b6ff;
  --ld-ref-palette-tertiary90: #f2daff;
  --ld-ref-palette-tertiary95: #fbecff;
  --ld-ref-palette-tertiary98: #fff7fd;
  --ld-ref-palette-tertiary99: #fffbff;
  --ld-ref-palette-tertiary100: #ffffff;
  /* neutral */
  --ld-ref-palette-neutral0: #000000;
  --ld-ref-palette-neutral10: #191c1c;
  --ld-ref-palette-neutral20: #2d3131;
  --ld-ref-palette-neutral25: #383c3c;
  --ld-ref-palette-neutral30: #444747;
  --ld-ref-palette-neutral35: #4f5353;
  --ld-ref-palette-neutral40: #5b5f5e;
  --ld-ref-palette-neutral50: #747877;
  --ld-ref-palette-neutral60: #8e9191;
  --ld-ref-palette-neutral70: #a9acab;
  --ld-ref-palette-neutral80: #c4c7c6;
  --ld-ref-palette-neutral90: #e0e3e2;
  --ld-ref-palette-neutral95: #eff1f0;
  --ld-ref-palette-neutral98: #f7faf9;
  --ld-ref-palette-neutral99: #fafdfc;
  --ld-ref-palette-neutral100: #ffffff;
  /* neutral-variant */
  --ld-ref-palette-neutral-variant0: #000000;
  --ld-ref-palette-neutral-variant10: #141d1d;
  --ld-ref-palette-neutral-variant20: #293232;
  --ld-ref-palette-neutral-variant25: #343d3d;
  --ld-ref-palette-neutral-variant30: #3f4948;
  --ld-ref-palette-neutral-variant35: #4a5454;
  --ld-ref-palette-neutral-variant40: #566060;
  --ld-ref-palette-neutral-variant50: #6f7978;
  --ld-ref-palette-neutral-variant60: #889392;
  --ld-ref-palette-neutral-variant70: #a3adac;
  --ld-ref-palette-neutral-variant80: #bec9c7;
  --ld-ref-palette-neutral-variant90: #dae5e3;
  --ld-ref-palette-neutral-variant95: #e8f3f2;
  --ld-ref-palette-neutral-variant98: #f1fbfa;
  --ld-ref-palette-neutral-variant99: #f4fefd;
  --ld-ref-palette-neutral-variant100: #ffffff;
  /* error */
  --ld-ref-palette-error0: #000000;
  --ld-ref-palette-error10: #410002;
  --ld-ref-palette-error20: #690005;
  --ld-ref-palette-error25: #7e0007;
  --ld-ref-palette-error30: #93000a;
  --ld-ref-palette-error35: #a80710;
  --ld-ref-palette-error40: #ba1a1a;
  --ld-ref-palette-error50: #de3730;
  --ld-ref-palette-error60: #ff5449;
  --ld-ref-palette-error70: #ff897d;
  --ld-ref-palette-error80: #ffb4ab;
  --ld-ref-palette-error90: #ffdad6;
  --ld-ref-palette-error95: #ffedea;
  --ld-ref-palette-error98: #fff8f7;
  --ld-ref-palette-error99: #fffbff;
  --ld-ref-palette-error100: #ffffff;

  /* light colors */
  /* primary */
  --ld-app-color-primary: var(--main-color);
  --ld-app-color-primary-lighter: var(--secondary-color);
  --ld-app-color-primary-darker: var(--main-color);
  --ld-app-color-on-primary: #ffffff;
  --ld-app-color-primary-container: #6ff7f4;
  --ld-app-color-on-primary-container: #00201f;

  /* secondary */
  --ld-app-color-secondary: var(--secondary-color);
  --ld-app-color-secondary-lighter: var(--secondary-color);
  --ld-app-color-secondary-darker: var(--secondary-color);
  --ld-app-color-on-secondary: #ffffff;
  --ld-app-color-secondary-container: #ffd9df;
  --ld-app-color-on-secondary-container: #3f0017;
  /* --ld-app-color-secondary: var(--ld-ref-palette-secondary80);
  --ld-app-color-secondary-lighter: var(--ld-ref-palette-secondary90);
  --ld-app-color-secondary-darker: var(--ld-ref-palette-secondary70);
  --ld-app-color-on-secondary: #ffffff;
  --ld-app-color-secondary-container: #ffd9df;
  --ld-app-color-on-secondary-container: #3f0017; */

  /* tertiary */
  --ld-app-color-tertiary-darker: var(--ld-ref-palette-tertiary30);
  --ld-app-color-tertiary: var(--ld-ref-palette-tertiary40);
  --ld-app-color-tertiary-lighter: var(--ld-ref-palette-tertiary60);
  --ld-app-color-on-tertiary: #ffffff;
  --ld-app-color-tertiary-container: #f2daff;
  --ld-app-color-on-tertiary-container: #2e004e;

  --ld-app-color-error: #ba1a1a;
  --ld-app-color-error-container: #ffdad6;
  --ld-app-color-on-error: #ffffff;
  --ld-app-color-on-error-container: #410002;
  --ld-app-color-background: #fafdfc;
  --ld-app-color-on-background: #191c1c;
  --ld-app-color-surface: #fafdfc;
  --ld-app-color-on-surface: #191c1c;
  --ld-app-color-surface-variant: #dae5e3;
  --ld-app-color-on-surface-variant: #3f4948;
  --ld-app-color-outline: #6f7978;
  --ld-app-color-inverse-on-surface: #eff1f0;
  --ld-app-color-inverse-surface: #2d3131;
  --ld-app-color-inverse-primary: #4ddad7;
  --ld-app-color-shadow: #000000;
  --ld-app-color-surface-tint: #006a68;
  --ld-app-color-outline-variant: #bec9c7;
  --ld-app-color-scrim: #000000;

  /* dark */
  --ld-app-color-primary-dark: #4ddad7;
  --ld-app-color-on-primary-dark: #003736;
  --ld-app-color-primary-container-dark: #00504e;
  --ld-app-color-on-primary-container-dark: #6ff7f4;
  --ld-app-color-secondary-dark: #ffb1c1;
  --ld-app-color-on-secondary-dark: #5f112b;
  --ld-app-color-secondary-container-dark: #7c2841;
  --ld-app-color-on-secondary-container-dark: #ffd9df;
  --ld-app-color-tertiary-dark: #e1b6ff;
  --ld-app-color-on-tertiary-dark: #461969;
  --ld-app-color-tertiary-container-dark: #5e3281;
  --ld-app-color-on-tertiary-container-dark: #f2daff;
  --ld-app-color-error-dark: #ffb4ab;
  --ld-app-color-error-container-dark: #93000a;
  --ld-app-color-on-error-dark: #690005;
  --ld-app-color-on-error-container-dark: #ffdad6;
  --ld-app-color-background-dark: #191c1c;
  --ld-app-color-on-background-dark: #e0e3e2;
  --ld-app-color-surface-dark: #191c1c;
  --ld-app-color-on-surface-dark: #e0e3e2;
  --ld-app-color-surface-variant-dark: #3f4948;
  --ld-app-color-on-surface-variant-dark: #bec9c7;
  --ld-app-color-outline-dark: #889392;
  --ld-app-color-inverse-on-surface-dark: #191c1c;
  --ld-app-color-inverse-surface-dark: #e0e3e2;
  --ld-app-color-inverse-primary-dark: #006a68;
  --ld-app-color-shadow-dark: #000000;
  --ld-app-color-surface-tint-dark: #4ddad7;
  --ld-app-color-outline-variant-dark: #3f4948;
  --ld-app-color-scrim-dark: #000000;

  /*other alias values, specific for LINCD (the ones above are inspired by Material Design)*/
  /*Remember, aliases should point from a -ld-app variable to a -ld-ref variable*/
  --ld-app-box-spacing: var(--ld-ref-spacing-m);
  --ld-app-box-border-radius: var(--ld-ref-spacing-m);
  --ld-app-box-border-width: 1px;
  --ld-app-box-border-color: var(--ld-ref-palette-neutral-variant50);

  --ld-app-body-background-color: var(--neutral-background);
  --ld-app-body-text-family: Roboto;
  --ld-app-body-text-size: --ld-ref-font-size-l;

  --ld-app-body-text-color: var(--main-color);
  --ld-app-body-text-color-lighter: var(--dark-purple);
  --ld-app-body-text-color-lightest: var(--dark-purple);

  /*TODO: refactor the custom variables*/
  --ld-app-hyperlink-font-color: var(--secondary-color);
  --ld-app-color-active: var(--dark-purple);

  /*!! CUSTOM VARIABLES - THIS WILL NOT SCALE INTO THE FUTURE AND WILL NEED TO BE REFACTORED AT SOME POINT*/
  /*BETTER TO USE THE VARIABLES ABOVE*/

  /*Container padding*/
  --containerPadding: 20px 16px 20px 16px;
  --maxWidth: 600px;
  --contentPadding: 0 1.6rem;
  --imageContainerMargin: 20px auto;
  --videoContainerHeight: 62.5%;

  /*li padding for ordered and unordered lists*/
  --liPaddingTop: 0.2em;
  --liPaddingBottom: 0.2em;
  --liMarginLeft: 1em;

  /*Text*/
  --imageAltTextSize: 12px;
  --default-bold-font-weight: 700;

  /* specify Peace Game colors */
  --main-color: #032265; /*dark blue*/
  --secondary-color: #00a6cb; /*dark teal*/
  --tertiary-color: #cef8ff; /*light teal*/
  --page-color: #f2f4f9;
  --dark-purple: #324f8f;
  --soft-light-teal: #e7f0fc;
  --bronze: #e9946c;
  --silver: #d3d3d8;
  --gold: #eccd21;
  --neutral-background: #f5f5f5;

  --main-menu-width: 220px;
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/lincd-server-utils/lib/esm/components/Body.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.lincd_server_utils_Body_pageDefault {
  display: block;
}

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/components/atoms/Error.module.css ***!
  \*******************************************************************************************************************************************************************************************/
.peacegame_Error_error {
  color: white;
  margin: 2rem;

  pre {
    white-space: pre-wrap;
    padding: 1rem;
  }
}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/components/atoms/Spinner.module.css ***!
  \*********************************************************************************************************************************************************************************************/
.peacegame_Spinner_spinner {
  margin: auto;

  img {
    width: 50px;
    height: 50px;
    max-width: 100%;
  }

  &.peacegame_Spinner_centered {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/capacitor/lib/esm/components/SafeAreaContainer.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
:root {
  --ld-safearea-z-index: 1045;
}

.lincd_capacitor_SafeAreaContainer_root {
  position: relative;
  min-height: 100vh;

  /*safearea for handle padding side on mobile*/
  padding-top: var(--safe-area-top);
  padding-right: var(--safe-area-right);
  padding-left: var(--safe-area-left);
  padding-bottom: var(--safe-area-bottom);

  &.lincd_capacitor_SafeAreaContainer_resetTop {
    padding-top: 0;
  }

  &.lincd_capacitor_SafeAreaContainer_resetBottom {
    padding-bottom: 0;
  }
}

.lincd_capacitor_SafeAreaContainer_safearea {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: var(--ld-safearea-z-index);

  &.lincd_capacitor_SafeAreaContainer_top {
    top: 0;
    height: var(--safe-area-top);
  }

  &.lincd_capacitor_SafeAreaContainer_bottom {
    bottom: 0;
    height: var(--safe-area-bottom);
  }
}

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/layout/DefaultLayout.module.css ***!
  \*****************************************************************************************************************************************************************************************/
.peacegame_DefaultLayout_containerChat {
  overflow-y: hidden;
}

.peacegame_DefaultLayout_main {
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  width: 100%;
  margin: auto;
  min-height: 100vh;
  &.peacegame_DefaultLayout_whiteBackground {
    background-color: white;
  }
  &.peacegame_DefaultLayout_gray {
    background-color: var(--page-color);
  }
  &.peacegame_DefaultLayout_white {
    background-color: white;
  }
  &.peacegame_DefaultLayout_dark {
    background-color: var(--main-color);
  }
}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/auth/lib/esm/components/SigninWithPasswordForm.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
:root {
  --lincd-input-background-color: white;
  --lincd-input-textfield-border-radius: var(--ld-auth-form-border-radius);

  --ld-auth-login-text-hyperlink: var(--ld-auth-text-hyperlink);
  --ld-auth-login-text-error: var(--ld-auth-text-color-error);
  --ld-auth-login-modal-border-radius: var(--ld-auth-modal-border-radius);
  --ld-auth-login-modal-background-color: var(--ld-auth-modal-background-color);
}

.lincd_auth_SigninWithPasswordForm_root {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.lincd_auth_SigninWithPasswordForm_form {
  width: 100%;

  .lincd_auth_SigninWithPasswordForm_hidden {
    display: none;
  }

  .lincd_auth_SigninWithPasswordForm_iconButton {
    width: 25px;
    height: 25px;
    margin-right: 15px;
  }

  .lincd_auth_SigninWithPasswordForm_errorMessage {
    font-size: 16px;
    margin: 5px 0;
    color: var(--ld-auth-login-text-error);
  }
}

.lincd_auth_SigninWithPasswordForm_modalForm {
  padding: 30px 20px;
  border-radius: 20px;
  box-shadow: 2px 2px 6px rgba(176, 176, 176, 0.5);
  background-color: var(--ld-auth-login-modal-background-color);
}

.lincd_auth_SigninWithPasswordForm_control {
  position: relative;
}

.lincd_auth_SigninWithPasswordForm_end {
  padding: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.lincd_auth_SigninWithPasswordForm_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: red;
  color: steelblue;
  cursor: pointer;
  padding: 0;
  border-radius: 50% !important;
  width: 50px;
}

.lincd_auth_SigninWithPasswordForm_bottomSection {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;

  &.lincd_auth_SigninWithPasswordForm_ExtraSpace {
    padding-top: 15px;
  }
}

.lincd_auth_SigninWithPasswordForm_createAccount,
.lincd_auth_SigninWithPasswordForm_forgotPassword {
  cursor: pointer;
  color: var(--ld-auth-login-text-hyperlink);
}

/* TODO: check the impact after disable color and text-decoration for the peace game*/
p.lincd_auth_SigninWithPasswordForm_createAccount,
p.lincd_auth_SigninWithPasswordForm_forgotPassword {
  /* color: #888;*/
  font-size: 14px;
  padding-top: 5px;
  /* text-decoration: underline;*/
}

.lincd_auth_SigninWithPasswordForm_spinner {
  path {
    transform-origin: center;
    animation: lincd_auth_SigninWithPasswordForm_spinner 0.75s infinite linear;
  }
}

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

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/input/lib/esm/components/TextField.module.css ***!
  \******************************************************************************************************************************************************************************************************************************/
:root {
  --lincd-input-textfield-border-radius: var(--ld-app-box-border-radius);
  --lincd-input-textfield-border-color: var(--ld-app-box-border-color);
  --lincd-input-textfield-border-width: var(--ld-app-box-border-width);
  --lincd-input-textfield-background-color: var(--ld-app-color-on-primary);
  --lincd-input-textfield-text-font: var(--ld-app-body-text-family);
  --lincd-input-textfield-text-size: var(--ld-app-body-text-size);
  --lincd-input-textfield-color-primary: var(--ld-app-color-primary);
  --lincd-input-textfield-color-secondary: var(--ld-app-color-secondary);
  --lincd-input-textfield-color-error: var(--ld-app-color-error);
  --lincd-input-textfield-padding: var(--ld-ref-spacing-m);
  --lincd-input-textfield-box-shadow: var(--ld-ref-shadow-m);
  --lincd-input-textfield-box-shadow-hover: var(--ld-ref-shadow-l);
}

.lincd_input_TextField_TextField {
  font-family: var(--lincd-input-textfield-text-font);
  font-weight: 400;
  border-radius: var(--lincd-input-textfield-border-radius);
  color: var(--lincd-input-textfield-color-primary);
  background-color: var(--lincd-input-textfield-background-color);
  border: solid 1px var(--lincd-input-textfield-border-color);
  box-shadow: var(--lincd-input-textfield-box-shadow);
  display: flex;
  align-items: center;
  justify-content: center;

  &:hover {
    border-color: var(--lincd-input-textfield-color-secondary);
  }

  &:focus-within {
    border-color: var(--lincd-input-textfield-color-secondary);
    box-shadow: var(--lincd-input-textfield-box-shadow-hover);
  }

  /* firefox*/
  &:focus-visible {
    outline: 0;
  }

  > input,
  > textarea {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.5;
    flex-grow: 1;
    color: inherit;
    background: inherit;
    border: none;
    border-radius: inherit;
    padding: 0.75rem 1rem;
    outline: 0;
  }

  &.lincd_input_TextField_error {
    > input,
    > textarea {
      border-color: var(--lincd-input-textfield-color-error);
      box-shadow: 0 0 3px var(--lincd-input-textfield-color-error);
    }
  }
}

.lincd_input_TextField_helperText {
  font-size: 0.85rem;
  color: var(--lincd-input-textfield-color-secondary);
  margin: 5px 0;
  font-family: 'Nunito', sans-serif;
}

.lincd_input_TextField_spinner {
  position: absolute;
  width: 35px;
  right: 20px;
  margin-top: 10px;
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/mui-base/lib/esm/components/Modal.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
:root {
  --lincd-modal-z-index: 1300;

  /* box content*/
  --lincd-modal-content-box-shadow: 0px 2px 24px #383838;
  --lincd-modal-content-background-color: #fff;
  --lincd-modal-content-border-radius: 12px;

  /* backdrop*/
  --lincd-modal-backdrop-background-color: rgba(0, 0, 0, 0.5);
}

.lincd_mui_base_Modal_modal {
  position: fixed;
  z-index: var(--lincd-modal-z-index);
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lincd_mui_base_Modal_backdrop {
  z-index: -1;
  position: fixed;
  inset: 0;
  background-color: var(--lincd-modal-backdrop-background-color);
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.lincd_mui_base_Modal_content {
  box-sizing: border-box;
  /*min-width: 450px;*/
  border-radius: var(--lincd-modal-content-border-radius);
  /*padding: 1.5rem 2rem;*/
  background-color: var(--lincd-modal-content-background-color);
  box-shadow: var(--lincd-modal-content-box-shadow);
  max-height: 100vh;
  overflow-y: auto;

  @media (max-width: 768px) {
    max-width: calc(100% - 48px);
    min-width: auto;
  }
  @media (max-width: 512px) {
    max-width: calc(100% - 24px);
  }
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/auth/lib/esm/components/CreateAccountForm.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
:root {
  --ld-auth-button-background: var(
    --ld-auth-button-background,
    var(--ld-app-color-primary)
  );
  --ld-auth-button-color: var(
    --ld-auth-button-color,
    var(--ld-app-color-on-primary)
  );
  --ld-auth-button-hover-background: var(
    --ld-auth-button-hover-background,
    var(--ld-app-color-primary-darker)
  );
}

.lincd_auth_CreateAccountForm_root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-width: min(450px, 90vw);
  box-sizing: border-box;

  .lincd_auth_CreateAccountForm_FormGroup {
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    width: 100%;

    .lincd_auth_CreateAccountForm_ErrorMessage {
      font-size: 12px;
      color: var(--ld-auth-login-text-error);
    }
  }

  .lincd_auth_CreateAccountForm_FormButton {
    padding: 15px 10px;
    background-color: var(--ld-auth-button-background);
    color: var(--ld-auth-button-color);

    &:hover {
      background-color: var(--ld-auth-button-hover-background);
    }
  }

  .lincd_auth_CreateAccountForm_Alert {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #f74b4b;
    border-radius: 6px;
    width: 100%;

    p {
      font-size: 15px;
    }

    .lincd_auth_CreateAccountForm_CloseBtn {
      cursor: pointer;
      color: white;
    }
  }
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/mui-base/lib/esm/components/Button.module.css ***!
  \******************************************************************************************************************************************************************************************************************************/
:root {
  /*@TODO: should border color be darker variant of primary? new app variable?*/
  --ld-button-filled-primary-font-color: var(--ld-app-color-on-primary);
  --ld-button-filled-primary-border-color: var(--ld-app-color-primary);
  --ld-button-filled-primary-background-color: var(--ld-app-color-primary);
  --ld-button-filled-primary-hover-background-color: var(
    --ld-ref-palette-primary50
  );

  --ld-button-filled-secondary-font-color: var(--ld-app-color-on-secondary);
  --ld-button-filled-secondary-border-color: var(--ld-app-color-secondary);
  --ld-button-filled-secondary-background-color: var(--ld-app-color-secondary);
  --ld-button-filled-secondary-hover-background-color: var(
    --ld-ref-palette-secondary50
  );

  --ld-button-filled-tertiary-font-color: var(--ld-app-color-on-tertiary);
  --ld-button-filled-tertiary-border-color: var(--ld-app-color-tertiary);
  --ld-button-filled-tertiary-background-color: var(--ld-app-color-tertiary);
  --ld-button-filled-tertiary-hover-background-color: var(
    --ld-ref-palette-tertiary50
  );

  --ld-button-outlined-primary-border-color: var(--ld-app-color-primary);
  --ld-button-outlined-primary-background-color: var(--ld-app-color-on-primary);
  --ld-button-outlined-primary-font-color: var(--ld-app-color-primary);
  --ld-button-outlined-primary-hover-background-color: var(
    --ld-ref-palette-primary98
  );

  --ld-button-outlined-secondary-border-color: var(--ld-app-color-secondary);
  --ld-button-outlined-secondary-background-color: var(
    --ld-app-color-on-secondary
  );
  --ld-button-outlined-secondary-font-color: var(--ld-app-color-secondary);
  --ld-button-outlined-secondary-hover-background-color: var(
    --ld-ref-palette-secondary98
  );

  --ld-button-outlined-tertiary-border-color: var(--ld-app-color-tertiary);
  --ld-button-outlined-tertiary-background-color: var(
    --ld-app-color-on-tertiary
  );
  --ld-button-outlined-tertiary-font-color: var(--ld-app-color-tertiary);
  --ld-button-outlined-tertiary-hover-background-color: var(
    --ld-ref-palette-tertiary98
  );

  --ld-button-text-primary-font-color: var(--ld-app-color-primary);
  --ld-button-text-primary-hover-background-color: var(
    --ld-ref-palette-primary98
  );
  --ld-button-text-secondary-font-color: var(--ld-app-color-secondary);
  --ld-button-text-secondary-hover-background-color: var(
    --ld-ref-palette-secondary98
  );
  --ld-button-text-tertiary-font-color: var(--ld-app-color-tertiary);
  --ld-button-text-tertiary-hover-background-color: var(
    --ld-ref-palette-tertiary98
  );

  --ld-button-border-radius: var(--ld-ref-border-radius-m);
  --ld-button-line-height: var(--ld-ref-line-height);
  --ld-button-font-size: var(--ld-ref-font-size-m);
  --ld-button-font-family: var(--ld-ref-font-family);
  --ld-button-font-weight: var(--ld-ref-font-weight-normal);
  --ld-button-padding-y: var(--ld-ref-spacing-m);
  --ld-button-padding-x: var(--ld-ref-spacing-l);
}

.lincd_mui_base_Button_ButtonRoot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /*font-family: 'Nunito';*/
  font-family: var(--ld-button-font-family);
  /*font-size: 1rem;;*/
  font-size: var(--ld-button-font-size);
  /*line-height: 1.5;*/
  line-height: var(--ld-button-line-height);
  /*background-color: transparent;*/
  /*border-radius: $borderRadius;*/
  border-radius: var(--ld-button-border-radius);
  /*font-weight: 400;*/
  font-weight: var(--ld-button-font-weight);
  /*padding: 8px 16px;*/
  padding: var(--ld-button-padding-y) var(--ld-button-padding-x);
  cursor: pointer;

  &.lincd_mui_base_Button_disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  &.lincd_mui_base_Button_fullwidth {
    width: 100%;
  }

  &.lincd_mui_base_Button_focusVisible {
    box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5);
    outline: none;
  }

  &.lincd_mui_base_Button_filled {
    color: var(--ld-button-filled-primary-font-color);
    border: solid 1px var(--ld-button-filled-primary-border-color);
    background-color: var(--ld-button-filled-primary-background-color);

    &:hover,
    &.lincd_mui_base_Button_active {
      background-color: var(--ld-button-filled-primary-hover-background-color);
    }

    &.lincd_mui_base_Button_secondary {
      color: var(--ld-button-filled-secondary-font-color);
      border: solid 1px var(--ld-button-filled-secondary-border-color);
      background-color: var(--ld-button-filled-secondary-background-color);

      &:hover,
      &.lincd_mui_base_Button_active {
        background-color: var(
          --ld-button-filled-secondary-hover-background-color
        );
      }
    }

    &.lincd_mui_base_Button_tertiary {
      color: var(--ld-button-filled-tertiary-font-color);
      border: solid 1px var(--ld-button-filled-tertiary-border-color);
      background-color: var(--ld-button-filled-tertiary-background-color);

      &:hover,
      &.lincd_mui_base_Button_active {
        background-color: var(
          --ld-button-filled-tertiary-hover-background-color
        );
      }
    }
  }

  &.lincd_mui_base_Button_outlined {
    border: solid 1px var(--ld-button-outlined-primary-border-color);
    background-color: var(--ld-button-outlined-primary-background-color);
    color: var(--ld-button-outlined-primary-font-color);

    &:hover,
    &.lincd_mui_base_Button_active {
      background-color: var(
        --ld-button-outlined-primary-hover-background-color
      );
    }

    &.lincd_mui_base_Button_secondary {
      border: solid 1px var(--ld-button-outlined-secondary-border-color);
      background-color: var(--ld-button-outlined-secondary-background-color);
      color: var(--ld-button-outlined-secondary-font-color);

      &:hover,
      &.lincd_mui_base_Button_active {
        background-color: var(
          --ld-button-outlined-secondary-hover-background-color
        );
      }
    }

    &.lincd_mui_base_Button_tertiary {
      border: solid 1px var(--ld-button-outlined-tertiary-border-color);
      background-color: var(--ld-button-outlined-tertiary-background-color);
      color: var(--ld-button-outlined-tertiary-font-color);

      &:hover,
      &.lincd_mui_base_Button_active {
        background-color: var(
          --ld-button-outlined-tertiary-hover-background-color
        );
      }
    }
  }

  &.lincd_mui_base_Button_text {
    border: none;
    background: none;
    color: var(--ld-button-text-primary-font-color);

    &:hover {
      background-color: var(--ld-button-text-primary-hover-background-color);
    }

    &.lincd_mui_base_Button_secondary {
      color: var(--ld-button-text-secondary-font-color);

      &:hover {
        background-color: var(
          --ld-button-text-secondary-hover-background-color
        );
      }
    }

    &.lincd_mui_base_Button_tertiary {
      color: var(--ld-button-text-tertiary-font-color);

      &:hover {
        background-color: var(--ld-button-text-tertiary-hover-background-color);
      }
    }
  }
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/auth/lib/esm/components/ForgotPasswordForm.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.lincd_auth_ForgotPasswordForm_root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-width: min(450px, 90vw);
  box-sizing: border-box;

  .lincd_auth_ForgotPasswordForm_FormGroup {
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    width: 100%;

    .lincd_auth_ForgotPasswordForm_ErrorMessage {
      font-size: 12px;
      color: var(--ld-auth-login-text-error);
    }
  }

  .lincd_auth_ForgotPasswordForm_FormButton {
    background-color: var(--ld-auth-login-modal-button-background-color);
    color: var(--ld-auth-login-modal-button-color);
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/capacitor/lib/esm/components/SigninWithAppleButton.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.lincd_capacitor_SigninWithAppleButton_root {
  display: flex;
  gap: 1rem;
}

.lincd_capacitor_SigninWithAppleButton_icon {
  width: 25px;
  height: 25px;
}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/capacitor/lib/esm/components/SigninWithGoogleButton.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.lincd_capacitor_SigninWithGoogleButton_root {
  display: flex;
  gap: 1rem;
}

.lincd_capacitor_SigninWithGoogleButton_icon {
  width: 25px;
  height: 25px;
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/capacitor/lib/esm/components/SignInWithWhatsapp.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.lincd_capacitor_SignInWithWhatsapp_root {
  display: flex;
  gap: 1rem;
}

.lincd_capacitor_SignInWithWhatsapp_icon {
  width: 25px;
  height: 25px;
}

.lincd_capacitor_SignInWithWhatsapp_WhatsappIcon {
  width: 25px;
  height: 25px;
}

.lincd_capacitor_SignInWithWhatsapp_phoneInput {
  width: 100%;
  height: 48px;
  border-radius: 7px;
  border: 1px solid #222;
  text-indent: 10px;
}

.lincd_capacitor_SignInWithWhatsapp_signButton {
  width: 32px;
  height: 32px;
  position: absolute;
  right: calc(100% - 94%);
}

.lincd_capacitor_SignInWithWhatsapp_loading {
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/input/lib/esm/components/OTPInput.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.lincd_input_OTPInput_container {
  width: 100%;

  .lincd_input_OTPInput_otpHeadline {
    padding-bottom: 15px;
  }

  .lincd_input_OTPInput_innerContainer {
    width: 100%; /* Set the width to 100% */
    display: flex;
    justify-content: space-between;
    align-items: center;

    div {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;

      .lincd_input_OTPInput_MuiInput-root {
        text-align: center;
      }

      input,
      #lincd_input_OTPInput_textInput {
        color: #222;
        font-size: 20px;
        font-weight: 600;
        width: 100%; /* Set the width to 100% */
        padding: 15px;
        border-radius: 10px;
        text-align: center;
      }
    }
  }

  .lincd_input_OTPInput_verifyButton {
    width: 100%;
    height: 40px;
    border-radius: 10px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./packages/lincd.org/modules/capacitor/node_modules/react-international-phone/build/index.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-left, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/components/atoms/Divider.module.css ***!
  \*********************************************************************************************************************************************************************************************/
.peacegame_Divider_Divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
}

.peacegame_Divider_Divider::before,
.peacegame_Divider_Divider::after {
  content: '';
  flex: 1;
  border-bottom: 2px solid var(--ld-ref-palette-neutral-variant40);
}

.peacegame_Divider_Divider:not(:empty)::before {
  margin-right: 0.1em;
}

.peacegame_Divider_Divider:not(:empty)::after {
  margin-left: 0.1em;
}

/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/components/atoms/LogoSpinning.module.css ***!
  \**************************************************************************************************************************************************************************************************/
.peacegame_LogoSpinning_globe {
  margin: 1.5rem 0 2rem;
  &.peacegame_LogoSpinning_centered {
    width: 120px;
    height: 120px;
    margin: 0 auto;
  }
}

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/components/molecules/ConferenceCard.module.css ***!
  \********************************************************************************************************************************************************************************************************/
.peacegame_ConferenceCard_MainCard {
  display: flex;
  width: 100%;
  min-height: 100px;
  border-radius: 8px;
  background-color: white;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition-duration: 400ms;
  flex-shrink: 0;

  &.peacegame_ConferenceCard_disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
  }

  .peacegame_ConferenceCard_Card {
    .peacegame_ConferenceCard_HCardContent {
      .peacegame_ConferenceCard_HCardButton {
        background-color: white;
        color: var(--main-color, #032265);
        img {
          filter: brightness(0) saturate(100%) invert(0%) sepia(0%)
            saturate(7500%) hue-rotate(0deg);
        }
      }
    }
  }

  @media (max-width: 370px) {
    width: 100%;
    height: 105px;
  }

  &.peacegame_ConferenceCard_withFooter {
    min-height: 175px;
    flex-direction: column;
  }

  .peacegame_ConferenceCard_Card {
    display: flex;
    justify-content: space-between;
    width: 100%;

    .peacegame_ConferenceCard_CardImage {
      width: 30%;
      height: auto;
      display: flex;

      > img {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    @media (min-width: 361px) and (max-width: 450px) {
      /*.CardImage > img {*/
      /*  object-position: 0 -25px;*/
      /*}*/
    }

    @media only screen and (max-width: 360px) {
      /*.CardImage > img {*/
      /*  object-position: 50%;*/
      /*}*/
    }

    .peacegame_ConferenceCard_HCardContent {
      display: flex;
      justify-content: space-between;
      width: calc(100% - 30%);
      /*min-height: 130px;*/

      .peacegame_ConferenceCard_HCardDescription {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 15px;
        box-sizing: border-box;
        height: 100%;
        width: 100%;

        h3 {
          color: var(--main-color);
          text-align: left;
          line-height: 1.1;
        }

        & > p {
          text-transform: none;
          font-size: 15px;
        }

        &.peacegame_ConferenceCard_withDescription {
          justify-content: center;
          gap: 10px;
        }

        .peacegame_ConferenceCard_IndicatorIcon {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px;

          img {
            /* width: 24px;*/

            &:nth-of-type(1) {
              width: 20px;
            }

            &:nth-of-type(2) {
              width: 38px;
            }

            &:nth-of-type(3) {
              width: 24px;
            }
          }
        }
      }

      .peacegame_ConferenceCard_HCardButton {
        cursor: pointer;
        width: 40px;
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 8px 0;
        box-sizing: border-box;
        border: none;

        img {
          width: 40px;
        }

        p {
          color: white;
          font-size: 9px;
          text-transform: uppercase;
        }
      }
    }

    @media only screen and (max-width: 450px) {
      .peacegame_ConferenceCard_HCardDescription {
        h3 {
          font-size: 20px;
          line-height: normal;
        }

        p {
          font-size: small;
        }
      }
    }
  }
}

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/components/molecules/SwitchLanguage.module.css ***!
  \********************************************************************************************************************************************************************************************************/
.peacegame_SwitchLanguage_root {
  text-align: center;
  padding: 0.5rem 1rem 2rem;

  select {
    padding: 5px;
    border-color: var(--main-color);
    border-radius: 6px;
    font-size: 15px;
    color: var(--main-color);
  }
}

/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/pages/Signin.module.css ***!
  \*********************************************************************************************************************************************************************************/
.peacegame_Signin_SigninContainer {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
  justify-content: space-evenly;
  gap: 10px;
  height: 100%;
  min-height: 100vh;

  h3 {
    color: white;
    text-align: center;
  }

  @media only screen and (max-width: 480px) {
    /* Media query for iOS devices or devices with a screen width up to 480 pixels */
    gap: 30px; /* Set gap to 30px on mobile screens*/
    /* height: auto; // Remove the height property on mobile screens*/
  }

  .peacegame_Signin_Form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .peacegame_Signin_el_input {
    border: 1px solid var(--lincd-color-primary);
    border-radius: 100px;
  }

  .peacegame_Signin_Title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    gap: 0.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;

    @media screen and (max-width: 480px) {
      margin-top: 1rem;
      margin-bottom: 0;
    }

    img {
      width: 150px;
    }

    h2 {
      text-transform: capitalize;
      font-size: 34px;
      color: var(--ld-app-color-on-primary, #ffffff);
    }
  }

  .peacegame_Signin_Signin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;

    .peacegame_Signin_peace-game-signin {
      .peacegame_Signin_lincd_auth_SigninWithPasswordForm_bottomSection {
        display: none;
      }
    }

    div > div > p {
      color: var(--ld-app-color-on-primary, #ffffff);
      &:hover {
        text-decoration-color: var(--secondary-color, #00a6cb);
      }
    }

    button {
      background-color: white !important;
    }

    div > form {
      max-width: 100%;
      border-radius: 8px;
      height: 47px;
    }

    h2 {
      text-transform: capitalize;
      padding-bottom: 10px;
      color: var(--ld-app-color-on-primary, #ffffff);
    }

    .peacegame_Signin_Input {
      width: 100%;
      height: 50px;
      border-radius: 8px;
      border: 1px solid #032265;
      padding: 0 10px;
      box-sizing: border-box;
    }
  }

  .peacegame_Signin_Divider {
    display: flex;
    justify-content: center;
    color: var(--secondary-color, #00a6cb);
  }

  .peacegame_Signin_SocialSignin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    align-items: center;
    position: relative;

    & h3 {
      color: var(--ld-app-color-on-primary, #ffffff);
    }
  }
  .peacegame_Signin_SocialSignin > div:nth-child(1) {
    align-items: center;
    width: 100%;
    display: flex;
  }
  .peacegame_Signin_SocialSignin > div > div:nth-child(1) {
    margin-right: 5px;
  }
  .peacegame_Signin_SocialSignin > div > div:nth-child(1) > button {
    width: 40px;
    border: solid 1px var(--ld-app-color-primary);
    border-radius: 5px;
    height: 40px;
  }

  .peacegame_Signin_SocialSignin > div > input {
    width: 100%;
    height: 40px;
    border: solid 1px var(--ld-app-color-primary);
    border-radius: 5px;
  }

  .peacegame_Signin_SocialSignin > div > div:nth-child(1) > ul {
    border: 1px solid #ccc;
    background: #fff;
    width: 220px;
    padding: 5px;
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 200px;
    z-index: 1;
  }
  /* .SocialSignin > div > div:nth-child(1) > ul > li {*/
  /*display: flex;*/
  /*align-items: center;*/
  /*gap: 10px;*/
  /*width: 30px;*/
  /*padding: 5px;*/
  /* }*/

  .peacegame_Signin_SocialSignin > div > div:nth-child(1) > ul > li:hover {
    cursor: pointer;
    background-color: #ccc;
    width: 100%;
  }
  .peacegame_Signin_SocialSignin > div > div:nth-child(1) > ul > li > span {
    font-size: 12px;
  }

  .peacegame_Signin_Terms {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    width: 100%;
    max-width: calc(var(--maxWidth) - 180px);
    margin: 0 auto;

    & p {
      text-align: center;
      color: var(--ld-app-color-on-primary, #ffffff);
    }
    & a {
      color: var(--ld-app-color-on-primary, #ffffff);
      text-decoration: underline;
      &:hover {
        text-decoration-color: var(--secondary-color, #00a6cb);
      }
    }
    .peacegame_Signin_contactSupport {
      display: flex;
      align-items: center;

      p {
        display: inline-block;
        margin-left: 10px;
        color: var(--ld-app-color-on-primary, #ffffff);
      }

      cursor: pointer;
      margin: 20px auto 1rem auto;
      padding: 0;
      &:hover {
        p {
          text-decoration: underline;
          text-decoration-color: var(--secondary-color, #00a6cb);
        }
      }
    }
  }
}

.peacegame_Signin_switchLanguage {
  padding-top: 1rem;
  color: #fff;
}

.peacegame_Signin_cardContainer {
  /* max-height: 150px;*/
  /* overflow-y: auto;*/
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/App.module.css ***!
  \************************************************************************************************************************************************************************/
/*@import 'scss/variables.scss';*/

.peacegame_App_App {
  display: block;
  color: var(--ld-app-body-text-color);
  background-color: var(--ld-app-body-background-color);
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
  /*outline:1px blue solid;*/
}
input {
  font-size: 1rem;
}

.peacegame_App_team {
  background-color: var(--main-color);
}

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/styles/global-overwrites.css ***!
  \**************************************************************************************************************************************************************************************/
/**
This file allows you to overwrite specific css classes.
It is configured in such a way that the classes will not be converted to css modules, like the other .scss files.
If you need to target specific classes of your app that you have defined yourself, you'll need to use the converted class name from the .scss.json file

Example: lets say Matches.tsx renders a Material UI component that uses a class "MuiBox-root"
It also imports Matches.scss, which has a class .matchesContainer
If you check the Matches.scss.json file, you'll see that the class name has been converted to .appname_Matches_matchesContainer
So to overwrite styles of "MuiBox-root" you would use:
.appname_Matches_matchesContainer .MuiBox-root {
 */

/* start react audio player css*/
.e05e18 {
  display: none;
}
.ac7b4a {
  border-radius: 4px;
  height: 28px;
  width: 28px;
}
.ac7b4a,
.bff2b5 {
  box-sizing: border-box;
  display: block;
  padding: 4px;
}
.bff2b5 {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0;
  height: 38px;
  margin: 0;
  outline: none;
  width: 38px;
}
.bff2b5.a45085 .ac7b4a,
.bff2b5:active .ac7b4a {
  background-color: #e5e5e5;
}
.bff2b5.ba5145 {
  opacity: 0.75;
  pointer-events: none;
}
.bff2b5.fde0b7 {
  border: 1px solid #5a5a5a;
}
@media screen and (width <= 480px) {
  .ab5ee0 {
    display: none;
  }
}
.c7b08a {
  color: #333;
  flex-shrink: 0;
  font-family: Helvetica, Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 1;
  margin: 0;
}
.c7b08a,
.e0b58b {
  display: block;
  padding: 0;
}
.e0b58b {
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  height: 38px;
  position: relative;
  width: 100%;
}
.e0b58b.d6d969 {
  display: block;
}
.e0b58b.c0ae57 {
  pointer-events: none;
}
.cc7be8 {
  background-color: #dadada;
  height: 2px;
  left: 6px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: calc(100% - 12px);
  z-index: 0;
}
.c44fc5,
.cc7be8 {
  border-radius: 1px;
}
.c44fc5 {
  background-color: #408af0;
  height: 100%;
  transform-origin: left center;
  width: 100%;
}
.eee1d0 {
  height: 100%;
  left: 6px;
  top: 0;
  width: calc(100% - 24px);
  z-index: 1;
}
.eee1d0,
.f79532 {
  position: absolute;
}
.f79532 {
  background-color: #408af0;
  border-radius: 6px;
  display: block;
  height: 12px;
  margin-top: -6px;
  top: 50%;
  width: 12px;
}
.c0ae57 .f79532 {
  background-color: #dadada;
}
.d6d969 .f79532 {
  box-shadow: 0 0 0 6px rgba(64, 138, 240, 0.2);
}
.f9d0be {
  border: 0;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 6px;
  margin: 0;
  opacity: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 0;
  width: calc(100% - 12px);
  z-index: 2;
}
@media screen and (width <= 480px) {
  .e13c85 {
    display: none;
  }
}
.b8f0f4 {
  display: block;
  flex-shrink: 0;
  height: 38px;
  overflow-x: hidden;
  position: relative;
  width: 38px;
  z-index: 0;
}
.cf10f9 {
  outline: initial;
  pointer-events: none;
}
.f2a1b7 {
  appearance: none;
  background-color: #fff;
  border: 0;
  cursor: pointer;
  display: block;
  font-family: monospace;
  height: 100%;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.f2a1b7:focus {
  min-width: 100%;
  width: auto;
}
.e22549,
.f2a1b7:focus option:first-child {
  display: none;
}
.ce6c17 {
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: normal;
  padding: 6px;
  width: 100%;
}
.e154e9 {
  padding: 0 4px;
}
.cae029 {
  flex-shrink: 0;
  width: 76px;
}
.a3d9e7 {
  display: block;
  outline: 0;
}
@keyframes f9ab9b {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.d9b0ab {
  animation-direction: normal;
  animation-duration: 0.75s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: f9ab9b;
  animation-play-state: running;
  animation-timing-function: linear;
}
@keyframes c39598 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.c82f2f {
  align-items: center;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-name: c39598;
  animation-play-state: running;
  animation-timing-function: linear;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  padding: 12px;
  position: static;
  top: 0;
  width: 100%;
  z-index: 5;
}
.da10e0 {
  z-index: auto;
}
.d9b0ab {
  border: 5px solid #f0f0f0;
  border-radius: 100%;
  border-top-color: #444;
  box-sizing: border-box;
  display: block;
}
.bd925c {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.df7adc {
  display: block;
  padding: 0 4px;
}
.da6e9c {
  flex-shrink: 0;
  width: 76px;
}
.b31ddf {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.fa9e1a {
  background-color: #fff;
  box-sizing: border-box;
  display: block;
  padding: 13px 11px 7px;
  position: relative;
  width: 100%;
}
.fa9e1a .bcf8d9 {
  left: 15px;
  top: 19px;
}
.d6f4a6 {
  background-color: #f5f5f5;
  border-bottom: 4px solid #fff;
  border-top: 4px solid #fff;
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.b48888 {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: Helvetica, Verdana, Geneva, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
  min-height: 48px;
  padding: 0 6px 0 0;
}
.b48888.b28ca0,
.b48888:hover {
  background-color: #e8e8e8;
}
.bbcf1f {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 48px;
  justify-content: center;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 48px;
}
.a7a82b,
.bbcf1f,
.ef10a4 {
  flex-shrink: 0;
  position: relative;
}
.a7a82b,
.ef10a4 {
  background-color: #cbcbcb;
  border: 3px solid #cbcbcb;
  border-radius: 100%;
  display: block;
  height: 18px;
  width: 18px;
  z-index: 10;
}
.ef10a4 {
  background-color: #d2dff5;
  border: 3px solid #d2dff5;
}
.c4d018 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 48px;
  overflow: hidden;
  padding: 6px 8px 6px 0;
}
.bef821 {
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.b3c7d7 {
  display: none;
}
.bee42b {
  flex-shrink: 0;
  padding-right: 5px;
}
.c0f54f svg {
  background-color: #fff;
}
.e2ec9c {
  display: none;
}
.a7ad0a {
  display: block;
}
.b59941 {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 6px 22px;
}
.dd564f {
  background-color: #fff;
}
.aec634 {
  display: block;
  padding-bottom: 48px;
}
.aec634:last-child {
  padding-bottom: 12px;
}
.f500e1 {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  display: block;
  flex-grow: 1;
  font-family: Helvetica, Verdana, Geneva, sans-serif;
  font-size: 18px;
  margin: 0 4px 0 0;
  padding: 3px 11px;
}
.f500e1:active,
.f500e1:hover {
  background-color: #f5f5f5;
  border-color: #333;
}
.a470ec,
.e85b98 {
  background-color: #fff;
  cursor: auto;
  display: block;
  flex-shrink: 0;
  float: right;
  opacity: 0.5;
  pointer-events: none;
}
.a470ec {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}
.fe1637 {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 4px;
}
.ecef14 {
  background-color: #fff;
  display: block;
  font-size: 24px;
  line-height: 1;
  margin: 0;
  padding: 22px 6px;
  text-align: center;
}
/*# sourceMappingURL=style.css.map*/

/* Player control icons
   -----------------------------------------------------------------------------
   These URLs intentionally use /images/... (no /public prefix).
   The webpack postcss-url transform will rewrite them for web builds, while
   Capacitor bundles continue to serve the same files from public/images.
   Example usage in React components can continue to call asset('/images/...').
*/
button[aria-label='play'] svg {
  background-image: url('https://pg-next.mynd-cdn.com/public/images/player/icons/play-button.svg');
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}

button[aria-label='shuffle'],
button[aria-label='repeat'] {
  display: none;
}

button[aria-label='shuffle'] svg {
  background-image: url('https://pg-next.mynd-cdn.com/public/images/player/icons/shuffle.svg');
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}
button[aria-label='prev'] svg {
  background-image: url('https://pg-next.mynd-cdn.com/public/images/player/icons/previous-track.svg');
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}
button[aria-label='next'] svg {
  background-image: url('https://pg-next.mynd-cdn.com/public/images/player/icons/next-track.svg');
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}
button[aria-label='track-list'] svg {
  background-image: url('https://pg-next.mynd-cdn.com/public/images/player/icons/playlist.svg');
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}

button[aria-label='switch-sound'] svg {
  background-image: url('https://pg-next.mynd-cdn.com/public/images/player/icons/speaker-filled-audio-tool.svg');
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}
button[aria-label='repeat'] svg {
  background-image: url('https://pg-next.mynd-cdn.com/public/images/player/icons/repeat.svg');
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
}
button[aria-label='pause'] svg {
  background-image: url('https://pg-next.mynd-cdn.com/public/images/player/icons/pause.svg');
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center;
}

.f79532,
.c44fc5,
.f79532,
.c44fc5 {
  background-color: var(--secondary-color);
}
/* end react audio player css*/

/* change text color in modal create account form alert message*/
.lincd_auth_CreateAccountForm_Alert {
  p {
    color: #fff;
  }
}

/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/styles/globals.css (2) ***!
  \********************************************************************************************************************************************************************************/
/* 
  * Global Styles
  * This file contains the global CSS styles for the application.
  * It sets up base styles for HTML elements and imports necessary fonts.
  */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

h1 {
  color: var(--main-color);
  text-align: center;
  font-family: Anton;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.544px;
  text-transform: uppercase;
}

h2 {
  color: var(--main-color);
  font-family: Anton;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.442px;
}

h3 {
  color: var(--main-color);
  font-family: Anton;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.442px;
}

h4 {
  color: var(--secondary-color);
  font-family: Anton;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.255px;
}

h5 {
  color: var(--main-color);
  text-align: center;
  font-family: Anton;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.238px;
  text-transform: uppercase;
}

h6 {
  color: var(--secondary-color);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

p,
li {
  color: var(--main-color);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Loading indicator for linkedComponent */
.ld-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--page-color);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100vh;
  z-index: 1;
}

.ld-loader::before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url('https://pg-next.mynd-cdn.com/public/images/icons/spinner-gray.svg');
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center;
}