/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/figma/_index.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-blue-gepp-100: #00042b;
  --color-blue-gepp-90: #000956;
  --color-blue-gepp-80: #000d80;
  --color-blue-gepp-70: #0012ab;
  --color-blue-gepp-60: #0016d6;
  --color-blue-gepp-50: #3345de;
  --color-blue-gepp-40: #6673e6;
  --color-blue-gepp-30: #99a2ef;
  --color-blue-gepp-20: #ccd0f7;
  --color-blue-gepp-10: #e6e8fb;
  --color-blue-gepp-5: #f2f3fd;
  --color-blue-gray-10: #f0f7fa;
  --color-dark-blue-100: #03031e;
  --color-dark-blue-90: #06063c;
  --color-dark-blue-80: #08085a;
  --color-dark-blue-70: #0b0b78;
  --color-dark-blue-60: #0e0e96;
  --color-dark-blue-50: #3e3eab;
  --color-dark-blue-40: #6e6ec0;
  --color-dark-blue-30: #9f9fd5;
  --color-dark-blue-20: #cfcfea;
  --color-dark-blue-10: #e7e7f5;
  --color-dark-blue-5: #f3f3f9;
  --color-light-blue-100: #001f2c;
  --color-light-blue-90: #003e58;
  --color-light-blue-80: #005d85;
  --color-light-blue-70: #007cb1;
  --color-light-blue-60: #009bdd;
  --color-light-blue-50: #33afe4;
  --color-light-blue-40: #66c3eb;
  --color-light-blue-30: #99d7f1;
  --color-light-blue-20: #ccebf8;
  --color-light-blue-10: #e6f5fc;
  --color-light-blue-5: #f2fafd;
  --color-red-gepp-100: #2c0006;
  --color-red-gepp-90: #59000c;
  --color-red-gepp-80: #850113;
  --color-red-gepp-70: #b20119;
  --color-red-gepp-60: #de011f;
  --color-red-gepp-50: #e5344c;
  --color-red-gepp-40: #eb6779;
  --color-red-gepp-30: #f299a5;
  --color-red-gepp-20: #f8ccd2;
  --color-red-gepp-10: #fce6e9;
  --color-red-gepp-5: #fdf2f3;
  --color-black-white-100: #000000;
  --color-black-white-100-2: #000000;
  --color-black-white-90: #101010;
  --color-black-white-80: #191919;
  --color-black-white-70: #212121;
  --color-black-white-60: #292929;
  --color-black-white-50: #545454;
  --color-black-white-40: #7f7f7f;
  --color-black-white-30: #a9a9a9;
  --color-black-white-20: #d4d4d4;
  --color-black-white-10: #eaeaea;
  --color-black-white-5: #f4f4f4;
  --color-black-white-white: #ffffff;
  --color-gray-100: #0f1215;
  --color-gray-90: #1f232a;
  --color-gray-80: #2e353e;
  --color-gray-70: #3e4653;
  --color-gray-60: #4d5868;
  --color-gray-50: #717986;
  --color-gray-40: #949ba4;
  --color-gray-30: #b8bcc3;
  --color-gray-20: #dbdee1;
  --color-gray-10: #eeeff0;
  --color-gray-5: #f6f6f7;
  --color-green-100: #092815;
  --color-green-90: #12502a;
  --color-green-80: #1c7940;
  --color-green-70: #25a155;
  --color-green-60: #2ec96a;
  --color-green-50: #58d488;
  --color-green-40: #82dfa6;
  --color-green-30: #abe9c3;
  --color-green-20: #d5f4e1;
  --color-green-10: #ebfaf1;
  --color-green-5: #f4fcf7;
  --color-yellow-100: #332a0d;
  --color-yellow-90: #66541a;
  --color-yellow-80: #997d28;
  --color-yellow-70: #cca735;
  --color-yellow-60: #ffd142;
  --color-yellow-50: #ffda68;
  --color-yellow-40: #ffe38e;
  --color-yellow-30: #ffedb3;
  --color-yellow-20: #fff6d9;
  --color-yellow-10: #fffbed;
  --color-yellow-5: #fffcf5;
  --color-red-100: #330b0b;
  --color-red-90: #661616;
  --color-red-80: #982122;
  --color-red-70: #cb2c2d;
  --color-red-60: #fe3738;
  --color-red-50: #fe5f60;
  --color-red-40: #fe8788;
  --color-red-30: #ffafaf;
  --color-red-20: #ffd7d7;
  --color-red-10: #ffebec;
  --color-red-5: #fff5f5;
  --color-blue-100: #001931;
  --color-blue-90: #003362;
  --color-blue-80: #004c94;
  --color-blue-70: #0066c5;
  --color-blue-60: #007ff6;
  --color-blue-50: #3399f8;
  --color-blue-40: #66b2fa;
  --color-blue-30: #99ccfb;
  --color-blue-20: #cce5fd;
  --color-blue-10: #e6f3ff;
  --color-blue-5: #f2f8fe;
  --color-fucsia-100: #31081b;
  --color-fucsia-90: #621036;
  --color-fucsia-80: #941751;
  --color-fucsia-70: #c51f6c;
  --color-fucsia-60: #f62787;
  --color-fucsia-50: #f8529f;
  --color-fucsia-40: #fa7db7;
  --color-fucsia-30: #fba9cf;
  --color-fucsia-20: #fdd4e7;
  --color-fucsia-10: #ffeaf3;
  --color-fucsia-5: #fef4f9;
  --color-orange-100: #331d10;
  --color-orange-90: #663920;
  --color-orange-80: #99562f;
  --color-orange-70: #cc723f;
  --color-orange-60: #ff8f4f;
  --color-orange-50: #ffa572;
  --color-orange-40: #ffbc95;
  --color-orange-30: #ffd2b9;
  --color-orange-20: #ffe9dc;
  --color-orange-10: #fff4ee;
  --color-orange-5: #fff9f6;
  --color-dark-green-100: #001f0d;
  --color-dark-green-90: #003e1b;
  --color-dark-green-80: #005d28;
  --color-dark-green-70: #007c36;
  --color-dark-green-60: #009b43;
  --color-dark-green-50: #33af69;
  --color-dark-green-40: #66c38e;
  --color-dark-green-30: #99d7b4;
  --color-dark-green-20: #ccebd9;
  --color-dark-green-10: #e6f5ed;
  --color-dark-green-5: #f2faf5;
  --color-light-orange-100: #332201;
  --color-light-orange-90: #664402;
  --color-light-orange-80: #996602;
  --color-light-orange-70: #cc8803;
  --color-light-orange-60: #ffaa04;
  --color-light-orange-50: #ffbb36;
  --color-light-orange-40: #ffcc68;
  --color-light-orange-30: #ffdd9b;
  --color-light-orange-20: #ffeecd;
  --color-light-orange-10: #fff7e6;
  --color-light-orange-5: #fffaf2;
  --color-dark-orange-100: #331400;
  --color-dark-orange-90: #662900;
  --color-dark-orange-80: #993d00;
  --color-dark-orange-70: #cc5200;
  --color-dark-orange-60: #ff6600;
  --color-dark-orange-50: #ff8533;
  --color-dark-orange-40: #ffa366;
  --color-dark-orange-30: #ffc299;
  --color-dark-orange-20: #ffe0cc;
  --color-dark-orange-10: #fff0e6;
  --color-dark-orange-5: #fff7f2;
  --color-gepp-mandadito: #1f45e6;
  --color-king-blue: #004a97;
  --color-status-red-bg: #dd3247;
  --color-gray-mid: #9b9b9b;
  --color-gray-light-legacy: #e6e6e6;
  --color-gray-base: #9ba8bb;
  --color-gray-text-70: #0f0f0f;
  --color-gray-text-30: #3c3c3c;
  --color-complementary-bg: #edeff8;
  --color-complementary-yellow: #ffc40c;
  --color-complementary-orange: #d9621b;
  --color-complementary-blue: #48b1e6;
  --color-complementary-red: #d7001d;
  --color-complementary-purple: #761678;
  --color-complementary-coalt: #edeff8;
}

:root {
  --space-0: 0;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-9: 9px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --padding-xs: 4px;
  --padding-s: 8px;
  --padding-m: 12px;
  --padding-l: 16px;
  --padding-xl: 24px;
  --component-xs: 4px;
  --component-s: 8px;
  --component-m: 12px;
  --component-l: 16px;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-xl: 40px;
  --radius-xxl: 100px;
  --border-thin: 1px;
  --border-regular: 2px;
  --border-bold: 4px;
}

:root {
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-32: 32px;
  --font-size-40: 40px;
  --font-size-56: 56px;
  --font-height-14: 14px;
  --font-height-18: 18px;
  --font-height-22: 22px;
  --font-height-24: 24px;
  --font-height-28: 28px;
  --font-height-32: 32px;
  --font-height-36: 36px;
  --font-height-48: 48px;
  --font-height-64: 64px;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-100: 100;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-700: 700;
  --font-weight-900: 900;
  --font-family-primary: "Roboto", sans-serif;
  --text-heading-xxl-bold-font-family: var(--font-family-primary);
  --text-heading-xxl-bold-font-size: var(--font-size-56);
  --text-heading-xxl-bold-font-weight: var(--font-weight-bold);
  --text-heading-xxl-bold-line-height: var(--font-height-64);
  --text-heading-xxl-bold-letter-spacing: 0;
  --text-heading-xxl-medium-font-family: var(--font-family-primary);
  --text-heading-xxl-medium-font-size: var(--font-size-56);
  --text-heading-xxl-medium-font-weight: var(--font-weight-medium);
  --text-heading-xxl-medium-line-height: var(--font-height-64);
  --text-heading-xxl-medium-letter-spacing: 0;
  --text-heading-xxl-regular-font-family: var(--font-family-primary);
  --text-heading-xxl-regular-font-size: var(--font-size-56);
  --text-heading-xxl-regular-font-weight: var(--font-weight-regular);
  --text-heading-xxl-regular-line-height: var(--font-height-64);
  --text-heading-xxl-regular-letter-spacing: 0;
  --text-heading-xl-bold-font-family: var(--font-family-primary);
  --text-heading-xl-bold-font-size: var(--font-size-40);
  --text-heading-xl-bold-font-weight: var(--font-weight-bold);
  --text-heading-xl-bold-line-height: var(--font-height-48);
  --text-heading-xl-bold-letter-spacing: 0;
  --text-heading-xl-medium-font-family: var(--font-family-primary);
  --text-heading-xl-medium-font-size: var(--font-size-40);
  --text-heading-xl-medium-font-weight: var(--font-weight-medium);
  --text-heading-xl-medium-line-height: var(--font-height-48);
  --text-heading-xl-medium-letter-spacing: 0;
  --text-heading-xl-regular-font-family: var(--font-family-primary);
  --text-heading-xl-regular-font-size: var(--font-size-40);
  --text-heading-xl-regular-font-weight: var(--font-weight-regular);
  --text-heading-xl-regular-line-height: var(--font-height-48);
  --text-heading-xl-regular-letter-spacing: 0;
  --text-heading-large-font-family: var(--font-family-primary);
  --text-heading-large-font-size: var(--font-size-32);
  --text-heading-large-font-weight: var(--font-weight-bold);
  --text-heading-large-line-height: var(--font-height-48);
  --text-heading-large-letter-spacing: 0;
  --text-heading-medium-font-family: var(--font-family-primary);
  --text-heading-medium-font-size: var(--font-size-24);
  --text-heading-medium-font-weight: var(--font-weight-medium);
  --text-heading-medium-line-height: var(--font-height-36);
  --text-heading-medium-letter-spacing: 0;
  --text-heading-small-font-family: var(--font-family-primary);
  --text-heading-small-font-size: var(--font-size-20);
  --text-heading-small-font-weight: var(--font-weight-medium);
  --text-heading-small-line-height: var(--font-height-32);
  --text-heading-small-letter-spacing: 0;
  --text-body-large-font-family: var(--font-family-primary);
  --text-body-large-font-size: var(--font-size-18);
  --text-body-large-font-weight: var(--font-weight-regular);
  --text-body-large-line-height: var(--font-height-24);
  --text-body-large-letter-spacing: 0;
  --text-body-medium-regular-font-family: var(--font-family-primary);
  --text-body-medium-regular-font-size: var(--font-size-16);
  --text-body-medium-regular-font-weight: var(--font-weight-regular);
  --text-body-medium-regular-line-height: var(--font-height-22);
  --text-body-medium-regular-letter-spacing: 0;
  --text-body-medium-bold-font-family: var(--font-family-primary);
  --text-body-medium-bold-font-size: var(--font-size-16);
  --text-body-medium-bold-font-weight: var(--font-weight-bold);
  --text-body-medium-bold-line-height: var(--font-height-22);
  --text-body-medium-bold-letter-spacing: 0;
  --text-body-medium-medium-font-family: var(--font-family-primary);
  --text-body-medium-medium-font-size: var(--font-size-16);
  --text-body-medium-medium-font-weight: var(--font-weight-medium);
  --text-body-medium-medium-line-height: var(--font-height-22);
  --text-body-medium-medium-letter-spacing: 0;
  --text-body-small-font-family: var(--font-family-primary);
  --text-body-small-font-size: var(--font-size-14);
  --text-body-small-font-weight: var(--font-weight-regular);
  --text-body-small-line-height: var(--font-height-18);
  --text-body-small-letter-spacing: 0;
  --text-body-small-bold-font-family: var(--font-family-primary);
  --text-body-small-bold-font-size: var(--font-size-14);
  --text-body-small-bold-font-weight: var(--font-weight-bold);
  --text-body-small-bold-line-height: var(--font-height-18);
  --text-body-small-bold-letter-spacing: 0;
  --text-body-extrasmall-font-family: var(--font-family-primary);
  --text-body-extrasmall-font-size: var(--font-size-14);
  --text-body-extrasmall-font-weight: var(--font-weight-light);
  --text-body-extrasmall-line-height: var(--font-height-18);
  --text-body-extrasmall-letter-spacing: 0;
  --text-label-medium-font-family: var(--font-family-primary);
  --text-label-medium-font-size: var(--font-size-12);
  --text-label-medium-font-weight: var(--font-weight-bold);
  --text-label-medium-line-height: var(--font-height-18);
  --text-label-medium-letter-spacing: 0;
  --text-label-small-font-family: var(--font-family-primary);
  --text-label-small-font-size: var(--font-size-12);
  --text-label-small-font-weight: var(--font-weight-medium);
  --text-label-small-line-height: var(--font-height-22);
  --text-label-small-letter-spacing: 0;
  --text-caption-small-font-family: var(--font-family-primary);
  --text-caption-small-font-size: var(--font-size-12);
  --text-caption-small-font-weight: var(--font-weight-regular);
  --text-caption-small-line-height: var(--font-height-14);
  --text-caption-small-letter-spacing: 0;
  --text-action-font-family: var(--font-family-primary);
  --text-action-font-size: var(--font-size-16);
  --text-action-font-weight: var(--font-weight-bold);
  --text-action-line-height: var(--font-height-24);
  --text-action-letter-spacing: 0;
}

:root {
  --icon-xxs: 12px;
  --icon-xs: 16px;
  --icon-s: 20px;
  --icon-m: 24px;
  --icon-l: 32px;
  --icon-xl: 36px;
  --icon-xxl: 40px;
  --icon-xxxl: 48px;
}

