/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/theme/variables.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** Ionic CSS Variables **/
:root {
  --ion-safe-area-top: 2.5rem !important;
  /** primary **/
  --ion-color-primary: #22223b;
  --ion-color-primary-rgb: 202, 192, 182;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #1e1e34;
  --ion-color-primary-tint: #38384f;
  /** secondary **/
  --ion-color-secondary: #1caa8a;
  --ion-color-secondary-rgb: 28, 170, 138;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #49bba1;
  --ion-color-secondary-tint: #a4ddd0;
  /** tertiary **/
  --ion-color-tertiary: #5f49b6;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** success **/
  --ion-color-success: #28cca6;
  --ion-color-success-rgb: 40, 204, 166;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #23b492;
  --ion-color-success-tint: #3ed1af;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  /** dark **/
  --ion-color-dark: #182230;
  --ion-color-dark-rgb: 24, 34, 48;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #151e2a;
  --ion-color-dark-tint: #2f3845;
  /** medium **/
  --ion-color-medium: #646464;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --app-bg: white;
  /** light **/
  --ion-color-light: #f5f5f5;
  --ion-color-light-rgb: 245, 245, 245;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d8d8d8;
  --ion-color-light-tint: #f6f6f6;
  --ion-color-grad: linear-gradient(90deg, rgba(30, 151, 249, 1) 0%, rgba(36, 185, 151, 1) 100%);
  --grey: #d9d9d9;
  --silver: #f7f7f7;
  --blue: #1e97f9;
  --white: #ffffff;
  --light-gray: #f4f2f0;
  --gray-50: #f9fafb;
  --gray-100: #f2f4f7;
  --gray-200: #eaecf0;
  --gray-300: #d0d5dd;
  --gray-400: #98a2b3;
  --gray-500: #667085;
  --gray-600: #475467;
  --gray-700: #344054;
  --gray-800: #182230;
  --gray-900: #101828;
  --gray-950: #0c111d;
  --brand-700: #4e5ba6;
  --menu-section-color: #ffffff;
  --menu-bg: var(--light-gray);
  --rest-bg: var(--light-gray);
  --menu-opacity: 0.8;
  --background-color: #f7f7f7;
  --section-bg-color: #ffffff;
  --primary-text-color: #182230;
  --secondary-text-color: #182230;
  --light-text-color: #747a83;
  --primary-border-color: #98a2b3;
  --secondary-border-color: #eaecf0;
  --primary-transparent-color: #98a2b3;
  --selected-segment-bg-color: var(--ion-color-primary);
  --selected-segment-text-color: #ffffff;
  --header-bg-color: var(--background-color);
  --header-contrast-color: var(--primary-text-color);
  --landing-main-color: #51545a;
  --landing-second-color: #2e2e2f;
  --landing-main-text-color: #f5f5f5;
  --landing-second-text-color: #dcddde;
  --landing-border-color: #898a8d;
  --landing-second-color-rgb: 81, 84, 90;
  --table-info-content-bg-color: #ffffff;
  --menu-text-color: #182230;
  --rest-footer-color: #000000;
  --vodafone-red: #e40000;
  --segment-bg-color: var(--white);
  --segment-text-color: var(--ion-color-primary);
  --item-name-color: var(--menu-text-color);
  --primary-10: #f5faff;
  --primary-20: #d1e9ff;
  --primary-30: #84caff;
  --primary-40: #2e90fa;
  --primary-50: #175cd3;
  --primary-60: #102a56;
  --primary-70: #182230;
  --informative-10: #eff8ff;
  --informative-30: #c8e4fe;
  --informative-60: #0f68ac;
  --success-10: #f6fef9;
  --success-20: #dcfae6;
  --success-30: #75e0a7;
  --success-40: #17b26a;
  --success-50: #067647;
  --success-60: #053321;
  --warning-10: #fffcf5;
  --warning-20: #fef0c7;
  --warning-30: #fec84b;
  --warning-40: #f79009;
  --warning-50: #b54708;
  --warning-60: #4e1d09;
  --error-10: #fffbfa;
  --error-20: #fee4e2;
  --error-30: #fda29b;
  --error-40: #f04438;
  --error-50: #b42318;
  --error-60: #55160c;
  --neutral-00: #fcfcfd;
  --neutral-10: #f8f9fc;
  --neutral-20: #eaecf5;
  --neutral-30: #d5d9eb;
  --neutral-40: #b3b8db;
  --neutral-50: #717bbc;
  --neutral-60: #363f72;
  --neutral-70: #363f72;
  --neutral-80: #293056;
  --neutral-90: #101323;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/core.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}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-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-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, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !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, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !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, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 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, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !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, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !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, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !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, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !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, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !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}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].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}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].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%;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;text-size-adjust:none}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].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, #0054e9)}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}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].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}}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].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)}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].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}}}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].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}}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].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}}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].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}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.p-1 {
  padding: 4px !important;
}

.p-2 {
  padding: 8px !important;
}

.p-3 {
  padding: 12px !important;
}