:root {
  --color-text-heading-dark: var(--color-gray-80);
  --color-text-heading-light: var(--color-gray-60);
  --color-text-heading-white: var(--color-black-white-white);
  --color-text-body-dark: var(--color-gray-80);
  --color-text-body-light: var(--color-gray-60);
  --color-text-link-default: var(--color-blue-gepp-60);
  --color-text-link-hover: var(--color-blue-gepp-40);
  --color-text-link-pressed: var(--color-blue-gepp-80);
  --color-text-link-selected: var(--color-blue-gepp-60);
  --color-text-disabled-default: var(--color-black-white-40);
  --color-text-disabled-dark: var(--color-black-white-60);
  --color-text-disabled-light: var(--color-black-white-20);
  --color-text-information-default: var(--color-blue-60);
  --color-text-information-light: var(--color-blue-10);
  --color-text-success-dark: var(--color-green-60);
  --color-text-success-light: var(--color-green-10);
  --color-text-warning-dark: var(--color-yellow-60);
  --color-text-warning-light: var(--color-yellow-10);
  --color-text-error-default: var(--color-red-60);
  --color-text-error-light: var(--color-red-10);
  --color-text-category-promociones-default: var(--color-blue-gepp-60);
  --color-text-category-promociones-light: var(--color-blue-gepp-5);
  --color-text-category-pedido-sugerido-default: var(--color-light-blue-60);
  --color-text-category-pedido-sugerido-light: var(--color-light-blue-5);
  --color-text-category-gana-mas-default: var(--color-fucsia-60);
  --color-text-category-gana-mas-light: var(--color-fucsia-5);
  --color-text-category-especiales-del-mes-default: var(--color-orange-60);
  --color-text-category-especiales-del-mes-light: var(--color-orange-5);
  --color-text-category-los-mas-vendido-default: var(--color-dark-green-60);
  --color-text-category-los-mas-vendido-light: var(--color-dark-green-5);
  --color-surface-background-light-blue: var(--color-blue-gray-10);
  --color-surface-background-blue: var(--color-blue-gepp-60);
  --color-surface-background-dark: var(--color-blue-gepp-90);
  --color-surface-background-white: var(--color-black-white-white);
  --color-surface-background-white-transparent: rgba(255, 255, 255, 0.25);
  --color-surface-primary-default: var(--color-blue-gepp-60);
  --color-surface-primary-hover: var(--color-blue-gepp-40);
  --color-surface-primary-pressed: var(--color-blue-gepp-80);
  --color-surface-primary-selected: var(--color-blue-gepp-60);
  --color-surface-background-secondary: var(--color-blue-gray-10);
  --color-surface-secondary-default: var(--color-dark-orange-60);
  --color-surface-secondary-hover: var(--color-dark-orange-40);
  --color-surface-secondary-pressed: var(--color-dark-orange-80);
  --color-surface-secondary-selected: var(--color-dark-orange-60);
  --color-surface-on-button-default: var(--color-blue-gepp-60);
  --color-surface-on-button-hover: var(--color-blue-gepp-40);
  --color-surface-on-button-pressed: var(--color-blue-gepp-80);
  --color-surface-on-button-selected: var(--color-blue-gepp-60);
  --color-surface-on-button-white: var(--color-black-white-white);
  --color-surface-on-disabled-button-default: var(--color-black-white-40);
  --color-surface-on-disabled-button-dark: var(--color-black-white-60);
  --color-surface-on-disabled-button-light: var(--color-black-white-20);
  --color-surface-whiteless-default: var(--color-black-white-white);
  --color-surface-whiteless-hover: var(--color-blue-gepp-20);
  --color-surface-whiteless-pressed: var(--color-blue-gepp-30);
  --color-surface-whiteless-selected: var(--color-blue-gepp-10);
  --color-surface-whiteless-disabled: var(--color-blue-gepp-5);
  --color-text-body-white: var(--color-black-white-white);
  --color-surface-information-dark: var(--color-blue-60);
  --color-surface-information-light: var(--color-blue-10);
  --color-surface-success-dark: var(--color-green-60);
  --color-surface-success-light: var(--color-green-10);
  --color-surface-warning-dark: var(--color-yellow-60);
  --color-surface-warning-light: var(--color-yellow-10);
  --color-surface-error-dark: var(--color-red-60);
  --color-surface-error-light: var(--color-red-10);
  --color-surface-category-promociones-default: var(--color-blue-gepp-60);
  --color-surface-category-promociones-light: var(--color-blue-gepp-5);
  --color-surface-category-pedido-sugerido-default: var(--color-light-blue-60);
  --color-surface-category-pedido-sugerido-light: var(--color-light-blue-5);
  --color-surface-category-gana-mas-default: var(--color-fucsia-60);
  --color-surface-category-gana-mas-light: var(--color-fucsia-5);
  --color-surface-category-especiales-del-mes-default: var(--color-orange-60);
  --color-surface-category-especiales-del-mes-light: var(--color-orange-5);
  --color-surface-category-los-mas-vendido-default: var(--color-dark-green-60);
  --color-surface-category-los-mas-vendido-light: var(--color-dark-green-5);
  --color-icons-primary-default: var(--color-blue-gepp-60);
  --color-icons-primary-hover: var(--color-blue-gepp-40);
  --color-icons-primary-pressed: var(--color-blue-gepp-80);
  --color-icons-primary-selected: var(--color-blue-gepp-60);
  --color-icons-secondary-default: var(--color-dark-orange-60);
  --color-icons-secondary-hover: var(--color-dark-orange-40);
  --color-icons-secondary-pressed: var(--color-dark-orange-80);
  --color-icons-secondary-selected: var(--color-dark-orange-60);
  --color-icons-neutral-dark: var(--color-gray-80);
  --color-icons-neutral-light: var(--color-gray-60);
  --color-icons-neutral-white: var(--color-black-white-white);
  --color-icons-disabled-default: var(--color-black-white-40);
  --color-icons-disabled-dark: var(--color-black-white-60);
  --color-icons-disabled-light: var(--color-black-white-20);
  --color-icons-information-dark: var(--color-blue-60);
  --color-icons-information-light: var(--color-blue-10);
  --color-icons-success-dark: var(--color-green-60);
  --color-icons-success-light: var(--color-green-10);
  --color-icons-warning-dark: var(--color-yellow-60);
  --color-icons-warning-light: var(--color-yellow-10);
  --color-icons-error-default: var(--color-red-60);
  --color-icons-error-light: var(--color-red-10);
  --color-icons-category-promociones-default: var(--color-blue-gepp-60);
  --color-icons-category-promociones-light: var(--color-blue-gepp-5);
  --color-icons-category-pedido-sugerido-default: var(--color-light-blue-60);
  --color-icons-category-pedido-sugerido-light: var(--color-light-blue-5);
  --color-icons-category-gana-mas-default: var(--color-fucsia-60);
  --color-icons-category-gana-mas-light: var(--color-fucsia-5);
  --color-icons-category-especiales-del-mes-default: var(--color-orange-60);
  --color-icons-category-especiales-del-mes-light: var(--color-orange-5);
  --color-icons-category-los-mas-vendido-default: var(--color-dark-green-60);
  --color-icons-category-los-mas-vendido-light: var(--color-dark-green-5);
  --color-border-primary-default: var(--color-blue-gepp-60);
  --color-border-primary-hover: var(--color-blue-gepp-40);
  --color-border-primary-pressed: var(--color-blue-gepp-80);
  --color-border-primary-selected: var(--color-blue-gepp-60);
  --color-border-secondary-default: var(--color-dark-orange-60);
  --color-border-secondary-hover: var(--color-dark-orange-40);
  --color-border-secondary-pressed: var(--color-dark-orange-80);
  --color-border-secondary-selected: var(--color-dark-orange-60);
  --color-border-neutral-dark: var(--color-gray-80);
  --color-border-neutral-light: var(--color-gray-60);
  --color-border-neutral-white: var(--color-black-white-white);
  --color-border-disabled-default: var(--color-black-white-40);
  --color-border-disabled-dark: var(--color-black-white-60);
  --color-border-disabled-light: var(--color-black-white-20);
  --color-border-information-default: var(--color-blue-60);
  --color-border-information-light: var(--color-blue-10);
  --color-border-information-dark: var(--color-blue-80);
  --color-border-success-default: var(--color-green-60);
  --color-border-success-light: var(--color-green-10);
  --color-border-success-dark: var(--color-green-80);
  --color-border-warning-default: var(--color-yellow-60);
  --color-border-warning-light: var(--color-yellow-10);
  --color-border-warning-dark: var(--color-yellow-80);
  --color-border-error-default: var(--color-red-60);
  --color-border-error-light: var(--color-red-10);
  --color-border-error-dark: var(--color-red-80);
  --color-border-category-promociones-default: var(--color-blue-gepp-60);
  --color-border-category-promociones-light: var(--color-blue-gepp-5);
  --color-border-category-promociones-dark: var(--color-blue-gepp-80);
  --color-border-category-pedido-sugerido-default: var(--color-light-blue-60);
  --color-border-category-pedido-sugerido-light: var(--color-light-blue-5);
  --color-border-category-pedido-sugerido-dark: var(--color-light-blue-80);
  --color-border-category-gana-mas-default: var(--color-fucsia-60);
  --color-border-category-gana-mas-light: var(--color-fucsia-5);
  --color-border-category-gana-mas-dark: var(--color-fucsia-80);
  --color-border-category-especiales-del-mes-default: var(--color-orange-60);
  --color-border-category-especiales-del-mes-light: var(--color-orange-5);
  --color-border-category-especiales-del-mes-dark: var(--color-orange-80);
  --color-border-category-los-mas-vendido-default: var(--color-dark-green-60);
  --color-border-category-los-mas-vendido-light: var(--color-dark-green-5);
  --color-border-category-los-mas-vendido-dark: var(--color-dark-green-80);
  --primary-gepp: var(--color-blue-gepp-60);
  --primary-gepp-real: var(--color-dark-blue-60);
  --primary-red-hot: var(--color-red-gepp-60);
  --primary-sky-blue: var(--color-light-blue-60);
  --primary-gepp-mandadito: var(--color-gepp-mandadito);
  --primary-king-blue: var(--color-king-blue);
  --bg-recomendados-bg: var(--color-blue-gray-10);
  --bg-light-blue: var(--color-blue-gray-10);
  --bg-promociones: var(--color-blue-gepp-60);
  --bg-recomendados: var(--color-light-blue-60);
  --bg-lo-mas-vendido: var(--color-dark-green-60);
  --bg-novedades: var(--color-fucsia-60);
  --bg-especiales-del-mes: var(--color-orange-60);
  --status-success-dark: var(--color-green-60);
  --status-warning-dark: var(--color-yellow-60);
  --status-error-dark: var(--color-red-60);
  --status-info-dark: var(--color-blue-60);
  --status-orange-background: var(--color-light-orange-60);
  --status-red-background: var(--color-status-red-bg);
  --grays-black: var(--color-black-white-100);
  --grays-white: var(--color-black-white-white);
  --grays-gray-mid: var(--color-gray-mid);
  --grays-gray-light: var(--color-gray-light-legacy);
  --grays-gray: var(--color-gray-base);
  --grays-gray-dark: var(--color-gray-60);
  --grays-gray-dark-text-40: var(--color-black-white-60);
  --grays-gray-dark-text-70: var(--color-gray-text-70);
  --grays-gray-dark-text-30: var(--color-gray-text-30);
  --text-white: var(--color-black-white-white);
  --complementary-bg: var(--color-complementary-bg);
  --complementary-yellow: var(--color-complementary-yellow);
  --complementary-orange: var(--color-complementary-orange);
  --complementary-blue: var(--color-complementary-blue);
  --complementary-red: var(--color-complementary-red);
  --complementary-purple: var(--color-complementary-purple);
  --complementary-coalt: var(--color-complementary-coalt);
  --neutrals-background-extra-weak: var(--color-black-white-white);
  --neutrals-background-neutral-text-weak: var(--color-black-white-white);
  --neutrals-background-strong: var(--color-black-white-100);
}

swiper-container::part(bullet) {
  height: var(--space-8);
  border-radius: var(--radius-m);
  opacity: 1;
  margin: 0 var(--padding-xs);
  transition: width 0.2s ease-out, background-color 0.2s ease-out;
  width: var(--space-8);
  background: var(--color-blue-gepp-10);
  cursor: pointer;
}
swiper-container::part(bullet-active) {
  height: var(--space-8);
  border-radius: var(--radius-m);
  opacity: 1;
  margin: 0 var(--padding-xs);
  transition: width 0.2s ease-out, background-color 0.2s ease-out;
  width: var(--space-24);
  background: var(--color-blue-gepp-60);
}

.swiper-pagination--dark swiper-container::part(bullet),
swiper-container.swiper-pagination--dark::part(bullet) {
  background: var(--color-white-30) !important;
}
.swiper-pagination--dark swiper-container::part(bullet-active),
swiper-container.swiper-pagination--dark::part(bullet-active) {
  background: var(--color-white) !important;
}