.p-6 {
  padding: 6px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-14 {
  padding: 14px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-24 {
  padding: 24px !important;
}

.px-2 {
  padding-inline: 2px !important;
}

.px-3 {
  padding-inline: 12px !important;
}

.px-4 {
  padding-inline: 4px !important;
}

.px-8 {
  padding-inline: 8px !important;
}

.px-10 {
  padding-inline: 10px !important;
}

.px-12 {
  padding-inline: 12px !important;
}

.px-14 {
  padding-inline: 14px !important;
}

.px-16 {
  padding-inline: 16px !important;
}

.px-24 {
  padding-inline: 24px !important;
}

.px-32 {
  padding-inline: 32px !important;
}

.py-2 {
  padding-block: 2px !important;
}

.py-4 {
  padding-block: 4px !important;
}

.py-8 {
  padding-block: 8px !important;
}

.py-10 {
  padding-block: 10px !important;
}

.py-12 {
  padding-block: 12px !important;
}

.py-14 {
  padding-block: 14px !important;
}

.py-16 {
  padding-block: 16px !important;
}

.py-20 {
  padding-block: 20px !important;
}

.py-24 {
  padding-block: 24px !important;
}

.ps-1 {
  padding-inline-start: 4px !important;
}

.ps-2 {
  padding-inline-start: 8px !important;
}

.ps-3 {
  padding-inline-start: 12px !important;
}

.ps-16 {
  padding-inline-start: 16px !important;
}

.ps-24 {
  padding-inline-start: 24px !important;
}

.pe-1 {
  padding-inline-end: 4px !important;
}

.pe-2 {
  padding-inline-end: 8px !important;
}

.pe-3 {
  padding-inline-end: 12px !important;
}

.pe-10 {
  padding-inline-end: 10px !important;
}

.pe-16 {
  padding-inline-end: 16px !important;
}

.pe-24 {
  padding-inline-end: 24px !important;
}

.pe-32 {
  padding-inline-end: 32px !important;
}

.m-auto {
  margin: auto;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 4px !important;
}

.m-2 {
  margin: 8px !important;
}

.m-3 {
  margin: 12px !important;
}

.mx-auto {
  margin-inline: auto !important;
}

.ms-auto {
  margin-inline-start: auto !important;
}

.mx-4 {
  margin-inline: 4px !important;
}

.mx-8 {
  margin-inline: 8px !important;
}

.mx-10 {
  margin-inline: 10px !important;
}

.my-1 {
  margin-block: 4px !important;
}

.my-2 {
  margin-block: 8px !important;
}

.my-3 {
  margin-block: 12px !important;
}

.my-6 {
  margin-block: 6px !important;
}

.my-7 {
  margin-block: 7px !important;
}

.my-10 {
  margin-block: 10px !important;
}

.my-12 {
  margin-block: 12px !important;
}

.my-14 {
  margin-block: 14px !important;
}

.my-16 {
  margin-block: 16px !important;
}

.my-24 {
  margin-block: 24px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 16px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pt-3 {
  padding-top: 12px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pt-5 {
  padding-top: 20px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.py-32 {
  padding-block: 32px !important;
}

.px-24 {
  padding-inline: 24px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-5 {
  margin-top: 20px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.ms-1 {
  margin-inline-start: 4px !important;
}

.ms-2 {
  margin-inline-start: 8px !important;
}

.ms-6 {
  margin-inline-start: 6px !important;
}

.ms-3 {
  margin-inline-start: 12px !important;
}

.ms-24 {
  margin-inline-start: 24px !important;
}

.me-1 {
  margin-inline-end: 4px !important;
}

.me-2 {
  margin-inline-end: 8px !important;
}

.me-3 {
  margin-inline-end: 12px !important;
}

.me-4 {
  margin-inline-end: 16px !important;
}

.me-5 {
  margin-inline-end: 20px !important;
}

.me-6 {
  margin-inline-end: 24px !important;
}

.me-10 {
  margin-inline-end: 10px !important;
}

.pb-xxl {
  padding-bottom: 2rem;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-1 {
  padding-bottom: 2px !important;
}

.pb-4 {
  padding-bottom: 20px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.reverse-col {
  flex-direction: column-reverse;
}

.gap-22 {
  gap: 22px !important;
}

.gap-24 {
  gap: 24px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-14 {
  gap: 14px !important;
}

.gap-12 {
  gap: 12px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-9 {
  gap: 9px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-7 {
  gap: 7px !important;
}

.gap-6 {
  gap: 6px !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-2 {
  gap: 2px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-32 {
  gap: 32px !important;
}

.gap-48 {
  gap: 48px !important;
}

.gap-64 {
  gap: 64px !important;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-auto {
  flex: auto;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.d-flex {
  display: flex !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-center {
  align-items: center !important;
}

.align-self-center {
  align-self: center;
}

.align-end {
  align-items: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-start {
  justify-content: start !important;
}

.flex-center-all {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-all-col {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.align-items-center {
  align-items: center;
}

.text-align-start {
  text-align: start;
}

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

.text-align-end {
  text-align: end;
}

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

.no-margin {
  margin: 0 !important;
}

.rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

.--p-6 {
  --padding-top: 6px !important;
  --padding-bottom: 6px !important;
  --padding-start: 6px !important;
  --padding-end: 6px !important;
}

.--p-12 {
  --padding-top: 12px !important;
  --padding-bottom: 12px !important;
  --padding-start: 12px !important;
  --padding-end: 12px !important;
}

.--py-8 {
  --padding-top: 8px !important;
  --padding-bottom: 8px !important;
}

.--py-10 {
  --padding-top: 10px !important;
  --padding-bottom: 10px !important;
}

.--py-12 {
  --padding-top: 12px !important;
  --padding-bottom: 12px !important;
}

.--py-14 {
  --padding-top: 14px !important;
  --padding-bottom: 14px !important;
}

.--px-8 {
  --padding-start: 8px !important;
  --padding-end: 8px !important;
}

.--px-12 {
  --padding-start: 12px !important;
  --padding-end: 12px !important;
}

.--px-14 {
  --padding-start: 14px !important;
  --padding-end: 14px !important;
}

.--px-16 {
  --padding-start: 16px !important;
  --padding-end: 16px !important;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.scroll-y {
  overflow-y: scroll;
}

.scroll-y-auto {
  overflow-y: auto !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.bg-img-abs-end {
  position: absolute;
  right: 0;
  object-fit: contain;
}

.fit-position-left-right {
  object-fit: contain;
}
.fit-position-left-right:dir(rtl) {
  object-position: right;
}
.fit-position-left-right:dir(ltr) {
  object-position: left;
}

.silver-bg {
  background-color: var(--silver);
}

.menu-bg {
  --background: var(--menu-bg);
  background: var(--menu-bg);
}

.rest-bg {
  --background: var(--rest-bg);
  background: var(--rest-bg);
}

.rest-card-bg {
  background-color: var(--table-info-content-bg-color) !important;
}

.white-bg {
  background-color: var(--white);
  --background: var(--white) !important;
}

.grey-bg {
  background-color: #c2c2c2;
}

.informative-bg-10 {
  background-color: var(--informative-10);
}

.neutral-bg-00 {
  background-color: var(--neutral-00) !important;
  --background: var(--neutral-00) !important;
}

.neutral-bg-10 {
  background-color: var(--neutral-10);
  --background: var(--neutral-10);
}

.neutral-bg-20 {
  background-color: var(--neutral-20);
  --background: var(--neutral-20);
}

.neutral-bg-60 {
  background-color: var(--neutral-60);
  --background: var(--neutral-60);
}

.contrast-bg {
  background-color: var(--ion-color-primary-contrast);
}

.white-bg-opacity {
  background: rgba(255, 255, 255, var(--menu-opacity)) !important;
  --background: rgba(255, 255, 255, var(--menu-opacity)) !important;
}

.primary-bg {
  background-color: var(--ion-color-primary);
  color: var(--ion-color-primary-contrast);
}

.light-bg {
  background-color: var(--ion-color-light);
}

.main-bg {
  background-color: var(--background-color) !important;
  --background: var(--background-color) !important;
}

.section-bg {
  background-color: var(--section-bg-color);
}

.primary-transparent-bg {
  background-color: var(--primary-transparent-color);
}

.gray-50-bg {
  background-color: var(--gray-50) !important;
}

.gray-100-bg {
  background-color: var(--gray-100) !important;
}

.gray-300-bg {
  background-color: var(--gray-300) !important;
}

.gray-200-bg {
  background-color: var(--gray-200) !important;
}

.gray-900-bg {
  background-color: var(--gray-900) !important;
}

.success-10-bg {
  background-color: var(--success-10) !important;
}

.success-40-bg {
  background-color: var(--success-40) !important;
}

.success-50-bg {
  background-color: var(--success-50) !important;
}

.success-bg {
  background-color: var(--ion-color-success) !important;
}

.gradient-bg {
  --background: linear-gradient(67deg, #1e97f9 0%, #24b997 100%) !important;
  background: linear-gradient(67deg, #1e97f9 0%, #24b997 100%) !important;
}

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

.landing-second-bg {
  background-color: var(--landing-second-color);
}

.transparent-bg {
  background-color: transparent;
}

.--transparent-bg {
  --background: transparent;
}

.focus-transparent {
  --background-activated: transparent;
  --background-focused: transparent;
}

.gradient-button-bg {
  --background: linear-gradient(67deg, #1e97f9 0%, #24b997 100%) !important;
  --background-activated: #1e97f9;
  --background-focused: #1e97f9;
}

.black-ion-button {
  --background: black;
  --background-activated: black;
  --background-focused: black;
  --color: white;
  --color-activated: white;
  --color-focused: white;
}

.red-ion-button {
  --background: #e60000;
  --background-activated: #e60000;
  --background-focused: #e60000;
  --color: white;
  --color-activated: white;
  --color-focused: white;
}

@media all and (min-width: 1000px) {
  ion-app {
    max-width: 770px !important;
    margin: 0 auto !important;
  }
}
.no-border {
  border: unset !important;
}

.border-0 {
  border-radius: 0px !important;
}

.border-5 {
  border-radius: 5px !important;
  --border-radius: 5px !important;
}

.border-4 {
  border-radius: 4px !important;
  --border-radius: 4px !important;
}

.border-6 {
  border-radius: 6px !important;
  --border-radius: 6px !important;
}

.border-8 {
  border-radius: 8px !important;
  --border-radius: 8px !important;
}

.border-10 {
  border-radius: 10px !important;
  --border-radius: 10px !important;
}

.border-12 {
  border-radius: 12px !important;
  --border-radius: 12px !important;
}

.border-16 {
  border-radius: 16px !important;
  --border-radius: 16px !important;
}

.border-24 {
  border-radius: 24px !important;
  --border-radius: 24px !important;
}

.border-30 {
  border-radius: 30px !important;
  --border-radius: 30px !important;
}

.border-50 {
  border-radius: 50px !important;
  --border-radius: 50px !important;
}

.circle {
  border-radius: 50%;
  --border-radius: 50%;
}

.border-bottom {
  border-bottom: 1px solid #cdcdcd;
}

.border-bottom-gray-200 {
  border-bottom: 1px solid var(--gray-200);
}

.border-transparent {
  border: 1px solid transparent;
}

.border-light {
  border: 1px solid var(--gray-200);
}

.border-medium {
  border: 1px solid var(--gray-300);
}

.border-primary {
  border: 1px solid var(--ion-color-primary);
}

.border-main {
  border: 1px solid var(--primary-border-color);
}

.border-main-2 {
  border: 2px solid var(--primary-border-color);
}

.border-neutral-1 {
  border: 1px solid var(--neutral-10);
}

.border-neutral-20-1 {
  border: 1px solid var(--neutral-20);
}

.border-neutral-30-1 {
  border: 1px solid var(--neutral-30);
}

.border-neutral-60-1 {
  border: 1px solid var(--neutral-60);
}

.border-neutral-30-2 {
  border: 2px solid var(--neutral-30);
}

.border-neutral-70-1 {
  border: 1px solid var(--neutral-70);
}

.border-neutral-70-1 {
  border: 1px solid var(--neutral-70);
}

.border-bottom-neutral-70-1 {
  border-bottom: 1px solid var(--neutral-70);
}

.border-bottom-neutral-30 {
  border-bottom: 1px solid var(--neutral-30);
}

.border-informative-30-1 {
  border: 1px solid var(--informative-30);
}

.border-success {
  border: 2px solid var(--ion-color-success);
}

.border-success-50-1 {
  border: 1px solid var(--success-50);
}

.border-top {
  border-top: 1px solid #cdcdcd;
}

.border-bottom {
  border-bottom: 1px solid var(--gray-300);
}

.border-right {
  border-right: 1px solid var(--gray-300);
}

.landing-border {
  border: 1px solid var(--landing-border-color);
}

.border-dashed {
  border-bottom: 1px dashed lightgray;
}

.outline-input-highlight {
  --highlight-color-focused: var(--ion-color-secondary);
}

.light-shadow {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
}

.medium-shadow {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1) !important;
}

.medium-shadow-top {
  box-shadow: 0px -1px 2px 0px rgba(16, 24, 40, 0.06), 0px -1px 3px 0px rgba(16, 24, 40, 0.1);
}

.sm-shadow {
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06) !important;
}

.golden-border {
  --border-color: #b8a695;
  --border-width: 1px;
  --border-style: solid;
}

.outline-light {
  outline: 1px solid var(--gray-200);
}

.--border-width-0 {
  --border-width: 0px !important;
}

.brand-shadow {
  box-shadow: 0 0 0 5px rgba(158, 119, 237, 0.24) !important;
}

.border-secondary {
  border: 1px solid var(--secondary-border-color);
}

.border-secondary-text {
  border: 1px solid var(--secondary-text-color);
  --border-color: var(--secondary-text-color);
}

.border-secondary-bottom {
  border-bottom: 1px solid var(--secondary-border-color);
}

:root {
  --font-x-sm: 10px;
  --font-sm: 12px;
  --font-md: 14px;
  --font-lg: 16px;
  --font-xl: 18px;
  --font-xxl: 20px;
  --font-xxxl: 22px;
  --font-xxxxl: 24px;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  src: url('Inter-Regular.ttf');
  font-display: swap;
}
* {
  font-family: "Inter", sans-serif !important;
}

.font-x-sm {
  font-size: var(--font-x-sm) !important;
}

.font-sm {
  font-size: var(--font-sm) !important;
}

.font-md {
  font-size: var(--font-md) !important;
}

.font-lg {
  font-size: var(--font-lg) !important;
}

.font-xl {
  font-size: var(--font-xl) !important;
}

.font-xxl {
  font-size: var(--font-xxl) !important;
}

.font-xxxl {
  font-size: var(--font-xxxl) !important;
}

.font-xxxxl {
  font-size: var(--font-xxxxl) !important;
}

.font-z-36 {
  font-size: 36px !important;
}

.font-z-40 {
  font-size: 40px !important;
}

.text-primary {
  color: var(--ion-color-primary) !important;
}

.text-primary-contrast {
  color: var(--ion-color-primary-contrast) !important;
}

.text-secondary {
  color: var(--ion-color-secondary) !important;
}

.text-success {
  color: var(--ion-color-success) !important;
}

.text-dark {
  color: var(--ion-color-dark) !important;
}

.text-gray-900 {
  color: var(--gray-900) !important;
}

.text-gray-800 {
  color: var(--gray-800) !important;
}

.text-gray-700 {
  color: var(--gray-700) !important;
}

.text-gray-600 {
  color: var(--gray-600) !important;
}

.text-gray-500 {
  color: var(--gray-500) !important;
}

.text-gray-400 {
  color: var(--gray-400) !important;
}

.text-primary-70 {
  color: var(--primary-70) !important;
}

.text-warning-30 {
  color: var(--warning-30) !important;
}

.text-neutral-00 {
  color: var(--neutral-00) !important;
}

.text-neutral-10 {
  color: var(--neutral-10) !important;
}

.text-neutral-30 {
  color: var(--neutral-30) !important;
}

.text-neutral-50 {
  color: var(--neutral-50) !important;
}

.text-neutral-60 {
  color: var(--neutral-60) !important;
}

.text-neutral-70 {
  color: var(--neutral-70) !important;
}

.text-neutral-80 {
  color: var(--neutral-80) !important;
}

.text-neutral-90 {
  color: var(--neutral-90) !important;
}

.text-informative-10 {
  color: var(--informative-10) !important;
}

.text-informative-30 {
  color: var(--informative-30) !important;
}

.text-informative-60 {
  color: var(--informative-60) !important;
}

.text-error-10 {
  color: var(--error-10) !important;
}

.text-error-30 {
  color: var(--error-30) !important;
}

.text-error-40 {
  color: var(--error-40) !important;
}

.text-error-50 {
  color: var(--error-50) !important;
}

.text-error-60 {
  color: var(--error-60) !important;
}

.text-success-10 {
  color: var(--success-10) !important;
}

.text-success-30 {
  color: var(--success-30) !important;
}

.text-success-40 {
  color: var(--success-40) !important;
}

.text-success-50 {
  color: var(--success-50) !important;
}

.text-success-60 {
  color: var(--success-60) !important;
}

.text-wrap {
  text-wrap: balance;
}

.rest-footer-color {
  color: var(--rest-footer-color);
}

.text-landing-second-color {
  color: var(--landing-second-color);
}

.text-medium {
  color: var(--ion-color-medium) !important;
}

.text-primary-color {
  color: var(--primary-text-color) !important;
}

.text-secondary-color {
  color: var(--secondary-text-color) !important;
}

.text-menu-section-color {
  color: var(--menu_section_color) !important;
}

.text-light-color {
  color: var(--light-text-color) !important;
}

.primary-transparent-color {
  color: var(--primary-border-color);
}

.landing-main-text {
  color: var(--landing-main-text-color);
}

.landing-second-text {
  color: var(--landing-second-text-color);
}

.item-text-color {
  color: var(--item-name-color) !important;
}

.menu-text {
  color: var(--menu-text-color);
}

.menu-section-text {
  --color: var(--menu-section-color);
  color: var(--menu-section-color);
}

.gradient-txt {
  background: var(--dyne-gradient, linear-gradient(67deg, #1e97f9 0%, #24b997 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-grad {
  background-image: linear-gradient(72deg, rgb(49, 170, 219) 0%, rgb(33, 190, 130) 100%) !important;
  background-size: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.no-txt-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.txt-overflow {
  white-space: nowrap;
  overflow: scroll;
}

.text-break-spaces {
  white-space: break-spaces;
}

.text-danger {
  color: var(--ion-color-danger) !important;
}

.white-txt {
  color: #fff !important;
}

.black-txt {
  color: #000 !important;
}

.blue-txt {
  color: var(--blue) !important;
}

.italic {
  font-style: italic;
}

.text-rg {
  font-weight: 400;
}

.text-md {
  font-weight: 500 !important;
}

.text-sb {
  font-weight: 600 !important;
}

.custom-txt {
  line-height: 150%;
  letter-spacing: 0.5px;
}

.ls--24px {
  letter-spacing: -0.24px;
}

.ls--28px {
  letter-spacing: -0.28px;
}

.lh-18 {
  line-height: 18px;
}

.lh-20 {
  line-height: 20px !important;
}

.lh-22 {
  line-height: 22px;
}

.lh-24 {
  line-height: 24px;
}

.lh-26 {
  line-height: 26px;
}

.lh-28 {
  line-height: 28px;
}

.lh-30 {
  line-height: 30px;
}

.lh-60 {
  line-height: 60px;
}

.lh-150p {
  line-height: 150%;
}

.lh-160p {
  line-height: 160%;
}

.no-text-transform {
  text-transform: none;
}

.custom-title-color {
  color: var(--menu-section-color);
  line-height: 24px;
  letter-spacing: -0.302px;
}

.underlined {
  text-decoration: underline;
  text-underline-position: under;
}

.line-through {
  text-decoration: line-through;
  text-decoration-thickness: from-font;
}

.no-text-decoration {
  text-decoration: none;
}

.text-landing-second-color {
  color: var(--landing-second-color);
}

.text-vodafone-red {
  color: var(--vodafone-red) !important;
}

.country-codes-popover::part(content) {
  margin-top: 10px;
  margin-inline-start: 20px;
  width: calc(100% - 70px) !important;
}
.country-codes-popover ion-item::part(native) {
  padding-inline-start: 3rem !important;
  background-position-x: 16px !important;
}
.country-codes-popover ion-item:nth-of-type(1) {
  --background: url('eg.png') left no-repeat !important;
}
.country-codes-popover ion-item:nth-of-type(2) {
  --background: url('sa.png') left no-repeat !important;
}
.country-codes-popover ion-item:nth-of-type(3) {
  --background: url('uae.png') left no-repeat !important;
}
.country-codes-popover ion-radio ::ng-deep .radio-wrapper {
  padding-inline-start: 16px !important;
}

/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/) -
 */
.flag {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 11px;
  background: url("https://flag-sprites.com/img/flags.png") no-repeat;
}

.flag.flag-gu {
  background-position: -96px -55px;
}

.flag.flag-mn {
  background-position: -208px -88px;
}

.flag.flag-va {
  background-position: -48px -154px;
}

.flag.flag-tibet {
  background-position: -32px -143px;
}

.flag.flag-fo {
  background-position: -64px -44px;
}

.flag.flag-th {
  background-position: -16px -143px;
}

.flag.flag-tr {
  background-position: -144px -143px;
}

.flag.flag-tl {
  background-position: -80px -143px;
}

.flag.flag-kz {
  background-position: -144px -77px;
}

.flag.flag-zm {
  background-position: -16px -165px;
}

.flag.flag-uz {
  background-position: -32px -154px;
}

.flag.flag-dk {
  background-position: -64px -33px;
}

.flag.flag-scotland {
  background-position: -176px -121px;
}

.flag.flag-gi {
  background-position: -224px -44px;
}

.flag.flag-gy {
  background-position: -128px -55px;
}

.flag.flag-bj {
  background-position: -112px -11px;
}

.flag.flag-fr {
  background-position: -80px -44px;
}

.flag.flag-mo {
  background-position: -224px -88px;
}

.flag.flag-ir {
  background-position: -112px -66px;
}

.flag.flag-io {
  background-position: -80px -66px;
}

.flag.flag-tm {
  background-position: -96px -143px;
}

.flag.flag-ch {
  background-position: -96px -22px;
}

.flag.flag-mt {
  background-position: -32px -99px;
}

.flag.flag-nl {
  background-position: -240px -99px;
}

.flag.flag-gp {
  background-position: -16px -55px;
}

.flag.flag-im {
  background-position: -48px -66px;
}

.flag.flag-tv {
  background-position: -176px -143px;
}

.flag.flag-mu {
  background-position: -48px -99px;
}

.flag.flag-pe {
  background-position: -96px -110px;
}

.flag.flag-vi {
  background-position: -112px -154px;
}

.flag.flag-hn {
  background-position: -176px -55px;
}

.flag.flag-ss {
  background-position: -128px -132px;
}

.flag.flag-ae {
  background-position: -16px 0;
}

.flag.flag-td {
  background-position: -240px -132px;
}

.flag.flag-pw {
  background-position: 0 -121px;
}

.flag.flag-nu {
  background-position: -32px -110px;
}

.flag.flag-bt {
  background-position: -208px -11px;
}

.flag.flag-ms {
  background-position: -16px -99px;
}

.flag.flag-cv {
  background-position: -240px -22px;
}

.flag.flag-es {
  background-position: -224px -33px;
}

.flag.flag-mh {
  background-position: -144px -88px;
}

.flag.flag-la {
  background-position: -160px -77px;
}

.flag.flag-vn {
  background-position: -128px -154px;
}

.flag.flag-py {
  background-position: -16px -121px;
}

.flag.flag-br {
  background-position: -176px -11px;
}

.flag.flag-ye {
  background-position: -224px -154px;
}

.flag.flag-ie {
  background-position: 0 -66px;
}

.flag.flag-gh {
  background-position: -208px -44px;
}

.flag.flag-cg {
  background-position: -80px -22px;
}

.flag.flag-cu {
  background-position: -224px -22px;
}

.flag.flag-hu {
  background-position: -224px -55px;
}

.flag.flag-sg {
  background-position: -224px -121px;
}

.flag.flag-at {
  background-position: -176px 0;
}

.flag.flag-lk {
  background-position: -224px -77px;
}

.flag.flag-vu {
  background-position: -144px -154px;
}

.flag.flag-bo {
  background-position: -160px -11px;
}

.flag.flag-jo {
  background-position: -208px -66px;
}

.flag.flag-er {
  background-position: -208px -33px;
}

.flag.flag-za {
  background-position: -256px -154px;
}

.flag.flag-rs {
  background-position: -80px -121px;
}

.flag.flag-nr {
  background-position: -16px -110px;
}

.flag.flag-ls {
  background-position: -256px -77px;
}

.flag.flag-jm {
  background-position: -192px -66px;
}

.flag.flag-tz {
  background-position: -208px -143px;
}

.flag.flag-ki {
  background-position: -16px -77px;
}

.flag.flag-sj {
  background-position: 0 -132px;
}

.flag.flag-cz {
  background-position: -16px -33px;
}

.flag.flag-pg {
  background-position: -128px -110px;
}

.flag.flag-lv {
  background-position: -32px -88px;
}

.flag.flag-do {
  background-position: -96px -33px;
}

.flag.flag-lu {
  background-position: -16px -88px;
}

.flag.flag-no {
  background-position: -256px -99px;
}

.flag.flag-kw {
  background-position: -112px -77px;
}

.flag.flag-mx {
  background-position: -96px -99px;
}

.flag.flag-yt {
  background-position: -240px -154px;
}

.flag.flag-ly {
  background-position: -48px -88px;
}

.flag.flag-cy {
  background-position: 0 -33px;
}

.flag.flag-ph {
  background-position: -144px -110px;
}

.flag.flag-my {
  background-position: -112px -99px;
}

.flag.flag-sm {
  background-position: -48px -132px;
}

.flag.flag-et {
  background-position: -240px -33px;
}

.flag.flag-ru {
  background-position: -96px -121px;
}

.flag.flag-tj {
  background-position: -48px -143px;
}

.flag.flag-ai {
  background-position: -64px 0;
}

.flag.flag-pl {
  background-position: -176px -110px;
}

.flag.flag-kp {
  background-position: -64px -77px;
}

.flag.flag-uy {
  background-position: -16px -154px;
}

.flag.flag-gb {
  background-position: -112px -44px;
}

.flag.flag-gs {
  background-position: -64px -55px;
}

.flag.flag-kurdistan {
  background-position: -96px -77px;
}

.flag.flag-rw {
  background-position: -112px -121px;
}

.flag.flag-ec {
  background-position: -128px -33px;
}

.flag.flag-mm {
  background-position: -192px -88px;
}

.flag.flag-pa {
  background-position: -80px -110px;
}

.flag.flag-wales {
  background-position: -160px -154px;
}

.flag.flag-kg {
  background-position: -256px -66px;
}

.flag.flag-ve {
  background-position: -80px -154px;
}

.flag.flag-tk {
  background-position: -64px -143px;
}

.flag.flag-ca {
  background-position: -16px -22px;
}

.flag.flag-is {
  background-position: -128px -66px;
}

.flag.flag-ke {
  background-position: -240px -66px;
}

.flag.flag-ro {
  background-position: -64px -121px;
}

.flag.flag-gq {
  background-position: -32px -55px;
}

.flag.flag-pt {
  background-position: -256px -110px;
}

.flag.flag-tf {
  background-position: -256px -132px;
}

.flag.flag-ad {
  background-position: 0 0;
}

.flag.flag-sk {
  background-position: -16px -132px;
}

.flag.flag-pm {
  background-position: -192px -110px;
}

.flag.flag-om {
  background-position: -64px -110px;
}

.flag.flag-an {
  background-position: -112px 0;
}

.flag.flag-ws {
  background-position: -192px -154px;
}

.flag.flag-sh {
  background-position: -240px -121px;
}

.flag.flag-mp {
  background-position: -240px -88px;
}

.flag.flag-gt {
  background-position: -80px -55px;
}

.flag.flag-cf {
  background-position: -64px -22px;
}

.flag.flag-zanzibar {
  background-position: 0 -165px;
}

.flag.flag-mw {
  background-position: -80px -99px;
}

.flag.flag-catalonia {
  background-position: -32px -22px;
}

.flag.flag-ug {
  background-position: -240px -143px;
}

.flag.flag-je {
  background-position: -176px -66px;
}

.flag.flag-km {
  background-position: -32px -77px;
}

.flag.flag-in {
  background-position: -64px -66px;
}

.flag.flag-bf {
  background-position: -48px -11px;
}

.flag.flag-mc {
  background-position: -80px -88px;
}

.flag.flag-sy {
  background-position: -192px -132px;
}

.flag.flag-sn {
  background-position: -64px -132px;
}

.flag.flag-kr {
  background-position: -80px -77px;
}

.flag.flag-eu {
  background-position: -256px -33px;
}

.flag.flag-bn {
  background-position: -144px -11px;
}

.flag.flag-st {
  background-position: -144px -132px;
}

.flag.flag-england {
  background-position: -192px -33px;
}

.flag.flag-lc {
  background-position: -192px -77px;
}

.flag.flag-dm {
  background-position: -80px -33px;
}

.flag.flag-be {
  background-position: -32px -11px;
}

.flag.flag-ni {
  background-position: -224px -99px;
}

.flag.flag-ua {
  background-position: -224px -143px;
}

.flag.flag-mz {
  background-position: -128px -99px;
}

.flag.flag-pf {
  background-position: -112px -110px;
}

.flag.flag-tn {
  background-position: -112px -143px;
}

.flag.flag-ee {
  background-position: -144px -33px;
}

.flag.flag-xk {
  background-position: -208px -154px;
}

.flag.flag-sx {
  background-position: -176px -132px;
}

.flag.flag-sd {
  background-position: -192px -121px;
}

.flag.flag-gd {
  background-position: -128px -44px;
}

.flag.flag-ci {
  background-position: -112px -22px;
}

.flag.flag-sz {
  background-position: -208px -132px;
}

.flag.flag-cl {
  background-position: -144px -22px;
}

.flag.flag-fi {
  background-position: 0 -44px;
}

.flag.flag-ga {
  background-position: -96px -44px;
}

.flag.flag-jp {
  background-position: -224px -66px;
}

.flag.flag-de {
  background-position: -32px -33px;
}

.flag.flag-np {
  background-position: 0 -110px;
}

.flag.flag-re {
  background-position: -48px -121px;
}

.flag.flag-bg {
  background-position: -64px -11px;
}

.flag.flag-sc {
  background-position: -160px -121px;
}

.flag.flag-ng {
  background-position: -208px -99px;
}

.flag.flag-qa {
  background-position: -32px -121px;
}

.flag.flag-mk {
  background-position: -160px -88px;
}

.flag.flag-aw {
  background-position: -208px 0;
}

.flag.flag-kn {
  background-position: -48px -77px;
}

.flag.flag-al {
  background-position: -80px 0;
}

.flag.flag-bw {
  background-position: -240px -11px;
}

.flag.flag-um {
  background-position: -256px -143px;
}

.flag.flag-ky {
  background-position: -128px -77px;
}

.flag.flag-tt {
  background-position: -160px -143px;
}

.flag.flag-so {
  background-position: -80px -132px;
}

.flag.flag-lt {
  background-position: 0 -88px;
}

.flag.flag-by {
  background-position: -256px -11px;
}

.flag.flag-bb {
  background-position: 0 -11px;
}

.flag.flag-us {
  background-position: 0 -154px;
}

.flag.flag-md {
  background-position: -96px -88px;
}

.flag.flag-ag {
  background-position: -48px 0;
}

.flag.flag-hm {
  background-position: -160px -55px;
}

.flag.flag-as {
  background-position: -160px 0;
}

.flag.flag-eg {
  background-position: -160px -33px;
}

.flag.flag-sv {
  background-position: -160px -132px;
}

.flag.flag-sl {
  background-position: -32px -132px;
}

.flag.flag-fk {
  background-position: -32px -44px;
}

.flag.flag-am {
  background-position: -96px 0;
}

.flag.flag-ck {
  background-position: -128px -22px;
}

.flag.flag-tw {
  background-position: -192px -143px;
}

.flag.flag-kh {
  background-position: 0 -77px;
}

.flag.flag-to {
  background-position: -128px -143px;
}

.flag.flag-se {
  background-position: -208px -121px;
}

.flag.flag-cd {
  background-position: -48px -22px;
}

.flag.flag-pn {
  background-position: -208px -110px;
}

.flag.flag-gr {
  background-position: -48px -55px;
}

.flag.flag-id {
  background-position: -256px -55px;
}

.flag.flag-vc {
  background-position: -64px -154px;
}

.flag.flag-somaliland {
  background-position: -96px -132px;
}

.flag.flag-bi {
  background-position: -96px -11px;
}

.flag.flag-pk {
  background-position: -160px -110px;
}

.flag.flag-pr {
  background-position: -224px -110px;
}

.flag.flag-bd {
  background-position: -16px -11px;
}

.flag.flag-co {
  background-position: -192px -22px;
}

.flag.flag-fm {
  background-position: -48px -44px;
}

.flag.flag-bm {
  background-position: -128px -11px;
}

.flag.flag-ar {
  background-position: -144px 0;
}

.flag.flag-bv {
  background-position: -224px -11px;
}

.flag.flag-sb {
  background-position: -144px -121px;
}

.flag.flag-mq {
  background-position: -256px -88px;
}

.flag.flag-eh {
  background-position: -176px -33px;
}

.flag.flag-bh {
  background-position: -80px -11px;
}

.flag.flag-it {
  background-position: -144px -66px;
}

.flag.flag-hr {
  background-position: -192px -55px;
}

.flag.flag-sa {
  background-position: -128px -121px;
}

.flag.flag-mv {
  background-position: -64px -99px;
}

.flag.flag-mg {
  background-position: -128px -88px;
}

.flag.flag-dz {
  background-position: -112px -33px;
}

.flag.flag-gg {
  background-position: -192px -44px;
}

.flag.flag-gm {
  background-position: -256px -44px;
}

.flag.flag-af {
  background-position: -32px 0;
}

.flag.flag-li {
  background-position: -208px -77px;
}

.flag.flag-sr {
  background-position: -112px -132px;
}

.flag.flag-vg {
  background-position: -96px -154px;
}

.flag.flag-cr {
  background-position: -208px -22px;
}

.flag.flag-tc {
  background-position: -224px -132px;
}

.flag.flag-ao {
  background-position: -128px 0;
}

.flag.flag-ma {
  background-position: -64px -88px;
}

.flag.flag-mr {
  background-position: 0 -99px;
}

.flag.flag-gn {
  background-position: 0 -55px;
}

.flag.flag-ne {
  background-position: -176px -99px;
}

.flag.flag-nf {
  background-position: -192px -99px;
}

.flag.flag-wf {
  background-position: -176px -154px;
}

.flag.flag-hk {
  background-position: -144px -55px;
}

.flag.flag-gf {
  background-position: -160px -44px;
}

.flag.flag-ps {
  background-position: -240px -110px;
}

.flag.flag-ic {
  background-position: -240px -55px;
}

.flag.flag-cw {
  background-position: -256px -22px;
}

.flag.flag-ml {
  background-position: -176px -88px;
}

.flag.flag-ax {
  background-position: -224px 0;
}

.flag.flag-gl {
  background-position: -240px -44px;
}

.flag.flag-dj {
  background-position: -48px -33px;
}

.flag.flag-cn {
  background-position: -176px -22px;
}

.flag.flag-ht {
  background-position: -208px -55px;
}

.flag.flag-lr {
  background-position: -240px -77px;
}

.flag.flag-tg {
  background-position: 0 -143px;
}

.flag.flag-ba {
  background-position: -256px 0;
}

.flag.flag-ge {
  background-position: -144px -44px;
}

.flag.flag-bz {
  background-position: 0 -22px;
}

.flag.flag-au {
  background-position: -192px 0;
}

.flag.flag-iq {
  background-position: -96px -66px;
}

.flag.flag-cm {
  background-position: -160px -22px;
}

.flag.flag-gw {
  background-position: -112px -55px;
}

.flag.flag-az {
  background-position: -240px 0;
}

.flag.flag-na {
  background-position: -144px -99px;
}

.flag.flag-fj {
  background-position: -16px -44px;
}

.flag.flag-zw {
  background-position: -32px -165px;
}

.flag.flag-bs {
  background-position: -192px -11px;
}

.flag.flag-il {
  background-position: -16px -66px;
}

.flag.flag-nz {
  background-position: -48px -110px;
}

.flag.flag-me {
  background-position: -112px -88px;
}

.flag.flag-si {
  background-position: -256px -121px;
}

.flag.flag-nc {
  background-position: -160px -99px;
}

.flag.flag-lb {
  background-position: -176px -77px;
}

@keyframes celebrate1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes celebrate2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes fade-bottom {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 100%;
  }
}
@keyframes fade-top {
  0% {
    opacity: 1;
    height: 100%;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
@keyframes flip3 {
  0% {
    margin-top: -270px;
  }
  5% {
    margin-top: -180px;
  }
  33% {
    margin-top: -180px;
  }
  38% {
    margin-top: -90px;
  }
  66% {
    margin-top: -90px;
  }
  71% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
.skeleton-loader {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: inherit;
}

img.image-loading {
  opacity: 0 !important;
  visibility: hidden;
}

img.image-loaded {
  opacity: 1 !important;
  visibility: visible;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

.rtl {
  direction: rtl;
}

html {
  background: var(--app-bg);
}

.custom-btn-lin {
  border-radius: 12px;
  --background: linear-gradient(
    72deg,
    rgba(49, 170, 219, 1) 0%,
    rgba(33, 190, 130, 1) 100%
  ) !important;
  color: white;
  width: 80%;
  text-transform: inherit;
  height: 48px;
  filter: drop-shadow(8px 10px 12px rgba(49, 170, 219, 0.3019607843));
  font-size: var(--font-lg);
}

.width-unset {
  width: unset !important;
}

.custom-btn-outline {
  border-radius: 12px;
  width: 80%;
  text-transform: inherit;
  height: 48px;
  font-size: var(--font-lg);
}

ion-toolbar:not(.ios) {
  --padding-bottom: env(safe-area-inset-bottom);
  --padding-top: env(safe-area-inset-top);
}

ion-content {
  --background: white;
}
ion-content:not(.ios) {
  --padding-bottom: env(safe-area-inset-bottom);
  --padding-top: env(safe-area-inset-top);
}

.golden-icon,
.back-icon {
  z-index: 9999;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

input[type=password]::-webkit-credentials-auto-fill-button,
input[type=password]::-webkit-contacts-auto-fill-button,
input[type=password]::-webkit-credentials-auto-fill-button {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
}

.full-height {
  height: 100% !important;
  --height: 100% !important;
}

.curved-separator {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  height: 25px;
}
.curved-separator::before, .curved-separator::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: var(--ion-color-light);
  border-radius: 50%;
  top: 0;
}
.curved-separator::before {
  left: -22px;
}
.curved-separator::after {
  right: -22px;
}
.curved-separator span {
  width: 100%;
  border-bottom: 1px dashed lightgray;
}

ion-button.modification {
  --border-color: var(--gray-300);
  --padding-top: 6px;
  --padding-start: 6px;
  --padding-end: 6px;
  --padding-bottom: 6px;
  margin: 0;
  --background-activated: var(--gray-300);
}
ion-button.logout-btn {
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: 26px;
  --padding-top: 4px;
  --padding-bottom: 4px;
  --padding-start: 8px;
  --padding-end: 8px;
  --background: var(--white);
}

.loading-spinner.sc-ion-loading-ios + .loading-content.sc-ion-loading-ios,
.loading-spinner.sc-ion-loading-md + .loading-content.sc-ion-loading-md {
  margin-inline-start: 0px !important;
}

.rounded-btn {
  --border-radius: 50%;
}
.rounded-btn::part(native) {
  padding: 0;
}

.fit {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.pointer {
  cursor: pointer;
}

.custom-btn {
  --border-radius: 30px;
  border-radius: 30px;
  height: 48px;
  min-height: unset;
  font-size: var(--font-md);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.28px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.custom-btn.no-shadow {
  box-shadow: none;
}

::-webkit-scrollbar {
  display: none;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgb(180, 180, 180);
  border-radius: 10px;
}

.custom-searchbar {
  height: 48px;
}
.custom-searchbar .searchbar-input {
  background-color: transparent !important;
  font-size: var(--font-md) !important;
}
.custom-searchbar .searchbar-input-container {
  display: flex;
  align-items: center;
  height: 100% !important;
  padding-inline: 16px;
}
.custom-searchbar .searchbar-search-icon {
  top: 0 !important;
}

.transparent {
  opacity: 0.5;
}

ion-modal {
  --backdrop-opacity: 0.7 !important;
}
ion-modal::part(backdrop) {
  background-color: var(--color-gray-900, #0c111d);
}
ion-modal.border-0::part(content) {
  border-radius: 0px !important;
}
ion-modal.main-radius::part(content) {
  border-radius: 18px 18px 0 0;
}
ion-modal.secondary-radius::part(content) {
  border-radius: 12px 12px 0 0;
}
ion-modal.radius-10::part(content) {
  border-radius: 10px 10px 0 0;
}
ion-modal.blur-content {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  --backdrop-opacity: 0.5 !important;
}
ion-modal.blur-content::part(content) {
  background-color: transparent;
}
ion-modal.overflow-visible::part(content) {
  overflow: visible;
}
ion-modal.absolute-bottom {
  --height: fit-content;
}
ion-modal.absolute-bottom::part(content) {
  position: absolute;
  bottom: 0;
  left: 0;
  height: -moz-fit-content;
  height: fit-content;
  transition: height 0.7s;
}
@media only screen and (min-width: 770px) {
  ion-modal.absolute-bottom::part(content) {
    left: calc((100% - var(--width)) / 2);
  }
}
ion-modal.absolute-bottom.max-height-95P::part(content) {
  max-height: 95% !important;
}
ion-modal.absolute-bottom.height-95P::part(content) {
  height: 95% !important;
}
ion-modal.absolute-bottom.height-100P::part(content) {
  height: 100% !important;
}
ion-modal.absolute-bottom.height-180::part(content) {
  height: 180px !important;
}
ion-modal.absolute-bottom.height-292::part(content) {
  height: 292px !important;
}
ion-modal.absolute-bottom.height-300::part(content) {
  height: 300px !important;
}
ion-modal.absolute-bottom.height-325::part(content) {
  height: 325px !important;
}
ion-modal.absolute-bottom.height-350::part(content) {
  height: 350px !important;
}
ion-modal.absolute-bottom.height-400::part(content) {
  height: 400px !important;
}
ion-modal.absolute-bottom.height-420::part(content) {
  height: 420px !important;
}
ion-modal.absolute-bottom.height-526::part(content) {
  height: 526px !important;
}
ion-modal.absolute-bottom.height-556::part(content) {
  height: 556px !important;
}
ion-modal.absolute-bottom.height-650::part(content) {
  height: 650px !important;
}
ion-modal.absolute-bottom.height-750::part(content) {
  height: 750px !important;
}
ion-modal.absolute-bottom.height-770::part(content) {
  height: 770px !important;
}
ion-modal.absolute-bottom.height-833::part(content) {
  height: 833px !important;
}
ion-modal.width-100P::part(content) {
  width: 100% !important;
  left: 0 !important;
}
ion-modal.fit-modal {
  --height: auto;
  --max-height: 95vh;
  --overflow: scroll;
}
ion-modal.fit-modal::part(content) {
  overflow: auto;
}
ion-modal.fit-modal.max-height-60P::part(content) {
  --max-height: 60% !important;
}
ion-modal.fit-modal.max-height-70P::part(content) {
  --max-height: 70% !important;
}
ion-modal.fit-modal.backdropDismiss::part(backdrop) {
  pointer-events: all !important;
}

.user-feedback-modal {
  --height: fit-content !important;
}
.user-feedback-modal::part(content) {
  margin-inline: 10px;
}

.generic-error-modal {
  --height: fit-content !important;
}
.generic-error-modal::part(content) {
  margin-inline: 30px;
}

.user-feedback-modal::part(content),
.generic-error-modal::part(content) {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.seamless-login-modal {
  --height: auto;
}
.seamless-login-modal::part(backdrop) {
  background-color: rgba(0, 0, 0, 0.4);
}
.seamless-login-modal::part(content) {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 24px 24px 0 0;
  max-height: 85vh;
}
.seamless-login-modal::part(handle) {
  display: none;
}

.separator {
  height: 1px;
  background: var(--secondary-border-color);
}
.separator.half {
  height: 0.5px;
}
.separator.h-2 {
  height: 2px;
}
.separator.mt-min-1 {
  margin-top: -1px;
}

ion-refresher {
  z-index: 99999 !important;
}

.w-fitcontent {
  width: -moz-fit-content;
  width: fit-content;
}

.min-w-fitcontent {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.h-fitcontent {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.input-fill-outline.sc-ion-input-md-h .input-wrapper.sc-ion-input-md {
  padding-block: 5px;
}

ion-button {
  --box-shadow: unset !important;
}

.dashed {
  border-bottom: 1px dashed #c6c6c6;
}

.cart-qty {
  background-color: var(--ion-color-danger);
  color: white;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.no-shadow {
  box-shadow: none !important;
  --box-shadow: none !important;
}

textarea {
  resize: none;
}

.full-width {
  width: 100% !important;
}

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

ion-popover.main-radius::part(content) {
  border-radius: 12px;
}
ion-popover.radius-30::part(content) {
  border-radius: 30px;
}
ion-popover.main-popover {
  --backdrop-opacity: 0.3;
}
ion-popover.main-popover::part(content) {
  width: 84%;
  left: 8% !important;
}
ion-popover.backdrop-opacity-50::part(backdrop) {
  opacity: 0.5 !important;
}
ion-popover.left-16::part(content) {
  width: calc(100% - 32px) !important;
  left: 16px !important;
}
ion-popover.center-vertical::part(content) {
  top: 50%;
  transform: translateY(-50%);
}
ion-popover.info-popover::part(content) {
  overflow: hidden;
  border-radius: 8px;
  padding: 12px;
  max-width: 80%;
}
ion-popover.zones-popover::part(content) {
  left: 16px !important;
  width: calc(100% - 32px) !important;
  max-height: 350px;
}
ion-popover.zones-popover ion-item {
  --inner-border-width: 0;
}
ion-popover.split-popover {
  --backdrop-opacity: 0.5;
}
ion-popover.split-popover::part(content) {
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 0 0 8px 8px;
}

.alert-button {
  font-size: var(--font-md) !important;
}

.preloaded-modules {
  visibility: hidden;
  height: 0;
  width: 0;
  opacity: 0;
  display: inline-block;
}

.hidden-content {
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
}

.scrollable {
  overflow: hidden auto !important;
}

.min-height-fit-content {
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

.--min-height-fit-content {
  --min-height: fit-content !important;
}

.min-h-100p {
  min-height: 100% !important;
}

.w-36 {
  width: 36px;
}

.height-24 {
  height: 24px !important;
  min-height: unset !important;
}

.height-32 {
  height: 32px !important;
  min-height: unset !important;
}

.height-36 {
  height: 36px !important;
  min-height: unset !important;
}

.height-40 {
  height: 40px !important;
  min-height: unset !important;
}

.height-44 {
  height: 44px !important;
  min-height: unset !important;
}

.height-52 {
  height: 52px !important;
  min-height: unset !important;
}

.success-status {
  color: var(--ion-color-success);
  background: rgba(40, 204, 166, 0.2);
}

.failed-status {
  color: var(--ion-color-danger);
  background: rgba(235, 66, 89, 0.2);
}

.payment-options-action-sheet .action-sheet-group {
  padding-bottom: 16px !important;
}
.payment-options-action-sheet .action-sheet-group .action-sheet-icon {
  margin-inline-end: 16px !important;
}
.payment-options-action-sheet .action-sheet-group .cancel-btn {
  font-size: var(--font-md);
  color: var(--ion-color-medium);
}

.white-btn {
  --background: #ffffff;
  --color: var(--gray-800);
  --color-activated: #ffffff !important;
  --color-focused: #ffffff !important;
  --color-hover: #ffffff !important;
  --background-focused: var(--gray-300) !important;
  --background-activated: var(--gray-300) !important;
  --background-hover: var(--gray-300) !important;
}

.btn-w-icons::part(native) {
  background-color: red;
}
.btn-w-icons::part(native) span.button-inner {
  justify-content: space-between !important;
}

.checkout-action {
  border-top: 1px solid var(--ion-color-light);
  bottom: 0;
  width: 100%;
  margin-inline: 0;
  z-index: 9999999999999;
}

.width-height-10 {
  min-width: 10px;
  width: 10px;
  height: 10px;
}

.width-height-12 {
  min-width: 12px;
  width: 12px;
  height: 12px;
}

.width-height-14 {
  width: 14px;
  height: 14px;
}

.width-height-16 {
  min-width: 16px;
  width: 16px;
  height: 16px;
}

.width-height-18 {
  min-width: 18px;
  width: 18px;
  height: 18px;
}

.width-height-20 {
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.width-height-24 {
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.width-height-26 {
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.width-height-28 {
  width: 28px;
  height: 28px;
}

.width-height-30 {
  width: 30px;
  height: 30px;
}

.width-height-32 {
  width: 32px;
  height: 32px;
}

.width-height-34 {
  width: 34px;
  height: 34px;
}

.width-height-36 {
  width: 36px;
  height: 36px;
}

.width-height-40 {
  width: 40px;
  height: 40px;
}

.width-height-42 {
  width: 42px;
  height: 42px;
}

.width-height-48 {
  width: 48px;
  height: 48px;
}

.width-height-56 {
  width: 56px;
  height: 56px;
}

.h-0 {
  height: 0 !important;
}

.h-20 {
  height: 20px;
}

.h-24 {
  height: 24px;
}

.h-28 {
  height: 28px;
}

.h-32 {
  height: 32px;
}

.h-36 {
  height: 36px;
}

.h-40 {
  height: 40px;
}

.h-48 {
  height: 48px;
}

.m-h-200 {
  max-height: 200px;
}

.m-h-70vh {
  max-height: 70vh;
}

.m-h-100p {
  max-height: 100%;
}

.Layer1-bg-img {
  position: fixed;
  z-index: -1;
  width: 96px;
  height: 239px;
}

.info-background {
  position: absolute;
  width: 70%;
  height: 100%;
  top: 0;
  z-index: 2;
}
.info-background.left {
  left: 0;
}
.info-background.right {
  right: 0;
  transform: rotateY(180deg);
}
.info-background img {
  width: 100%;
  max-width: 242px;
  height: 100%;
  object-fit: cover;
}

.custom-input {
  --highlight-color-focused: transparent;
  --highlight-color-valid: transparent;
  --highlight-color-invalid: transparent;
  outline: 1px solid var(--gray-300);
}
.custom-input.ng-invalid.ng-touched {
  outline-color: var(--ion-color-danger) !important;
}
.custom-input.has-focus {
  outline-width: 2px;
  outline-color: var(--ion-color-primary) !important;
}
.custom-input.ion-valid.has-focus {
  outline-color: var(--ion-color-success) !important;
}

.custom-textarea.ng-invalid.ng-touched {
  --border-color: var(--ion-color-danger) !important;
}
.custom-textarea.has-focus {
  border-width: 2px;
  --border-color: var(--ion-color-primary) !important;
}
.custom-textarea.ion-valid.has-focus {
  --border-color: var(--ion-color-success) !important;
}

ion-textarea .textarea-bottom {
  padding: 0 !important;
  margin-top: 6px;
  line-height: 20px;
}

.custom-line-through {
  top: -9px;
  width: 124px;
  left: -12px;
  z-index: 999999999999999;
}

.discount-msg {
  background-color: var(--gray-200);
  color: #477fd5;
  font-size: var(--font-md);
  font-weight: 500;
  line-height: 156.5%;
  letter-spacing: -0.338px;
}

.celebrate {
  position: absolute;
}
.celebrate.width-height-35 {
  width: 35px;
  height: 35px;
}
.celebrate.width-height-80 {
  width: 80px;
  height: 80px;
}
.celebrate.top-left-15-20 {
  top: -15px;
  left: -20px;
}
.celebrate.top-left-15-0 {
  top: -15px;
  left: 0px;
}
.celebrate .s1,
.celebrate .s2,
.celebrate .s3 {
  position: absolute;
  border-radius: 2px;
}
.celebrate .s1.vertical,
.celebrate .s2.vertical,
.celebrate .s3.vertical {
  height: 10px;
  width: 2px;
}
.celebrate .s1.horizontal,
.celebrate .s2.horizontal,
.celebrate .s3.horizontal {
  height: 2px;
  width: 10px;
}
.celebrate .s1.gold,
.celebrate .s2.gold,
.celebrate .s3.gold {
  background-color: goldenrod;
}
.celebrate .s1.blue,
.celebrate .s2.blue,
.celebrate .s3.blue {
  background-color: blue;
}
.celebrate.position-top-left {
  animation: celebrate1 2s normal 0.2s infinite;
}
.celebrate.position-top-left .s1 {
  left: 20px;
  top: 4px;
  transform: rotate(65deg);
}
.celebrate.position-top-left .s2 {
  width: 15px;
  left: 4px;
  top: 13px;
  transform: rotate(22deg);
}
.celebrate.position-top-left .s3 {
  left: 6px;
  top: 30px;
  transform: rotate(-15deg);
}
.celebrate.position-top {
  animation: celebrate2 3s normal 0.2s infinite;
}
.celebrate.position-top .s1 {
  left: 100%;
  top: 6px;
  transform: rotate(25deg);
}
.celebrate.position-top .s2 {
  left: 50%;
  transform: translateX(-50%);
  top: -2px;
}
.celebrate.position-top .s3 {
  left: 0%;
  top: 6px;
  transform: rotate(-25deg);
}

.full-spinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.full-spinner .spinner-container {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 6px 8px;
}
.full-spinner .spinner-container.spinner-white-bg ion-text {
  color: var(--ion-color-primary);
}
.full-spinner .spinner-container ion-text {
  font-size: var(--font-md) !important;
  font-weight: 400;
}

ion-accordion.main-accordion ion-item[slot=header] ion-icon {
  width: 20px;
  height: 20px;
  margin: 0;
  color: var(--light-text-color);
}
ion-accordion.order-items ion-item[slot=header] ion-icon {
  width: 18px;
  height: 18px;
  margin: 0;
}

ion-segment.main-light-segment ion-segment-button {
  --padding-top: 4px;
  --padding-end: 4px;
  --padding-bottom: 2px;
  --padding-start: 4px;
}
ion-segment.main-light-segment ion-segment-button.segment-button-checked ion-label span {
  color: var(--gray-700) !important;
}

iframe.payment-iframe {
  width: 100%;
  z-index: 20;
  background: var(--white);
  border: 1px solid var(--gray-300);
}

.checkout-action-wrapper ion-img {
  position: absolute;
  left: 0;
  top: -8px;
  width: 100%;
  height: 9px;
  object-fit: none;
}
@media only screen and (min-width: 750px) {
  .checkout-action-wrapper ion-img {
    object-fit: cover;
    height: 9.5px;
  }
}
.checkout-action-wrapper ion-button {
  margin-block: 0;
}

ion-toggle.main {
  --border-radius: 12px;
  --handle-height: 20px;
  --handle-width: 20px;
  --handle-spacing: 2px;
  height: -moz-fit-content;
  height: fit-content;
}
ion-toggle.main::part(track) {
  height: 24px;
  width: 44px;
}

.gameball-frame {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  width: 0;
  z-index: -1;
  border: none;
}
.gameball-frame#sopd-loyalty-iframe {
  z-index: 20 !important;
}

.layer-2 {
  z-index: 2;
}

.overflow-hidden {
  overflow: hidden;
}

.custom-icon-btn {
  min-height: unset;
  --padding-start: 0;
  --padding-end: 0;
}

.has-absolute-bg {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.has-absolute-bg .bg-img {
  position: absolute;
  z-index: -1 !important;
  left: 50%;
  top: -40%;
  transform: translateX(-50%);
  width: 242px;
  min-height: 242px;
  height: 242px;
  min-width: 242px;
  -webkit-mask-image: radial-gradient(52.19% 100% at 50% 0%, #000 0%, rgba(0, 0, 0, 0) 95.31%);
          mask-image: radial-gradient(52.19% 100% at 50% 0%, #000 0%, rgba(0, 0, 0, 0) 95.31%);
  object-fit: cover;
}

.children-z-index-1 * {
  z-index: 1;
}

.stories-viewer {
  --slideBorderRadius: 0 !important;
  background-color: red;
  display: none !important;
}

#blur-filter {
  visibility: hidden;
}

.reels-wrapper {
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}
.reels-wrapper.shadow {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.reels-container {
  width: 100%;
  height: 115px;
  min-height: 115px;
  max-height: 115px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.w-20 {
  width: 20px;
}

div.stories-widgets#stories_widget-dinein,
div.stories-widgets#stories_widget-foodub,
div.stories-widgets#stories_widget-menu,
div.stories-widgets#stories_widget-reservation {
  transition: height 1s ease-in-out;
}
div.stories-widgets#stories_widget-dinein.h-0,
div.stories-widgets#stories_widget-foodub.h-0,
div.stories-widgets#stories_widget-menu.h-0,
div.stories-widgets#stories_widget-reservation.h-0 {
  height: 0px !important;
}
div.stories-widgets#stories_widget-dinein.h-114,
div.stories-widgets#stories_widget-foodub.h-114,
div.stories-widgets#stories_widget-menu.h-114,
div.stories-widgets#stories_widget-reservation.h-114 {
  height: 114px !important;
}

.address-textarea {
  min-height: 78px !important;
}

.--input-border-color {
  --border-color: var(--gray-300) !important;
}

.confirm-location-btn {
  position: absolute;
  bottom: 12px;
  width: 100%;
}

.unclickable {
  pointer-events: none;
}

.zones-ddl {
  outline: 1px solid var(--gray-300);
}
.zones-ddl::part(container) {
  width: 100%;
  color: var(--gray-900);
  padding: 10px 14px;
  line-height: 24px;
}
.zones-ddl::part(icon) {
  text-align: end;
  color: var(--gray-500);
  width: 20px;
  height: 20px;
}

ion-action-sheet.md .action-sheet-group {
  border-radius: 12px 12px 0 0;
  background: var(--background-color);
}
ion-action-sheet.md .action-sheet-group .action-sheet-title {
  color: var(--primary-text-color);
}
ion-action-sheet.md .action-sheet-button {
  margin: 16px 8px;
  border: 1px solid white;
  border-radius: 8px;
  width: calc(100% - 32px);
}

.hide-extra-lines {
  margin: -1px 0 -1px 0;
  padding-block: 1px;
}

.ng-select.searchable-ddl:not(.ng-select-opened).ng-invalid.ng-touched .ng-select-container {
  border-color: var(--ion-color-danger) !important;
}
.ng-select.searchable-ddl:not(.ng-select-opened).ng-select-focused.ng-invalid .ng-select-container {
  border-color: var(--ion-color-danger) !important;
  box-shadow: 0 0 0 1px var(--ion-color-danger) !important;
}
.ng-select.searchable-ddl:not(.ng-select-opened).ng-select-focused.ng-valid .ng-select-container {
  border-color: var(--ion-color-success) !important;
  box-shadow: 0 0 0 1px var(--ion-color-success) !important;
}
.ng-select.searchable-ddl.max-height-130 .ng-dropdown-panel .ng-dropdown-panel-items {
  max-height: 130px !important;
}
.ng-select.searchable-ddl .ng-dropdown-panel.ng-select-bottom {
  margin-top: -6px;
  border-top: none !important;
}
.ng-select.searchable-ddl .ng-select-container {
  height: 44px !important;
  border-radius: 8px !important;
  border: 1px solid var(--gray-300) !important;
  font-size: var(--font-lg) !important;
}
.ng-select.searchable-ddl .ng-select-container .ng-value-container .ng-placeholder {
  color: black;
  opacity: 0.6;
}
.ng-select.searchable-ddl .ng-select-container .ng-input {
  top: 0 !important;
  height: 100% !important;
}
.ng-select.searchable-ddl .ng-select-container .ng-input input {
  color: black;
  height: 100% !important;
}
.ng-select.searchable-ddl.text-primary-color .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--primary-text-color);
}
.ng-select.searchable-ddl.text-primary-color .ng-select-container .ng-value {
  color: var(--primary-text-color);
}
.ng-select.searchable-ddl.main-bg .ng-select-container {
  background: var(--background-color);
}
.ng-select.searchable-ddl.main-bg .ng-value-container .ng-placeholder {
  color: var(--primary-text-color);
}
.ng-select.searchable-ddl.main-bg .ng-value {
  color: var(--primary-text-color);
}

@supports (-webkit-line-clamp: 3) {
  .max-lines-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

@supports (-webkit-line-clamp: 2) {
  .max-lines-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.error-msg-popup {
  position: absolute;
  left: 0;
  bottom: 24px;
  margin-inline: 10px;
  z-index: 2;
  width: calc(100% - 20px);
}

ion-modal > main {
  padding-bottom: env(safe-area-inset-bottom) !important;
}

.ios-web ion-footer.footer-ios > *:last-child,
.ios-native ion-footer.footer-ios > *:last-child {
  padding-bottom: max(env(safe-area-inset-bottom), 16px) !important;
}

.ios-web {
  --ion-safe-area-bottom: 50px !important;
}

ion-app.ios-native {
  padding-bottom: env(safe-area-inset-bottom) !important;
  --padding-bottom: env(safe-area-inset-bottom) !important;
}
ion-app.native:not(.fullscreen-app) {
  margin-top: max(env(safe-area-inset-top), 36px) !important;
}

ion-header ion-toolbar:first-of-type {
  padding-top: unset !important;
}

body,
html,
* {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.gender ion-radio {
  --color-checked: var(--primary-text-color);
}
.gender ion-radio::part(label) {
  margin-inline-start: 8px;
}
.gender ion-radio::part(container) {
  width: var(--font-lg);
  height: var(--font-lg);
}

ion-radio-group .radio-group-wrapper {
  display: inherit;
  flex-direction: inherit;
  gap: inherit;
}

.loading-popover {
  --backdrop-opacity: 0.6 !important;
}
.loading-popover::part(content) {
  transform-origin: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 50%;
}

.custom-button {
  --border-radius: 32px;
  border-radius: 32px;
  height: 57px;
  min-height: unset;
  font-size: var(--font-lg);
  font-weight: 500;
  line-height: 24px;
}
.custom-button.no-shadow {
  box-shadow: none;
}

header.grad-header {
  background: var(--ion-color-grad);
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
}
header.grad-header .header-pattern {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: none;
  top: 0;
}

.lantern-lottie-wrapper {
  height: 140px;
  position: absolute;
  right: -110px;
  top: -50px;
  transform: scale(0.8);
}

.ios-native .lantern-lottie-wrapper {
  right: -232px !important;
}

ion-progress-bar.default {
  --background: var(--neutral-30);
  --progress-background: linear-gradient(
    2deg,
    rgba(30, 151, 249, 1) 0%,
    rgba(36, 185, 151, 1) 40%
  );
  --progress-background: linear-gradient(
    2deg,
    rgba(30, 151, 249, 1) 0%,
    rgba(36, 185, 151, 1) 40%
  );
  height: 5px;
}
ion-progress-bar.default::part(progress) {
  border-radius: 10px;
  transition: 0.3s ease-out;
}

ion-searchbar.menu-searchbar {
  padding-bottom: 0px !important;
  --box-shadow: none;
}
ion-searchbar.menu-searchbar .searchbar-input {
  padding-block: 12px !important;
  padding-inline: 24px !important;
  background-color: var(--neutral-00) !important;
  font-size: var(--font-md) !important;
  color: var(--neutral-70) !important;
  border: 1px solid var(--neutral-30) !important;
  border-radius: 8px !important;
  line-height: normal;
}
ion-searchbar.menu-searchbar .searchbar-cancel-button {
  inset-inline-end: 12px !important;
  color: var(--ion-color-dark) !important;
  right: 0;
  inset-inline-start: unset !important;
}
ion-searchbar.menu-searchbar .searchbar-search-icon {
  display: none !important;
}

.currency-symbol {
  width: var(--font-md) !important;
  height: var(--font-md) !important;
  max-height: var(--font-md) !important;
  color: inherit !important;
  display: inline-block !important;
  margin-bottom: -2px;
}

.font-xxxxl .currency-symbol {
  width: var(--font-xxxxl) !important;
  height: var(--font-xxxxl) !important;
  max-height: var(--font-xxxxl) !important;
  margin-bottom: -4px;
}

.font-xxxl .currency-symbol {
  width: var(--font-xxxl) !important;
  height: var(--font-xxxl) !important;
  max-height: var(--font-xxxl) !important;
  margin-bottom: -3px;
}

.font-xxl .currency-symbol {
  width: var(--font-xxl) !important;
  height: var(--font-xxl) !important;
  max-height: var(--font-xxl) !important;
  margin-bottom: -3px;
}

.font-xl .currency-symbol {
  width: var(--font-xl) !important;
  height: var(--font-xl) !important;
  max-height: var(--font-xl) !important;
  margin-bottom: -2px;
}

.font-lg .currency-symbol {
  width: var(--font-lg) !important;
  height: var(--font-lg) !important;
  max-height: var(--font-lg) !important;
  margin-bottom: -2px;
}

.font-md .currency-symbol {
  width: var(--font-md) !important;
  height: var(--font-md) !important;
  max-height: var(--font-md) !important;
  margin-bottom: -2px;
}

.font-sm .currency-symbol {
  width: var(--font-sm) !important;
  height: var(--font-sm) !important;
  max-height: var(--font-sm) !important;
}

.scrollable-with-scrollbar {
  overflow: auto;
  scrollbar-width: auto; /* For Firefox */
  scrollbar-color: var(--neutral-70) transparent; /* For Firefox */
  /* For WebKit browsers (Chrome, Safari, Edge) */
}
.scrollable-with-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scrollable-with-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--neutral-70);
  border-radius: 4px;
}
.scrollable-with-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

.timer-flash {
  animation: flash 1s infinite alternate;
  transition: all 0.3s ease;
}

.timer-pulse {
  animation: pulse 1s infinite;
  transition: all 0.3s ease;
  border-radius: 8px;
}

@keyframes flash {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(var(--ion-color-primary-contrast-rgb), 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 20px rgba(var(--ion-color-primary-contrast-rgb), 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(var(--ion-color-primary-contrast-rgb), 0);
  }
}
#language-switch-btn {
  position: absolute;
  top: 22px;
  z-index: 3;
  transition: all 0.8s ease-in;
}
#language-switch-btn:dir(rtl) {
  left: 18px;
}
#language-switch-btn:dir(ltr) {
  right: 18px;
}
#language-switch-btn.stories-exist {
  top: 135px;
}