.swiper-pagination--orange swiper-container::part(bullet),
swiper-container.swiper-pagination--orange::part(bullet) {
  background: var(--color-orange-gepp-10) !important;
}
.swiper-pagination--orange swiper-container::part(bullet-active),
swiper-container.swiper-pagination--orange::part(bullet-active) {
  background: var(--color-orange-gepp-60) !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #0cd1e8;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #0bb8cc;
  --ion-color-secondary-tint: #24d6ea;
  /** tertiary **/
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;
  /** success **/
  --ion-color-success: #51b937;
  --ion-color-success-rgb: 81, 185, 55;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #47a330;
  --ion-color-success-tint: #62c04b;
  /** correct **/
  --ion-color-correct: #2bd5cd;
  --ion-color-correct-rgb: 43, 213, 205;
  --ion-color-correct-contrast: #ffffff;
  --ion-color-correct-contrast-rgb: 255, 255, 255;
  --ion-color-correct-shade: #26bbb4;
  --ion-color-correct-tint: #40d9d2;
  /** correct2 **/
  --ion-color-correct2: #3ea39e;
  --ion-color-correct2-rgb: 62, 163, 158;
  --ion-color-correct2-contrast: #ffffff;
  --ion-color-correct2-contrast-rgb: 255, 255, 255;
  --ion-color-correct2-shade: #378f8b;
  --ion-color-correct2-tint: #51aca8;
  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /** danger **/
  --ion-color-danger: #d7001d;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #bd001a;
  --ion-color-danger-tint: #db1a34;
  /** cherry **/
  --ion-color-cherry: #c82f56;
  --ion-color-cherry-rgb: 200, 47, 85;
  --ion-color-cherry-contrast: #ffffff;
  --ion-color-cherry-contrast-rgb: 255, 255, 255;
  --ion-color-cherry-shade: #b0294c;
  --ion-color-cherry-tint: #ce4467;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  /** medium variante 1 **/
  --ion-color-mediumV1: #e8eaec;
  --ion-color-mediumV1-rgb: 232, 234, 236;
  --ion-color-mediumV1-contrast: #000000;
  --ion-color-mediumV1-contrast-rgb: 0, 0, 0;
  --ion-color-mediumV1-shade: #ccced0;
  --ion-color-mediumV1-tint: #eaecee;
  /** light **/
  --ion-color-light: #f9f9f9;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  /** lightblue **/
  --ion-color-lightblue: #f4f5f8;
  --ion-color-lightblue-rgb: 244, 244, 244;
  --ion-color-lightblue-contrast: #004a97;
  --ion-color-lightblue-contrast-rgb: 0, 0, 0;
  --ion-color-lightblue-shade: #d7d8da;
  --ion-color-lightblue-tint: #f5f6f9;
  /** Tickets preventa - Tradicional **/
  --ion-color-tptradicional: #58575a;
  --ion-color-tptradicional-rgb: 56, 128, 255;
  --ion-color-tptradicional-contrast: #ffffff;
  --ion-color-tptradicional-contrast-rgb: 255, 255, 255;
  --ion-color-tptradicional-shade: #58575a;
  --ion-color-tptradicional-tint: #58575a;
  /** Tickets preventa - Plus **/
  --ion-color-tpplus: #063669;
  --ion-color-tpplus-rgb: 56, 128, 255;
  --ion-color-tpplus-contrast: #ffffff;
  --ion-color-tpplus-contrast-rgb: 255, 255, 255;
  --ion-color-tpplus-shade: #063669;
  --ion-color-tpplus-tint: #063669;
  /** Tickets preventa - desarrollo **/
  --ion-color-tpdesarrollo: #ea5133;
  --ion-color-tpdesarrollo-rgb: 56, 128, 255;
  --ion-color-tpdesarrollo-contrast: #ffffff;
  --ion-color-tpdesarrollo-contrast-rgb: 255, 255, 255;
  --ion-color-tpdesarrollo-shade: #ea5133;
  --ion-color-tpdesarrollo-tint: #ea5133;
  /** Tickets preventa - televenta **/
  --ion-color-tpteleventa: rgba(70, 177, 242, 0.73);
  --ion-color-tpteleventa-rgb: 56, 128, 255;
  --ion-color-tpteleventa-contrast: #ffffff;
  --ion-color-tpteleventa-contrast-rgb: 255, 255, 255;
  --ion-color-tpteleventa-shade: rgba(70, 177, 242, 0.73);
  --ion-color-tpteleventa-tint: rgba(70, 177, 242, 0.73);
  /** Tickets preventa - On premise **/
  --ion-color-tponpremise: rgba(0, 122, 181, 0.67);
  --ion-color-tponpremise-rgb: 56, 128, 255;
  --ion-color-tponpremise-contrast: #ffffff;
  --ion-color-tponpremise-contrast-rgb: 255, 255, 255;
  --ion-color-tponpremise-shade: rgba(0, 122, 181, 0.67);
  --ion-color-tponpremise-tint: rgba(0, 122, 181, 0.67);
  /** Tickets preventa - CTA**/
  --ion-color-tpcta: #009bdd;
  --ion-color-tpcta-rgb: 56, 128, 255;
  --ion-color-tpcta-contrast: #ffffff;
  --ion-color-tpcta-contrast-rgb: 255, 255, 255;
  --ion-color-tpcta-shade: #0088c2;
  --ion-color-tpcta-tint: #1aa5e0;
  /** Tickets preventa - CTA V2**/
  --ion-color-tpctaV2: #487cb8;
  --ion-color-tpctaV2-rgb: 72, 124, 184;
  --ion-color-tpctaV2-contrast: #ffffff;
  --ion-color-tpctaV2-contrast-rgb: 255, 255, 255;
  --ion-color-tpctaV2-shade: #3f6da2;
  --ion-color-tpctaV2-tint: #5a89bf;
  /** Tickets preventa - CTA V3**/
  --ion-color-tpctaV3: #48b1e6;
  --ion-color-tpctaV3-rgb: 72, 177, 230;
  --ion-color-tpctaV3-contrast: #ffffff;
  --ion-color-tpctaV3-contrast-rgb: 255, 255, 255;
  --ion-color-tpctaV3-shade: #3f9cca;
  --ion-color-tpctaV3-tint: #5ab9e9;
  /** Icon CTA Disable**/
  --ion-color-cerulean-disable: #bee6f7;
  --ion-color-cerulean-disable-rgb: 56, 128, 255;
  --ion-color-cerulean-disable-contrast: #ffffff;
  --ion-color-cerulean-disable-contrast-rgb: 255, 255, 255;
  --ion-color-cerulean-disable-shade: #009bdd;
  --ion-color-cerulean-disable-tint: #009bdd;
  /** Header DarkBlue **/
  --ion-color-darkblue: #014f8e;
  --ion-color-darkblue-rgb: 1, 79, 142;
  --ion-color-darkblue-contrast: #ffffff;
  --ion-color-darkblue-contrast-rgb: 255, 255, 255;
  --ion-color-darkblue-shade: #01467d;
  --ion-color-darkblue-tint: #1a6199;
  /** White */
  --ion-color-white: #ffffff;
  --ion-color-white-rgb: 255, 255, 255;
  --ion-color-white-contrast: #000000;
  --ion-color-white-contrast-rgb: 0, 0, 0;
  --ion-color-white-shade: #d7d8da;
  --ion-color-white-tint: #f5f6f9;
  /** Gray */
  --ion-color-gray: #edeff8;
  --ion-color-gray-rgb: 237, 239, 248;
  --ion-color-gray-contrast: #000000;
  --ion-color-gray-contrast-rgb: 0, 0, 0;
  --ion-color-gray-shade: #d7d8da;
  --ion-color-gray-tint: #f5f6f9;
  /** Gray Contrast */
  --ion-color-grayContrast: #d8dbe3;
  --ion-color-grayContrast-rgb: 216, 219, 227;
  --ion-color-grayContrast-contrast: #000000;
  --ion-color-grayContrast-contrast-rgb: 0, 0, 0;
  --ion-color-grayContrast-shade: #d1d2da;
  --ion-color-grayContrast-tint: #eff1f9;
  /** Gray Demon */
  --ion-color-grayDemon: #647380;
  --ion-color-grayDemon-rgb: 100, 115, 128;
  --ion-color-grayDemon-contrast: #ffffff;
  --ion-color-grayDemon-contrast-rgb: 255, 255, 255;
  --ion-color-grayDemon-shade: #363e4a;
  --ion-color-grayDemon-tint: #818e99;
  /** translucidWhite **/
  --ion-color-translucidWhite: rgba(255, 255, 255, 0.6);
  --ion-color-translucidWhite-rgb: rgba(255, 255, 255, 0.6);
  --ion-color-translucidWhite-contrast: #000;
  --ion-color-translucidWhite-contrast-rgb: rgba(255, 255, 255, 0.6);
  --ion-color-translucidWhite-shade: rgba(255, 255, 255, 0.6);
  --ion-color-translucidWhite-tint: rgba(255, 255, 255, 0.6);
  /** Status Icon Enable */
  --ion-color-status-icon-enable: #4d5868;
  --ion-color-status-icon-enable-rgb: 77, 88, 104;
  --ion-color-status-icon-enable-contrast: #ffffff;
  --ion-color-status-icon-enable-contrast-rgb: 255, 255, 255;
  --ion-color-status-icon-enable-shade: #444d5c;
  --ion-color-status-icon-enable-tint: #5f6977;
  /** Status Icon Disable */
  --ion-color-status-icon-disable: #d5d6da;
  --ion-color-status-icon-disable-rgb: 213, 214, 218;
  /** Fondo gradiente */
  --ion-color-gradient-blue-demon: linear-gradient(to bottom, #014f8e, #033161);
  --ion-color-gradient-blue-demon-rgb: linear-gradient(to bottom, rgb(1, 79, 142), rgb(3, 48, 97));
  --ion-color-gradient-blue-demon-contrast: #ffffff;
  --ion-color-gradient-blue-demon-contrast-rgb: 255, 255, 255;
  --ion-color-gradient-blue-demon-shade: #033161;
  --ion-color-gradient-blue-demon-tint: #014f8e;
  /** Fondo gradiente Amarillo 'sunflower' */
  --ion-color-sunflower: #f0ce59;
  --ion-color-sunflower-rgb: 240, 205, 89;
  --ion-color-sunflower-contrast: #ffffff;
  --ion-color-sunflower-contrast-rgb: 255, 255, 255;
  --ion-color-sunflower-shade: #d3b54e;
  --ion-color-sunflower-tint: #f2d36a;
  /** Fondo gradiente Amarillo 'sunflower2' */
  --ion-color-sunflower2: #ffc40c;
  --ion-color-sunflower2-rgb: 255, 194, 12;
  --ion-color-sunflower2-contrast: #ffffff;
  --ion-color-sunflower2-contrast-rgb: 255, 255, 255;
  --ion-color-sunflower2-shade: #e0ac0b;
  --ion-color-sunflower2-tint: #ffca24;
  --ion-color-stairs: #d9621b;
  --ion-color-stairs-rgb: 217, 98, 27;
  --ion-color-stairs-contrast: #647380;
  --ion-color-stairs-contrast-rgb: 100, 115, 128;
  --ion-color-stairs-shade: #bf5618;
  --ion-color-stairs-tint: #dd7232;
  --ion-color-orange: #f6af30;
  --ion-color-orange-rgb: 246, 175, 48;
  --ion-color-orange-contrast: #ffffff;
  --ion-color-orange-contrast-rgb: 255, 255, 255;
  --ion-color-orange-shade: #d89a2a;
  --ion-color-orange-tint: #f7b745;
  --ion-color-bluegray: #daeafb;
  --ion-color-bluegray-rgb: 218, 234, 251;
  --ion-color-bluegray-contrast: #4d5868;
  --ion-color-bluegray-contrast-rgb: 77, 88, 104;
  --ion-color-bluegray-shade: #c0cedd;
  --ion-color-bluegray-tint: #deecfb;
  /** Fondo gradiente Azul 'darkish-blue' */
  --ion-color-darkish-blue: linear-gradient(to bottom, #009bdd -215%, #004a97);
  --ion-color-darkish-blue-rgb: radial-gradient(circle at 51% 97%, rgb(0, 155, 221), rgb(0, 74, 151) 83%);
  --ion-color-darkish-blue-contrast: #ffffff;
  --ion-color-darkish-blue-contrast-rgb: 255, 255, 255;
  --ion-color-darkish-blue-shade: #004185;
  --ion-color-darkish-blue-tint: #1a5ca1;
  /** transparent **/
  --ion-color-transparent: rgba(227, 241, 242, 0);
  --ion-color-transparent-rgb: rgba(227, 241, 242, 0);
  --ion-color-transparent-contrast: #556d83;
  --ion-color-transparent-contrast-rgb: 85, 109, 131;
  --ion-color-transparent-shade: #d1d8d9;
  --ion-color-transparent-tint: #f0f6f8;
  /** Fondo gradiente para juegos */
  --ion-color-back-game: linear-gradient(180deg, #0068db -2.95%, #a9e0f7 14%, #f9fbff 59%);
  --ion-color-back-game-contrast: #004a97;
  --ion-color-back-game-contrast-rgb: 0, 73, 151;
  --ion-color-back-game-shade: #005cc1;
  --ion-color-back-game-tint: #1a77df;
  /** Fondo gradiente para leaderboard juegos */
  --ion-color-leaderboard: linear-gradient(179deg, #cb45ff -8%, #6e9aff 39%, #ebedff 59%);
  --ion-color-leaderboard-contrast: #ffffff;
  --ion-color-leaderboard-contrast-rgb: 255, 255, 255;
  --ion-color-leaderboard-shade: #b33de0;
  --ion-color-leaderboard-tint: #d058ff;
  /** gray-blue */
  --ion-color-gray-blue: #dbebff;
  --ion-color-gray-blue-rgb: 219, 235, 255;
  --ion-color-gray-blue-contrast: #4d5868;
  --ion-color-gray-blue-contrast-rgb: 77, 88, 104;
  --ion-color-gray-blue-shade: #c1cfe0;
  --ion-color-gray-blue-tint: #dfedff;
  /** white-grad */
  --ion-color-white-grad: linear-gradient(to bottom, #fff 0%, #cbe3ff 99%);
  --ion-color-white-grad-rgb: 255, 255, 255;
  --ion-color-white-grad-contrast: #004a97;
  --ion-color-white-grad-contrast-rgb: 0, 73, 151;
  --ion-color-white-grad-shade: #d7d8da;
  --ion-color-white-grad-tint: #f5f6f9;
  --ion-color-gradient-blue: linear-gradient(to bottom, #408cef, #0f4e9d);
  --ion-color-gradient-blue-rgb: linear-gradient(to bottom, rgb(64, 140, 239), rgb(15, 79, 157));
  --ion-color-gradient-blue-contrast: #ffffff;
  --ion-color-gradient-blue-contrast-rgb: 255, 255, 255;
  --ion-color-gradient-blue-shade: linear-gradient(to bottom, #387bd2, #0d458a);
  --ion-color-gradient-blue-tint: linear-gradient(to bottom, #5398f1, #2760a7);
  /* Cadet Grey */
  --ion-color-cadet-grey: #9ba8bb;
  --ion-color-cadet-grey-rgb: 155, 168, 187;
  --ion-color-cadet-grey-contrast: #fff6cf;
  --ion-color-cadet-grey-contrast-rgb: 255, 246, 207;
  --ion-color-cadet-grey-shade: #8894a5;
  --ion-color-cadet-grey-tint: #a5b1c2;
  /* Paradise Pink */
  --ion-color-paradise-pink: #e2446b;
  --ion-color-paradise-pink-rgb: 226, 68, 107;
  --ion-color-paradise-pink-contrast: #31a481;
  --ion-color-paradise-pink-contrast-rgb: 49, 164, 129;
  --ion-color-paradise-pink-shade: #ed6789;
  --ion-color-paradise-pink-tint: #d31d4b;
  /* Dark Electric Blue */
  --ion-color-dark-electric-blue: #556d83;
  --ion-color-dark-electric-blue-rgb: 85, 109, 131;
  --ion-color-dark-electric-blue-contrast: #cab97e;
  --ion-color-dark-electric-blue-contrast-rgb: 202, 185, 126;
  --ion-color-dark-electric-blue-shade: #3a556e;
  --ion-color-dark-electric-blue-tint: #788b9b;
  /** datetime **/
  --ion-color-datetime: #004075;
  --ion-color-datetime-rgb: 0, 64, 117;
  --ion-color-datetime-contrast: #d6ecef;
  --ion-color-datetime-contrast-rgb: 214, 236, 239;
  --ion-color-datetime-shade: #003867;
  --ion-color-datetime-tint: #1a5383;
  /** purple **/
  --ion-color-purple: #761678;
  --ion-color-purple-rgb: 118, 22, 120;
  --ion-color-purple-contrast: #ffffff;
  --ion-color-purple-contrast-rgb: 255, 255, 255;
  --ion-color-purple-shade: #68136a;
  --ion-color-purple-tint: #842d86;
  /** pink **/
  --ion-color-pink: #ff2caa;
  --ion-color-pink-rgb: 255, 44, 170;
  --ion-color-pink-contrast: #ffffff;
  --ion-color-pink-contrast-rgb: 255, 255, 255;
  --ion-color-pink-shade: #e02796;
  --ion-color-pink-tint: #ff41b3;
  --ion-backdrop-color: rgba(77, 88, 104, 0.5) !important;
}

.ion-color-mediumV1 {
  --ion-color-base: var(--ion-color-mediumV1) !important;
  --ion-color-base-rgb: var(--ion-color-mediumV1-rgb) !important;
  --ion-color-contrast: var(--ion-color-mediumV1-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-mediumV1-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-mediumV1-shade) !important;
  --ion-color-tint: var(--ion-color-mediumV1-tint) !important;
}

.ion-color-tptradicional {
  --ion-color-base: var(--ion-color-tptradicional) !important;
  --ion-color-base-rgb: var(--ion-color-tptradicional-rgb) !important;
  --ion-color-contrast: var(--ion-color-tptradicional-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-tptradicional-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-tptradicional-shade) !important;
  --ion-color-tint: var(--ion-color-tptradicional-tint) !important;
}

.ion-color-tpplus {
  --ion-color-base: var(--ion-color-tpplus) !important;
  --ion-color-base-rgb: var(--ion-color-tpplus-rgb) !important;
  --ion-color-contrast: var(--ion-color-tpplus-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-tpplus-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-tpplus-shade) !important;
  --ion-color-tint: var(--ion-color-tpplus-tint) !important;
}

.ion-color-tpdesarrollo {
  --ion-color-base: var(--ion-color-tpdesarrollo) !important;
  --ion-color-base-rgb: var(--ion-color-tpdesarrollo-rgb) !important;
  --ion-color-contrast: var(--ion-color-tpdesarrollo-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-tpdesarrollo-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-tpdesarrollo-shade) !important;
  --ion-color-tint: var(--ion-color-tpdesarrollo-tint) !important;
}

.ion-color-tpteleventa {
  --ion-color-base: var(--ion-color-tpteleventa) !important;
  --ion-color-base-rgb: var(--ion-color-tpteleventa-rgb) !important;
  --ion-color-contrast: var(--ion-color-tpteleventa-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-tpteleventa-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-tpteleventa-shade) !important;
  --ion-color-tint: var(--ion-color-tpteleventa-tint) !important;
}

.ion-color-tponpremise {
  --ion-color-base: var(--ion-color-tponpremise) !important;
  --ion-color-base-rgb: var(--ion-color-tponpremise-rgb) !important;
  --ion-color-contrast: var(--ion-color-tponpremise-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-tponpremise-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-tponpremise-shade) !important;
  --ion-color-tint: var(--ion-color-tponpremise-tint) !important;
}

.ion-color-tpcta {
  --ion-color-base: var(--ion-color-tpcta) !important;
  --ion-color-base-rgb: var(--ion-color-tpcta-rgb) !important;
  --ion-color-contrast: var(--ion-color-tpcta-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-tpcta-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-tpcta-shade) !important;
  --ion-color-tint: var(--ion-color-tpcta-tint) !important;
}

.ion-color-tpctaV2 {
  --ion-color-base: var(--ion-color-tpctaV2) !important;
  --ion-color-base-rgb: var(--ion-color-tpctaV2-rgb) !important;
  --ion-color-contrast: var(--ion-color-tpctaV2-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-tpctaV2-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-tpctaV2-shade) !important;
  --ion-color-tint: var(--ion-color-tpctaV2-tint) !important;
}

.ion-color-tpctaV3 {
  --ion-color-base: var(--ion-color-tpctaV3) !important;
  --ion-color-base-rgb: var(--ion-color-tpctaV3-rgb) !important;
  --ion-color-contrast: var(--ion-color-tpctaV3-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-tpctaV3-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-tpctaV3-shade) !important;
  --ion-color-tint: var(--ion-color-tpctaV3-tint) !important;
}

.ion-color-cerulean-disable {
  --ion-color-base: var(--ion-color-cerulean-disable) !important;
  --ion-color-base-rgb: var(--ion-color-cerulean-disable-rgb) !important;
  --ion-color-contrast: var(--ion-color-cerulean-disable-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-cerulean-disable-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-cerulean-disable-shade) !important;
  --ion-color-tint: var(--ion-color-cerulean-disable-tint) !important;
}

.ion-color-lightblue {
  --ion-color-base: var(--ion-color-lightblue) !important;
  --ion-color-base-rgb: var(--ion-color-lightblue-rgb) !important;
  --ion-color-contrast: var(--ion-color-lightblue-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-lightblue-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-lightblue-shade) !important;
  --ion-color-tint: var(--ion-color-lightblue-tint) !important;
}

.ion-color-translucidWhite {
  --ion-color-base: var(--ion-color-translucidWhite) !important;
  --ion-color-base-rgb: var(--ion-color-translucidWhite-rgb) !important;
  --ion-color-contrast: var(--ion-color-translucidWhite-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-translucidWhite-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-translucidWhite-shade) !important;
  --ion-color-tint: var(--ion-color-translucidWhite-tint) !important;
}

.ion-color-gradient-blue-demon {
  --ion-color-base: var(--ion-color-gradient-blue-demon) !important;
  --ion-color-base-rgb: var(--ion-color-gradient-blue-demon-rgb) !important;
  --ion-color-contrast: var(--ion-color-gradient-blue-demon-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-gradient-blue-demon-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-gradient-blue-demon-shade) !important;
  --ion-color-tint: var(--ion-color-gradient-blue-demon-tint) !important;
}

.ion-color-sunflower {
  --ion-color-base: var(--ion-color-sunflower) !important;
  --ion-color-base-rgb: var(--ion-color-sunflower-rgb) !important;
  --ion-color-contrast: var(--ion-color-sunflower-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-sunflower-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-sunflower-shade) !important;
  --ion-color-tint: var(--ion-color-sunflower-tint) !important;
}

.ion-color-sunflower2 {
  --ion-color-base: var(--ion-color-sunflower2) !important;
  --ion-color-base-rgb: var(--ion-color-sunflower2-rgb) !important;
  --ion-color-contrast: var(--ion-color-sunflower2-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-sunflower2-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-sunflower2-shade) !important;
  --ion-color-tint: var(--ion-color-sunflower2-tint) !important;
}

.ion-color-stairs {
  --ion-color-base: var(--ion-color-stairs) !important;
  --ion-color-base-rgb: var(--ion-color-stairs-rgb) !important;
  --ion-color-contrast: var(--ion-color-stairs-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-stairs-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-stairs-shade) !important;
  --ion-color-tint: var(--ion-color-stairs-tint) !important;
}

.ion-color-orange {
  --ion-color-base: var(--ion-color-orange) !important;
  --ion-color-base-rgb: var(--ion-color-orange-rgb) !important;
  --ion-color-contrast: var(--ion-color-orange-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-orange-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-orange-shade) !important;
  --ion-color-tint: var(--ion-color-orange-tint) !important;
}

.ion-color-bluegray {
  --ion-color-base: var(--ion-color-bluegray) !important;
  --ion-color-base-rgb: var(--ion-color-bluegray-rgb) !important;
  --ion-color-contrast: var(--ion-color-bluegray-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-bluegray-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-bluegray-shade) !important;
  --ion-color-tint: var(--ion-color-bluegray-tint) !important;
}

.ion-color-darkish-blue {
  --ion-color-base: var(--ion-color-darkish-blue) !important;
  --ion-color-base-rgb: var(--ion-color-darkish-blue-rgb) !important;
  --ion-color-contrast: var(--ion-color-darkish-blue-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-darkish-blue-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-darkish-blue-shade) !important;
  --ion-color-tint: var(--ion-color-darkish-blue-tint) !important;
}

.ion-color-correct {
  --ion-color-base: var(--ion-color-correct) !important;
  --ion-color-base-rgb: var(--ion-color-correct-rgb) !important;
  --ion-color-contrast: var(--ion-color-correct-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-correct-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-correct-shade) !important;
  --ion-color-tint: var(--ion-color-correct-tint) !important;
}

.ion-color-correct2 {
  --ion-color-base: var(--ion-color-correct2) !important;
  --ion-color-base-rgb: var(--ion-color-correct2-rgb) !important;
  --ion-color-contrast: var(--ion-color-correct2-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-correct2-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-correct2-shade) !important;
  --ion-color-tint: var(--ion-color-correct2-tint) !important;
}

.darkish-blue-text {
  color: #004a97;
}

.yellow-text {
  color: #f6af30;
}

.lightblue-text {
  color: #009bdd;
}

.ion-color-darkblue {
  --ion-color-base: var(--ion-color-darkblue) !important;
  --ion-color-base-rgb: var(--ion-color-darkblue-rgb) !important;
  --ion-color-contrast: var(--ion-color-darkblue-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-darkblue-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-darkblue-shade) !important;
  --ion-color-tint: var(--ion-color-darkblue-tint) !important;
}

.ion-color-white {
  --ion-color-base: var(--ion-color-white) !important;
  --ion-color-base-rgb: var(--ion-color-white-rgb) !important;
  --ion-color-contrast: var(--ion-color-white-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-white-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-white-shade) !important;
  --ion-color-tint: var(--ion-color-white-tint) !important;
}

.ion-color-gray {
  --ion-color-base: var(--ion-color-gray) !important;
  --ion-color-base-rgb: var(--ion-color-gray-rgb) !important;
  --ion-color-contrast: var(--ion-color-gray-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-gray-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-gray-shade) !important;
  --ion-color-tint: var(--ion-color-gray-tint) !important;
}

.ion-color-grayContrast {
  --ion-color-base: var(--ion-color-grayContrast) !important;
  --ion-color-base-rgb: var(--ion-color-grayContrast-rgb) !important;
  --ion-color-contrast: var(--ion-color-grayContrast-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-grayContrast-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-grayContrast-shade) !important;
  --ion-color-tint: var(--ion-color-grayContrast-tint) !important;
}

.ion-color-grayDemon {
  --ion-color-base: var(--ion-color-grayDemon) !important;
  --ion-color-base-rgb: var(--ion-color-grayDemon-rgb) !important;
  --ion-color-contrast: var(--ion-color-grayDemon-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-grayDemon-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-grayDemon-shade) !important;
  --ion-color-tint: var(--ion-color-grayDemon-tint) !important;
}

/** secondary-light **/
.ion-color-transparent {
  --ion-color-base: var(--ion-color-transparent);
  --ion-color-base-rgb: var(--ion-color-transparent-rgb);
  --ion-color-contrast: var(--ion-color-transparent-contrast);
  --ion-color-contrast-rgb: var(--ion-color-transparent-contrast-rgb);
  --ion-color-shade: var(--ion-color-transparent-shade);
  --ion-color-tint: var(--ion-color-transparent-tint);
}

/** Fondo gradiente para juegos */
.ion-color-back-game {
  --ion-color-base: var(--ion-color-back-game);
  --ion-color-contrast: var(--ion-color-back-game-contrast);
  --ion-color-contrast-rgb: var(--ion-color-back-game-contrast-rgb);
  --ion-color-shade: var(--ion-color-back-game-shade);
  --ion-color-tint: var(--ion-color-back-game-tint);
}

/** Fondo gradiente para leaderboard juegos */
.ion-color-leaderboard {
  --ion-color-base: var(--ion-color-leaderboard);
  --ion-color-contrast: var(--ion-color-leaderboard-contrast);
  --ion-color-contrast-rgb: var(--ion-color-leaderboard-contrast-rgb);
  --ion-color-shade: var(--ion-color-leaderboard-shade);
  --ion-color-tint: var(--ion-color-leaderboard-tint);
}

/** gray-blue **/
.ion-color-gray-blue {
  --ion-color-base: var(--ion-color-gray-blue);
  --ion-color-base-rgb: var(--ion-color-gray-blue-rgb);
  --ion-color-contrast: var(--ion-color-gray-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-gray-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-gray-blue-shade);
  --ion-color-tint: var(--ion-color-gray-blue-tint);
}

/** white-grad **/
.ion-color-white-grad {
  --ion-color-base: var(--ion-color-white-grad);
  --ion-color-base-rgb: var(--ion-color-white-grad-rgb);
  --ion-color-contrast: var(--ion-color-white-grad-contrast);
  --ion-color-contrast-rgb: var(--ion-color-white-grad-contrast-rgb);
  --ion-color-shade: var(--ion-color-white-grad-shade);
  --ion-color-tint: var(--ion-color-white-grad-tint);
}

/* Cadet Grey */
.ion-color-cadet-grey {
  --ion-color-base: var(--ion-color-cadet-grey);
  --ion-color-base-rgb: var(--ion-color-cadet-grey-rgb);
  --ion-color-contrast: var(--ion-color-cadet-grey-contrast);
  --ion-color-contrast-rgb: var(--ion-color-cadet-grey-contrast-rgb);
  --ion-color-shade: var(--ion-color-cadet-grey-shade);
  --ion-color-tint: var(--ion-color-cadet-grey-tint);
}

/* Cadet Grey */
.ion-color-paradise-pink {
  --ion-color-base: var(--ion-color-paradise-pink);
  --ion-color-base-rgb: var(--ion-color-paradise-pink-rgb);
  --ion-color-contrast: var(--ion-color-paradise-pink-contrast);
  --ion-color-contrast-rgb: var(--ion-color-paradise-pink-contrast-rgb);
  --ion-color-shade: var(--ion-color-paradise-pink-shade);
  --ion-color-tint: var(--ion-color-paradise-pink-tint);
}

/* Dark Electric Blue */
.ion-color-dark-electric-blue {
  --ion-color-base: var(--ion-color-dark-electric-blue);
  --ion-color-base-rgb: var(--ion-color-dark-electric-blue-rgb);
  --ion-color-contrast: var(--ion-color-dark-electric-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-dark-electric-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-dark-electric-blue-shade);
  --ion-color-tint: var(--ion-color-dark-electric-blue-tint);
}

/* cherry */
.ion-color-cherry {
  --ion-color-base: var(--ion-color-cherry);
  --ion-color-base-rgb: var(--ion-color-cherry-rgb);
  --ion-color-contrast: var(--ion-color-cherry-contrast);
  --ion-color-contrast-rgb: var(--ion-color-cherry-contrast-rgb);
  --ion-color-shade: var(--ion-color-cherry-shade);
  --ion-color-tint: var(--ion-color-cherry-tint);
}

.ion-color-gradient-blue {
  --ion-color-base: var(--ion-color-gradient-blue) !important;
  --ion-color-base-rgb: var(--ion-color-gradient-blue-rgb) !important;
  --ion-color-contrast: var(--ion-color-gradient-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-gradient-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-gradient-blue-shade);
  --ion-color-tint: var(--ion-color-gradient-blue-tint);
}

.ion-color-status-icon-enable {
  --ion-color-base: var(--ion-color-status-icon-enable);
  --ion-color-base-rgb: var(--ion-color-status-icon-enable-rgb);
  --ion-color-contrast: var(--ion-color-status-icon-enable-contrast);
  --ion-color-contrast-rgb: var(--ion-color-status-icon-enable-contrast-rgb);
  --ion-color-shade: var(--ion-color-status-icon-enable-shade);
  --ion-color-tint: var(--ion-color-status-icon-enable-tint);
}

.ion-color-status-icon-disable {
  --ion-color-base: var(--ion-color-status-icon-disable) !important;
  --ion-color-base-rgb: var(--ion-color-status-icon-disable-rgb) !important;
}

/** datetime **/
.ion-color-datetime {
  --ion-color-base: var(--ion-color-datetime);
  --ion-color-base-rgb: var(--ion-color-datetime-rgb);
  --ion-color-contrast: var(--ion-color-datetime-contrast);
  --ion-color-contrast-rgb: var(--ion-color-datetime-contrast-rgb);
  --ion-color-shade: var(--ion-color-datetime-shade);
  --ion-color-tint: var(--ion-color-datetime-tint);
}

/** purple **/
.ion-color-purple {
  --ion-color-base: var(--ion-color-purple);
  --ion-color-base-rgb: var(--ion-color-purple-rgb);
  --ion-color-contrast: var(--ion-color-purple-contrast);
  --ion-color-contrast-rgb: var(--ion-color-purple-contrast-rgb);
  --ion-color-shade: var(--ion-color-purple-shade);
  --ion-color-tint: var(--ion-color-purple-tint);
}

/** pink **/
.ion-color-pink {
  --ion-color-base: var(--ion-color-pink);
  --ion-color-base-rgb: var(--ion-color-pink-rgb);
  --ion-color-contrast: var(--ion-color-pink-contrast);
  --ion-color-contrast-rgb: var(--ion-color-pink-contrast-rgb);
  --ion-color-shade: var(--ion-color-pink-shade);
  --ion-color-tint: var(--ion-color-pink-tint);
}

.icon {
  width: 20px;
}

.icon-notification {
  width: 20px;
  height: 20px;
}

h1 {
  font-family: inherit;
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.h2-white {
  font-family: inherit;
  font-size: 25px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.h3-white {
  font-family: inherit;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.8;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.navbar-title-white {
  font-family: inherit;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.navbar-title-blue {
  font-family: inherit;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #004a97;
}

.big {
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.subtitle-white {
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.note {
  font-family: inherit;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}

.cite-white {
  font-family: inherit;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

select {
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.93;
  letter-spacing: normal;
  color: #999999;
}

.bold {
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4d5868;
}

.bold-blue {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--darkish-blue);
}

.notice-white {
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.notice {
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.strong-white {
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #ffffff;
}

.indication {
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: var(--darkish-blue);
}

.text-link {
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: var(--darkish-blue);
}

.strong-light-blue {
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: right;
  color: var(--cerulean);
}

.placeholder {
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #4d5868;
}

p {
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
}

.input-active {
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: var(--cerulean);
}

details {
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.tab-text-active {
  font-family: inherit;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--cerulean);
}

.tab-text {
  font-family: inherit;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #9b9b9b;
}

.small-light-blue {
  font-family: inherit;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: var(--cerulean);
}

.msg-error {
  font-family: inherit;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: var(--cherry);
}

.label-error {
  font-family: inherit;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: var(--cherry);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/colors-getm.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --ion-color-getm-primary-default: #0016d6;
  --ion-color-getm-primary-default-rgb: 0, 22, 214;
  --ion-color-getm-primary-default-contrast: #ffffff;
  --ion-color-getm-primary-default-contrast-rgb: 255, 255, 255;
  --ion-color-getm-primary-default-shade: #0013be;
  --ion-color-getm-primary-default-tint: #1a2ddb;
  --ion-color-getm-primary-hover: #6673e6;
  --ion-color-getm-primary-hover-rgb: 102, 115, 230;
  --ion-color-getm-primary-hover-contrast: #ffffff;
  --ion-color-getm-primary-hover-contrast-rgb: 255, 255, 255;
  --ion-color-getm-primary-hover-shade: #5865cb;
  --ion-color-getm-primary-hover-tint: #7581e9;
  --ion-color-getm-primary-pressed: #000d80;
  --ion-color-getm-primary-pressed-rgb: 0, 13, 128;
  --ion-color-getm-primary-pressed-contrast: #ffffff;
  --ion-color-getm-primary-pressed-contrast-rgb: 255, 255, 255;
  --ion-color-getm-primary-pressed-shade: #000b72;
  --ion-color-getm-primary-pressed-tint: #1a248d;
  --ion-color-getm-primary-selected: #0016d6;
  --ion-color-getm-primary-selected-rgb: 0, 22, 214;
  --ion-color-getm-primary-selected-contrast: #ffffff;
  --ion-color-getm-primary-selected-contrast-rgb: 255, 255, 255;
  --ion-color-getm-primary-selected-shade: #0013be;
  --ion-color-getm-primary-selected-tint: #1a2ddb;
}

.ion-color-getm-primary-default {
  --ion-color-base: var(--ion-color-getm-primary-default);
  --ion-color-base-rgb: var(--ion-color-getm-primary-default-rgb);
  --ion-color-contrast: var(--ion-color-getm-primary-default-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-primary-default-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-primary-default-shade);
  --ion-color-tint: var(--ion-color-getm-primary-default-tint);
}

.ion-color-getm-primary-hover {
  --ion-color-base: var(--ion-color-getm-primary-hover);
  --ion-color-base-rgb: var(--ion-color-getm-primary-hover-rgb);
  --ion-color-contrast: var(--ion-color-getm-primary-hover-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-primary-hover-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-primary-hover-shade);
  --ion-color-tint: var(--ion-color-getm-primary-hover-tint);
}

.ion-color-getm-primary-pressed {
  --ion-color-base: var(--ion-color-getm-primary-pressed);
  --ion-color-base-rgb: var(--ion-color-getm-primary-pressed-rgb);
  --ion-color-contrast: var(--ion-color-getm-primary-pressed-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-primary-pressed-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-primary-pressed-shade);
  --ion-color-tint: var(--ion-color-getm-primary-pressed-tint);
}

.ion-color-getm-primary-selected {
  --ion-color-base: var(--ion-color-getm-primary-selected);
  --ion-color-base-rgb: var(--ion-color-getm-primary-selected-rgb);
  --ion-color-contrast: var(--ion-color-getm-primary-selected-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-primary-selected-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-primary-selected-shade);
  --ion-color-tint: var(--ion-color-getm-primary-selected-tint);
}

:root {
  --ion-color-getm-secondary-default: #ff6600;
  --ion-color-getm-secondary-default-rgb: 255, 102, 0;
  --ion-color-getm-secondary-default-contrast: #ffffff;
  --ion-color-getm-secondary-default-contrast-rgb: 255, 255, 255;
  --ion-color-getm-secondary-default-shade: #e05900;
  --ion-color-getm-secondary-default-tint: #ff751a;
  --ion-color-getm-secondary-hover: #ffa366;
  --ion-color-getm-secondary-hover-rgb: 255, 163, 102;
  --ion-color-getm-secondary-hover-contrast: #ffffff;
  --ion-color-getm-secondary-hover-contrast-rgb: 255, 255, 255;
  --ion-color-getm-secondary-hover-shade: #e0905a;
  --ion-color-getm-secondary-hover-tint: #ffac7a;
  --ion-color-getm-secondary-pressed: #993d00;
  --ion-color-getm-secondary-pressed-rgb: 153, 61, 0;
  --ion-color-getm-secondary-pressed-contrast: #ffffff;
  --ion-color-getm-secondary-pressed-contrast-rgb: 255, 255, 255;
  --ion-color-getm-secondary-pressed-shade: #873600;
  --ion-color-getm-secondary-pressed-tint: #a3511a;
  --ion-color-getm-secondary-selected: #ff6600;
  --ion-color-getm-secondary-selected-rgb: 255, 102, 0;
  --ion-color-getm-secondary-selected-contrast: #ffffff;
  --ion-color-getm-secondary-selected-contrast-rgb: 255, 255, 255;
  --ion-color-getm-secondary-selected-shade: #e05900;
  --ion-color-getm-secondary-selected-tint: #ff751a;
}

.ion-color-getm-secondary-default {
  --ion-color-base: var(--ion-color-getm-secondary-default);
  --ion-color-base-rgb: var(--ion-color-getm-secondary-default-rgb);
  --ion-color-contrast: var(--ion-color-getm-secondary-default-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-secondary-default-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-secondary-default-shade);
  --ion-color-tint: var(--ion-color-getm-secondary-default-tint);
}

.ion-color-getm-secondary-hover {
  --ion-color-base: var(--ion-color-getm-secondary-hover);
  --ion-color-base-rgb: var(--ion-color-getm-secondary-hover-rgb);
  --ion-color-contrast: var(--ion-color-getm-secondary-hover-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-secondary-hover-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-secondary-hover-shade);
  --ion-color-tint: var(--ion-color-getm-secondary-hover-tint);
}

.ion-color-getm-secondary-pressed {
  --ion-color-base: var(--ion-color-getm-secondary-pressed);
  --ion-color-base-rgb: var(--ion-color-getm-secondary-pressed-rgb);
  --ion-color-contrast: var(--ion-color-getm-secondary-pressed-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-secondary-pressed-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-secondary-pressed-shade);
  --ion-color-tint: var(--ion-color-getm-secondary-pressed-tint);
}

.ion-color-getm-secondary-selected {
  --ion-color-base: var(--ion-color-getm-secondary-selected);
  --ion-color-base-rgb: var(--ion-color-getm-secondary-selected-rgb);
  --ion-color-contrast: var(--ion-color-getm-secondary-selected-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-secondary-selected-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-secondary-selected-shade);
  --ion-color-tint: var(--ion-color-getm-secondary-selected-tint);
}

:root {
  --ion-color-getm-neutral-dark: #2e353e;
  --ion-color-getm-neutral-dark-rgb: 46, 53, 62;
  --ion-color-getm-neutral-dark-contrast: #ffffff;
  --ion-color-getm-neutral-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-neutral-dark-shade: #282f37;
  --ion-color-getm-neutral-dark-tint: #3e4651;
  --ion-color-getm-neutral-light: #4d5868;
  --ion-color-getm-neutral-light-rgb: 77, 88, 104;
  --ion-color-getm-neutral-light-contrast: #ffffff;
  --ion-color-getm-neutral-light-contrast-rgb: 255, 255, 255;
  --ion-color-getm-neutral-light-shade: #444e5c;
  --ion-color-getm-neutral-light-tint: #5f6a77;
  --ion-color-getm-neutral-white: #ffffff;
  --ion-color-getm-neutral-white-rgb: 255, 255, 255;
  --ion-color-getm-neutral-white-contrast: #2d2e2f;
  --ion-color-getm-neutral-white-contrast-rgb: 45, 46, 47;
  --ion-color-getm-neutral-white-shade: #e0e0e0;
  --ion-color-getm-neutral-white-tint: #ffffff;
  --ion-color-getm-neutral-gray: #7f7f7f;
  --ion-color-getm-neutral-gray-rgb: 127, 127, 127;
  --ion-color-getm-neutral-gray-contrast: #ffffff;
  --ion-color-getm-neutral-gray-contrast-rgb: 255, 255, 255;
  --ion-color-getm-neutral-gray-shade: #707070;
  --ion-color-getm-neutral-gray-tint: #8c8c8c;
  --ion-color-getm-neutral-hover: #ccd0f7;
  --ion-color-getm-neutral-hover-rgb: 204, 208, 247;
  --ion-color-getm-neutral-hover-contrast: #000000;
  --ion-color-getm-neutral-hover-contrast-rgb: 0, 0, 0;
  --ion-color-getm-neutral-hover-shade: #b4b7d9;
  --ion-color-getm-neutral-hover-tint: #d1d5f8;
  --ion-color-getm-neutral-pressed: #99a2ef;
  --ion-color-getm-neutral-pressed-rgb: 153, 162, 239;
  --ion-color-getm-neutral-pressed-contrast: #000000;
  --ion-color-getm-neutral-pressed-contrast-rgb: 0, 0, 0;
  --ion-color-getm-neutral-pressed-shade: #868fe3;
  --ion-color-getm-neutral-pressed-tint: #a5acf1;
  --ion-color-getm-neutral-selected: #e6e8fb;
  --ion-color-getm-neutral-selected-rgb: 230, 232, 251;
  --ion-color-getm-neutral-selected-contrast: #000000;
  --ion-color-getm-neutral-selected-contrast-rgb: 0, 0, 0;
  --ion-color-getm-neutral-selected-shade: #c9cae0;
  --ion-color-getm-neutral-selected-tint: #eaeaff;
}

.ion-color-getm-neutral-dark {
  --ion-color-base: var(--ion-color-getm-neutral-dark);
  --ion-color-base-rgb: var(--ion-color-getm-neutral-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-neutral-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-neutral-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-neutral-dark-shade);
  --ion-color-tint: var(--ion-color-getm-neutral-dark-tint);
}

.ion-color-getm-neutral-light {
  --ion-color-base: var(--ion-color-getm-neutral-light);
  --ion-color-base-rgb: var(--ion-color-getm-neutral-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-neutral-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-neutral-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-neutral-light-shade);
  --ion-color-tint: var(--ion-color-getm-neutral-light-tint);
}

.ion-color-getm-neutral-white {
  --ion-color-base: var(--ion-color-getm-neutral-white);
  --ion-color-base-rgb: var(--ion-color-getm-neutral-white-rgb);
  --ion-color-contrast: var(--ion-color-getm-neutral-white-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-neutral-white-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-neutral-white-shade);
  --ion-color-tint: var(--ion-color-getm-neutral-white-tint);
}

.ion-color-getm-neutral-gray {
  --ion-color-base: var(--ion-color-getm-neutral-gray);
  --ion-color-base-rgb: var(--ion-color-getm-neutral-gray-rgb);
  --ion-color-contrast: var(--ion-color-getm-neutral-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-neutral-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-neutral-gray-shade);
  --ion-color-tint: var(--ion-color-getm-neutral-gray-tint);
}

.ion-color-getm-neutral-hover {
  --ion-color-base: var(--ion-color-getm-neutral-hover);
  --ion-color-base-rgb: var(--ion-color-getm-neutral-hover-rgb);
  --ion-color-contrast: var(--ion-color-getm-neutral-hover-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-neutral-hover-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-neutral-hover-shade);
  --ion-color-tint: var(--ion-color-getm-neutral-hover-tint);
}

.ion-color-getm-neutral-pressed {
  --ion-color-base: var(--ion-color-getm-neutral-pressed);
  --ion-color-base-rgb: var(--ion-color-getm-neutral-pressed-rgb);
  --ion-color-contrast: var(--ion-color-getm-neutral-pressed-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-neutral-pressed-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-neutral-pressed-shade);
  --ion-color-tint: var(--ion-color-getm-neutral-pressed-tint);
}

.ion-color-getm-neutral-selected {
  --ion-color-base: var(--ion-color-getm-neutral-selected);
  --ion-color-base-rgb: var(--ion-color-getm-neutral-selected-rgb);
  --ion-color-contrast: var(--ion-color-getm-neutral-selected-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-neutral-selected-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-neutral-selected-shade);
  --ion-color-tint: var(--ion-color-getm-neutral-selected-tint);
}

:root {
  --ion-color-getm-disabled-default: #7f7f7f;
  --ion-color-getm-disabled-default-rgb: 127, 127, 127;
  --ion-color-getm-disabled-default-contrast: #0f0f0f;
  --ion-color-getm-disabled-default-contrast-rgb: 15, 15, 15;
  --ion-color-getm-disabled-default-shade: #707070;
  --ion-color-getm-disabled-default-tint: #8c8c8c;
  --ion-color-getm-disabled-dark: #292929;
  --ion-color-getm-disabled-dark-rgb: 41, 41, 41;
  --ion-color-getm-disabled-dark-contrast: #ffffff;
  --ion-color-getm-disabled-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-disabled-dark-shade: #232323;
  --ion-color-getm-disabled-dark-tint: #3e3e3e;
  --ion-color-getm-disabled-light: #d4d4d4;
  --ion-color-getm-disabled-light-rgb: 212, 212, 212;
  --ion-color-getm-disabled-light-contrast: #0f0f0f;
  --ion-color-getm-disabled-light-contrast-rgb: 15, 15, 15;
  --ion-color-getm-disabled-light-shade: #bbbbbb;
  --ion-color-getm-disabled-light-tint: #d9d9d9;
}

.ion-color-getm-disabled-default {
  --ion-color-base: var(--ion-color-getm-disabled-default);
  --ion-color-base-rgb: var(--ion-color-getm-disabled-default-rgb);
  --ion-color-contrast: var(--ion-color-getm-disabled-default-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-disabled-default-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-disabled-default-shade);
  --ion-color-tint: var(--ion-color-getm-disabled-default-tint);
}

.ion-color-getm-disabled-dark {
  --ion-color-base: var(--ion-color-getm-disabled-dark);
  --ion-color-base-rgb: var(--ion-color-getm-disabled-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-disabled-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-disabled-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-disabled-dark-shade);
  --ion-color-tint: var(--ion-color-getm-disabled-dark-tint);
}

.ion-color-getm-disabled-light {
  --ion-color-base: var(--ion-color-getm-disabled-light);
  --ion-color-base-rgb: var(--ion-color-getm-disabled-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-disabled-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-disabled-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-disabled-light-shade);
  --ion-color-tint: var(--ion-color-getm-disabled-light-tint);
}

:root {
  --ion-color-getm-information-default: #007ff6;
  --ion-color-getm-information-default-rgb: 0, 127, 246;
  --ion-color-getm-information-default-contrast: #ffffff;
  --ion-color-getm-information-default-contrast-rgb: 255, 255, 255;
  --ion-color-getm-information-default-shade: #0070d9;
  --ion-color-getm-information-default-tint: #1a8ff7;
  --ion-color-getm-information-dark: #004c94;
  --ion-color-getm-information-dark-rgb: 0, 76, 148;
  --ion-color-getm-information-dark-contrast: #ffffff;
  --ion-color-getm-information-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-information-dark-shade: #004383;
  --ion-color-getm-information-dark-tint: #1a5ea0;
  --ion-color-getm-information-light: #e6f3ff;
  --ion-color-getm-information-light-rgb: 230, 243, 255;
  --ion-color-getm-information-light-contrast: #0f0f0f;
  --ion-color-getm-information-light-contrast-rgb: 15, 15, 15;
  --ion-color-getm-information-light-shade: #cad6e0;
  --ion-color-getm-information-light-tint: #e9f5ff;
}

.ion-color-getm-information-default {
  --ion-color-base: var(--ion-color-getm-information-default);
  --ion-color-base-rgb: var(--ion-color-getm-information-default-rgb);
  --ion-color-contrast: var(--ion-color-getm-information-default-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-information-default-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-information-default-shade);
  --ion-color-tint: var(--ion-color-getm-information-default-tint);
}

.ion-color-getm-information-dark {
  --ion-color-base: var(--ion-color-getm-information-dark);
  --ion-color-base-rgb: var(--ion-color-getm-information-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-information-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-information-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-information-dark-shade);
  --ion-color-tint: var(--ion-color-getm-information-dark-tint);
}

.ion-color-getm-information-light {
  --ion-color-base: var(--ion-color-getm-information-light);
  --ion-color-base-rgb: var(--ion-color-getm-information-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-information-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-information-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-information-light-shade);
  --ion-color-tint: var(--ion-color-getm-information-light-tint);
}

:root {
  --ion-color-getm-success-default: #2ec96a;
  --ion-color-getm-success-default-rgb: 46, 201, 106;
  --ion-color-getm-success-default-contrast: #ffffff;
  --ion-color-getm-success-default-contrast-rgb: 255, 255, 255;
  --ion-color-getm-success-default-shade: #28b15d;
  --ion-color-getm-success-default-tint: #3dcf79;
  --ion-color-getm-success-light: #ebfaf1;
  --ion-color-getm-success-light-rgb: 235, 250, 241;
  --ion-color-getm-success-light-contrast: #14532d;
  --ion-color-getm-success-light-contrast-rgb: 20, 83, 45;
  --ion-color-getm-success-light-shade: #cfdcdd;
  --ion-color-getm-success-light-tint: #edfbf4;
  --ion-color-getm-success-dark: #1c7940;
  --ion-color-getm-success-dark-rgb: 28, 121, 64;
  --ion-color-getm-success-dark-contrast: #ffffff;
  --ion-color-getm-success-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-success-dark-shade: #186a38;
  --ion-color-getm-success-dark-tint: #338753;
}

.ion-color-getm-success-default {
  --ion-color-base: var(--ion-color-getm-success-default);
  --ion-color-base-rgb: var(--ion-color-getm-success-default-rgb);
  --ion-color-contrast: var(--ion-color-getm-success-default-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-success-default-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-success-default-shade);
  --ion-color-tint: var(--ion-color-getm-success-default-tint);
}

.ion-color-getm-success-light {
  --ion-color-base: var(--ion-color-getm-success-light);
  --ion-color-base-rgb: var(--ion-color-getm-success-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-success-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-success-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-success-light-shade);
  --ion-color-tint: var(--ion-color-getm-success-light-tint);
}

.ion-color-getm-success-dark {
  --ion-color-base: var(--ion-color-getm-success-dark);
  --ion-color-base-rgb: var(--ion-color-getm-success-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-success-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-success-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-success-dark-shade);
  --ion-color-tint: var(--ion-color-getm-success-dark-tint);
}

:root {
  --ion-color-getm-warning-default: #ffd142;
  --ion-color-getm-warning-default-rgb: 255, 209, 66;
  --ion-color-getm-warning-default-contrast: #0f0f0f;
  --ion-color-getm-warning-default-contrast-rgb: 15, 15, 15;
  --ion-color-getm-warning-default-shade: #e0b839;
  --ion-color-getm-warning-default-tint: #ffd752;
  --ion-color-getm-warning-light: #fffbed;
  --ion-color-getm-warning-light-rgb: 255, 251, 237;
  --ion-color-getm-warning-light-contrast: #78350f;
  --ion-color-getm-warning-light-contrast-rgb: 120, 53, 15;
  --ion-color-getm-warning-light-shade: #e0ddd0;
  --ion-color-getm-warning-light-tint: #fffbf0;
  --ion-color-getm-warning-dark: #997d28;
  --ion-color-getm-warning-dark-rgb: 153, 125, 40;
  --ion-color-getm-warning-dark-contrast: #ffffff;
  --ion-color-getm-warning-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-warning-dark-shade: #876e23;
  --ion-color-getm-warning-dark-tint: #a38d3e;
}

.ion-color-getm-warning-default {
  --ion-color-base: var(--ion-color-getm-warning-default);
  --ion-color-base-rgb: var(--ion-color-getm-warning-default-rgb);
  --ion-color-contrast: var(--ion-color-getm-warning-default-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-warning-default-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-warning-default-shade);
  --ion-color-tint: var(--ion-color-getm-warning-default-tint);
}

.ion-color-getm-warning-light {
  --ion-color-base: var(--ion-color-getm-warning-light);
  --ion-color-base-rgb: var(--ion-color-getm-warning-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-warning-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-warning-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-warning-light-shade);
  --ion-color-tint: var(--ion-color-getm-warning-light-tint);
}

.ion-color-getm-warning-dark {
  --ion-color-base: var(--ion-color-getm-warning-dark);
  --ion-color-base-rgb: var(--ion-color-getm-warning-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-warning-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-warning-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-warning-dark-shade);
  --ion-color-tint: var(--ion-color-getm-warning-dark-tint);
}

:root {
  --ion-color-getm-error-default: #fe3738;
  --ion-color-getm-error-default-rgb: 254, 55, 56;
  --ion-color-getm-error-default-contrast: #ffffff;
  --ion-color-getm-error-default-contrast-rgb: 255, 255, 255;
  --ion-color-getm-error-default-shade: #df3031;
  --ion-color-getm-error-default-tint: #fe4b4c;
  --ion-color-getm-error-light: #ffebec;
  --ion-color-getm-error-light-rgb: 255, 235, 236;
  --ion-color-getm-error-light-contrast: #7f1d1d;
  --ion-color-getm-error-light-contrast-rgb: 127, 29, 29;
  --ion-color-getm-error-light-shade: #e0cfd0;
  --ion-color-getm-error-light-tint: #ffefef;
  --ion-color-getm-error-dark: #982122;
  --ion-color-getm-error-dark-rgb: 152, 33, 34;
  --ion-color-getm-error-dark-contrast: #ffffff;
  --ion-color-getm-error-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-error-dark-shade: #861d1e;
  --ion-color-getm-error-dark-tint: #a23738;
}

.ion-color-getm-error-default {
  --ion-color-base: var(--ion-color-getm-error-default);
  --ion-color-base-rgb: var(--ion-color-getm-error-default-rgb);
  --ion-color-contrast: var(--ion-color-getm-error-default-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-error-default-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-error-default-shade);
  --ion-color-tint: var(--ion-color-getm-error-default-tint);
}

.ion-color-getm-error-light {
  --ion-color-base: var(--ion-color-getm-error-light);
  --ion-color-base-rgb: var(--ion-color-getm-error-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-error-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-error-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-error-light-shade);
  --ion-color-tint: var(--ion-color-getm-error-light-tint);
}

.ion-color-getm-error-dark {
  --ion-color-base: var(--ion-color-getm-error-dark);
  --ion-color-base-rgb: var(--ion-color-getm-error-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-error-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-error-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-error-dark-shade);
  --ion-color-tint: var(--ion-color-getm-error-dark-tint);
}

:root {
  --ion-color-getm-category-gana-mas: #f62787;
  --ion-color-getm-category-gana-mas-rgb: 246, 39, 135;
  --ion-color-getm-category-gana-mas-contrast: #ffffff;
  --ion-color-getm-category-gana-mas-contrast-rgb: 255, 255, 255;
  --ion-color-getm-category-gana-mas-shade: #d82276;
  --ion-color-getm-category-gana-mas-tint: #f73d97;
  --ion-color-getm-category-gana-mas-light: #fef4f9;
  --ion-color-getm-category-gana-mas-light-rgb: 254, 244, 249;
  --ion-color-getm-category-gana-mas-light-contrast: #941751;
  --ion-color-getm-category-gana-mas-light-contrast-rgb: 148, 23, 81;
  --ion-color-getm-category-gana-mas-light-shade: #e0d7dc;
  --ion-color-getm-category-gana-mas-light-tint: #fef5fa;
  --ion-color-getm-category-gana-mas-dark: #941751;
  --ion-color-getm-category-gana-mas-dark-rgb: 148, 23, 81;
  --ion-color-getm-category-gana-mas-dark-contrast: #ffffff;
  --ion-color-getm-category-gana-mas-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-category-gana-mas-dark-shade: #821447;
  --ion-color-getm-category-gana-mas-dark-tint: #9e2e62;
  --ion-color-getm-category-promociones: #0016d6;
  --ion-color-getm-category-promociones-rgb: 0, 22, 214;
  --ion-color-getm-category-promociones-contrast: #ffffff;
  --ion-color-getm-category-promociones-contrast-rgb: 255, 255, 255;
  --ion-color-getm-category-promociones-shade: #0013be;
  --ion-color-getm-category-promociones-tint: #1a2ddb;
  --ion-color-getm-category-promociones-light: #f2f3fd;
  --ion-color-getm-category-promociones-light-rgb: 242, 243, 253;
  --ion-color-getm-category-promociones-light-contrast: #000d80;
  --ion-color-getm-category-promociones-light-contrast-rgb: 0, 13, 128;
  --ion-color-getm-category-promociones-light-shade: #d5d6e0;
  --ion-color-getm-category-promociones-light-tint: #f3f4fe;
  --ion-color-getm-category-especiales-del-mes: #ff8f4f;
  --ion-color-getm-category-especiales-del-mes-rgb: 255, 143, 79;
  --ion-color-getm-category-especiales-del-mes-contrast: #000000;
  --ion-color-getm-category-especiales-del-mes-contrast-rgb: 0, 0, 0;
  --ion-color-getm-category-especiales-del-mes-shade: #e07e46;
  --ion-color-getm-category-especiales-del-mes-tint: #ff9a61;
  --ion-color-getm-category-especiales-del-mes-light: #fff9f6;
  --ion-color-getm-category-especiales-del-mes-light-rgb: 255, 249, 246;
  --ion-color-getm-category-especiales-del-mes-light-contrast: #000000;
  --ion-color-getm-category-especiales-del-mes-light-contrast-rgb: 0, 0, 0;
  --ion-color-getm-category-especiales-del-mes-light-shade: #e0dbd8;
  --ion-color-getm-category-especiales-del-mes-light-tint: #fffaf7;
  --ion-color-getm-category-especiales-del-mes-dark: #99562f;
  --ion-color-getm-category-especiales-del-mes-dark-rgb: 153, 86, 47;
  --ion-color-getm-category-especiales-del-mes-dark-contrast: #ffffff;
  --ion-color-getm-category-especiales-del-mes-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-category-especiales-del-mes-dark-shade: #874c29;
  --ion-color-getm-category-especiales-del-mes-dark-tint: #a36744;
  --ion-color-getm-category-los-mas-vendido: #009b43;
  --ion-color-getm-category-los-mas-vendido-rgb: 0, 155, 67;
  --ion-color-getm-category-los-mas-vendido-contrast: #ffffff;
  --ion-color-getm-category-los-mas-vendido-contrast-rgb: 255, 255, 255;
  --ion-color-getm-category-los-mas-vendido-shade: #00883b;
  --ion-color-getm-category-los-mas-vendido-tint: #1aa556;
  --ion-color-getm-category-los-mas-vendido-light: #f2faf5;
  --ion-color-getm-category-los-mas-vendido-light-rgb: 242, 250, 245;
  --ion-color-getm-category-los-mas-vendido-light-contrast: #004d22;
  --ion-color-getm-category-los-mas-vendido-light-contrast-rgb: 0, 77, 34;
  --ion-color-getm-category-los-mas-vendido-light-shade: #d5dce0;
  --ion-color-getm-category-los-mas-vendido-light-tint: #f3fbf7;
  --ion-color-getm-category-los-mas-vendido-dark: #005d28;
  --ion-color-getm-category-los-mas-vendido-dark-rgb: 0, 93, 40;
  --ion-color-getm-category-los-mas-vendido-dark-contrast: #ffffff;
  --ion-color-getm-category-los-mas-vendido-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-category-los-mas-vendido-dark-shade: #005223;
  --ion-color-getm-category-los-mas-vendido-dark-tint: #1a6e3e;
  --ion-color-getm-category-pedido-sugerido: #009bdd;
  --ion-color-getm-category-pedido-sugerido-rgb: 0, 155, 221;
  --ion-color-getm-category-pedido-sugerido-contrast: #000000;
  --ion-color-getm-category-pedido-sugerido-contrast-rgb: 0, 0, 0;
  --ion-color-getm-category-pedido-sugerido-shade: #0088c2;
  --ion-color-getm-category-pedido-sugerido-tint: #1aa5e0;
  --ion-color-getm-category-pedido-sugerido-light: #f2fafd;
  --ion-color-getm-category-pedido-sugerido-light-rgb: 242, 250, 253;
  --ion-color-getm-category-pedido-sugerido-light-contrast: #000000;
  --ion-color-getm-category-pedido-sugerido-light-contrast-rgb: 0, 0, 0;
  --ion-color-getm-category-pedido-sugerido-light-shade: #d5dcdf;
  --ion-color-getm-category-pedido-sugerido-light-tint: #f3fbfd;
  --ion-color-getm-category-pedido-sugerido-dark: #fef4f9;
  --ion-color-getm-category-pedido-sugerido-dark-rgb: 254, 244, 249;
  --ion-color-getm-category-pedido-sugerido-dark-contrast: #000000;
  --ion-color-getm-category-pedido-sugerido-dark-contrast-rgb: 0, 0, 0;
  --ion-color-getm-category-pedido-sugerido-dark-shade: #e0d7db;
  --ion-color-getm-category-pedido-sugerido-dark-tint: #fef5fa;
}

.ion-color-getm-category-gana-mas {
  --ion-color-base: var(--ion-color-getm-category-gana-mas);
  --ion-color-base-rgb: var(--ion-color-getm-category-gana-mas-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-gana-mas-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-gana-mas-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-gana-mas-shade);
  --ion-color-tint: var(--ion-color-getm-category-gana-mas-tint);
}

.ion-color-getm-category-gana-mas-light {
  --ion-color-base: var(--ion-color-getm-category-gana-mas-light);
  --ion-color-base-rgb: var(--ion-color-getm-category-gana-mas-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-gana-mas-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-gana-mas-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-gana-mas-light-shade);
  --ion-color-tint: var(--ion-color-getm-category-gana-mas-light-tint);
}

.ion-color-getm-category-gana-mas-dark {
  --ion-color-base: var(--ion-color-getm-category-gana-mas-dark);
  --ion-color-base-rgb: var(--ion-color-getm-category-gana-mas-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-gana-mas-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-gana-mas-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-gana-mas-dark-shade);
  --ion-color-tint: var(--ion-color-getm-category-gana-mas-dark-tint);
}

.ion-color-getm-category-promociones {
  --ion-color-base: var(--ion-color-getm-category-promociones);
  --ion-color-base-rgb: var(--ion-color-getm-category-promociones-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-promociones-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-promociones-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-promociones-shade);
  --ion-color-tint: var(--ion-color-getm-category-promociones-tint);
}

.ion-color-getm-category-promociones-light {
  --ion-color-base: var(--ion-color-getm-category-promociones-light);
  --ion-color-base-rgb: var(--ion-color-getm-category-promociones-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-promociones-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-promociones-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-promociones-light-shade);
  --ion-color-tint: var(--ion-color-getm-category-promociones-light-tint);
}

.ion-color-getm-category-especiales-del-mes {
  --ion-color-base: var(--ion-color-getm-category-especiales-del-mes);
  --ion-color-base-rgb: var(--ion-color-getm-category-especiales-del-mes-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-especiales-del-mes-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-especiales-del-mes-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-especiales-del-mes-shade);
  --ion-color-tint: var(--ion-color-getm-category-especiales-del-mes-tint);
}

.ion-color-getm-category-especiales-del-mes-light {
  --ion-color-base: var(--ion-color-getm-category-especiales-del-mes-light);
  --ion-color-base-rgb: var(--ion-color-getm-category-especiales-del-mes-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-especiales-del-mes-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-especiales-del-mes-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-especiales-del-mes-light-shade);
  --ion-color-tint: var(--ion-color-getm-category-especiales-del-mes-light-tint);
}

.ion-color-getm-category-especiales-del-mes-dark {
  --ion-color-base: var(--ion-color-getm-category-especiales-del-mes-dark);
  --ion-color-base-rgb: var(--ion-color-getm-category-especiales-del-mes-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-especiales-del-mes-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-especiales-del-mes-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-especiales-del-mes-dark-shade);
  --ion-color-tint: var(--ion-color-getm-category-especiales-del-mes-dark-tint);
}

.ion-color-getm-category-los-mas-vendido {
  --ion-color-base: var(--ion-color-getm-category-los-mas-vendido);
  --ion-color-base-rgb: var(--ion-color-getm-category-los-mas-vendido-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-los-mas-vendido-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-los-mas-vendido-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-los-mas-vendido-shade);
  --ion-color-tint: var(--ion-color-getm-category-los-mas-vendido-tint);
}

.ion-color-getm-category-los-mas-vendido-light {
  --ion-color-base: var(--ion-color-getm-category-los-mas-vendido-light);
  --ion-color-base-rgb: var(--ion-color-getm-category-los-mas-vendido-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-los-mas-vendido-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-los-mas-vendido-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-los-mas-vendido-light-shade);
  --ion-color-tint: var(--ion-color-getm-category-los-mas-vendido-light-tint);
}

.ion-color-getm-category-los-mas-vendido-dark {
  --ion-color-base: var(--ion-color-getm-category-los-mas-vendido-dark);
  --ion-color-base-rgb: var(--ion-color-getm-category-los-mas-vendido-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-los-mas-vendido-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-los-mas-vendido-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-los-mas-vendido-dark-shade);
  --ion-color-tint: var(--ion-color-getm-category-los-mas-vendido-dark-tint);
}

.ion-color-getm-category-pedido-sugerido {
  --ion-color-base: var(--ion-color-getm-category-pedido-sugerido);
  --ion-color-base-rgb: var(--ion-color-getm-category-pedido-sugerido-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-pedido-sugerido-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-pedido-sugerido-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-pedido-sugerido-shade);
  --ion-color-tint: var(--ion-color-getm-category-pedido-sugerido-tint);
}

.ion-color-getm-category-pedido-sugerido-light {
  --ion-color-base: var(--ion-color-getm-category-pedido-sugerido-light);
  --ion-color-base-rgb: var(--ion-color-getm-category-pedido-sugerido-light-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-pedido-sugerido-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-pedido-sugerido-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-pedido-sugerido-light-shade);
  --ion-color-tint: var(--ion-color-getm-category-pedido-sugerido-light-tint);
}

.ion-color-getm-category-pedido-sugerido-dark {
  --ion-color-base: var(--ion-color-getm-category-pedido-sugerido-dark);
  --ion-color-base-rgb: var(--ion-color-getm-category-pedido-sugerido-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-category-pedido-sugerido-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-category-pedido-sugerido-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-category-pedido-sugerido-dark-shade);
  --ion-color-tint: var(--ion-color-getm-category-pedido-sugerido-dark-tint);
}

:root {
  --ion-color-getm-background-light-blue: #f0f7fa;
  --ion-color-getm-background-light-blue-rgb: 240, 247, 250;
  --ion-color-getm-background-light-blue-contrast: #2c2c2c;
  --ion-color-getm-background-light-blue-contrast-rgb: 44, 44, 44;
  --ion-color-getm-background-light-blue-shade: #d3d9dc;
  --ion-color-getm-background-light-blue-tint: #f2f8fb;
  --ion-color-getm-background-dark: #000956;
  --ion-color-getm-background-dark-rgb: 0, 9, 86;
  --ion-color-getm-background-dark-contrast: #ffffff;
  --ion-color-getm-background-dark-contrast-rgb: 255, 255, 255;
  --ion-color-getm-background-dark-shade: #00084c;
  --ion-color-getm-background-dark-tint: #1a2267;
  --ion-color-getm-background-white: #ffffff;
  --ion-color-getm-background-white-rgb: 255, 255, 255;
  --ion-color-getm-background-white-contrast: #0f0f0f;
  --ion-color-getm-background-white-contrast-rgb: 15, 15, 15;
  --ion-color-getm-background-white-shade: #e0e0e0;
  --ion-color-getm-background-white-tint: #ffffff;
  --ion-color-getm-background-gray: #f4f4f4;
  --ion-color-getm-background-gray-rgb: 244, 244, 244;
  --ion-color-getm-background-gray-contrast: #0f0f0f;
  --ion-color-getm-background-gray-contrast-rgb: 15, 15, 15;
  --ion-color-getm-background-gray-shade: #d6d6d6;
  --ion-color-getm-background-gray-tint: #f5f5f5;
  --ion-color-deadline-status-bg: #0012ab;
  --ion-color-deadline-status-bg-rgb: 0, 18, 171;
  --ion-color-deadline-status-bg-contrast: #ffffff;
  --ion-color-deadline-status-bg-contrast-rgb: 255, 255, 255;
  --ion-color-deadline-status-bg-shade: #001097;
  --ion-color-deadline-status-bg-tint: #1a2aba;
}

.ion-color-getm-background-light-blue {
  --ion-color-base: var(--ion-color-getm-background-light-blue);
  --ion-color-base-rgb: var(--ion-color-getm-background-light-blue-rgb);
  --ion-color-contrast: var(--ion-color-getm-background-light-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-background-light-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-background-light-blue-shade);
  --ion-color-tint: var(--ion-color-getm-background-light-blue-tint);
}

.ion-color-getm-background-dark {
  --ion-color-base: var(--ion-color-getm-background-dark);
  --ion-color-base-rgb: var(--ion-color-getm-background-dark-rgb);
  --ion-color-contrast: var(--ion-color-getm-background-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-background-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-background-dark-shade);
  --ion-color-tint: var(--ion-color-getm-background-dark-tint);
}

.ion-color-getm-background-white {
  --ion-color-base: var(--ion-color-getm-background-white);
  --ion-color-base-rgb: var(--ion-color-getm-background-white-rgb);
  --ion-color-contrast: var(--ion-color-getm-background-white-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-background-white-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-background-white-shade);
  --ion-color-tint: var(--ion-color-getm-background-white-tint);
}

.ion-color-getm-background-gray {
  --ion-color-base: var(--ion-color-getm-background-gray);
  --ion-color-base-rgb: var(--ion-color-getm-background-gray-rgb);
  --ion-color-contrast: var(--ion-color-getm-background-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-getm-background-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-getm-background-gray-shade);
  --ion-color-tint: var(--ion-color-getm-background-gray-tint);
}

.ion-color-deadline-status-bg {
  --ion-color-base: var(--ion-color-deadline-status-bg);
  --ion-color-base-rgb: var(--ion-color-deadline-status-bg-rgb);
  --ion-color-contrast: var(--ion-color-deadline-status-bg-contrast);
  --ion-color-contrast-rgb: var(--ion-color-deadline-status-bg-contrast-rgb);
  --ion-color-shade: var(--ion-color-deadline-status-bg-shade);
  --ion-color-tint: var(--ion-color-deadline-status-bg-tint);
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/core.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-default-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint: var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #808289) !important;--ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,  0,  0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/normalize.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*# sourceMappingURL=normalize.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/structure.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}/*# sourceMappingURL=structure.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/typography.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
html{font-family:var(--ion-font-family)}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #3880ff)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*# sourceMappingURL=typography.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/display.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.ion-hide{display:none !important}.ion-hide-up{display:none !important}.ion-hide-down{display:none !important}@media(min-width: 576px){.ion-hide-sm-up{display:none !important}}@media(max-width: 575.98px){.ion-hide-sm-down{display:none !important}}@media(min-width: 768px){.ion-hide-md-up{display:none !important}}@media(max-width: 767.98px){.ion-hide-md-down{display:none !important}}@media(min-width: 992px){.ion-hide-lg-up{display:none !important}}@media(max-width: 991.98px){.ion-hide-lg-down{display:none !important}}@media(min-width: 1200px){.ion-hide-xl-up{display:none !important}}@media(max-width: 1199.98px){.ion-hide-xl-down{display:none !important}}/*# sourceMappingURL=display.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/padding.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}/*# sourceMappingURL=padding.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/float-elements.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}:host-context([dir=rtl]) .ion-float-start{float:right !important}[dir=rtl] .ion-float-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}.ion-float-end{float:right !important}:host-context([dir=rtl]) .ion-float-end{float:left !important}[dir=rtl] .ion-float-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left !important}}@media(min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left !important}}}@media(min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left !important}}}@media(min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left !important}}}@media(min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}/*# sourceMappingURL=float-elements.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/text-alignment.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.ion-text-center{text-align:center !important}.ion-text-justify{text-align:justify !important}.ion-text-start{text-align:start !important}.ion-text-end{text-align:end !important}.ion-text-left{text-align:left !important}.ion-text-right{text-align:right !important}.ion-text-nowrap{white-space:nowrap !important}.ion-text-wrap{white-space:normal !important}@media(min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}@media(min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}@media(min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}@media(min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}/*# sourceMappingURL=text-alignment.css.map */

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/text-transformation.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}/*# sourceMappingURL=text-transformation.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/flex-utils.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.ion-align-self-start{align-self:flex-start !important}.ion-align-self-end{align-self:flex-end !important}.ion-align-self-center{align-self:center !important}.ion-align-self-stretch{align-self:stretch !important}.ion-align-self-baseline{align-self:baseline !important}.ion-align-self-auto{align-self:auto !important}.ion-wrap{flex-wrap:wrap !important}.ion-nowrap{flex-wrap:nowrap !important}.ion-wrap-reverse{flex-wrap:wrap-reverse !important}.ion-justify-content-start{justify-content:flex-start !important}.ion-justify-content-center{justify-content:center !important}.ion-justify-content-end{justify-content:flex-end !important}.ion-justify-content-around{justify-content:space-around !important}.ion-justify-content-between{justify-content:space-between !important}.ion-justify-content-evenly{justify-content:space-evenly !important}.ion-align-items-start{align-items:flex-start !important}.ion-align-items-center{align-items:center !important}.ion-align-items-end{align-items:flex-end !important}.ion-align-items-stretch{align-items:stretch !important}.ion-align-items-baseline{align-items:baseline !important}/*# sourceMappingURL=flex-utils.css.map */

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
* Importacion de la colección de guía de estilos de los componentes
*/
/*
 * -------------------------- ION-INPUT --------------------------------
 */
.mpe-input-square-floating {
  margin-top: 5px;
  margin-bottom: 1px;
  margin-left: auto;
  margin-right: auto;
  --padding-start: 12%;
  --inner-padding-start: 16px;
  --padding-end: 12%;
}
.mpe-input-square-floating .asterisk {
  color: var(--ion-color-danger);
  position: absolute;
  top: 41px;
  font-size: 20px;
  left: 0px;
  z-index: 1;
}
.mpe-input-square-floating ion-label {
  z-index: 3;
  letter-spacing: 0.3px;
  padding-top: 16px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px !important;
  line-height: 1.1;
}
.mpe-input-square-floating ion-input {
  border: 1px solid var(--ion-color-base);
  border-radius: 0px;
  font-size: 16px;
  line-height: 1;
  min-height: 45px;
  --background: var(--ion-color-white);
  --padding-bottom: 12px !important;
  --padding-end: 16px !important;
  --padding-start: 16px !important;
  --padding-top: 12px !important;
}
.mpe-input-square-floating ion-textarea {
  border: 1px solid var(--ion-color-base);
  border-radius: 0px;
  opacity: 1 !important;
  --background: var(--ion-color-white);
  --padding-bottom: 12px !important;
  --padding-end: 16px !important;
  --padding-start: 16px !important;
  --padding-top: 12px !important;
}
.mpe-input-square-floating ion-spinner {
  position: absolute;
  right: 27px;
  top: 43px;
  z-index: 2;
}
.mpe-input-square-floating p {
  color: var(--ion-color-danger);
  margin-top: 2px;
  margin-left: 12px;
  margin-bottom: 0px;
  text-align: justify;
  font-size: 0.8em;
}

.mpe-input-amount ion-input {
  --padding-start: 25px !important;
}
.mpe-input-amount .weight-sign {
  position: absolute;
  top: 13.5px;
  left: 15px;
  z-index: 3;
}

.mpe-input-contrast-floating {
  margin-left: auto;
  margin-right: auto;
}
.mpe-input-contrast-floating ion-label {
  z-index: 3;
  padding-top: 16px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px !important;
  line-height: 1;
}
.mpe-input-contrast-floating ion-input {
  border: 1px solid var(--ion-color-base);
  border-radius: 4px;
  font-size: 16px;
  line-height: 1;
  min-height: 45px;
  --background: var(--ion-color-white);
  --padding-bottom: 12px !important;
  --padding-end: 16px !important;
  --padding-start: 16px !important;
  --padding-top: 12px !important;
}
.mpe-input-contrast-floating p {
  color: var(--ion-color-danger);
  margin-top: 2px;
  margin-left: 12px;
  margin-bottom: 0px;
  text-align: justify;
  font-size: 0.8em;
}

.mpe-items-selets {
  --padding-start: 20px;
  --inner-padding-end: 20px;
}
.mpe-items-selets .selects {
  --padding-start: 16px;
  --padding-end: 16px;
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid var(--ion-color-medium);
  font-size: 12px;
  align-items: center;
}

.border-base {
  border: 1px solid var(--ion-color-base) !important;
  color: var(--ion-color-base) !important;
}

.border-danger {
  border: 1px solid var(--ion-color-danger) !important;
  color: var(--ion-color-danger) !important;
}

.border-valid {
  border: 1px solid var(--ion-color-tpcta) !important;
  color: var(--ion-color-tpcta) !important;
}

.mpe-no-focused {
  --background-activated: var(--ion-color-transparent);
  --background-hover: var(--ion-color-transparent);
  --background-focused: var(--ion-color-transparent);
  --ripple-color: var(--ion-color-transparent);
}

.item-has-focus .label-floating.sc-ion-label-md-h {
  color: var(--ion-color-base) !important;
  transform: translate3d(0, -29%, 0) scale(1.2) !important;
}

.item-has-value .label-floating.sc-ion-label-md-h {
  color: var(--ion-color-base) !important;
  transform: translate3d(0, -29%, 0) scale(1.2) !important;
}

/*
 * ----------------------- END ION-INPUT ------------------------------
 */
/*
 * -------------------------- ION-BUTTON --------------------------------
 */
.mpe-button-icon-circle {
  --box-shadow: 0;
  text-transform: none;
}
.mpe-button-icon-circle ion-icon {
  font-size: 29px;
}
.mpe-button-icon-circle ion-img {
  width: 48px;
  height: 48px;
}

.mpe-button-center {
  margin: 1em auto 0.5em;
}

.mpe-eye-button {
  position: absolute;
  top: 31px;
  right: 25px;
  z-index: 2;
  width: 29px;
  height: 29px;
}

.mpe-button-link-simple {
  --border-radius: 25px;
  text-transform: none;
}

.mpe-button-link-line {
  --border-radius: 25px;
  text-transform: none;
}
.mpe-button-link-line ion-label {
  border-bottom: 1px solid;
}

ion-button {
  text-transform: none;
}
ion-button ion-spinner {
  margin-right: 15px;
  margin-left: -15px;
}

/*
 * ----------------------- END ION-BUTTON ------------------------------
 */
/*
 * ----------------------- ION-POPOVER ------------------------------
 */
.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0px;
}

.no-icon-search input.searchbar-input.sc-ion-searchbar-md {
  padding-inline-start: 0px !important;
  padding-inline-end: 0px !important;
}

/* Clase en Popover */
.popover-dropdown-autocomplete {
  --background: var(--ion-color-grayDemon);
  --box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --width: 94%;
  --max-width: 410px !important;
  --height: auto;
  --max-height: 700px !important;
}
.popover-dropdown-autocomplete .popover-arrow.sc-ion-popover-ios {
  z-index: 11;
}
.popover-dropdown-autocomplete .popover-content.sc-ion-popover-ios {
  height: 45% !important;
}

.dropdown-autocomplete .popover-content.sc-ion-popover-ios {
  height: 45% !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  pointer-events: auto !important;
}

.mpe-popover-ios {
  --background: var(--ion-color-white);
  --box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --width: max-content;
}
.mpe-popover-ios .popover-arrow.sc-ion-popover-ios {
  z-index: 11;
}

.help-delivery-popover {
  --background: var(--ion-color-white);
  --box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  --width: 200px;
  --max-width: 200px;
}
.help-delivery-popover .popover-arrow.sc-ion-popover-ios {
  z-index: 11;
}

.mpe-popover-list-more {
  --background: var(--ion-color-white);
  --box-shadow: 0px 4px 4px rgba(155, 168, 187, 0.5);
  --width: max-content;
}
.mpe-popover-list-more .popover-arrow.sc-ion-popover-ios {
  z-index: 11;
}
.mpe-popover-list-more .popover-content.sc-ion-popover-md {
  border-radius: 10px;
}

/*
 * -------------------------- END ION-POPOVER --------------------------------
 */
/*
* -------------------------- ION-CHECKBOX/RADIO --------------------------------
*/
ion-checkbox {
  --border-color: var(--ion-color-medium);
  --background: var(--ion-color-white);
  --border-radius: 4px;
  --checkmark-width: 3px;
  --size: 18px;
  --border-width: 1px;
}

/*
* ----------------------- END ION-CHECKBOX/RADIO ------------------------------
*/
/*
 * -------------------------- MISSELANEOS --------------------------------
 */
.separator {
  border-bottom: 1px solid var(--ion-color-cadet-grey);
}

.separator-gray {
  border-bottom: 1px solid var(--ion-color-gray);
}

.separator-gray-dashed {
  border-bottom: 1px dashed var(--ion-color-gray);
}

ion-label {
  font-family: inherit !important;
}

ion-input {
  font-family: inherit !important;
}

.item-multiple-inputs {
  --background-focused-opacity: 0;
}

.mpe-no-padding {
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  --inner-padding-bottom: 0 !important;
  --inner-padding-end: 0 !important;
  --inner-padding-start: 0 !important;
  --inner-padding-top: 0 !important;
}

.mpe-font-weight-400 {
  font-weight: 400;
}

.mpe-font-weight-600 {
  font-weight: 600;
}

.mpe-font-weight-700 {
  font-weight: 700;
}

.mpe-font-weight-900 {
  font-weight: 900;
}

.no-padding-start {
  --padding-start: 0px;
}

.no-padding-end {
  --inner-padding-end: 0px;
}

.getm-ion-list {
  margin-right: 0px !important;
  background-color: var(--ion-color-transparent) !important;
}

.mpe-ellipsis-two {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.getm-ellipsis-three {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

ion-header ion-toolbar:first-child {
  padding-top: 0px;
}

.accordion-disclaimer-order.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
.accordion-disclaimer-order.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.accordion-disclaimer-order.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  color: var(--ion-color-darkblue);
}

.margin-bottom-s {
  margin-bottom: var(--margin-s);
}

.margin-bottom-m {
  margin-bottom: var(--margin-m);
}

.margin-bottom-l {
  margin-bottom: var(--margin-l);
}

.margin-bottom-xl {
  margin-bottom: var(--margin-xl);
}

.margin-bottom-xxl {
  margin-bottom: var(--margin-xxl);
}

.gap-xs {
  gap: var(--gap-xs);
}

.gap-s {
  gap: var(--gap-s);
}

.gap-m {
  gap: var(--gap-m);
}

.gap-l {
  gap: var(--gap-l);
}

/*
 * ----------------------- END MISSELANEOS ------------------------------
 */
/*
 * -------------------------- MEDIAS SCREEN --------------------------------
 */
@media screen and (min-width: 390px) {
  .modal-add-cart {
    left: calc(50% - 45px) !important;
  }
}
@media screen and (min-width: 420px) and (min-height: 768px) {
  .cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
    max-width: 414px;
  }
}
@media screen and (min-width: 420px) and (min-height: 900px) {
  .ion-loading {
    --max-height: 896px !important;
    --max-width: 414px !important;
  }
  .ion-modal-overlayPage {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-confirm {
    --max-width: 300px;
  }
  .modal-how-does-work {
    --max-width: 300px;
  }
  .modal-new-section-games {
    --max-height: 896px;
    --max-width: 414px;
  }
  .ion-modal-news {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-promo-detail {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-add-cart {
    top: calc(50% - 392px) !important;
  }
  .modal-success-reset {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-timeout-edit {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-info-sheet {
    --max-width: 414px;
  }
  .modal-promo-summary {
    --max-width: 414px;
  }
  .toast-network {
    --max-width: 414px;
  }
  .toast-games {
    --max-width: 414px;
  }
  .toast-limits {
    --max-width: 414px;
  }
  .cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
    max-width: 414px;
  }
}
@media screen and (min-width: 420px) and (orientation: landscape) {
  .ion-loading {
    --max-height: 896px !important;
    --max-width: 414px !important;
  }
  .ion-modal-overlayPage {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-confirm {
    --max-width: 300px;
  }
  .modal-how-does-work {
    --max-width: 300px;
  }
  .modal-new-section-games {
    --max-height: 896px;
    --max-width: 414px;
  }
  .ion-modal-news {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-promo-detail {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-add-cart {
    top: calc(50% - 392px) !important;
  }
  .modal-success-reset {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-timeout-edit {
    --max-height: 896px;
    --max-width: 414px;
  }
  .modal-info-sheet {
    --max-width: 414px;
  }
  .modal-promo-summary {
    --max-width: 414px;
  }
  .toast-network {
    --max-width: 414px;
  }
  .toast-games {
    --max-width: 414px;
  }
  .toast-limits {
    --max-width: 414px;
  }
  .cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
    max-width: 414px;
  }
}
@media screen and (max-width: 577px) {
  .select-popover {
    --max-width: 414px;
    --width: 95%;
  }
}
/*
 * ----------------------- END MEDIAS SCREEN ------------------------------
 */
:root {
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  --safe-area-inset-top: env(safe-area-inset-top);
  --padding-0: 0px;
  --padding-xxs: 2px;
  --padding-xs: 4px;
  --padding-s: 8px;
  --padding-m: 12px;
  --padding-l: 16px;
  --padding-xl: 24px;
  --padding-xxl: 32px;
  --radius-0: 0px;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-round: 100%;
  --gap-xs: 4px;
  --gap-s: 8px;
  --gap-m: 12px;
  --gap-l: 16px;
  --margin-0: 0px;
  --margin-xxs: 2px;
  --margin-xs: 4px;
  --margin-s: 8px;
  --margin-m: 12px;
  --margin-l: 16px;
  --margin-xl: 24px;
  --margin-xxl: 32px;
}

.getm-accordion-no-icon .ion-accordion-toggle-icon {
  display: none !important;
}

.getm-search-component.searchbar-has-focus .searchbar-search-icon {
  color: var(--ion-color-getm-primary-default) !important;
}

.gepp-darkred {
  color: #de011f;
}

.blue-bg {
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
  background: url('front-icons-alert@3x.jpg');
  background-image: linear-gradient(to bottom, #014f8e, #033161);
}

.darkish-blue {
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
  background-image: url('front-icons-alert@3x.jpg');
  background-image: linear-gradient(to bottom, #014f8e, #033161);
}

.regular-p {
  width: 175px;
  height: 18px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #666666;
}

@font-face {
  font-family: "Roboto";
  src: url('Roboto.ttf') format("truetype"), url('Roboto.otf') format("opentype");
  font-style: normal;
  font-weight: normal;
}
body {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
}

.animated {
  animation-duration: 1500ms;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.fast {
  animation-duration: 700ms;
}

.animated.slow {
  animation-duration: 2s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

.wraper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.upper {
  position: absolute;
  width: 100%;
  height: 64%;
  top: 0%;
  background-image: linear-gradient(to bottom, #014f8e, #033161);
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
}

.upper .confetti-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  background-image: url('font-copas@3x.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

.upper .oro-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  background-image: url('font-cpa-oro@3x.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

.upper .components {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 3;
}

.level-components {
  position: absolute;
  width: 100%;
  height: auto;
  font-size: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lower {
  position: absolute;
  width: 100%;
  height: 36%;
  top: 64%;
  background: #edeff8;
}

.copa {
  /* Centrar */
  display: flex;
  align-items: center;
  justify-content: center;
}

mwl-gauge {
  width: 160px;
  height: 115px;
  margin: 0 auto;
  display: block;
}

mwl-gauge > .gauge > .dial {
  stroke: #fff;
  opacity: 0.3;
  stroke-width: 5;
  stroke-linecap: round;
}

mwl-gauge > .gauge > .value {
  stroke: rgb(17, 178, 247);
  stroke-width: 6;
  stroke-linecap: round;
}

mwl-gauge > .gauge > .value-text {
  fill: rgb(47, 227, 255);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1em;
}

mwl-gauge.bronce {
  width: 160px;
  height: 115px;
  margin: 0 auto;
}

mwl-gauge.bronce > .gauge > .dial {
  stroke: #fff;
  opacity: 0.3;
  stroke-width: 5;
  stroke-linecap: round;
}

mwl-gauge.bronce > .gauge > .value {
  stroke: #a14323;
  stroke-width: 6;
  stroke-linecap: round;
}

mwl-gauge.plata {
  width: 160px;
  height: 115px;
  margin: 0 auto;
}

mwl-gauge.plata > .gauge > .dial {
  stroke: #fff;
  opacity: 0.3;
  stroke-width: 5;
  stroke-linecap: round;
}

mwl-gauge.plata > .gauge > .value {
  stroke: #a29b9b;
  stroke-width: 6;
  stroke-linecap: round;
}

mwl-gauge.oro {
  width: 160px;
  height: 115px;
  margin: 0 auto;
}

mwl-gauge.oro > .gauge > .dial {
  stroke: #fff;
  opacity: 0.3;
  stroke-width: 5;
  stroke-linecap: round;
}

mwl-gauge.oro > .gauge > .value {
  stroke: #ffc40c;
  stroke-width: 6;
  stroke-linecap: round;
}

@media screen and (min-height: 667px) and (orientation: portrait) {
  mwl-gauge {
    width: 190px;
    height: 150px;
  }
  mwl-gauge.bronce {
    width: 190px;
    height: 150px;
  }
  mwl-gauge.plata {
    width: 190px;
    height: 150px;
  }
  mwl-gauge.oro {
    width: 190px;
    height: 150px;
  }
}
mwl-gauge.historico {
  width: 100%;
  height: 100%;
  display: block;
}

mwl-gauge.historico > .gauge > .dial {
  stroke: #d1d1d1;
  opacity: 0.3;
  stroke-width: 7;
  stroke-linecap: round;
}

mwl-gauge.historico > .gauge > .value {
  stroke: #2bd5cd;
  stroke-width: 8;
  stroke-linecap: round;
}

mwl-gauge.portafolio-productos {
  width: 100%;
  height: 100%;
  display: block;
}

mwl-gauge.portafolio-productos > .gauge > .dial {
  stroke: #eeeeee;
  opacity: 0.5;
  stroke-width: 10;
  stroke-linecap: round;
}

mwl-gauge.portafolio-productos > .gauge > .value {
  stroke: #009bdd;
  stroke-width: 11;
  stroke-linecap: round;
}

mwl-gauge.gauge-limits-order {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  z-index: 1;
  right: -2px;
}

mwl-gauge.gauge-limits-order > .gauge > .dial {
  stroke: var(--ion-color-status-icon-disable);
  opacity: 0.5;
  stroke-width: 6;
}

mwl-gauge.gauge-limits-order.minimum > .gauge > .value {
  stroke: rgba(1, 156, 222, 0.25);
}

mwl-gauge.gauge-limits-order.maximum > .gauge > .value {
  stroke: var(--ion-color-tpcta);
}

mwl-gauge.gauge-limits-order.exceeded > .gauge > .value {
  stroke: var(--ion-color-danger);
}

mwl-gauge.gauge-pepsi-point {
  width: 140px;
  height: 140px;
  position: relative;
  z-index: 2;
}

mwl-gauge.gauge-pepsi-point > .gauge > .dial {
  stroke: var(--ion-color-white);
  opacity: 1;
  stroke-width: 6;
}

mwl-gauge.gauge-pepsi-point > .gauge > .value {
  stroke: var(--ion-color-sunflower2);
  stroke-width: 7;
}

mwl-gauge.getm-floating-gauge {
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  z-index: 1;
  right: 0px;
  left: 0px;
  margin: 0px auto;
  top: -3px;
}

mwl-gauge.getm-floating-gauge > .gauge > .dial {
  stroke: var(--ion-color-getm-secondary-hover);
  opacity: 0.5;
  stroke-width: 6;
}

mwl-gauge.getm-floating-gauge > .gauge > .value {
  stroke: var(--ion-color-getm-neutral-white);
}

ion-list {
  margin: 0 0 0 0 !important;
}

.ion-loading {
  --background: #dddddd;
  --height: 100%;
  --width: 100%;
  --max-height: 100%;
  --max-width: 100%;
  --color: #004a97;
}

.cargando {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #4d5868;
  margin: 0;
  text-align: center;
}

.botella-loading {
  margin: 0px;
  width: 100px;
}

.margenes {
  margin: 0 auto;
  display: grid;
  justify-content: center;
}

.loading {
  margin: 0 auto;
}

.bar-light {
  background-color: transparent;
}

.ion-no-padding {
  padding: 0 !important;
  --padding-bottom: 0 !important;
  --padding-end: 0 !important;
  --padding-start: 0 !important;
  --padding-top: 0 !important;
}

.ion-no-margin {
  margin: 0 !important;
  --margin-bottom: 0 !important;
  --margin-end: 0 !important;
  --margin-start: 0 !important;
  --margin-top: 0 !important;
}

/** message alert*/
.ion-alert-update-perfil {
  --background: #4d5868;
  --height: 210px;
  --width: 260px;
  padding: 30 15 15 30;
  border-radius: 0px !important;
  text-align: center;
}
.ion-alert-update-perfil .alert-head.sc-ion-alert-md + .alert-message.sc-ion-alert-md {
  font-size: 14px !important;
  text-align: center;
  color: #dddddd;
  margin-bottom: 2% !important;
}
.ion-alert-update-perfil .alert-sub-title.sc-ion-alert-md {
  font-size: 14px;
  color: #dddddd;
  text-align: center;
}
.ion-alert-update-perfil .alert-sub-title.sc-ion-alert-md,
.ion-alert-update-perfil .alert-title.sc-ion-alert-md {
  font-size: 14px !important;
  padding: 0px 24px !important;
  margin-bottom: 4% !important;
  color: var(--ion-text-color, #dddddd);
  text-align: center;
}
.ion-alert-update-perfil .alert-button-group.sc-ion-alert-md button {
  margin: 0 auto !important;
  width: 176px !important;
  height: 40px !important;
  background: #009bdd !important;
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center;
}
.ion-alert-update-perfil .alert-button-group.sc-ion-alert-md button span {
  width: 70px !important;
  margin: 0 auto !important;
}

.ion-alert-perfil {
  --background: #4d5868;
  --height: 220px;
  --width: 265px;
  padding: 30 15 15 30;
  border-radius: 0px !important;
  text-align: center;
}
.ion-alert-perfil .alert-head.sc-ion-alert-md + .alert-message.sc-ion-alert-md {
  font-size: 12px !important;
  text-align: center;
  color: #dddddd;
  margin-bottom: 5% !important;
}
.ion-alert-perfil .alert-sub-title.sc-ion-alert-md {
  font-size: 12px;
  color: #dddddd;
  text-align: center;
}
.ion-alert-perfil .alert-sub-title.sc-ion-alert-md,
.ion-alert-perfil .alert-title.sc-ion-alert-md {
  font-size: 12px !important;
  padding: 0px 24px !important;
  margin-bottom: 4% !important;
  color: var(--ion-text-color, #dddddd);
  text-align: center;
}
.ion-alert-perfil .alert-button-group.sc-ion-alert-md button {
  margin: 0 auto !important;
  width: 176px !important;
  height: 40px !important;
  background: #009bdd !important;
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center;
}
.ion-alert-perfil .alert-button-group.sc-ion-alert-md button span {
  width: 70px !important;
  margin: 0 auto !important;
}

.ion-alert-back-perfil {
  --background: #4d5868;
  border-radius: 0px !important;
  text-align: center;
  padding-bottom: 20px;
  /*     .alert-button-inner.sc-ion-alert-md {
      display: none;
  } */
}
.ion-alert-back-perfil .alert-title.sc-ion-alert-md {
  font-size: 12px;
  color: #dddddd;
  text-align: center;
}
.ion-alert-back-perfil .alert-head.sc-ion-alert-md + .alert-message.sc-ion-alert-md {
  font-size: 12px;
  padding-top: 0;
  text-align: center;
  color: #dddddd;
}
.ion-alert-back-perfil .primary {
  background-color: #009bdd;
  color: #ffffff;
  --text-transform: capitalize;
  width: 80%;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 10px;
}
.ion-alert-back-perfil .secondary {
  background-color: #ffffff;
  color: #009bdd;
  --text-transform: capitalize;
  width: 80%;
  border-radius: 5px;
  text-align: center;
}

.ion-alert-calificanos {
  border-radius: 0px !important;
  text-align: center;
}
.ion-alert-calificanos .alert-wrapper.sc-ion-alert-md {
  --background: #4d5868;
  --height: auto;
  --width: 100%;
  padding: 30px 17px 33px 17px;
}
.ion-alert-calificanos .alert-head.sc-ion-alert-md + .alert-message.sc-ion-alert-md {
  padding-top: 0;
  text-align: center;
  color: #dddddd;
}
.ion-alert-calificanos .alert-sub-title.sc-ion-alert-md {
  font-size: 16px;
  color: #dddddd;
  text-align: center;
  white-space: nowrap;
}
.ion-alert-calificanos .alert-sub-title.sc-ion-alert-md,
.ion-alert-calificanos .alert-title.sc-ion-alert-md {
  color: var(--ion-text-color, #dddddd);
  text-align: center;
}
.ion-alert-calificanos .alert-button-group.sc-ion-alert-md button {
  margin: 0 auto !important;
  width: 176px !important;
  height: 40px !important;
  background: #009bdd !important;
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center;
}
.ion-alert-calificanos .alert-button-group.sc-ion-alert-md button span {
  width: 70px !important;
  margin: 0 auto !important;
}

.ion-alert-not-found {
  --background: #4d5868;
  --height: 290px;
  --width: 266px;
  --max-height: 290px;
  --max-width: 266px;
  --min-height: 290px;
  --min-width: 266px;
  border-radius: 0px !important;
}
.ion-alert-not-found .alert-button-group.sc-ion-alert-md button {
  margin: 0 auto !important;
  width: 176px !important;
  height: 40px !important;
  background: #009bdd !important;
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}
.ion-alert-not-found .alert-button-group.sc-ion-alert-md button span {
  width: 70px !important;
  margin: 0 auto !important;
}

.icon-warning {
  margin: 0 auto;
  height: 36px;
  font-size: 50px;
}
.icon-warning img {
  margin: 0 auto;
  width: 36px;
  height: 36px;
}
.icon-warning #warning {
  color: var(--ion-color-danger);
}
.icon-warning #info {
  color: var(--ion-color-darkblue);
}
.icon-warning #success {
  color: var(--ion-color-correct);
}
.icon-warning #friendly {
  color: var(--ion-color-tpcta);
}

.p-warning-no-encontrado {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: var(--ion-color-status-icon-enable);
}

.title-alert {
  font-size: 16px;
  color: var(--ion-color-status-icon-enable);
  text-align: center;
}

.p-alert-message {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: var(--ion-color-status-icon-enable);
}

.tu-contrasena {
  font-family: Roboto;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #dddddd;
}

.ion-alert-already-exists {
  --background: #4d5868;
  --height: 224px;
  --width: 266px;
  --max-height: 224px;
  --max-width: 266px;
  --min-height: 224px;
  --min-width: 266px;
  border-radius: 0px !important;
}
.ion-alert-already-exists .alert-button-group.sc-ion-alert-md button {
  margin: 0 auto !important;
  width: 176px !important;
  height: 40px !important;
  background: #009bdd !important;
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}
.ion-alert-already-exists .alert-button-group.sc-ion-alert-md button span {
  width: 47px !important;
  margin: 0 auto !important;
}

.ion-alert-new-password {
  --background: #4d5868;
  --height: 322px;
  --width: 266px;
  --max-height: 322px;
  --max-width: 266px;
  --min-height: 322px;
  --min-width: 266px;
  border-radius: 0px !important;
}
.ion-alert-new-password .alert-head.sc-ion-alert-md {
  padding: 10px !important;
}
.ion-alert-new-password .alert-input-group.sc-ion-alert-md {
  padding: 15px;
}
.ion-alert-new-password #contrasena {
  border: solid 1px #c2c9d1;
  border-radius: 3px;
  background-color: #c2c9d1;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #4d5868;
}
.ion-alert-new-password #confirmContrasena {
  border: solid 1px #c2c9d1;
  border-radius: 3px;
  background-color: #c2c9d1;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #4d5868;
}
.ion-alert-new-password .alert-button-group.sc-ion-alert-md .cancelar-alert {
  background: #4d5868 !important;
  margin-top: 20px !important;
  margin-bottom: 15px !important;
  font-size: 12px !important;
  padding: 0;
  width: 176px !important;
  height: 14px !important;
}
.ion-alert-new-password .alert-button-group.sc-ion-alert-md .cancelar-alert span {
  width: 61px !important;
  margin: 0 auto !important;
}
.ion-alert-new-password .alert-button-group.sc-ion-alert-md button {
  margin: 0 auto !important;
  width: 176px !important;
  height: 40px !important;
  background: #009bdd !important;
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}
.ion-alert-new-password .alert-button-group.sc-ion-alert-md button span {
  width: 70px !important;
  margin: 0 auto !important;
}

.ion-alert-generic-message {
  --background: #4d5868;
  --height: 145px;
  --width: 266px;
  --max-height: 145px;
  --max-width: 266px;
  --min-height: 145px;
  --min-width: 266px;
  border-radius: 0px !important;
}
.ion-alert-generic-message .alert-head {
  padding-top: 0;
}
.ion-alert-generic-message .alert-message.sc-ion-alert-md {
  color: #dddddd !important;
  text-align: center !important;
}
.ion-alert-generic-message .alert-button-group button {
  margin: 0 auto !important;
  width: 150px !important;
  height: 40px !important;
  background: #009bdd !important;
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 16px !important;
}
.ion-alert-generic-message .alert-button-group button span {
  justify-content: center !important;
}

.ion-alert-warnin-pedido {
  --background: #4d5868;
  --height: 215px;
  --width: 266px;
  border-radius: 0px !important;
}
.ion-alert-warnin-pedido .alert-head.sc-ion-alert-md {
  padding: 12px !important;
}
.ion-alert-warnin-pedido .alert-button-group.sc-ion-alert-md button {
  margin: 0 auto !important;
  width: 176px !important;
  height: 40px !important;
  background: #009bdd !important;
  color: #ffffff !important;
  font-family: Roboto !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}
.ion-alert-warnin-pedido .alert-button-group.sc-ion-alert-md button span {
  width: 70px !important;
  margin: 0 auto !important;
}

.permission-call .alert-head {
  padding: 10px !important;
}
.permission-call .alert-message {
  padding: 0 20px !important;
}

.labels-permission-call {
  display: flex;
}
.labels-permission-call ion-icon {
  margin-right: 15px;
  font-size: 24px;
  margin-top: 13px;
}
.labels-permission-call .header {
  font-size: 14px !important;
}
.labels-permission-call .message {
  margin: 0;
}

.alert-notification .alert-wrapper.sc-ion-alert-ios {
  background: var(--ion-color-white) !important;
}
.alert-notification .alert-wrapper.sc-ion-alert-ios .alert-title.sc-ion-alert-ios {
  color: var(--ion-color-status-icon-enable) !important;
}
.alert-notification .alert-wrapper.sc-ion-alert-ios .alert-sub-title.sc-ion-alert-ios {
  color: var(--ion-color-grayDemon) !important;
  font-weight: 600 !important;
}
.alert-notification .alert-wrapper.sc-ion-alert-ios .alert-message.sc-ion-alert-ios {
  color: var(--ion-color-grayDemon) !important;
}
.alert-notification .alert-wrapper.sc-ion-alert-ios .alert-button-group.sc-ion-alert-ios {
  background: var(--ion-color-darkblue) !important;
}
.alert-notification .alert-wrapper.sc-ion-alert-ios .alert-button-group.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child {
  color: var(--ion-color-white) !important;
  background: var(--ion-color-darkblue) !important;
}

.alert-error .alert-wrapper.sc-ion-alert-ios {
  background: var(--ion-color-white) !important;
}
.alert-error .alert-wrapper.sc-ion-alert-ios .alert-title.sc-ion-alert-ios {
  color: var(--ion-color-status-icon-enable) !important;
}
.alert-error .alert-wrapper.sc-ion-alert-ios .alert-sub-title.sc-ion-alert-ios {
  color: var(--ion-color-grayDemon) !important;
  font-weight: 600 !important;
}
.alert-error .alert-wrapper.sc-ion-alert-ios .alert-message.sc-ion-alert-ios {
  color: var(--ion-color-grayDemon) !important;
}
.alert-error .alert-wrapper.sc-ion-alert-ios .alert-button-group.sc-ion-alert-ios {
  background: var(--ion-color-cherry) !important;
}
.alert-error .alert-wrapper.sc-ion-alert-ios .alert-button-group.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child {
  color: var(--ion-color-white) !important;
  background: var(--ion-color-cherry) !important;
}

.alert-friendly .alert-wrapper.sc-ion-alert-ios {
  background: var(--ion-color-white) !important;
}
.alert-friendly .alert-wrapper.sc-ion-alert-ios .alert-title.sc-ion-alert-ios {
  color: var(--ion-color-status-icon-enable) !important;
}
.alert-friendly .alert-wrapper.sc-ion-alert-ios .alert-sub-title.sc-ion-alert-ios {
  color: var(--ion-color-grayDemon) !important;
  font-weight: 600 !important;
}
.alert-friendly .alert-wrapper.sc-ion-alert-ios .alert-message.sc-ion-alert-ios {
  color: var(--ion-color-grayDemon) !important;
}
.alert-friendly .alert-wrapper.sc-ion-alert-ios .alert-button-group.sc-ion-alert-ios {
  background: var(--ion-color-tpcta) !important;
}
.alert-friendly .alert-wrapper.sc-ion-alert-ios .alert-button-group.sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child {
  color: var(--ion-color-white) !important;
  background: var(--ion-color-tpcta) !important;
}

ion-modal.modal-default:not(.overlay-hidden) ~ ion-modal.modal-default {
  --backdrop-opacity: 1;
}

ion-modal::part(content) {
  position: relative;
}

.ion-modal {
  --background: var(--ion-color-status-icon-enable);
  --border-color: var(--ion-color-status-icon-enable);
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --height: 410px;
  --max-height: 410px;
  --min-height: 410px;
  --max-width: 266px;
  --min-width: 266px;
  --width: 266px;
}

.ion-modal-overlayPage {
  --height: 100%;
  --width: 100%;
}

.ion-modal-zoom {
  --background: rgba(77, 88, 104, 0.6);
  --border-color: #4d5868;
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --height: 100%;
  --width: 100%;
}

.ion-modal-news {
  --background: #fff;
  --border-color: #fff;
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --height: 100%;
  --width: 100%;
}

.modal-confirm {
  --background: var(--ion-color-white);
  --border-color: var(--ion-color-white);
  --width: 80%;
  --height: auto;
  --border-radius: 15px;
}
.modal-confirm .ion-page {
  position: relative;
  contain: content;
}

.modal-ejecucion-push {
  --background: #ffffff;
  --border-color: #ffffff;
  --height: 300px;
  --width: 90%;
  --max-width: 414px;
}

.modal-ejecucion-result-push {
  --background: var(--ion-color-white);
  --border-color: var(--ion-color-white);
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --width: 300px;
  --height: auto;
}
.modal-ejecucion-result-push .ion-page {
  position: relative;
  contain: content;
}

.ion-simple-toast {
  --border-radius: 0px !important;
  --box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25) !important;
  --padding: 0px !important;
}

.modal-legal-change {
  --background: var(--ion-color-transparent);
  --border-color: var(--ion-color-white);
  --border-radius: 8px;
  --border-style: solid;
  --border-width: 0px;
  --width: 300px;
  --height: auto;
}
.modal-legal-change .ion-page {
  position: relative;
  contain: content;
}

.modal-how-does-work {
  --background: var(--ion-color-white);
  --border-color: var(--ion-color-white);
  --width: 90%;
  --height: auto;
}
.modal-how-does-work .ion-page {
  position: relative;
  contain: content;
}

.modal-change-pass {
  --background: var(--ion-color-status-icon-enable);
  --border-color: var(--ion-color-status-icon-enable);
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --width: 266px;
  --height: auto;
}
.modal-change-pass .ion-page {
  position: relative;
  contain: content;
}

.modal-lifeless {
  --background: var(--ion-color-transparent);
  --border-color: var(--ion-color-status-icon-enable);
  --border-radius: 15px;
  --border-style: solid;
  --border-width: 0px;
  --width: 300px;
  --height: auto;
}
.modal-lifeless .ion-page {
  position: relative;
  contain: content;
}

.modal-new-section-games {
  --background: var(--ion-color-transparent);
  --border-color: var(--ion-color-status-icon-enable);
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --width: 100%;
  --height: 100%;
}

.modal-confirm-cancel {
  --background: var(--ion-color-transparent);
  --border-color: var(--ion-color-white);
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --width: 300px;
  --height: auto;
}
.modal-confirm-cancel .ion-page {
  position: relative;
  contain: content;
}

.modal-promo-detail {
  --background: var(--ion-color-getm-neutral-white);
  --border-color: var(--ion-color-getm-neutral-white);
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --width: 100%;
  --height: 100%;
}
.modal-promo-detail .ion-page {
  height: calc(100% - var(--safe-area-inset-bottom));
}

.modal-add-cart {
  --background: var(--ion-color-transparent);
  --border-radius: 10px;
  --box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2) !important;
  --width: 230px;
  --height: auto;
  display: inline-table;
  padding: 2px 7px 11px;
  left: calc(50% - 88px);
  top: 56px;
  z-index: 1 !important;
  pointer-events: none;
}
.modal-add-cart .ion-page {
  position: relative;
  contain: content;
}

.modal-add-cart::part(backdrop) {
  display: none;
  pointer-events: none;
}

.modal-add-cart::part(content) {
  pointer-events: auto;
}

.modal-purchase-progress {
  --background: var(--ion-color-white);
  --border-color: var(--ion-color-white);
  --border-radius: 10px;
  --border-style: solid;
  --border-width: 0px;
  --width: 240px;
  --height: auto;
}
.modal-purchase-progress .ion-page {
  position: relative;
  contain: content;
}

.modal-order-progress {
  --background: var(--ion-color-white);
  --border-color: var(--ion-color-white);
  --border-radius: 10px;
  --border-style: solid;
  --border-width: 0px;
  --width: 240px;
  --height: auto;
}
.modal-order-progress .ion-page {
  position: relative;
  contain: content;
}

.modal-user-ticket {
  --background: var(--ion-color-white);
  --border-color: var(--ion-color-white);
  --border-radius: 10px;
  --border-style: solid;
  --border-width: 0px;
  --width: 240px;
  --height: auto;
}
.modal-user-ticket .ion-page {
  position: relative;
  contain: content;
}

.modal-success-reset {
  --background: var(--ion-color-gray);
  --border-color: var(--ion-color-gray);
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --width: 100%;
  --height: 100%;
}

.modal-timeout-edit {
  --background: var(--ion-color-gray);
  --border-color: var(--ion-color-gray);
  --border-radius: 0px;
  --border-style: solid;
  --border-width: 0px;
  --width: 100%;
  --height: 100%;
}

.modal-more-products {
  --background: var(--ion-color-white);
  --border-color: var(--ion-color-white);
  --border-radius: 10px;
  --border-style: solid;
  --border-width: 0px;
  --width: 240px;
  --height: auto;
}
.modal-more-products .ion-page {
  position: relative;
  contain: content;
}

.modal-data-register {
  --background: var(--ion-color-white);
  --border-color: var(--ion-color-white);
  --border-radius: 10px;
  --border-style: solid;
  --border-width: 0px;
  --width: 240px;
  --height: auto;
}
.modal-data-register .ion-page {
  position: relative;
  contain: content;
}

.modal-input-date {
  --border-radius: 10px;
  --width: 350px;
  --height: 395px;
}
.modal-input-date ion-datetime {
  height: 395px;
}

.modal-info-sheet {
  --height: auto;
  --border-radius: 12px 12px 0px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.modal-info-sheet .ion-page {
  position: relative;
  display: block;
  contain: content;
}

.modal-info-sheet::part(backdrop) {
  opacity: 0.5 !important;
}

.modal-promo-summary {
  --height: auto;
  --border-radius: var(--radius-m) var(--radius-m) var(--radius-0) var(--radius-0);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.modal-promo-summary .ion-page {
  position: relative;
  display: block;
  contain: content;
}

.modal-reward {
  --height: auto;
  --width: 328px;
  --border-radius: 15px;
}
.modal-reward .ion-page {
  position: relative;
  contain: content;
}

.modal-max-discounts-limit {
  --height: auto;
  --width: min(calc(100vw - 32px), 382px);
  --border-radius: var(--radius-m);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-max-discounts-limit .ion-page {
  position: relative;
  display: block;
  contain: content;
}

.modal-cart-without-stock {
  --height: auto;
  --width: min(100vw, 414px);
  --border-radius: var(--radius-m) var(--radius-m) var(--radius-0) var(--radius-0);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.modal-cart-without-stock .ion-page {
  position: relative;
  display: block;
  contain: content;
}

.modal-delete-product-cart {
  --height: auto;
  --width: min(calc(100vw - 32px), 382px);
  --border-radius: var(--radius-m);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-delete-product-cart .ion-page {
  position: relative;
  display: block;
  contain: content;
}

.modal-leave-promo-detail {
  --height: auto;
  --width: min(calc(100vw - 32px), 382px);
  --border-radius: var(--radius-m);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-leave-promo-detail .ion-page {
  position: relative;
  display: block;
  contain: content;
}

/*
* TOAST CLASS
*/
.toast-network {
  --border-radius: 5px;
  --box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  --button-color: var(--ion-color-white);
  color: var(--ion-color-white);
}

.hidden-toast {
  display: none !important;
  --max-width: 414px;
}

.toast-games {
  --border-radius: 15px;
  --box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  --button-color: var(--ion-color-status-icon-enable);
  color: var(--ion-color-status-icon-enable);
}

.toast-limits {
  --border-radius: 15px;
  --box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  --button-color: var(--ion-color-status-icon-enable);
  background: var(--ion-backdrop-color);
  font-weight: bold !important;
}

.toast-limits::part(header) {
  font-weight: 600 !important;
}

ngx-charts-bar-vertical text {
  fill: #fff !important;
  transform: none !important;
  -webkit-transform: rotate(0deg) !important;
}
ngx-charts-bar-vertical .textDataLabel {
  text-anchor: middle !important;
  font-weight: bold;
}

@media screen and (min-width: 720px) {
  .modal-how-does-work {
    --width: 70%;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/fonts/customfont.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Light.ttf') format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: block;
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Regular.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Medium.ttf') format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: block;
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-SemiBold.ttf') format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: block;
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Bold.ttf') format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: block;
}

/*# sourceMappingURL=styles.css.map*/