npm - @ionic/react - Versions diffs - 8.2.3-dev.11724326037.1eacfaff → 8.2.3-dev.11724345963.10ca6051 - Mend

@ionic/react 8.2.3-dev.11724326037.1eacfaff → 8.2.3-dev.11724345963.10ca6051

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/css/core.css +1 -1
package/css/core.css.map +1 -1
package/css/ionic/bundle.ionic.css +1 -1
package/css/ionic/bundle.ionic.css.map +1 -1
package/css/ionic/core.ionic.css +1 -1
package/css/ionic/core.ionic.css.map +1 -1
package/css/ionic.bundle.css +1 -1
package/css/ionic.bundle.css.map +1 -1
package/package.json +2 -2

package/css/ionic/core.ionic.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--ionic-global-background-color: var(--ionic-color-neutral-100, #f1f1f1);--ionic-global-text-color: var(--ionic-color-neutral-900, #4e4e4e)}html{--ionic-dynamic-font: -apple-system-body}body{background:var(--ionic-global-background-color);color:var(--ionic-global-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:var(--ionic-space-150, 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:var(--ionic-space-150, 6px)}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + globals.$ionic-space-200);padding-left:calc(var(--ion-safe-area-left) + globals.$ionic-space-200)}@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-page{right:0;left: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;height:100%;contain:layout style}.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: globals.$ionic-space-m}@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}.menu-content-reveal{box-shadow:var(--ionic-elevation-100, 0px 3px 9px 0px rgba(0, 0, 0, 0.07), 0px 0px 4px 0px rgba(0, 0, 0, 0.04))}.menu-content-push{box-shadow:var(--ionic-elevation-100, 0px 3px 9px 0px rgba(0, 0, 0, 0.07), 0px 0px 4px 0px rgba(0, 0, 0, 0.04))}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:var(--ionic-border-radius-200, 8px);border-top-right-radius:var(--ionic-border-radius-200, 8px)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:var(--ionic-border-radius-200, 8px);border-bottom-right-radius:var(--ionic-border-radius-200, 8px)}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0}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: 0;--inner-border-width: 0}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}.popover-viewport:has(>ion-content){overflow:hidden}/# sourceMappingURL=core.ionic.css.map /
1	+ :root{--ionic-global-background-color: var(--ionic-color-neutral-100, #f1f1f1);--ionic-global-text-color: var(--ionic-color-neutral-900, #4e4e4e);--ion-color-primary: #105cef;--ion-color-primary-rgb: 16, 92, 239;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: get-color-shade(#105cef);--ion-color-primary-tint: get-color-tint(#105cef);--ion-color-secondary: initial;--ion-color-secondary-rgb: initial;--ion-color-secondary-contrast: initial;--ion-color-secondary-contrast-rgb: initial;--ion-color-secondary-shade: get-color-shade(initial);--ion-color-secondary-tint: get-color-tint(initial);--ion-color-tertiary: initial;--ion-color-tertiary-rgb: initial;--ion-color-tertiary-contrast: initial;--ion-color-tertiary-contrast-rgb: initial;--ion-color-tertiary-shade: get-color-shade(initial);--ion-color-tertiary-tint: get-color-tint(initial);--ion-color-success: #1fbd3b;--ion-color-success-rgb: 31, 189, 59;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: get-color-shade(#1fbd3b);--ion-color-success-tint: get-color-tint(#1fbd3b);--ion-color-warning: #e18300;--ion-color-warning-rgb: 225, 131, 0;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: get-color-shade(#e18300);--ion-color-warning-tint: get-color-tint(#e18300);--ion-color-danger: #bf2222;--ion-color-danger-rgb: 191, 34, 34;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: get-color-shade(#bf2222);--ion-color-danger-tint: get-color-tint(#bf2222);--ion-color-light: #f2f4fd;--ion-color-light-rgb: 242, 244, 253;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: get-color-shade(#f2f4fd);--ion-color-light-tint: get-color-tint(#f2f4fd);--ion-color-medium: initial;--ion-color-medium-rgb: initial;--ion-color-medium-contrast: initial;--ion-color-medium-contrast-rgb: initial;--ion-color-medium-shade: get-color-shade(initial);--ion-color-medium-tint: get-color-tint(initial);--ion-color-neutral: #626262;--ion-color-neutral-rgb: 98, 98, 98;--ion-color-neutral-contrast: #fff;--ion-color-neutral-contrast-rgb: 255, 255, 255;--ion-color-neutral-shade: get-color-shade(#626262);--ion-color-neutral-tint: get-color-tint(#626262);--ion-color-dark: initial;--ion-color-dark-rgb: initial;--ion-color-dark-contrast: initial;--ion-color-dark-contrast-rgb: initial;--ion-color-dark-shade: get-color-shade(initial);--ion-color-dark-tint: get-color-tint(initial)}:root .ion-color-primary{--ion-color-base: var(--ion-color-primary, #105cef) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 16, 92, 239) !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, get-color-shade(#105cef)) !important;--ion-color-tint: var(--ion-color-primary-tint, get-color-tint(#105cef)) !important}:root .ion-color-secondary{--ion-color-base: var(--ion-color-secondary, initial) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, initial) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, initial) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, initial) !important;--ion-color-shade: var(--ion-color-secondary-shade, get-color-shade(initial)) !important;--ion-color-tint: var(--ion-color-secondary-tint, get-color-tint(initial)) !important}:root .ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, initial) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, initial) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, initial) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, initial) !important;--ion-color-shade: var(--ion-color-tertiary-shade, get-color-shade(initial)) !important;--ion-color-tint: var(--ion-color-tertiary-tint, get-color-tint(initial)) !important}:root .ion-color-success{--ion-color-base: var(--ion-color-success, #1fbd3b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 31, 189, 59) !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, get-color-shade(#1fbd3b)) !important;--ion-color-tint: var(--ion-color-success-tint, get-color-tint(#1fbd3b)) !important}:root .ion-color-warning{--ion-color-base: var(--ion-color-warning, #e18300) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 225, 131, 0) !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, get-color-shade(#e18300)) !important;--ion-color-tint: var(--ion-color-warning-tint, get-color-tint(#e18300)) !important}:root .ion-color-danger{--ion-color-base: var(--ion-color-danger, #bf2222) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 191, 34, 34) !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, get-color-shade(#bf2222)) !important;--ion-color-tint: var(--ion-color-danger-tint, get-color-tint(#bf2222)) !important}:root .ion-color-light{--ion-color-base: var(--ion-color-light, #f2f4fd) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 242, 244, 253) !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, get-color-shade(#f2f4fd)) !important;--ion-color-tint: var(--ion-color-light-tint, get-color-tint(#f2f4fd)) !important}:root .ion-color-medium{--ion-color-base: var(--ion-color-medium, initial) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, initial) !important;--ion-color-contrast: var(--ion-color-medium-contrast, initial) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, initial) !important;--ion-color-shade: var(--ion-color-medium-shade, get-color-shade(initial)) !important;--ion-color-tint: var(--ion-color-medium-tint, get-color-tint(initial)) !important}:root .ion-color-neutral{--ion-color-base: var(--ion-color-neutral, #626262) !important;--ion-color-base-rgb: var(--ion-color-neutral-rgb, 98, 98, 98) !important;--ion-color-contrast: var(--ion-color-neutral-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-neutral-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-neutral-shade, get-color-shade(#626262)) !important;--ion-color-tint: var(--ion-color-neutral-tint, get-color-tint(#626262)) !important}:root .ion-color-dark{--ion-color-base: var(--ion-color-dark, initial) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, initial) !important;--ion-color-contrast: var(--ion-color-dark-contrast, initial) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, initial) !important;--ion-color-shade: var(--ion-color-dark-shade, get-color-shade(initial)) !important;--ion-color-tint: var(--ion-color-dark-tint, get-color-tint(initial)) !important}html{--ionic-dynamic-font: -apple-system-body}body{background:var(--ionic-global-background-color);color:var(--ionic-global-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:var(--ionic-space-150, 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:var(--ionic-space-150, 6px)}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + globals.$ionic-space-200);padding-left:calc(var(--ion-safe-area-left) + globals.$ionic-space-200)}@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-page{right:0;left: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;height:100%;contain:layout style}.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: globals.$ionic-space-m}@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}.menu-content-reveal{box-shadow:var(--ionic-elevation-100, 0px 3px 9px 0px rgba(0, 0, 0, 0.07), 0px 0px 4px 0px rgba(0, 0, 0, 0.04))}.menu-content-push{box-shadow:var(--ionic-elevation-100, 0px 3px 9px 0px rgba(0, 0, 0, 0.07), 0px 0px 4px 0px rgba(0, 0, 0, 0.04))}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:var(--ionic-border-radius-200, 8px);border-top-right-radius:var(--ionic-border-radius-200, 8px)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:var(--ionic-border-radius-200, 8px);border-bottom-right-radius:var(--ionic-border-radius-200, 8px)}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0}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: 0;--inner-border-width: 0}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}.popover-viewport:has(>ion-content){overflow:hidden}/# sourceMappingURL=core.ionic.css.map /

package/css/ionic/core.ionic.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/core.ionic.scss","../../src/foundations/ionic.vars.scss","../../src/themes/mixins.scss"],"names":[],"mappings":"AAKA,MACE,yEACA,mEAGF,KACE,yCAGF,KACE,gDACA,qCAGF,wBACE,gBAYF,+LAGE,YCgDgB,4BDxClB,qIAEE,eCsCgB,4BD9BlB,+BACE,0EACA,wEAOF,qCACE,4CACE,0BA+BJ,2DACE,sBACA,mBAaF,wCACE,4CAMF,UEiSM,MFhSyB,EEiSzB,KFjS+B,EEqTnC,IFrT0B,EEsT1B,OFtTgC,EAEhC,aACA,kBAEA,sBACA,8BAEA,0BACA,UAWF,oBACE,kBAEA,YAEA,qBAGF,8CACE,kBAGF,iRAeE,wBAGF,oBACE,UAGF,wCACE,cAMF,6CAEE,gDAGF,6BACE,KACE,mDAIJ,iDACE,KACE,8CACA,oDACA,gDACA,mDAOJ,mFAEE,cAMF,cACE,+BAGF,mBACE,eACA,0BAUA,oBAMA,kBAUF,+BACE,mBAGF,4CACE,gBAGF,qBACE,gHAGF,mBACE,gHAIF,6EACE,uBCjKwB,oCDkKxB,wBClKwB,oCDoK1B,4EACE,0BCrKwB,oCDsKxB,2BCtKwB,oCDwK1B,qEACE,kBAGF,0EACE,2DAGF,uCACE,yCAEE,4BASJ,qJAEE,yBAGF,2GACE,kBACA,wBAGF,uMAEE,aAMF,6CACE,iBASF,6BACE,qBACA,sBAUF,wDACE,YACA,iBAaF,oCACE","file":"core.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Ionic Font\n// --------------------------------------------------\n\n:root {\n --ionic-global-background-color: #{globals.$ionic-color-neutral-100};\n --ionic-global-text-color: #{globals.$ionic-color-neutral-900};\n}\n\nhtml {\n --ionic-dynamic-font: -apple-system-body;\n}\n\nbody {\n background: var(--ionic-global-background-color);\n color: var(--ionic-global-text-color);\n}\n\nbody.backdrop-no-scroll {\n overflow: hidden;\n}\n\n// Modal - Card Style\n// --------------------------------------------------\n/*\n Card style modal needs additional padding on the\n * top of the header. We accomplish this by targeting\n * the first toolbar in the header.\n * Footer also needs this. We do not adjust the bottom\n * padding though because of the safe area.\n /\nhtml.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,\nhtml.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,\nhtml.ios ion-modal ion-footer ion-toolbar:first-of-type {\n padding-top: globals.$ionic-space-150;\n}\n\n/\n Card style modal needs additional padding on the\n* bottom of the header. We accomplish this by targeting\n* the last toolbar in the header.\n/\nhtml.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,\nhtml.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {\n padding-bottom: globals.$ionic-space-150;\n}\n\n/\n Add padding on the left and right\n* of toolbars while accounting for\n* safe area values when in landscape.\n/\nhtml.ios ion-modal ion-toolbar {\n padding-right: calc(var(--ion-safe-area-right) + globals.$ionic-space-200);\n padding-left: calc(var(--ion-safe-area-left) + globals.$ionic-space-200);\n}\n\n/\n Card style modal on iPadOS\n * should only have backdrop on first instance.\n /\n@media screen and (min-width: 768px) {\n html.ios ion-modal.modal-card:first-of-type {\n --backdrop-opacity: 0.18;\n }\n}\n\n/\n Subsequent modals should not have a backdrop/box shadow\n * as it will cause the screen to appear to get progressively\n * darker. With Ionic 6, declarative modals made it\n * possible to have multiple non-presented modals in the DOM,\n * so we could no longer rely on ion-modal:first-of-type.\n * Here we disable the opacity/box-shadow for every modal\n * that comes after the first presented modal.\n \n Note: ion-modal:not(.overlay-hidden):first-of-type\n * does not match the first modal to not have\n * the .overlay-hidden class, it will match the\n * first modal in general only if it does not\n * have the .overlay-hidden class.\n * The :nth-child() pseudo-class has support\n * for selectors which would help us here. At the\n * time of writing it does not have great cross browser\n * support.\n \n Note 2: This should only apply to non-card and\n * non-sheet modals. Card and sheet modals have their\n * own criteria for displaying backdrops/box shadows.\n \n Do not use :not(.overlay-hidden) in place of\n * .show-modal because that triggers a memory\n * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768\n /\nion-modal.modal-default.show-modal ~ ion-modal.modal-default {\n --backdrop-opacity: 0;\n --box-shadow: none;\n}\n\n/\n This works around a bug in WebKit where the\n * content will overflow outside of the bottom border\n * radius when re-painting. As long as a single\n * border radius value is set on .ion-page, this\n * issue does not happen. We set the top left radius\n * here because the top left corner will always have a\n * radius no matter the platform.\n * This behavior only applies to card modals.\n /\nhtml.ios ion-modal.modal-card .ion-page {\n border-top-left-radius: var(--border-radius);\n}\n\n// Page Container Structure\n// --------------------------------------------------\n\n.ion-page {\n @include globals.position(0, 0, 0, 0);\n\n display: flex;\n position: absolute;\n\n flex-direction: column;\n justify-content: space-between;\n\n contain: layout size style;\n z-index: 0;\n}\n\n/\n When making custom dialogs, using\n * ion-content is not required. As a result,\n * some developers may wish to have dialogs\n * that are automatically sized by the browser.\n * These changes allow certain dimension values\n * such as fit-content to work correctly.\n /\nion-modal > .ion-page {\n position: relative;\n\n height: 100%;\n\n contain: layout style;\n}\n\n.split-pane-visible > .ion-page.split-pane-main {\n position: relative;\n}\n\nion-route,\nion-route-redirect,\nion-router,\nion-select-option,\nion-nav-controller,\nion-menu-controller,\nion-action-sheet-controller,\nion-alert-controller,\nion-loading-controller,\nion-modal-controller,\nion-picker-controller,\nion-popover-controller,\nion-toast-controller,\n.ion-page-hidden {\n / stylelint-disable-next-line declaration-no-important /\n display: none !important;\n}\n\n.ion-page-invisible {\n opacity: 0;\n}\n\n.can-go-back > ion-header ion-back-button {\n display: block;\n}\n\n// Ionic Safe Margins\n// --------------------------------------------------\n\nhtml.plt-ios.plt-hybrid,\nhtml.plt-ios.plt-pwa {\n --ion-statusbar-padding: globals.$ionic-space-m;\n}\n\n@supports (padding-top: 20px) {\n html {\n --ion-safe-area-top: var(--ion-statusbar-padding);\n }\n}\n\n@supports (padding-top: env(safe-area-inset-top)) {\n html {\n --ion-safe-area-top: env(safe-area-inset-top);\n --ion-safe-area-bottom: env(safe-area-inset-bottom);\n --ion-safe-area-left: env(safe-area-inset-left);\n --ion-safe-area-right: env(safe-area-inset-right);\n }\n}\n\n// Global Card Styles\n// --------------------------------------------------\n\nion-card.ion-color .ion-inherit-color,\nion-card-header.ion-color .ion-inherit-color {\n color: inherit;\n}\n\n// Menu Styles\n// --------------------------------------------------\n\n.menu-content {\n transform: translate3d(0, 0, 0);\n}\n\n.menu-content-open {\n cursor: pointer;\n touch-action: manipulation;\n\n /\n The containing element itself should be clickable but\n * everything inside of it should not clickable when menu is open\n \n Setting pointer-events after scrolling has already started\n * will not cancel scrolling which is why we also set\n * overflow-y below.\n /\n pointer-events: none;\n\n /\n This accounts for scenarios where the main content itself\n * is scrollable.\n /\n overflow-y: hidden;\n}\n\n/\n Setting overflow cancels any in-progress scrolling\n * when the menu opens. This prevents users from accidentally\n * scrolling the main content while also dragging the menu open.\n * The code below accounts for both ion-content and then custom\n * scroll containers within ion-content (such as virtual scroll)\n /\n.menu-content-open ion-content {\n --overflow: hidden;\n}\n\n.menu-content-open .ion-content-scroll-host {\n overflow: hidden;\n}\n\n.menu-content-reveal {\n box-shadow: #{globals.$ionic-elevation-100};\n}\n\n.menu-content-push {\n box-shadow: #{globals.$ionic-elevation-100};\n}\n\n// Accordion Styles\nion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {\n border-top-left-radius: globals.$ionic-border-radius-200;\n border-top-right-radius: globals.$ionic-border-radius-200;\n}\nion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {\n border-bottom-left-radius: globals.$ionic-border-radius-200;\n border-bottom-right-radius: globals.$ionic-border-radius-200;\n}\nion-accordion-group > ion-accordion:last-of-type ion-item[slot=\"header\"] {\n --border-width: 0;\n}\n\nion-accordion.accordion-animated > [slot=\"header\"] .ion-accordion-toggle-icon {\n transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n\n@media (prefers-reduced-motion: reduce) {\n ion-accordion .ion-accordion-toggle-icon {\n / stylelint-disable declaration-no-important /\n transition: none !important;\n }\n}\n/\n The > [slot=\"header\"] selector ensures that we do\n * not modify toggle icons for any nested accordions. The state\n * of one accordion should not affect any accordions inside\n * of a nested accordion group.\n /\nion-accordion.accordion-expanding > [slot=\"header\"] .ion-accordion-toggle-icon,\nion-accordion.accordion-expanded > [slot=\"header\"] .ion-accordion-toggle-icon {\n transform: rotate(180deg);\n}\n\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=\"header\"] {\n --border-width: 0;\n --inner-border-width: 0;\n}\n\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {\n margin-top: 0;\n}\n\n// Safari/iOS 15 changes the appearance of input[type=\"date\"].\n// For backwards compatibility from Ionic 5/Safari 14 designs,\n// we override the appearance only when using within an ion-input.\nion-input input::-webkit-date-and-time-value {\n text-align: start;\n}\n\n/\n The .ion-datetime-button-overlay class contains\n * styles that allow any modal/popover to be\n * sized according to the dimensions of the datetime\n * when used with ion-datetime-button.\n /\n.ion-datetime-button-overlay {\n --width: fit-content;\n --height: fit-content;\n}\n\n/\n The grid variant can scale down when inline.\n * When used in a `fit-content` overlay, this causes\n * the overlay to shrink when the month/year picker is open.\n * Explicitly setting the dimensions lets us have a consistently\n * sized grid interface.\n /\n.ion-datetime-button-overlay ion-datetime.datetime-grid {\n width: 320px;\n min-height: 320px;\n}\n\n/\n If a popover has a child ion-content (or class equivalent) then the .popover-viewport element\n * should not be scrollable to ensure the inner content does scroll. However, if the popover\n * does not have a child ion-content (or class equivalent) then the .popover-viewport element\n * should remain scrollable. This code exists globally because popover targets\n * .popover-viewport using ::slotted which only supports simple selectors.\n \n Note that we do not need to account for .ion-content-scroll-host here because that\n * class should always be placed within ion-content even if ion-content is not scrollable.\n /\n.popover-viewport:has(> ion-content) {\n overflow: hidden;\n}\n","/\n This is an auto-generated file, please do not change it directly.\n * Ionic Design System\n /\n\n@use \"../themes/functions.sizes\" as font;\n\n$ionic-elevation-100: var(\n --ionic-elevation-100,\n 0px 3px 9px 0px rgba(0, 0, 0, 0.07),\n 0px 0px 4px 0px rgba(0, 0, 0, 0.04)\n);\n$ionic-elevation-200: var(\n --ionic-elevation-200,\n 0px 8px 25px 0px rgba(0, 0, 0, 0.08),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.05)\n);\n$ionic-elevation-300: var(\n --ionic-elevation-300,\n 0px 6px 32px 0px rgba(0, 0, 0, 0.16),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.05)\n);\n$ionic-elevation-400: var(\n --ionic-elevation-400,\n 0px 15px 48px 0px rgba(0, 0, 0, 0.18),\n 0px 3px 12px 0px rgba(0, 0, 0, 0.12)\n);\n$ionic-elevation-500: var(\n --ionic-elevation-500,\n 0px 3px 9px 0px rgba(6, 43, 99, 0.07),\n 0px 0px 4px 0px rgba(6, 43, 99, 0.04)\n);\n$ionic-elevation-600: var(\n --ionic-elevation-600,\n 0px 8px 25px 0px rgba(6, 43, 99, 0.08),\n 0px 1px 5px 0px rgba(6, 43, 99, 0.05)\n);\n$ionic-elevation-700: var(\n --ionic-elevation-700,\n 0px 15px 32px 0px rgba(6, 43, 99, 0.09),\n 0px 2px 7px 0px rgba(6, 43, 99, 0.05)\n);\n$ionic-elevation-800: var(\n --ionic-elevation-800,\n 0px 20px 48px 0px rgba(6, 43, 99, 0.12),\n 0px 3px 14px 0px rgba(6, 43, 99, 0.12)\n);\n$ionic-font-size-275: var(--ionic-font-size-275, font.px-to-rem(11));\n$ionic-font-size-300: var(--ionic-font-size-300, font.px-to-rem(12));\n$ionic-font-size-350: var(--ionic-font-size-350, font.px-to-rem(14));\n$ionic-font-size-400: var(--ionic-font-size-400, font.px-to-rem(16));\n$ionic-font-size-450: var(--ionic-font-size-450, font.px-to-rem(18));\n$ionic-font-size-500: var(--ionic-font-size-500, font.px-to-rem(20));\n$ionic-font-size-550: var(--ionic-font-size-550, font.px-to-rem(22));\n$ionic-font-size-600: var(--ionic-font-size-600, font.px-to-rem(24));\n$ionic-font-size-650: var(--ionic-font-size-650, font.px-to-rem(26));\n$ionic-font-size-700: var(--ionic-font-size-700, font.px-to-rem(28));\n$ionic-font-size-800: var(--ionic-font-size-800, font.px-to-rem(32));\n$ionic-font-size-900: var(--ionic-font-size-900, font.px-to-rem(36));\n$ionic-font-weight-thin: var(--ionic-font-weight-thin, 100);\n$ionic-font-weight-extra-light: var(--ionic-font-weight-extra-light, 200);\n$ionic-font-weight-light: var(--ionic-font-weight-light, 300);\n$ionic-font-weight-regular: var(--ionic-font-weight-regular, 400);\n$ionic-font-weight-medium: var(--ionic-font-weight-medium, 500);\n$ionic-font-weight-semi-bold: var(--ionic-font-weight-semi-bold, 600);\n$ionic-font-weight-bold: var(--ionic-font-weight-bold, 700);\n$ionic-font-weight-extra-bold: var(--ionic-font-weight-extra-bold, 800);\n$ionic-font-weight-black: var(--ionic-font-weight-black, 900);\n$ionic-letter-spacing-0: var(--ionic-letter-spacing-0, 0);\n$ionic-letter-spacing-1: var(--ionic-letter-spacing-1, 1%);\n$ionic-letter-spacing-2: var(--ionic-letter-spacing-2, 1.5%);\n$ionic-line-height-300: var(--ionic-line-height-300, 12px);\n$ionic-line-height-400: var(--ionic-line-height-400, 16px);\n$ionic-line-height-500: var(--ionic-line-height-500, 20px);\n$ionic-line-height-600: var(--ionic-line-height-600, 24px);\n$ionic-line-height-700: var(--ionic-line-height-700, 28px);\n$ionic-line-height-800: var(--ionic-line-height-800, 32px);\n$ionic-line-height-900: var(--ionic-line-height-900, 36px);\n$ionic-line-height-1100: var(--ionic-line-height-1100, 44px);\n$ionic-line-height-1200: var(--ionic-line-height-1200, 48px);\n$ionic-line-height-full: var(--ionic-line-height-full, 100%);\n$ionic-space-0: var(--ionic-space-0, 0px);\n$ionic-space-100: var(--ionic-space-100, 4px);\n$ionic-space-150: var(--ionic-space-150, 6px);\n$ionic-space-200: var(--ionic-space-200, 8px);\n$ionic-space-250: var(--ionic-space-250, 10px);\n$ionic-space-300: var(--ionic-space-300, 12px);\n$ionic-space-400: var(--ionic-space-400, 16px);\n$ionic-space-500: var(--ionic-space-500, 20px);\n$ionic-space-600: var(--ionic-space-600, 24px);\n$ionic-space-700: var(--ionic-space-700, 28px);\n$ionic-space-800: var(--ionic-space-800, 32px);\n$ionic-space-850: var(--ionic-space-850, 34px);\n$ionic-space-900: var(--ionic-space-900, 36px);\n$ionic-space-1000: var(--ionic-space-1000, 40px);\n$ionic-space-1200: var(--ionic-space-1200, 48px);\n$ionic-space-050: var(--ionic-space-050, 2px);\n$ionic-border-radius-0: var(--ionic-border-radius-0, 0px);\n$ionic-border-radius-100: var(--ionic-border-radius-100, 4px);\n$ionic-border-radius-200: var(--ionic-border-radius-200, 8px);\n$ionic-border-radius-300: var(--ionic-border-radius-300, 12px);\n$ionic-border-radius-400: var(--ionic-border-radius-400, 16px);\n$ionic-border-radius-500: var(--ionic-border-radius-500, 20px);\n$ionic-border-radius-800: var(--ionic-border-radius-800, 32px);\n$ionic-border-radius-1000: var(--ionic-border-radius-1000, 40px);\n$ionic-border-radius-050: var(--ionic-border-radius-050, 2px);\n$ionic-border-radius-full: var(--ionic-border-radius-full, 999px);\n$ionic-border-size-0: var(--ionic-border-size-0, 0px);\n$ionic-border-size-025: var(--ionic-border-size-025, 1px);\n$ionic-border-size-050: var(--ionic-border-size-050, 2px);\n$ionic-border-size-075: var(--ionic-border-size-075, 3px);\n$ionic-border-style-none: var(--ionic-border-style-none, none);\n$ionic-border-style-solid: var(--ionic-border-style-solid, solid);\n$ionic-border-style-dashed: var(--ionic-border-style-dashed, dashed);\n$ionic-border-style-dotted: var(--ionic-border-style-dotted, dotted);\n$ionic-color-base-white: var(--ionic-color-base-white, #ffffff);\n$ionic-color-base-white-rgb: var(--ionic-color-base-white-rgb, 255, 255, 255);\n$ionic-color-base-black: var(--ionic-color-base-black, #111111);\n$ionic-color-base-black-rgb: var(--ionic-color-base-black-rgb, 17, 17, 17);\n$ionic-color-neutral-100: var(--ionic-color-neutral-100, #f1f1f1);\n$ionic-color-neutral-100-rgb: var(--ionic-color-neutral-100-rgb, 241, 241, 241);\n$ionic-color-neutral-200: var(--ionic-color-neutral-200, #e7e7e7);\n$ionic-color-neutral-200-rgb: var(--ionic-color-neutral-200-rgb, 231, 231, 231);\n$ionic-color-neutral-300: var(--ionic-color-neutral-300, #cfcfcf);\n$ionic-color-neutral-300-rgb: var(--ionic-color-neutral-300-rgb, 207, 207, 207);\n$ionic-color-neutral-400: var(--ionic-color-neutral-400, #b9b9b9);\n$ionic-color-neutral-400-rgb: var(--ionic-color-neutral-400-rgb, 185, 185, 185);\n$ionic-color-neutral-500: var(--ionic-color-neutral-500, #a2a2a2);\n$ionic-color-neutral-500-rgb: var(--ionic-color-neutral-500-rgb, 162, 162, 162);\n$ionic-color-neutral-600: var(--ionic-color-neutral-600, #8c8c8c);\n$ionic-color-neutral-600-rgb: var(--ionic-color-neutral-600-rgb, 140, 140, 140);\n$ionic-color-neutral-700: var(--ionic-color-neutral-700, #777777);\n$ionic-color-neutral-700-rgb: var(--ionic-color-neutral-700-rgb, 119, 119, 119);\n$ionic-color-neutral-800: var(--ionic-color-neutral-800, #626262);\n$ionic-color-neutral-800-rgb: var(--ionic-color-neutral-800-rgb, 98, 98, 98);\n$ionic-color-neutral-900: var(--ionic-color-neutral-900, #4e4e4e);\n$ionic-color-neutral-900-rgb: var(--ionic-color-neutral-900-rgb, 78, 78, 78);\n$ionic-color-neutral-1000: var(--ionic-color-neutral-1000, #3b3b3b);\n$ionic-color-neutral-1000-rgb: var(--ionic-color-neutral-1000-rgb, 59, 59, 59);\n$ionic-color-neutral-1100: var(--ionic-color-neutral-1100, #292929);\n$ionic-color-neutral-1100-rgb: var(--ionic-color-neutral-1100-rgb, 41, 41, 41);\n$ionic-color-neutral-1200: var(--ionic-color-neutral-1200, #242424);\n$ionic-color-neutral-1200-rgb: var(--ionic-color-neutral-1200-rgb, 36, 36, 36);\n$ionic-color-red-100: var(--ionic-color-red-100, #feeded);\n$ionic-color-red-100-rgb: var(--ionic-color-red-100-rgb, 254, 237, 237);\n$ionic-color-red-200: var(--ionic-color-red-200, #fde1e1);\n$ionic-color-red-200-rgb: var(--ionic-color-red-200-rgb, 253, 225, 225);\n$ionic-color-red-300: var(--ionic-color-red-300, #fcc1c1);\n$ionic-color-red-300-rgb: var(--ionic-color-red-300-rgb, 252, 193, 193);\n$ionic-color-red-400: var(--ionic-color-red-400, #faa1a1);\n$ionic-color-red-400-rgb: var(--ionic-color-red-400-rgb, 250, 161, 161);\n$ionic-color-red-500: var(--ionic-color-red-500, #f97d7d);\n$ionic-color-red-500-rgb: var(--ionic-color-red-500-rgb, 249, 125, 125);\n$ionic-color-red-600: var(--ionic-color-red-600, #f85151);\n$ionic-color-red-600-rgb: var(--ionic-color-red-600-rgb, 248, 81, 81);\n$ionic-color-red-700: var(--ionic-color-red-700, #e52929);\n$ionic-color-red-700-rgb: var(--ionic-color-red-700-rgb, 229, 41, 41);\n$ionic-color-red-800: var(--ionic-color-red-800, #bf2222);\n$ionic-color-red-800-rgb: var(--ionic-color-red-800-rgb, 191, 34, 34);\n$ionic-color-red-900: var(--ionic-color-red-900, #991b1b);\n$ionic-color-red-900-rgb: var(--ionic-color-red-900-rgb, 153, 27, 27);\n$ionic-color-red-1000: var(--ionic-color-red-1000, #761515);\n$ionic-color-red-1000-rgb: var(--ionic-color-red-1000-rgb, 118, 21, 21);\n$ionic-color-red-1100: var(--ionic-color-red-1100, #540f0f);\n$ionic-color-red-1100-rgb: var(--ionic-color-red-1100-rgb, 84, 15, 15);\n$ionic-color-red-1200: var(--ionic-color-red-1200, #330909);\n$ionic-color-red-1200-rgb: var(--ionic-color-red-1200-rgb, 51, 9, 9);\n$ionic-color-pumpkin-100: var(--ionic-color-pumpkin-100, #feedea);\n$ionic-color-pumpkin-100-rgb: var(--ionic-color-pumpkin-100-rgb, 254, 237, 234);\n$ionic-color-pumpkin-200: var(--ionic-color-pumpkin-200, #fde0db);\n$ionic-color-pumpkin-200-rgb: var(--ionic-color-pumpkin-200-rgb, 253, 224, 219);\n$ionic-color-pumpkin-300: var(--ionic-color-pumpkin-300, #fbbdb1);\n$ionic-color-pumpkin-300-rgb: var(--ionic-color-pumpkin-300-rgb, 251, 189, 177);\n$ionic-color-pumpkin-400: var(--ionic-color-pumpkin-400, #f9947c);\n$ionic-color-pumpkin-400-rgb: var(--ionic-color-pumpkin-400-rgb, 249, 148, 124);\n$ionic-color-pumpkin-500: var(--ionic-color-pumpkin-500, #f75d07);\n$ionic-color-pumpkin-500-rgb: var(--ionic-color-pumpkin-500-rgb, 247, 93, 7);\n$ionic-color-pumpkin-600: var(--ionic-color-pumpkin-600, #da5206);\n$ionic-color-pumpkin-600-rgb: var(--ionic-color-pumpkin-600-rgb, 218, 82, 6);\n$ionic-color-pumpkin-700: var(--ionic-color-pumpkin-700, #bd4705);\n$ionic-color-pumpkin-700-rgb: var(--ionic-color-pumpkin-700-rgb, 189, 71, 5);\n$ionic-color-pumpkin-800: var(--ionic-color-pumpkin-800, #9f3c05);\n$ionic-color-pumpkin-800-rgb: var(--ionic-color-pumpkin-800-rgb, 159, 60, 5);\n$ionic-color-pumpkin-900: var(--ionic-color-pumpkin-900, #803004);\n$ionic-color-pumpkin-900-rgb: var(--ionic-color-pumpkin-900-rgb, 128, 48, 4);\n$ionic-color-pumpkin-1000: var(--ionic-color-pumpkin-1000, #602403);\n$ionic-color-pumpkin-1000-rgb: var(--ionic-color-pumpkin-1000-rgb, 96, 36, 3);\n$ionic-color-pumpkin-1100: var(--ionic-color-pumpkin-1100, #401802);\n$ionic-color-pumpkin-1100-rgb: var(--ionic-color-pumpkin-1100-rgb, 64, 24, 2);\n$ionic-color-pumpkin-1200: var(--ionic-color-pumpkin-1200, #210c01);\n$ionic-color-pumpkin-1200-rgb: var(--ionic-color-pumpkin-1200-rgb, 33, 12, 1);\n$ionic-color-orange-100: var(--ionic-color-orange-100, #fff1ea);\n$ionic-color-orange-100-rgb: var(--ionic-color-orange-100-rgb, 255, 241, 234);\n$ionic-color-orange-200: var(--ionic-color-orange-200, #ffe8db);\n$ionic-color-orange-200-rgb: var(--ionic-color-orange-200-rgb, 255, 232, 219);\n$ionic-color-orange-300: var(--ionic-color-orange-300, #ffcfb1);\n$ionic-color-orange-300-rgb: var(--ionic-color-orange-300-rgb, 255, 207, 177);\n$ionic-color-orange-400: var(--ionic-color-orange-400, #ffb37b);\n$ionic-color-orange-400-rgb: var(--ionic-color-orange-400-rgb, 255, 179, 123);\n$ionic-color-orange-500: var(--ionic-color-orange-500, #ff9400);\n$ionic-color-orange-500-rgb: var(--ionic-color-orange-500-rgb, 255, 148, 0);\n$ionic-color-orange-600: var(--ionic-color-orange-600, #e18300);\n$ionic-color-orange-600-rgb: var(--ionic-color-orange-600-rgb, 225, 131, 0);\n$ionic-color-orange-700: var(--ionic-color-orange-700, #c37100);\n$ionic-color-orange-700-rgb: var(--ionic-color-orange-700-rgb, 195, 113, 0);\n$ionic-color-orange-800: var(--ionic-color-orange-800, #a45f00);\n$ionic-color-orange-800-rgb: var(--ionic-color-orange-800-rgb, 164, 95, 0);\n$ionic-color-orange-900: var(--ionic-color-orange-900, #844d00);\n$ionic-color-orange-900-rgb: var(--ionic-color-orange-900-rgb, 132, 77, 0);\n$ionic-color-orange-1000: var(--ionic-color-orange-1000, #633a00);\n$ionic-color-orange-1000-rgb: var(--ionic-color-orange-1000-rgb, 99, 58, 0);\n$ionic-color-orange-1100: var(--ionic-color-orange-1100, #422700);\n$ionic-color-orange-1100-rgb: var(--ionic-color-orange-1100-rgb, 66, 39, 0);\n$ionic-color-orange-1200: var(--ionic-color-orange-1200, #221400);\n$ionic-color-orange-1200-rgb: var(--ionic-color-orange-1200-rgb, 34, 20, 0);\n$ionic-color-yellow-100: var(--ionic-color-yellow-100, #fff9ea);\n$ionic-color-yellow-100-rgb: var(--ionic-color-yellow-100-rgb, 255, 249, 234);\n$ionic-color-yellow-200: var(--ionic-color-yellow-200, #fff5db);\n$ionic-color-yellow-200-rgb: var(--ionic-color-yellow-200-rgb, 255, 245, 219);\n$ionic-color-yellow-300: var(--ionic-color-yellow-300, #ffebb1);\n$ionic-color-yellow-300-rgb: var(--ionic-color-yellow-300-rgb, 255, 235, 177);\n$ionic-color-yellow-400: var(--ionic-color-yellow-400, #ffe07b);\n$ionic-color-yellow-400-rgb: var(--ionic-color-yellow-400-rgb, 255, 224, 123);\n$ionic-color-yellow-500: var(--ionic-color-yellow-500, #ffd600);\n$ionic-color-yellow-500-rgb: var(--ionic-color-yellow-500-rgb, 255, 214, 0);\n$ionic-color-yellow-600: var(--ionic-color-yellow-600, #e1bd00);\n$ionic-color-yellow-600-rgb: var(--ionic-color-yellow-600-rgb, 225, 189, 0);\n$ionic-color-yellow-700: var(--ionic-color-yellow-700, #c3a400);\n$ionic-color-yellow-700-rgb: var(--ionic-color-yellow-700-rgb, 195, 164, 0);\n$ionic-color-yellow-800: var(--ionic-color-yellow-800, #a48a00);\n$ionic-color-yellow-800-rgb: var(--ionic-color-yellow-800-rgb, 164, 138, 0);\n$ionic-color-yellow-900: var(--ionic-color-yellow-900, #846f00);\n$ionic-color-yellow-900-rgb: var(--ionic-color-yellow-900-rgb, 132, 111, 0);\n$ionic-color-yellow-1000: var(--ionic-color-yellow-1000, #635300);\n$ionic-color-yellow-1000-rgb: var(--ionic-color-yellow-1000-rgb, 99, 83, 0);\n$ionic-color-yellow-1100: var(--ionic-color-yellow-1100, #423800);\n$ionic-color-yellow-1100-rgb: var(--ionic-color-yellow-1100-rgb, 66, 56, 0);\n$ionic-color-yellow-1200: var(--ionic-color-yellow-1200, #221d00);\n$ionic-color-yellow-1200-rgb: var(--ionic-color-yellow-1200-rgb, 34, 29, 0);\n$ionic-color-lime-100: var(--ionic-color-lime-100, #f3faea);\n$ionic-color-lime-100-rgb: var(--ionic-color-lime-100-rgb, 243, 250, 234);\n$ionic-color-lime-200: var(--ionic-color-lime-200, #eaf7db);\n$ionic-color-lime-200-rgb: var(--ionic-color-lime-200-rgb, 234, 247, 219);\n$ionic-color-lime-300: var(--ionic-color-lime-300, #d3efb2);\n$ionic-color-lime-300-rgb: var(--ionic-color-lime-300-rgb, 211, 239, 178);\n$ionic-color-lime-400: var(--ionic-color-lime-400, #bbe77d);\n$ionic-color-lime-400-rgb: var(--ionic-color-lime-400-rgb, 187, 231, 125);\n$ionic-color-lime-500: var(--ionic-color-lime-500, #a0df18);\n$ionic-color-lime-500-rgb: var(--ionic-color-lime-500-rgb, 160, 223, 24);\n$ionic-color-lime-600: var(--ionic-color-lime-600, #8dc515);\n$ionic-color-lime-600-rgb: var(--ionic-color-lime-600-rgb, 141, 197, 21);\n$ionic-color-lime-700: var(--ionic-color-lime-700, #7aab12);\n$ionic-color-lime-700-rgb: var(--ionic-color-lime-700-rgb, 122, 171, 18);\n$ionic-color-lime-800: var(--ionic-color-lime-800, #678f0f);\n$ionic-color-lime-800-rgb: var(--ionic-color-lime-800-rgb, 103, 143, 15);\n$ionic-color-lime-900: var(--ionic-color-lime-900, #53730c);\n$ionic-color-lime-900-rgb: var(--ionic-color-lime-900-rgb, 83, 115, 12);\n$ionic-color-lime-1000: var(--ionic-color-lime-1000, #3e5709);\n$ionic-color-lime-1000-rgb: var(--ionic-color-lime-1000-rgb, 62, 87, 9);\n$ionic-color-lime-1100: var(--ionic-color-lime-1100, #2a3a06);\n$ionic-color-lime-1100-rgb: var(--ionic-color-lime-1100-rgb, 42, 58, 6);\n$ionic-color-lime-1200: var(--ionic-color-lime-1200, #151e03);\n$ionic-color-lime-1200-rgb: var(--ionic-color-lime-1200-rgb, 21, 30, 3);\n$ionic-color-green-100: var(--ionic-color-green-100, #ebf9ec);\n$ionic-color-green-100-rgb: var(--ionic-color-green-100-rgb, 235, 249, 236);\n$ionic-color-green-200: var(--ionic-color-green-200, #dcf5de);\n$ionic-color-green-200-rgb: var(--ionic-color-green-200-rgb, 220, 245, 222);\n$ionic-color-green-300: var(--ionic-color-green-300, #b3ebb7);\n$ionic-color-green-300-rgb: var(--ionic-color-green-300-rgb, 179, 235, 183);\n$ionic-color-green-400: var(--ionic-color-green-400, #7fe089);\n$ionic-color-green-400-rgb: var(--ionic-color-green-400-rgb, 127, 224, 137);\n$ionic-color-green-500: var(--ionic-color-green-500, #23d643);\n$ionic-color-green-500-rgb: var(--ionic-color-green-500-rgb, 35, 214, 67);\n$ionic-color-green-600: var(--ionic-color-green-600, #1fbd3b);\n$ionic-color-green-600-rgb: var(--ionic-color-green-600-rgb, 31, 189, 59);\n$ionic-color-green-700: var(--ionic-color-green-700, #1ba433);\n$ionic-color-green-700-rgb: var(--ionic-color-green-700-rgb, 27, 164, 51);\n$ionic-color-green-800: var(--ionic-color-green-800, #178a2b);\n$ionic-color-green-800-rgb: var(--ionic-color-green-800-rgb, 23, 138, 43);\n$ionic-color-green-900: var(--ionic-color-green-900, #126f23);\n$ionic-color-green-900-rgb: var(--ionic-color-green-900-rgb, 18, 111, 35);\n$ionic-color-green-1000: var(--ionic-color-green-1000, #0e531a);\n$ionic-color-green-1000-rgb: var(--ionic-color-green-1000-rgb, 14, 83, 26);\n$ionic-color-green-1100: var(--ionic-color-green-1100, #093811);\n$ionic-color-green-1100-rgb: var(--ionic-color-green-1100-rgb, 9, 56, 17);\n$ionic-color-green-1200: var(--ionic-color-green-1200, #051d09);\n$ionic-color-green-1200-rgb: var(--ionic-color-green-1200-rgb, 5, 29, 9);\n$ionic-color-teal-100: var(--ionic-color-teal-100, #eaf8f5);\n$ionic-color-teal-100-rgb: var(--ionic-color-teal-100-rgb, 234, 248, 245);\n$ionic-color-teal-200: var(--ionic-color-teal-200, #dbf3ee);\n$ionic-color-teal-200-rgb: var(--ionic-color-teal-200-rgb, 219, 243, 238);\n$ionic-color-teal-300: var(--ionic-color-teal-300, #b1e7dd);\n$ionic-color-teal-300-rgb: var(--ionic-color-teal-300-rgb, 177, 231, 221);\n$ionic-color-teal-400: var(--ionic-color-teal-400, #7bdbca);\n$ionic-color-teal-400-rgb: var(--ionic-color-teal-400-rgb, 123, 219, 202);\n$ionic-color-teal-500: var(--ionic-color-teal-500, #00cfb7);\n$ionic-color-teal-500-rgb: var(--ionic-color-teal-500-rgb, 0, 207, 183);\n$ionic-color-teal-600: var(--ionic-color-teal-600, #00b7a2);\n$ionic-color-teal-600-rgb: var(--ionic-color-teal-600-rgb, 0, 183, 162);\n$ionic-color-teal-700: var(--ionic-color-teal-700, #009e8c);\n$ionic-color-teal-700-rgb: var(--ionic-color-teal-700-rgb, 0, 158, 140);\n$ionic-color-teal-800: var(--ionic-color-teal-800, #008576);\n$ionic-color-teal-800-rgb: var(--ionic-color-teal-800-rgb, 0, 133, 118);\n$ionic-color-teal-900: var(--ionic-color-teal-900, #006b5f);\n$ionic-color-teal-900-rgb: var(--ionic-color-teal-900-rgb, 0, 107, 95);\n$ionic-color-teal-1000: var(--ionic-color-teal-1000, #005147);\n$ionic-color-teal-1000-rgb: var(--ionic-color-teal-1000-rgb, 0, 81, 71);\n$ionic-color-teal-1100: var(--ionic-color-teal-1100, #003630);\n$ionic-color-teal-1100-rgb: var(--ionic-color-teal-1100-rgb, 0, 54, 48);\n$ionic-color-teal-1200: var(--ionic-color-teal-1200, #001c19);\n$ionic-color-teal-1200-rgb: var(--ionic-color-teal-1200-rgb, 0, 28, 25);\n$ionic-color-aqua-100: var(--ionic-color-aqua-100, #ebf9fe);\n$ionic-color-aqua-100-rgb: var(--ionic-color-aqua-100-rgb, 235, 249, 254);\n$ionic-color-aqua-200: var(--ionic-color-aqua-200, #dcf4fd);\n$ionic-color-aqua-200-rgb: var(--ionic-color-aqua-200-rgb, 220, 244, 253);\n$ionic-color-aqua-300: var(--ionic-color-aqua-300, #b3e9fc);\n$ionic-color-aqua-300-rgb: var(--ionic-color-aqua-300-rgb, 179, 233, 252);\n$ionic-color-aqua-400: var(--ionic-color-aqua-400, #80defa);\n$ionic-color-aqua-400-rgb: var(--ionic-color-aqua-400-rgb, 128, 222, 250);\n$ionic-color-aqua-500: var(--ionic-color-aqua-500, #27d3f9);\n$ionic-color-aqua-500-rgb: var(--ionic-color-aqua-500-rgb, 39, 211, 249);\n$ionic-color-aqua-600: var(--ionic-color-aqua-600, #22bbdc);\n$ionic-color-aqua-600-rgb: var(--ionic-color-aqua-600-rgb, 34, 187, 220);\n$ionic-color-aqua-700: var(--ionic-color-aqua-700, #1ea2bf);\n$ionic-color-aqua-700-rgb: var(--ionic-color-aqua-700-rgb, 30, 162, 191);\n$ionic-color-aqua-800: var(--ionic-color-aqua-800, #1988a0);\n$ionic-color-aqua-800-rgb: var(--ionic-color-aqua-800-rgb, 25, 136, 160);\n$ionic-color-aqua-900: var(--ionic-color-aqua-900, #146d81);\n$ionic-color-aqua-900-rgb: var(--ionic-color-aqua-900-rgb, 20, 109, 129);\n$ionic-color-aqua-1000: var(--ionic-color-aqua-1000, #0f5261);\n$ionic-color-aqua-1000-rgb: var(--ionic-color-aqua-1000-rgb, 15, 82, 97);\n$ionic-color-aqua-1100: var(--ionic-color-aqua-1100, #0a3741);\n$ionic-color-aqua-1100-rgb: var(--ionic-color-aqua-1100-rgb, 10, 55, 65);\n$ionic-color-aqua-1200: var(--ionic-color-aqua-1200, #051c21);\n$ionic-color-aqua-1200-rgb: var(--ionic-color-aqua-1200-rgb, 5, 28, 33);\n$ionic-color-blue-100: var(--ionic-color-blue-100, #f2f4fd);\n$ionic-color-blue-100-rgb: var(--ionic-color-blue-100-rgb, 242, 244, 253);\n$ionic-color-blue-200: var(--ionic-color-blue-200, #e9ecfc);\n$ionic-color-blue-200-rgb: var(--ionic-color-blue-200-rgb, 233, 236, 252);\n$ionic-color-blue-300: var(--ionic-color-blue-300, #d0d7fa);\n$ionic-color-blue-300-rgb: var(--ionic-color-blue-300-rgb, 208, 215, 250);\n$ionic-color-blue-400: var(--ionic-color-blue-400, #b5c0f7);\n$ionic-color-blue-400-rgb: var(--ionic-color-blue-400-rgb, 181, 192, 247);\n$ionic-color-blue-500: var(--ionic-color-blue-500, #94a5f4);\n$ionic-color-blue-500-rgb: var(--ionic-color-blue-500-rgb, 148, 165, 244);\n$ionic-color-blue-600: var(--ionic-color-blue-600, #6986f2);\n$ionic-color-blue-600-rgb: var(--ionic-color-blue-600-rgb, 105, 134, 242);\n$ionic-color-blue-700: var(--ionic-color-blue-700, #105cef);\n$ionic-color-blue-700-rgb: var(--ionic-color-blue-700-rgb, 16, 92, 239);\n$ionic-color-blue-800: var(--ionic-color-blue-800, #0f54da);\n$ionic-color-blue-800-rgb: var(--ionic-color-blue-800-rgb, 15, 84, 218);\n$ionic-color-blue-900: var(--ionic-color-blue-900, #0d4bc3);\n$ionic-color-blue-900-rgb: var(--ionic-color-blue-900-rgb, 13, 75, 195);\n$ionic-color-blue-1000: var(--ionic-color-blue-1000, #0b41a9);\n$ionic-color-blue-1000-rgb: var(--ionic-color-blue-1000-rgb, 11, 65, 169);\n$ionic-color-blue-1100: var(--ionic-color-blue-1100, #09358a);\n$ionic-color-blue-1100-rgb: var(--ionic-color-blue-1100-rgb, 9, 53, 138);\n$ionic-color-blue-1200: var(--ionic-color-blue-1200, #072561);\n$ionic-color-blue-1200-rgb: var(--ionic-color-blue-1200-rgb, 7, 37, 97);\n$ionic-color-indigo-100: var(--ionic-color-indigo-100, #f3f2fb);\n$ionic-color-indigo-100-rgb: var(--ionic-color-indigo-100-rgb, 243, 242, 251);\n$ionic-color-indigo-200: var(--ionic-color-indigo-200, #eae9f9);\n$ionic-color-indigo-200-rgb: var(--ionic-color-indigo-200-rgb, 234, 233, 249);\n$ionic-color-indigo-300: var(--ionic-color-indigo-300, #d3d1f2);\n$ionic-color-indigo-300-rgb: var(--ionic-color-indigo-300-rgb, 211, 209, 242);\n$ionic-color-indigo-400: var(--ionic-color-indigo-400, #bab5eb);\n$ionic-color-indigo-400-rgb: var(--ionic-color-indigo-400-rgb, 186, 181, 235);\n$ionic-color-indigo-500: var(--ionic-color-indigo-500, #9d95e4);\n$ionic-color-indigo-500-rgb: var(--ionic-color-indigo-500-rgb, 157, 149, 228);\n$ionic-color-indigo-600: var(--ionic-color-indigo-600, #786bdd);\n$ionic-color-indigo-600-rgb: var(--ionic-color-indigo-600-rgb, 120, 107, 221);\n$ionic-color-indigo-700: var(--ionic-color-indigo-700, #411bd5);\n$ionic-color-indigo-700-rgb: var(--ionic-color-indigo-700-rgb, 65, 27, 213);\n$ionic-color-indigo-800: var(--ionic-color-indigo-800, #3b19c3);\n$ionic-color-indigo-800-rgb: var(--ionic-color-indigo-800-rgb, 59, 25, 195);\n$ionic-color-indigo-900: var(--ionic-color-indigo-900, #3516ae);\n$ionic-color-indigo-900-rgb: var(--ionic-color-indigo-900-rgb, 53, 22, 174);\n$ionic-color-indigo-1000: var(--ionic-color-indigo-1000, #2e1397);\n$ionic-color-indigo-1000-rgb: var(--ionic-color-indigo-1000-rgb, 46, 19, 151);\n$ionic-color-indigo-1100: var(--ionic-color-indigo-1100, #26107b);\n$ionic-color-indigo-1100-rgb: var(--ionic-color-indigo-1100-rgb, 38, 16, 123);\n$ionic-color-indigo-1200: var(--ionic-color-indigo-1200, #1a0b57);\n$ionic-color-indigo-1200-rgb: var(--ionic-color-indigo-1200-rgb, 26, 11, 87);\n$ionic-color-violet-100: var(--ionic-color-violet-100, #f5f2fe);\n$ionic-color-violet-100-rgb: var(--ionic-color-violet-100-rgb, 245, 242, 254);\n$ionic-color-violet-200: var(--ionic-color-violet-200, #eee9fd);\n$ionic-color-violet-200-rgb: var(--ionic-color-violet-200-rgb, 238, 233, 253);\n$ionic-color-violet-300: var(--ionic-color-violet-300, #dcd1fb);\n$ionic-color-violet-300-rgb: var(--ionic-color-violet-300-rgb, 220, 209, 251);\n$ionic-color-violet-400: var(--ionic-color-violet-400, #c9b6f9);\n$ionic-color-violet-400-rgb: var(--ionic-color-violet-400-rgb, 201, 182, 249);\n$ionic-color-violet-500: var(--ionic-color-violet-500, #b396f6);\n$ionic-color-violet-500-rgb: var(--ionic-color-violet-500-rgb, 179, 150, 246);\n$ionic-color-violet-600: var(--ionic-color-violet-600, #9a6cf4);\n$ionic-color-violet-600-rgb: var(--ionic-color-violet-600-rgb, 154, 108, 244);\n$ionic-color-violet-700: var(--ionic-color-violet-700, #7c20f2);\n$ionic-color-violet-700-rgb: var(--ionic-color-violet-700-rgb, 124, 32, 242);\n$ionic-color-violet-800: var(--ionic-color-violet-800, #711ddd);\n$ionic-color-violet-800-rgb: var(--ionic-color-violet-800-rgb, 113, 29, 221);\n$ionic-color-violet-900: var(--ionic-color-violet-900, #651ac5);\n$ionic-color-violet-900-rgb: var(--ionic-color-violet-900-rgb, 101, 26, 197);\n$ionic-color-violet-1000: var(--ionic-color-violet-1000, #5817ab);\n$ionic-color-violet-1000-rgb: var(--ionic-color-violet-1000-rgb, 88, 23, 171);\n$ionic-color-violet-1100: var(--ionic-color-violet-1100, #48128c);\n$ionic-color-violet-1100-rgb: var(--ionic-color-violet-1100-rgb, 72, 18, 140);\n$ionic-color-violet-1200: var(--ionic-color-violet-1200, #330d63);\n$ionic-color-violet-1200-rgb: var(--ionic-color-violet-1200-rgb, 51, 13, 99);\n$ionic-color-purple-100: var(--ionic-color-purple-100, #f9f3fe);\n$ionic-color-purple-100-rgb: var(--ionic-color-purple-100-rgb, 249, 243, 254);\n$ionic-color-purple-200: var(--ionic-color-purple-200, #f5eafd);\n$ionic-color-purple-200-rgb: var(--ionic-color-purple-200-rgb, 245, 234, 253);\n$ionic-color-purple-300: var(--ionic-color-purple-300, #e9d3fa);\n$ionic-color-purple-300-rgb: var(--ionic-color-purple-300-rgb, 233, 211, 250);\n$ionic-color-purple-400: var(--ionic-color-purple-400, #deb9f8);\n$ionic-color-purple-400-rgb: var(--ionic-color-purple-400-rgb, 222, 185, 248);\n$ionic-color-purple-500: var(--ionic-color-purple-500, #d29bf6);\n$ionic-color-purple-500-rgb: var(--ionic-color-purple-500-rgb, 210, 155, 246);\n$ionic-color-purple-600: var(--ionic-color-purple-600, #c575f3);\n$ionic-color-purple-600-rgb: var(--ionic-color-purple-600-rgb, 197, 117, 243);\n$ionic-color-purple-700: var(--ionic-color-purple-700, #b73cf1);\n$ionic-color-purple-700-rgb: var(--ionic-color-purple-700-rgb, 183, 60, 241);\n$ionic-color-purple-800: var(--ionic-color-purple-800, #a737dc);\n$ionic-color-purple-800-rgb: var(--ionic-color-purple-800-rgb, 167, 55, 220);\n$ionic-color-purple-900: var(--ionic-color-purple-900, #9531c5);\n$ionic-color-purple-900-rgb: var(--ionic-color-purple-900-rgb, 149, 49, 197);\n$ionic-color-purple-1000: var(--ionic-color-purple-1000, #812aaa);\n$ionic-color-purple-1000-rgb: var(--ionic-color-purple-1000-rgb, 129, 42, 170);\n$ionic-color-purple-1100: var(--ionic-color-purple-1100, #6a238b);\n$ionic-color-purple-1100-rgb: var(--ionic-color-purple-1100-rgb, 106, 35, 139);\n$ionic-color-purple-1200: var(--ionic-color-purple-1200, #4b1862);\n$ionic-color-purple-1200-rgb: var(--ionic-color-purple-1200-rgb, 75, 24, 98);\n$ionic-color-magenta-100: var(--ionic-color-magenta-100, #fdf3fb);\n$ionic-color-magenta-100-rgb: var(--ionic-color-magenta-100-rgb, 253, 243, 251);\n$ionic-color-magenta-200: var(--ionic-color-magenta-200, #fcebf8);\n$ionic-color-magenta-200-rgb: var(--ionic-color-magenta-200-rgb, 252, 235, 248);\n$ionic-color-magenta-300: var(--ionic-color-magenta-300, #f9d4f1);\n$ionic-color-magenta-300-rgb: var(--ionic-color-magenta-300-rgb, 249, 212, 241);\n$ionic-color-magenta-400: var(--ionic-color-magenta-400, #f6bcea);\n$ionic-color-magenta-400-rgb: var(--ionic-color-magenta-400-rgb, 246, 188, 234);\n$ionic-color-magenta-500: var(--ionic-color-magenta-500, #f39fe3);\n$ionic-color-magenta-500-rgb: var(--ionic-color-magenta-500-rgb, 243, 159, 227);\n$ionic-color-magenta-600: var(--ionic-color-magenta-600, #f07cdb);\n$ionic-color-magenta-600-rgb: var(--ionic-color-magenta-600-rgb, 240, 124, 219);\n$ionic-color-magenta-700: var(--ionic-color-magenta-700, #ed4ad3);\n$ionic-color-magenta-700-rgb: var(--ionic-color-magenta-700-rgb, 237, 74, 211);\n$ionic-color-magenta-800: var(--ionic-color-magenta-800, #d844c1);\n$ionic-color-magenta-800-rgb: var(--ionic-color-magenta-800-rgb, 216, 68, 193);\n$ionic-color-magenta-900: var(--ionic-color-magenta-900, #c13cac);\n$ionic-color-magenta-900-rgb: var(--ionic-color-magenta-900-rgb, 193, 60, 172);\n$ionic-color-magenta-1000: var(--ionic-color-magenta-1000, #a83495);\n$ionic-color-magenta-1000-rgb: var(--ionic-color-magenta-1000-rgb, 168, 52, 149);\n$ionic-color-magenta-1100: var(--ionic-color-magenta-1100, #892b7a);\n$ionic-color-magenta-1100-rgb: var(--ionic-color-magenta-1100-rgb, 137, 43, 122);\n$ionic-color-magenta-1200: var(--ionic-color-magenta-1200, #611e56);\n$ionic-color-magenta-1200-rgb: var(--ionic-color-magenta-1200-rgb, 97, 30, 86);\n$ionic-color-pink-100: var(--ionic-color-pink-100, #fef3f5);\n$ionic-color-pink-100-rgb: var(--ionic-color-pink-100-rgb, 254, 243, 245);\n$ionic-color-pink-200: var(--ionic-color-pink-200, #fdeaee);\n$ionic-color-pink-200-rgb: var(--ionic-color-pink-200-rgb, 253, 234, 238);\n$ionic-color-pink-300: var(--ionic-color-pink-300, #fad3dc);\n$ionic-color-pink-300-rgb: var(--ionic-color-pink-300-rgb, 250, 211, 220);\n$ionic-color-pink-400: var(--ionic-color-pink-400, #f8b9c9);\n$ionic-color-pink-400-rgb: var(--ionic-color-pink-400-rgb, 248, 185, 201);\n$ionic-color-pink-500: var(--ionic-color-pink-500, #f69bb3);\n$ionic-color-pink-500-rgb: var(--ionic-color-pink-500-rgb, 246, 155, 179);\n$ionic-color-pink-600: var(--ionic-color-pink-600, #f3759a);\n$ionic-color-pink-600-rgb: var(--ionic-color-pink-600-rgb, 243, 117, 154);\n$ionic-color-pink-700: var(--ionic-color-pink-700, #f13b7d);\n$ionic-color-pink-700-rgb: var(--ionic-color-pink-700-rgb, 241, 59, 125);\n$ionic-color-pink-800: var(--ionic-color-pink-800, #dc3672);\n$ionic-color-pink-800-rgb: var(--ionic-color-pink-800-rgb, 220, 54, 114);\n$ionic-color-pink-900: var(--ionic-color-pink-900, #c53066);\n$ionic-color-pink-900-rgb: var(--ionic-color-pink-900-rgb, 197, 48, 102);\n$ionic-color-pink-1000: var(--ionic-color-pink-1000, #aa2a58);\n$ionic-color-pink-1000-rgb: var(--ionic-color-pink-1000-rgb, 170, 42, 88);\n$ionic-color-pink-1100: var(--ionic-color-pink-1100, #8b2248);\n$ionic-color-pink-1100-rgb: var(--ionic-color-pink-1100-rgb, 139, 34, 72);\n$ionic-color-pink-1200: var(--ionic-color-pink-1200, #621833);\n$ionic-color-pink-1200-rgb: var(--ionic-color-pink-1200-rgb, 98, 24, 51);\n$ionic-color-primary-100: var(--ionic-color-primary-100, #f2f4fd);\n$ionic-color-primary-100-rgb: var(--ionic-color-primary-100-rgb, 242, 244, 253);\n$ionic-color-primary-200: var(--ionic-color-primary-200, #e9ecfc);\n$ionic-color-primary-200-rgb: var(--ionic-color-primary-200-rgb, 233, 236, 252);\n$ionic-color-primary-300: var(--ionic-color-primary-300, #d0d7fa);\n$ionic-color-primary-300-rgb: var(--ionic-color-primary-300-rgb, 208, 215, 250);\n$ionic-color-primary-400: var(--ionic-color-primary-400, #b5c0f7);\n$ionic-color-primary-400-rgb: var(--ionic-color-primary-400-rgb, 181, 192, 247);\n$ionic-color-primary-500: var(--ionic-color-primary-500, #94a5f4);\n$ionic-color-primary-500-rgb: var(--ionic-color-primary-500-rgb, 148, 165, 244);\n$ionic-color-primary-600: var(--ionic-color-primary-600, #6986f2);\n$ionic-color-primary-600-rgb: var(--ionic-color-primary-600-rgb, 105, 134, 242);\n$ionic-color-primary-700: var(--ionic-color-primary-700, #105cef);\n$ionic-color-primary-700-rgb: var(--ionic-color-primary-700-rgb, 16, 92, 239);\n$ionic-color-primary-800: var(--ionic-color-primary-800, #0f54da);\n$ionic-color-primary-800-rgb: var(--ionic-color-primary-800-rgb, 15, 84, 218);\n$ionic-color-primary-900: var(--ionic-color-primary-900, #0d4bc3);\n$ionic-color-primary-900-rgb: var(--ionic-color-primary-900-rgb, 13, 75, 195);\n$ionic-color-primary-1000: var(--ionic-color-primary-1000, #0b41a9);\n$ionic-color-primary-1000-rgb: var(--ionic-color-primary-1000-rgb, 11, 65, 169);\n$ionic-color-primary-1100: var(--ionic-color-primary-1100, #09358a);\n$ionic-color-primary-1100-rgb: var(--ionic-color-primary-1100-rgb, 9, 53, 138);\n$ionic-color-primary-1200: var(--ionic-color-primary-1200, #072561);\n$ionic-color-primary-1200-rgb: var(--ionic-color-primary-1200-rgb, 7, 37, 97);\n$ionic-color-primary-base: var(--ionic-color-primary-base, #105cef);\n$ionic-color-primary-base-rgb: var(--ionic-color-primary-base-rgb, 16, 92, 239);\n$ionic-color-info-100: var(--ionic-color-info-100, #ebf9fe);\n$ionic-color-info-100-rgb: var(--ionic-color-info-100-rgb, 235, 249, 254);\n$ionic-color-info-200: var(--ionic-color-info-200, #dcf4fd);\n$ionic-color-info-200-rgb: var(--ionic-color-info-200-rgb, 220, 244, 253);\n$ionic-color-info-300: var(--ionic-color-info-300, #b3e9fc);\n$ionic-color-info-300-rgb: var(--ionic-color-info-300-rgb, 179, 233, 252);\n$ionic-color-info-400: var(--ionic-color-info-400, #80defa);\n$ionic-color-info-400-rgb: var(--ionic-color-info-400-rgb, 128, 222, 250);\n$ionic-color-info-500: var(--ionic-color-info-500, #27d3f9);\n$ionic-color-info-500-rgb: var(--ionic-color-info-500-rgb, 39, 211, 249);\n$ionic-color-info-600: var(--ionic-color-info-600, #22bbdc);\n$ionic-color-info-600-rgb: var(--ionic-color-info-600-rgb, 34, 187, 220);\n$ionic-color-info-700: var(--ionic-color-info-700, #1ea2bf);\n$ionic-color-info-700-rgb: var(--ionic-color-info-700-rgb, 30, 162, 191);\n$ionic-color-info-800: var(--ionic-color-info-800, #1988a0);\n$ionic-color-info-800-rgb: var(--ionic-color-info-800-rgb, 25, 136, 160);\n$ionic-color-info-900: var(--ionic-color-info-900, #146d81);\n$ionic-color-info-900-rgb: var(--ionic-color-info-900-rgb, 20, 109, 129);\n$ionic-color-info-1000: var(--ionic-color-info-1000, #0f5261);\n$ionic-color-info-1000-rgb: var(--ionic-color-info-1000-rgb, 15, 82, 97);\n$ionic-color-info-1100: var(--ionic-color-info-1100, #0a3741);\n$ionic-color-info-1100-rgb: var(--ionic-color-info-1100-rgb, 10, 55, 65);\n$ionic-color-info-1200: var(--ionic-color-info-1200, #051c21);\n$ionic-color-info-1200-rgb: var(--ionic-color-info-1200-rgb, 5, 28, 33);\n$ionic-color-info-base: var(--ionic-color-info-base, #1ea2bf);\n$ionic-color-info-base-rgb: var(--ionic-color-info-base-rgb, 30, 162, 191);\n$ionic-color-warning-100: var(--ionic-color-warning-100, #fff1ea);\n$ionic-color-warning-100-rgb: var(--ionic-color-warning-100-rgb, 255, 241, 234);\n$ionic-color-warning-200: var(--ionic-color-warning-200, #ffe8db);\n$ionic-color-warning-200-rgb: var(--ionic-color-warning-200-rgb, 255, 232, 219);\n$ionic-color-warning-300: var(--ionic-color-warning-300, #ffcfb1);\n$ionic-color-warning-300-rgb: var(--ionic-color-warning-300-rgb, 255, 207, 177);\n$ionic-color-warning-400: var(--ionic-color-warning-400, #ffb37b);\n$ionic-color-warning-400-rgb: var(--ionic-color-warning-400-rgb, 255, 179, 123);\n$ionic-color-warning-500: var(--ionic-color-warning-500, #ff9400);\n$ionic-color-warning-500-rgb: var(--ionic-color-warning-500-rgb, 255, 148, 0);\n$ionic-color-warning-600: var(--ionic-color-warning-600, #e18300);\n$ionic-color-warning-600-rgb: var(--ionic-color-warning-600-rgb, 225, 131, 0);\n$ionic-color-warning-700: var(--ionic-color-warning-700, #c37100);\n$ionic-color-warning-700-rgb: var(--ionic-color-warning-700-rgb, 195, 113, 0);\n$ionic-color-warning-800: var(--ionic-color-warning-800, #a45f00);\n$ionic-color-warning-800-rgb: var(--ionic-color-warning-800-rgb, 164, 95, 0);\n$ionic-color-warning-900: var(--ionic-color-warning-900, #844d00);\n$ionic-color-warning-900-rgb: var(--ionic-color-warning-900-rgb, 132, 77, 0);\n$ionic-color-warning-1000: var(--ionic-color-warning-1000, #633a00);\n$ionic-color-warning-1000-rgb: var(--ionic-color-warning-1000-rgb, 99, 58, 0);\n$ionic-color-warning-1100: var(--ionic-color-warning-1100, #422700);\n$ionic-color-warning-1100-rgb: var(--ionic-color-warning-1100-rgb, 66, 39, 0);\n$ionic-color-warning-1200: var(--ionic-color-warning-1200, #221400);\n$ionic-color-warning-1200-rgb: var(--ionic-color-warning-1200-rgb, 34, 20, 0);\n$ionic-color-warning-base: var(--ionic-color-warning-base, #c37100);\n$ionic-color-warning-base-rgb: var(--ionic-color-warning-base-rgb, 195, 113, 0);\n$ionic-color-danger-100: var(--ionic-color-danger-100, #feeded);\n$ionic-color-danger-100-rgb: var(--ionic-color-danger-100-rgb, 254, 237, 237);\n$ionic-color-danger-200: var(--ionic-color-danger-200, #fde1e1);\n$ionic-color-danger-200-rgb: var(--ionic-color-danger-200-rgb, 253, 225, 225);\n$ionic-color-danger-300: var(--ionic-color-danger-300, #fcc1c1);\n$ionic-color-danger-300-rgb: var(--ionic-color-danger-300-rgb, 252, 193, 193);\n$ionic-color-danger-400: var(--ionic-color-danger-400, #faa1a1);\n$ionic-color-danger-400-rgb: var(--ionic-color-danger-400-rgb, 250, 161, 161);\n$ionic-color-danger-500: var(--ionic-color-danger-500, #f97d7d);\n$ionic-color-danger-500-rgb: var(--ionic-color-danger-500-rgb, 249, 125, 125);\n$ionic-color-danger-600: var(--ionic-color-danger-600, #f85151);\n$ionic-color-danger-600-rgb: var(--ionic-color-danger-600-rgb, 248, 81, 81);\n$ionic-color-danger-700: var(--ionic-color-danger-700, #e52929);\n$ionic-color-danger-700-rgb: var(--ionic-color-danger-700-rgb, 229, 41, 41);\n$ionic-color-danger-800: var(--ionic-color-danger-800, #bf2222);\n$ionic-color-danger-800-rgb: var(--ionic-color-danger-800-rgb, 191, 34, 34);\n$ionic-color-danger-900: var(--ionic-color-danger-900, #991b1b);\n$ionic-color-danger-900-rgb: var(--ionic-color-danger-900-rgb, 153, 27, 27);\n$ionic-color-danger-1000: var(--ionic-color-danger-1000, #761515);\n$ionic-color-danger-1000-rgb: var(--ionic-color-danger-1000-rgb, 118, 21, 21);\n$ionic-color-danger-1100: var(--ionic-color-danger-1100, #540f0f);\n$ionic-color-danger-1100-rgb: var(--ionic-color-danger-1100-rgb, 84, 15, 15);\n$ionic-color-danger-1200: var(--ionic-color-danger-1200, #330909);\n$ionic-color-danger-1200-rgb: var(--ionic-color-danger-1200-rgb, 51, 9, 9);\n$ionic-color-danger-base: var(--ionic-color-danger-base, #e52929);\n$ionic-color-danger-base-rgb: var(--ionic-color-danger-base-rgb, 229, 41, 41);\n$ionic-color-success-100: var(--ionic-color-success-100, #ebf9ec);\n$ionic-color-success-100-rgb: var(--ionic-color-success-100-rgb, 235, 249, 236);\n$ionic-color-success-200: var(--ionic-color-success-200, #dcf5de);\n$ionic-color-success-200-rgb: var(--ionic-color-success-200-rgb, 220, 245, 222);\n$ionic-color-success-300: var(--ionic-color-success-300, #b3ebb7);\n$ionic-color-success-300-rgb: var(--ionic-color-success-300-rgb, 179, 235, 183);\n$ionic-color-success-400: var(--ionic-color-success-400, #7fe089);\n$ionic-color-success-400-rgb: var(--ionic-color-success-400-rgb, 127, 224, 137);\n$ionic-color-success-500: var(--ionic-color-success-500, #23d643);\n$ionic-color-success-500-rgb: var(--ionic-color-success-500-rgb, 35, 214, 67);\n$ionic-color-success-600: var(--ionic-color-success-600, #1fbd3b);\n$ionic-color-success-600-rgb: var(--ionic-color-success-600-rgb, 31, 189, 59);\n$ionic-color-success-700: var(--ionic-color-success-700, #1ba433);\n$ionic-color-success-700-rgb: var(--ionic-color-success-700-rgb, 27, 164, 51);\n$ionic-color-success-800: var(--ionic-color-success-800, #178a2b);\n$ionic-color-success-800-rgb: var(--ionic-color-success-800-rgb, 23, 138, 43);\n$ionic-color-success-900: var(--ionic-color-success-900, #126f23);\n$ionic-color-success-900-rgb: var(--ionic-color-success-900-rgb, 18, 111, 35);\n$ionic-color-success-1000: var(--ionic-color-success-1000, #0e531a);\n$ionic-color-success-1000-rgb: var(--ionic-color-success-1000-rgb, 14, 83, 26);\n$ionic-color-success-1100: var(--ionic-color-success-1100, #093811);\n$ionic-color-success-1100-rgb: var(--ionic-color-success-1100-rgb, 9, 56, 17);\n$ionic-color-success-1200: var(--ionic-color-success-1200, #051d09);\n$ionic-color-success-1200-rgb: var(--ionic-color-success-1200-rgb, 5, 29, 9);\n$ionic-color-success-base: var(--ionic-color-success-base, #1ba433);\n$ionic-color-success-base-rgb: var(--ionic-color-success-base-rgb, 27, 164, 51);\n$ionic-z-index-0: var(--ionic-z-index-0, 0);\n$ionic-z-index-1: var(--ionic-z-index-1, 100);\n$ionic-z-index-2: var(--ionic-z-index-2, 200);\n$ionic-z-index-3: var(--ionic-z-index-3, 300);\n$ionic-z-index-4: var(--ionic-z-index-4, 400);\n$ionic-z-index-500: var(--ionic-z-index-500, 500);\n$ionic-z-index-bottom: var(--ionic-z-index-bottom, -99999);\n$ionic-z-index-top: var(--ionic-z-index-top, 99999);\n$ionic-scale-0: var(--ionic-scale-0, 0px);\n$ionic-scale-100: var(--ionic-scale-100, 4px);\n$ionic-scale-150: var(--ionic-scale-150, 6px);\n$ionic-scale-200: var(--ionic-scale-200, 8px);\n$ionic-scale-250: var(--ionic-scale-250, 10px);\n$ionic-scale-300: var(--ionic-scale-300, 12px);\n$ionic-scale-400: var(--ionic-scale-400, 16px);\n$ionic-scale-500: var(--ionic-scale-500, 20px);\n$ionic-scale-600: var(--ionic-scale-600, 24px);\n$ionic-scale-700: var(--ionic-scale-700, 28px);\n$ionic-scale-800: var(--ionic-scale-800, 32px);\n$ionic-scale-850: var(--ionic-scale-850, 34px);\n$ionic-scale-900: var(--ionic-scale-900, 36px);\n$ionic-scale-1000: var(--ionic-scale-1000, 40px);\n$ionic-scale-1100: var(--ionic-scale-1100, 44px);\n$ionic-scale-1200: var(--ionic-scale-1200, 48px);\n$ionic-scale-1400: var(--ionic-scale-1400, 56px);\n$ionic-scale-1600: var(--ionic-scale-1600, 64px);\n$ionic-scale-1800: var(--ionic-scale-1800, 72px);\n$ionic-scale-2000: var(--ionic-scale-2000, 80px);\n$ionic-scale-2400: var(--ionic-scale-2400, 96px);\n$ionic-scale-2800: var(--ionic-scale-2800, 112px);\n$ionic-scale-3200: var(--ionic-scale-3200, 128px);\n$ionic-scale-3400: var(--ionic-scale-3400, 136px);\n$ionic-scale-3600: var(--ionic-scale-3600, 144px);\n$ionic-scale-4000: var(--ionic-scale-4000, 160px);\n$ionic-scale-5000: var(--ionic-scale-5000, 200px);\n$ionic-scale-6200: var(--ionic-scale-6200, 248px);\n$ionic-scale-7400: var(--ionic-scale-7400, 296px);\n$ionic-scale-9000: var(--ionic-scale-9000, 360px);\n$ionic-scale-025: var(--ionic-scale-025, 1px);\n$ionic-scale-050: var(--ionic-scale-050, 2px);\n$ionic-scale-075: var(--ionic-scale-075, 3px);\n$ionic-font-family: var(--ionic-font-family, \"Inter\", sans-serif);\n$ionic-state-focus-0: var(--ionic-state-focus-0, none);\n$ionic-state-focus-1: var(--ionic-state-focus-1, #9ec4fd);\n$ionic-state-focus-1-rgb: var(--ionic-state-focus-1-rgb, 158, 196, 253);\n$ionic-state-focus-2: var(--ionic-state-focus-2, #ffafaf);\n$ionic-state-focus-2-rgb: var(--ionic-state-focus-2-rgb, 255, 175, 175);\n$ionic-state-disabled: var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));\n$ionic-state-hover: var(--ionic-state-hover, rgba(36, 36, 36, 0.04));\n$ionic-state-pressed: var(--ionic-state-pressed, rgba(36, 36, 36, 0.08));\n\n$ionic-display-sm-regular: (\n font-size: $ionic-font-size-800,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-sm-light: (\n font-size: $ionic-font-size-800,\n font-style: normal,\n font-weight: $ionic-font-weight-light,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-lg-regular: (\n font-size: $ionic-font-size-900,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-lg-light: (\n font-size: $ionic-font-size-900,\n font-style: normal,\n font-weight: $ionic-font-weight-light,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-regular: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-medium: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-semi-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-bold: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-regular: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-medium: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-semi-bold: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-bold: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-regular: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-medium: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-semi-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-regular: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-medium: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-semi-bold: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-bold: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-regular: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-medium: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-semi-bold: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-bold: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-regular: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-medium: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-semi-bold: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-bold: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-regular: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-medium: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-semi-bold: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-bold: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-link: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-lg-italic: (\n font-size: $ionic-font-size-400,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-regular: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-medium: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-semi-bold: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-bold: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-link: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-md-italic: (\n font-size: $ionic-font-size-350,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-regular: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-medium: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-semi-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-link: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-sm-italic: (\n font-size: $ionic-font-size-300,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-xl: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-lg: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-md: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-sm: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-overline-regular: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-medium: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-semi-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n","/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n@mixin tablet-viewport() {\n @media screen and (min-width: 768px) {\n @content;\n }\n}\n\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n@mixin mobile-viewport() {\n @media screen and (max-width: 767px) {\n @content;\n }\n}\n\n@mixin input-cover() {\n @include position(0, null, null, 0);\n @include margin(0);\n\n position: absolute;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n\n outline: none;\n\n background: transparent;\n\n cursor: pointer;\n\n appearance: none;\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin visually-hidden() {\n position: absolute;\n\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n padding: 0;\n\n border: 0;\n\n outline: 0;\n\n opacity: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n color: inherit;\n\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n\n letter-spacing: inherit;\n\n text-align: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n\n white-space: inherit;\n}\n\n@mixin button-state() {\n @include position(0, 0, 0, 0);\n\n position: absolute;\n\n content: \"\";\n\n opacity: 0;\n}\n\n// Font smoothing\n// --------------------------------------------------\n\n@mixin font-smoothing() {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n// Get the key from a map based on the index\n@function index-to-key($map, $index) {\n $keys: map-keys($map);\n\n @return nth($keys, $index);\n}\n\n// Breakpoint Mixins\n// ---------------------------------------------------------------------------------\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$screen-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// ---------------------------------------------------------------------------------\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n\n @return if($max and $max > 0, $max - 0.02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n $flipped-url: str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n $flipped-url: str-replace($flipped-url, \"<polygon\", \"<polygon #{$transform}\");\n $flipped-url: url-encode($flipped-url);\n\n @include ltr() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n\n @include rtl() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$flipped-url}\");\n }\n }\n}\n\n// Add property horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin property-horizontal($prop, $start, $end: $start) {\n @if $start == 0 and $end == 0 {\n #{$prop}-left: $start;\n #{$prop}-right: $end;\n } @else {\n -webkit-#{$prop}-start: $start;\n #{$prop}-inline-start: $start;\n -webkit-#{$prop}-end: $end;\n #{$prop}-inline-end: $end;\n }\n}\n\n// Add property for all directions\n// @param {string} $prop\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// @param {boolean} $content include content or use default\n// ----------------------------------------------------------\n@mixin property($prop, $top, $end: $top, $bottom: $top, $start: $end) {\n @include property-horizontal($prop, $start, $end);\n #{$prop}-top: $top;\n #{$prop}-bottom: $bottom;\n}\n\n// Add padding horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin padding-horizontal($start, $end: $start) {\n @include property-horizontal(padding, $start, $end);\n}\n\n// Add padding for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin padding($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(padding, $top, $end, $bottom, $start);\n}\n\n// Add margin horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin margin-horizontal($start, $end: $start) {\n @include property-horizontal(margin, $start, $end);\n}\n\n// Add margin for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin margin($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(margin, $top, $end, $bottom, $start);\n}\n\n// Add position horizontal\n// @param {string} $start - amount to position start\n// @param {string} $end - amount to left: 0; end\n// ----------------------------------------------------------\n@mixin position-horizontal($start: null, $end: null) {\n @if $start == $end {\n @include multi-dir() {\n right: $end;\n left: $start;\n }\n } @else {\n @at-root {\n & {\n inset-inline-start: $start;\n inset-inline-end: $end;\n }\n }\n }\n}\n\n// Add position for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin position($top: null, $end: null, $bottom: null, $start: null) {\n @include position-horizontal($start, $end);\n top: $top;\n bottom: $bottom;\n}\n\n// Add border for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin border($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(border, $top, $end, $bottom, $start);\n}\n\n// Add border radius for all directions\n// @param {string} $top-start\n// @param {string} $top-end\n// @param {string} $bottom-end\n// @param {string} $bottom-start\n// ----------------------------------------------------------\n@mixin border-radius($top-start, $top-end: $top-start, $bottom-end: $top-start, $bottom-start: $top-end) {\n @if $top-start == $top-end and $top-start == $bottom-end and $top-start == $bottom-start {\n border-radius: $top-start;\n } @else {\n border-start-start-radius: $top-start;\n border-start-end-radius: $top-end;\n border-end-end-radius: $bottom-end;\n border-end-start-radius: $bottom-start;\n }\n}\n\n// Add direction for all directions\n// @param {string} $dir - Direction on LTR\n@mixin direction($dir) {\n $other-dir: null;\n\n @if $dir == ltr {\n $other-dir: rtl;\n } @else {\n $other-dir: ltr;\n }\n\n @include ltr() {\n direction: $dir;\n }\n\n @include rtl() {\n direction: $other-dir;\n }\n}\n\n// Add float for all directions\n// @param {string} $side\n// @param {string} $decorator - !important\n@mixin float($side, $decorator: null) {\n @if $side == start {\n @include ltr() {\n float: left $decorator;\n }\n\n @include rtl() {\n float: right $decorator;\n }\n } @else if $side == end {\n @include ltr() {\n float: right $decorator;\n }\n\n @include rtl() {\n float: left $decorator;\n }\n } @else {\n @include multi-dir() {\n float: $side $decorator;\n }\n }\n}\n\n@mixin background-position($horizontal, $horizontal-amount: null, $vertical: null, $vertical-amount: null) {\n @if $horizontal == start or $horizontal == end {\n $horizontal-ltr: null;\n $horizontal-rtl: null;\n\n @if $horizontal == start {\n $horizontal-ltr: left;\n $horizontal-rtl: right;\n } @else {\n $horizontal-ltr: right;\n $horizontal-rtl: left;\n }\n\n @include ltr() {\n background-position: $horizontal-ltr $horizontal-amount $vertical $vertical-amount;\n }\n\n @include rtl() {\n background-position: $horizontal-rtl $horizontal-amount $vertical $vertical-amount;\n }\n } @else {\n @include multi-dir() {\n background-position: $horizontal $horizontal-amount $vertical $vertical-amount;\n }\n }\n}\n\n@mixin transform-origin($x-axis, $y-axis: null) {\n @if $x-axis == start {\n @include ltr() {\n transform-origin: left $y-axis;\n }\n\n @include rtl() {\n transform-origin: right $y-axis;\n }\n } @else if $x-axis == end {\n @include ltr() {\n transform-origin: right $y-axis;\n }\n\n @include rtl() {\n transform-origin: left $y-axis;\n }\n } @else if $x-axis == left or $x-axis == right {\n @include multi-dir() {\n transform-origin: $x-axis $y-axis;\n }\n } @else {\n @include ltr() {\n transform-origin: $x-axis $y-axis;\n }\n\n @include rtl() {\n transform-origin: calc(100% - #{$x-axis}) $y-axis;\n }\n }\n}\n\n// Add transform for all directions\n// @param {string} $transforms - comma separated list of transforms\n@mixin transform($transforms...) {\n $extra: null;\n\n $x: null;\n $ltr-translate: null;\n $rtl-translate: null;\n\n @each $transform in $transforms {\n @if (str-index($transform, translate3d)) {\n $transform: str-replace($transform, \"translate3d(\");\n $transform: str-replace($transform, \")\");\n\n $coordinates: str-split($transform, \",\");\n\n $x: nth($coordinates, 1);\n $y: nth($coordinates, 2);\n $z: nth($coordinates, 3);\n\n $ltr-translate: translate3d($x, $y, $z);\n $rtl-translate: translate3d(calc(-1 #{$x}), $y, $z);\n } @else {\n @if $extra == null {\n $extra: $transform;\n } @else {\n $extra: $extra $transform;\n }\n }\n }\n\n @if $x == \"0\" or $x == null {\n @include multi-dir() {\n transform: $ltr-translate $extra;\n }\n } @else {\n @include ltr() {\n transform: $ltr-translate $extra;\n }\n\n @include rtl() {\n transform: $rtl-translate $extra;\n }\n }\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/core.ionic.scss","../../src/themes/functions.color.scss","../../src/foundations/ionic.vars.scss","../../src/themes/mixins.scss"],"names":[],"mappings":"AAKA,MACE,yEACA,mEC0GE,6BACA,qCACA,mCACA,gDACA,oDACA,kDALA,+BACA,mCACA,wCACA,4CACA,sDACA,oDALA,8BACA,kCACA,uCACA,2CACA,qDACA,mDALA,6BACA,qCACA,mCACA,0CACA,oDACA,kDALA,6BACA,qCACA,mCACA,0CACA,oDACA,kDALA,4BACA,oCACA,kCACA,+CACA,mDACA,iDALA,2BACA,qCACA,iCACA,wCACA,kDACA,gDALA,4BACA,gCACA,qCACA,yCACA,mDACA,iDALA,6BACA,oCACA,mCACA,gDACA,oDACA,kDALA,0BACA,8BACA,mCACA,uCACA,iDACA,+CDrGA,yBC+EF,+DACA,2EACA,yEACA,0FACA,uFACA,oFDpFE,2BC+EF,iEACA,yEACA,8EACA,sFACA,yFACA,sFDpFE,0BC+EF,gEACA,wEACA,6EACA,qFACA,wFACA,qFDpFE,yBC+EF,+DACA,2EACA,yEACA,oFACA,uFACA,oFDpFE,yBC+EF,+DACA,2EACA,yEACA,oFACA,uFACA,oFDpFE,wBC+EF,8DACA,0EACA,wEACA,yFACA,sFACA,mFDpFE,uBC+EF,6DACA,2EACA,uEACA,kFACA,qFACA,kFDpFE,wBC+EF,8DACA,sEACA,2EACA,mFACA,sFACA,mFDpFE,yBC+EF,+DACA,0EACA,yEACA,0FACA,uFACA,oFDpFE,sBC+EF,4DACA,oEACA,yEACA,iFACA,oFACA,iFD9EF,KACE,yCAGF,KACE,gDACA,qCAGF,wBACE,gBAYF,+LAGE,YEmCgB,4BF3BlB,qIAEE,eEyBgB,4BFjBlB,+BACE,0EACA,wEAOF,qCACE,4CACE,0BA+BJ,2DACE,sBACA,mBAaF,wCACE,4CAMF,UGoRM,MHnRyB,EGoRzB,KHpR+B,EGwSnC,IHxS0B,EGyS1B,OHzSgC,EAEhC,aACA,kBAEA,sBACA,8BAEA,0BACA,UAWF,oBACE,kBAEA,YAEA,qBAGF,8CACE,kBAGF,iRAeE,wBAGF,oBACE,UAGF,wCACE,cAMF,6CAEE,gDAGF,6BACE,KACE,mDAIJ,iDACE,KACE,8CACA,oDACA,gDACA,mDAOJ,mFAEE,cAMF,cACE,+BAGF,mBACE,eACA,0BAUA,oBAMA,kBAUF,+BACE,mBAGF,4CACE,gBAGF,qBACE,gHAGF,mBACE,gHAIF,6EACE,uBE9KwB,oCF+KxB,wBE/KwB,oCFiL1B,4EACE,0BElLwB,oCFmLxB,2BEnLwB,oCFqL1B,qEACE,kBAGF,0EACE,2DAGF,uCACE,yCAEE,4BASJ,qJAEE,yBAGF,2GACE,kBACA,wBAGF,uMAEE,aAMF,6CACE,iBASF,6BACE,qBACA,sBAUF,wDACE,YACA,iBAaF,oCACE","file":"core.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Ionic Global Styles\n// --------------------------------------------------\n\n:root {\n --ionic-global-background-color: #{globals.$ionic-color-neutral-100};\n --ionic-global-text-color: #{globals.$ionic-color-neutral-900};\n\n /*\n Set the theme colors from the\n * `ionic.theme.default.scss` file.\n /\n @include globals.set-theme-colors(globals.$ionic-colors);\n @include globals.generate-color-variables();\n\n @each $color-name, $value in globals.$ionic-colors {\n .ion-color-#{$color-name} {\n @include globals.generate-color($color-name);\n }\n }\n}\n\nhtml {\n --ionic-dynamic-font: -apple-system-body;\n}\n\nbody {\n background: var(--ionic-global-background-color);\n color: var(--ionic-global-text-color);\n}\n\nbody.backdrop-no-scroll {\n overflow: hidden;\n}\n\n// Modal - Card Style\n// --------------------------------------------------\n/\n Card style modal needs additional padding on the\n * top of the header. We accomplish this by targeting\n * the first toolbar in the header.\n * Footer also needs this. We do not adjust the bottom\n * padding though because of the safe area.\n /\nhtml.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,\nhtml.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,\nhtml.ios ion-modal ion-footer ion-toolbar:first-of-type {\n padding-top: globals.$ionic-space-150;\n}\n\n/\n Card style modal needs additional padding on the\n* bottom of the header. We accomplish this by targeting\n* the last toolbar in the header.\n/\nhtml.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,\nhtml.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {\n padding-bottom: globals.$ionic-space-150;\n}\n\n/\n Add padding on the left and right\n* of toolbars while accounting for\n* safe area values when in landscape.\n/\nhtml.ios ion-modal ion-toolbar {\n padding-right: calc(var(--ion-safe-area-right) + globals.$ionic-space-200);\n padding-left: calc(var(--ion-safe-area-left) + globals.$ionic-space-200);\n}\n\n/\n Card style modal on iPadOS\n * should only have backdrop on first instance.\n /\n@media screen and (min-width: 768px) {\n html.ios ion-modal.modal-card:first-of-type {\n --backdrop-opacity: 0.18;\n }\n}\n\n/\n Subsequent modals should not have a backdrop/box shadow\n * as it will cause the screen to appear to get progressively\n * darker. With Ionic 6, declarative modals made it\n * possible to have multiple non-presented modals in the DOM,\n * so we could no longer rely on ion-modal:first-of-type.\n * Here we disable the opacity/box-shadow for every modal\n * that comes after the first presented modal.\n \n Note: ion-modal:not(.overlay-hidden):first-of-type\n * does not match the first modal to not have\n * the .overlay-hidden class, it will match the\n * first modal in general only if it does not\n * have the .overlay-hidden class.\n * The :nth-child() pseudo-class has support\n * for selectors which would help us here. At the\n * time of writing it does not have great cross browser\n * support.\n \n Note 2: This should only apply to non-card and\n * non-sheet modals. Card and sheet modals have their\n * own criteria for displaying backdrops/box shadows.\n \n Do not use :not(.overlay-hidden) in place of\n * .show-modal because that triggers a memory\n * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768\n /\nion-modal.modal-default.show-modal ~ ion-modal.modal-default {\n --backdrop-opacity: 0;\n --box-shadow: none;\n}\n\n/\n This works around a bug in WebKit where the\n * content will overflow outside of the bottom border\n * radius when re-painting. As long as a single\n * border radius value is set on .ion-page, this\n * issue does not happen. We set the top left radius\n * here because the top left corner will always have a\n * radius no matter the platform.\n * This behavior only applies to card modals.\n /\nhtml.ios ion-modal.modal-card .ion-page {\n border-top-left-radius: var(--border-radius);\n}\n\n// Page Container Structure\n// --------------------------------------------------\n\n.ion-page {\n @include globals.position(0, 0, 0, 0);\n\n display: flex;\n position: absolute;\n\n flex-direction: column;\n justify-content: space-between;\n\n contain: layout size style;\n z-index: 0;\n}\n\n/\n When making custom dialogs, using\n * ion-content is not required. As a result,\n * some developers may wish to have dialogs\n * that are automatically sized by the browser.\n * These changes allow certain dimension values\n * such as fit-content to work correctly.\n /\nion-modal > .ion-page {\n position: relative;\n\n height: 100%;\n\n contain: layout style;\n}\n\n.split-pane-visible > .ion-page.split-pane-main {\n position: relative;\n}\n\nion-route,\nion-route-redirect,\nion-router,\nion-select-option,\nion-nav-controller,\nion-menu-controller,\nion-action-sheet-controller,\nion-alert-controller,\nion-loading-controller,\nion-modal-controller,\nion-picker-controller,\nion-popover-controller,\nion-toast-controller,\n.ion-page-hidden {\n / stylelint-disable-next-line declaration-no-important /\n display: none !important;\n}\n\n.ion-page-invisible {\n opacity: 0;\n}\n\n.can-go-back > ion-header ion-back-button {\n display: block;\n}\n\n// Ionic Safe Margins\n// --------------------------------------------------\n\nhtml.plt-ios.plt-hybrid,\nhtml.plt-ios.plt-pwa {\n --ion-statusbar-padding: globals.$ionic-space-m;\n}\n\n@supports (padding-top: 20px) {\n html {\n --ion-safe-area-top: var(--ion-statusbar-padding);\n }\n}\n\n@supports (padding-top: env(safe-area-inset-top)) {\n html {\n --ion-safe-area-top: env(safe-area-inset-top);\n --ion-safe-area-bottom: env(safe-area-inset-bottom);\n --ion-safe-area-left: env(safe-area-inset-left);\n --ion-safe-area-right: env(safe-area-inset-right);\n }\n}\n\n// Global Card Styles\n// --------------------------------------------------\n\nion-card.ion-color .ion-inherit-color,\nion-card-header.ion-color .ion-inherit-color {\n color: inherit;\n}\n\n// Menu Styles\n// --------------------------------------------------\n\n.menu-content {\n transform: translate3d(0, 0, 0);\n}\n\n.menu-content-open {\n cursor: pointer;\n touch-action: manipulation;\n\n /\n The containing element itself should be clickable but\n * everything inside of it should not clickable when menu is open\n \n Setting pointer-events after scrolling has already started\n * will not cancel scrolling which is why we also set\n * overflow-y below.\n /\n pointer-events: none;\n\n /\n This accounts for scenarios where the main content itself\n * is scrollable.\n /\n overflow-y: hidden;\n}\n\n/\n Setting overflow cancels any in-progress scrolling\n * when the menu opens. This prevents users from accidentally\n * scrolling the main content while also dragging the menu open.\n * The code below accounts for both ion-content and then custom\n * scroll containers within ion-content (such as virtual scroll)\n /\n.menu-content-open ion-content {\n --overflow: hidden;\n}\n\n.menu-content-open .ion-content-scroll-host {\n overflow: hidden;\n}\n\n.menu-content-reveal {\n box-shadow: #{globals.$ionic-elevation-100};\n}\n\n.menu-content-push {\n box-shadow: #{globals.$ionic-elevation-100};\n}\n\n// Accordion Styles\nion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {\n border-top-left-radius: globals.$ionic-border-radius-200;\n border-top-right-radius: globals.$ionic-border-radius-200;\n}\nion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {\n border-bottom-left-radius: globals.$ionic-border-radius-200;\n border-bottom-right-radius: globals.$ionic-border-radius-200;\n}\nion-accordion-group > ion-accordion:last-of-type ion-item[slot=\"header\"] {\n --border-width: 0;\n}\n\nion-accordion.accordion-animated > [slot=\"header\"] .ion-accordion-toggle-icon {\n transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n\n@media (prefers-reduced-motion: reduce) {\n ion-accordion .ion-accordion-toggle-icon {\n / stylelint-disable declaration-no-important /\n transition: none !important;\n }\n}\n/\n The > [slot=\"header\"] selector ensures that we do\n * not modify toggle icons for any nested accordions. The state\n * of one accordion should not affect any accordions inside\n * of a nested accordion group.\n /\nion-accordion.accordion-expanding > [slot=\"header\"] .ion-accordion-toggle-icon,\nion-accordion.accordion-expanded > [slot=\"header\"] .ion-accordion-toggle-icon {\n transform: rotate(180deg);\n}\n\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=\"header\"] {\n --border-width: 0;\n --inner-border-width: 0;\n}\n\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {\n margin-top: 0;\n}\n\n// Safari/iOS 15 changes the appearance of input[type=\"date\"].\n// For backwards compatibility from Ionic 5/Safari 14 designs,\n// we override the appearance only when using within an ion-input.\nion-input input::-webkit-date-and-time-value {\n text-align: start;\n}\n\n/\n The .ion-datetime-button-overlay class contains\n * styles that allow any modal/popover to be\n * sized according to the dimensions of the datetime\n * when used with ion-datetime-button.\n /\n.ion-datetime-button-overlay {\n --width: fit-content;\n --height: fit-content;\n}\n\n/\n The grid variant can scale down when inline.\n * When used in a `fit-content` overlay, this causes\n * the overlay to shrink when the month/year picker is open.\n * Explicitly setting the dimensions lets us have a consistently\n * sized grid interface.\n /\n.ion-datetime-button-overlay ion-datetime.datetime-grid {\n width: 320px;\n min-height: 320px;\n}\n\n/\n If a popover has a child ion-content (or class equivalent) then the .popover-viewport element\n * should not be scrollable to ensure the inner content does scroll. However, if the popover\n * does not have a child ion-content (or class equivalent) then the .popover-viewport element\n * should remain scrollable. This code exists globally because popover targets\n * .popover-viewport using ::slotted which only supports simple selectors.\n \n Note that we do not need to account for .ion-content-scroll-host here because that\n * class should always be placed within ion-content even if ion-content is not scrollable.\n /\n.popover-viewport:has(> ion-content) {\n overflow: hidden;\n}\n","// Set the theme colors map to be used by the color functions\n// --------------------------------------------------------------------------------------------\n@mixin set-theme-colors($colorsMap) {\n $theme-colors: $colorsMap !global;\n}\n\n// Gets the active color's css variable from a variation. Alpha is optional.\n// --------------------------------------------------------------------------------------------\n// Example usage:\n// current-color(base) => var(--ion-color-base)\n// current-color(contrast, 0.1) => rgba(var(--ion-color-contrast-rgb), 0.1)\n// --------------------------------------------------------------------------------------------\n@function current-color($variation, $alpha: null) {\n @if $alpha == null {\n @return var(--ion-color-#{$variation});\n } @else {\n @return rgba(var(--ion-color-#{$variation}-rgb), #{$alpha});\n }\n}\n\n// Gets the specific color's css variable from the name and variation. Alpha/rgb are optional.\n// --------------------------------------------------------------------------------------------\n// Example usage:\n// ion-color(primary, base) => var(--ion-color-primary, #3880ff)\n// ion-color(secondary, contrast) => var(--ion-color-secondary-contrast)\n// ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5)\n// --------------------------------------------------------------------------------------------\n@function ion-color($name, $variation, $alpha: null, $rgb: null) {\n @if not($theme-colors) {\n @error 'No theme colors set. Please make sure to call set-theme-colors($colorsMap) before using ion-color()';\n }\n\n $values: map-get($theme-colors, $name);\n $value: map-get($values, $variation);\n $variable: --ion-color-#{$name}-#{$variation};\n\n @if ($variation == base) {\n $variable: --ion-color-#{$name};\n }\n\n @if ($alpha) {\n $value: color-to-rgb-list($value);\n\n @return rgba(var(#{$variable}-rgb, $value), $alpha);\n }\n\n @if ($rgb) {\n $value: color-to-rgb-list($value);\n $variable: #{$variable}-rgb;\n }\n\n @return var(#{$variable}, $value);\n}\n\n// Mixes a color with black to create its shade.\n// --------------------------------------------------------------------------------------------\n@function get-color-shade($color) {\n @if (type-of($color) != color) {\n @return $color;\n }\n @return mix(#000, $color, 12%);\n}\n\n// Mixes a color with white to create its tint.\n// --------------------------------------------------------------------------------------------\n@function get-color-tint($color) {\n @if (type-of($color) != color) {\n @return $color;\n }\n @return mix(#fff, $color, 10%);\n}\n\n// Converts a color to a comma separated rgb.\n// --------------------------------------------------------------------------------------------\n@function color-to-rgb-list($color) {\n @if (type-of($color) != color) {\n @return $color;\n }\n @return #{red($color)}, #{green($color)}, #{blue($color)};\n}\n\n// Generates the color classes and variables\n// based on the colors map\n// --------------------------------------------------------------------------------------------\n@mixin generate-color($color-name) {\n @if not($theme-colors) {\n @error 'No theme colors set. Please make sure to call set-theme-colors($colorsMap) before using ion-color()';\n }\n\n $value: map-get($theme-colors, $color-name);\n\n $base: map-get($value, base);\n $contrast: map-get($value, contrast);\n $shade: map-get($value, shade);\n $tint: map-get($value, tint);\n\n --ion-color-base: var(--ion-color-#{$color-name}, #{$base}) !important;\n --ion-color-base-rgb: var(--ion-color-#{$color-name}-rgb, #{color-to-rgb-list($base)}) !important;\n --ion-color-contrast: var(--ion-color-#{$color-name}-contrast, #{$contrast}) !important;\n --ion-color-contrast-rgb: var(--ion-color-#{$color-name}-contrast-rgb, #{color-to-rgb-list($contrast)}) !important;\n --ion-color-shade: var(--ion-color-#{$color-name}-shade, #{$shade}) !important;\n --ion-color-tint: var(--ion-color-#{$color-name}-tint, #{$tint}) !important;\n}\n\n// Generates the CSS variables for each color\n// based on the colors map\n// --------------------------------------------------------------------------------------------\n@mixin generate-color-variables() {\n @if not($theme-colors) {\n @error 'No theme colors set. Please make sure to call set-theme-colors($colorsMap) before using ion-color()';\n }\n\n @each $color-name, $value in $theme-colors {\n --ion-color-#{$color-name}: #{map-get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map-get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map-get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map-get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map-get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map-get($value, tint)};\n }\n}\n","/\n This is an auto-generated file, please do not change it directly.\n * Ionic Design System\n /\n\n@use \"../themes/functions.sizes\" as font;\n\n$ionic-elevation-100: var(\n --ionic-elevation-100,\n 0px 3px 9px 0px rgba(0, 0, 0, 0.07),\n 0px 0px 4px 0px rgba(0, 0, 0, 0.04)\n);\n$ionic-elevation-200: var(\n --ionic-elevation-200,\n 0px 8px 25px 0px rgba(0, 0, 0, 0.08),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.05)\n);\n$ionic-elevation-300: var(\n --ionic-elevation-300,\n 0px 6px 32px 0px rgba(0, 0, 0, 0.16),\n 0px 2px 7px 0px rgba(0, 0, 0, 0.05)\n);\n$ionic-elevation-400: var(\n --ionic-elevation-400,\n 0px 15px 48px 0px rgba(0, 0, 0, 0.18),\n 0px 3px 12px 0px rgba(0, 0, 0, 0.12)\n);\n$ionic-elevation-500: var(\n --ionic-elevation-500,\n 0px 3px 9px 0px rgba(6, 43, 99, 0.07),\n 0px 0px 4px 0px rgba(6, 43, 99, 0.04)\n);\n$ionic-elevation-600: var(\n --ionic-elevation-600,\n 0px 8px 25px 0px rgba(6, 43, 99, 0.08),\n 0px 1px 5px 0px rgba(6, 43, 99, 0.05)\n);\n$ionic-elevation-700: var(\n --ionic-elevation-700,\n 0px 15px 32px 0px rgba(6, 43, 99, 0.09),\n 0px 2px 7px 0px rgba(6, 43, 99, 0.05)\n);\n$ionic-elevation-800: var(\n --ionic-elevation-800,\n 0px 20px 48px 0px rgba(6, 43, 99, 0.12),\n 0px 3px 14px 0px rgba(6, 43, 99, 0.12)\n);\n$ionic-font-size-275: var(--ionic-font-size-275, font.px-to-rem(11));\n$ionic-font-size-300: var(--ionic-font-size-300, font.px-to-rem(12));\n$ionic-font-size-350: var(--ionic-font-size-350, font.px-to-rem(14));\n$ionic-font-size-400: var(--ionic-font-size-400, font.px-to-rem(16));\n$ionic-font-size-450: var(--ionic-font-size-450, font.px-to-rem(18));\n$ionic-font-size-500: var(--ionic-font-size-500, font.px-to-rem(20));\n$ionic-font-size-550: var(--ionic-font-size-550, font.px-to-rem(22));\n$ionic-font-size-600: var(--ionic-font-size-600, font.px-to-rem(24));\n$ionic-font-size-650: var(--ionic-font-size-650, font.px-to-rem(26));\n$ionic-font-size-700: var(--ionic-font-size-700, font.px-to-rem(28));\n$ionic-font-size-800: var(--ionic-font-size-800, font.px-to-rem(32));\n$ionic-font-size-900: var(--ionic-font-size-900, font.px-to-rem(36));\n$ionic-font-weight-thin: var(--ionic-font-weight-thin, 100);\n$ionic-font-weight-extra-light: var(--ionic-font-weight-extra-light, 200);\n$ionic-font-weight-light: var(--ionic-font-weight-light, 300);\n$ionic-font-weight-regular: var(--ionic-font-weight-regular, 400);\n$ionic-font-weight-medium: var(--ionic-font-weight-medium, 500);\n$ionic-font-weight-semi-bold: var(--ionic-font-weight-semi-bold, 600);\n$ionic-font-weight-bold: var(--ionic-font-weight-bold, 700);\n$ionic-font-weight-extra-bold: var(--ionic-font-weight-extra-bold, 800);\n$ionic-font-weight-black: var(--ionic-font-weight-black, 900);\n$ionic-letter-spacing-0: var(--ionic-letter-spacing-0, 0);\n$ionic-letter-spacing-1: var(--ionic-letter-spacing-1, 1%);\n$ionic-letter-spacing-2: var(--ionic-letter-spacing-2, 1.5%);\n$ionic-line-height-300: var(--ionic-line-height-300, 12px);\n$ionic-line-height-400: var(--ionic-line-height-400, 16px);\n$ionic-line-height-500: var(--ionic-line-height-500, 20px);\n$ionic-line-height-600: var(--ionic-line-height-600, 24px);\n$ionic-line-height-700: var(--ionic-line-height-700, 28px);\n$ionic-line-height-800: var(--ionic-line-height-800, 32px);\n$ionic-line-height-900: var(--ionic-line-height-900, 36px);\n$ionic-line-height-1100: var(--ionic-line-height-1100, 44px);\n$ionic-line-height-1200: var(--ionic-line-height-1200, 48px);\n$ionic-line-height-full: var(--ionic-line-height-full, 100%);\n$ionic-space-0: var(--ionic-space-0, 0px);\n$ionic-space-100: var(--ionic-space-100, 4px);\n$ionic-space-150: var(--ionic-space-150, 6px);\n$ionic-space-200: var(--ionic-space-200, 8px);\n$ionic-space-250: var(--ionic-space-250, 10px);\n$ionic-space-300: var(--ionic-space-300, 12px);\n$ionic-space-400: var(--ionic-space-400, 16px);\n$ionic-space-500: var(--ionic-space-500, 20px);\n$ionic-space-600: var(--ionic-space-600, 24px);\n$ionic-space-700: var(--ionic-space-700, 28px);\n$ionic-space-800: var(--ionic-space-800, 32px);\n$ionic-space-850: var(--ionic-space-850, 34px);\n$ionic-space-900: var(--ionic-space-900, 36px);\n$ionic-space-1000: var(--ionic-space-1000, 40px);\n$ionic-space-1200: var(--ionic-space-1200, 48px);\n$ionic-space-050: var(--ionic-space-050, 2px);\n$ionic-border-radius-0: var(--ionic-border-radius-0, 0px);\n$ionic-border-radius-100: var(--ionic-border-radius-100, 4px);\n$ionic-border-radius-200: var(--ionic-border-radius-200, 8px);\n$ionic-border-radius-300: var(--ionic-border-radius-300, 12px);\n$ionic-border-radius-400: var(--ionic-border-radius-400, 16px);\n$ionic-border-radius-500: var(--ionic-border-radius-500, 20px);\n$ionic-border-radius-800: var(--ionic-border-radius-800, 32px);\n$ionic-border-radius-1000: var(--ionic-border-radius-1000, 40px);\n$ionic-border-radius-050: var(--ionic-border-radius-050, 2px);\n$ionic-border-radius-full: var(--ionic-border-radius-full, 999px);\n$ionic-border-size-0: var(--ionic-border-size-0, 0px);\n$ionic-border-size-025: var(--ionic-border-size-025, 1px);\n$ionic-border-size-050: var(--ionic-border-size-050, 2px);\n$ionic-border-size-075: var(--ionic-border-size-075, 3px);\n$ionic-border-style-none: var(--ionic-border-style-none, none);\n$ionic-border-style-solid: var(--ionic-border-style-solid, solid);\n$ionic-border-style-dashed: var(--ionic-border-style-dashed, dashed);\n$ionic-border-style-dotted: var(--ionic-border-style-dotted, dotted);\n$ionic-color-base-white: var(--ionic-color-base-white, #ffffff);\n$ionic-color-base-white-rgb: var(--ionic-color-base-white-rgb, 255, 255, 255);\n$ionic-color-base-black: var(--ionic-color-base-black, #111111);\n$ionic-color-base-black-rgb: var(--ionic-color-base-black-rgb, 17, 17, 17);\n$ionic-color-neutral-100: var(--ionic-color-neutral-100, #f1f1f1);\n$ionic-color-neutral-100-rgb: var(--ionic-color-neutral-100-rgb, 241, 241, 241);\n$ionic-color-neutral-200: var(--ionic-color-neutral-200, #e7e7e7);\n$ionic-color-neutral-200-rgb: var(--ionic-color-neutral-200-rgb, 231, 231, 231);\n$ionic-color-neutral-300: var(--ionic-color-neutral-300, #cfcfcf);\n$ionic-color-neutral-300-rgb: var(--ionic-color-neutral-300-rgb, 207, 207, 207);\n$ionic-color-neutral-400: var(--ionic-color-neutral-400, #b9b9b9);\n$ionic-color-neutral-400-rgb: var(--ionic-color-neutral-400-rgb, 185, 185, 185);\n$ionic-color-neutral-500: var(--ionic-color-neutral-500, #a2a2a2);\n$ionic-color-neutral-500-rgb: var(--ionic-color-neutral-500-rgb, 162, 162, 162);\n$ionic-color-neutral-600: var(--ionic-color-neutral-600, #8c8c8c);\n$ionic-color-neutral-600-rgb: var(--ionic-color-neutral-600-rgb, 140, 140, 140);\n$ionic-color-neutral-700: var(--ionic-color-neutral-700, #777777);\n$ionic-color-neutral-700-rgb: var(--ionic-color-neutral-700-rgb, 119, 119, 119);\n$ionic-color-neutral-800: var(--ionic-color-neutral-800, #626262);\n$ionic-color-neutral-800-rgb: var(--ionic-color-neutral-800-rgb, 98, 98, 98);\n$ionic-color-neutral-900: var(--ionic-color-neutral-900, #4e4e4e);\n$ionic-color-neutral-900-rgb: var(--ionic-color-neutral-900-rgb, 78, 78, 78);\n$ionic-color-neutral-1000: var(--ionic-color-neutral-1000, #3b3b3b);\n$ionic-color-neutral-1000-rgb: var(--ionic-color-neutral-1000-rgb, 59, 59, 59);\n$ionic-color-neutral-1100: var(--ionic-color-neutral-1100, #292929);\n$ionic-color-neutral-1100-rgb: var(--ionic-color-neutral-1100-rgb, 41, 41, 41);\n$ionic-color-neutral-1200: var(--ionic-color-neutral-1200, #242424);\n$ionic-color-neutral-1200-rgb: var(--ionic-color-neutral-1200-rgb, 36, 36, 36);\n$ionic-color-red-100: var(--ionic-color-red-100, #feeded);\n$ionic-color-red-100-rgb: var(--ionic-color-red-100-rgb, 254, 237, 237);\n$ionic-color-red-200: var(--ionic-color-red-200, #fde1e1);\n$ionic-color-red-200-rgb: var(--ionic-color-red-200-rgb, 253, 225, 225);\n$ionic-color-red-300: var(--ionic-color-red-300, #fcc1c1);\n$ionic-color-red-300-rgb: var(--ionic-color-red-300-rgb, 252, 193, 193);\n$ionic-color-red-400: var(--ionic-color-red-400, #faa1a1);\n$ionic-color-red-400-rgb: var(--ionic-color-red-400-rgb, 250, 161, 161);\n$ionic-color-red-500: var(--ionic-color-red-500, #f97d7d);\n$ionic-color-red-500-rgb: var(--ionic-color-red-500-rgb, 249, 125, 125);\n$ionic-color-red-600: var(--ionic-color-red-600, #f85151);\n$ionic-color-red-600-rgb: var(--ionic-color-red-600-rgb, 248, 81, 81);\n$ionic-color-red-700: var(--ionic-color-red-700, #e52929);\n$ionic-color-red-700-rgb: var(--ionic-color-red-700-rgb, 229, 41, 41);\n$ionic-color-red-800: var(--ionic-color-red-800, #bf2222);\n$ionic-color-red-800-rgb: var(--ionic-color-red-800-rgb, 191, 34, 34);\n$ionic-color-red-900: var(--ionic-color-red-900, #991b1b);\n$ionic-color-red-900-rgb: var(--ionic-color-red-900-rgb, 153, 27, 27);\n$ionic-color-red-1000: var(--ionic-color-red-1000, #761515);\n$ionic-color-red-1000-rgb: var(--ionic-color-red-1000-rgb, 118, 21, 21);\n$ionic-color-red-1100: var(--ionic-color-red-1100, #540f0f);\n$ionic-color-red-1100-rgb: var(--ionic-color-red-1100-rgb, 84, 15, 15);\n$ionic-color-red-1200: var(--ionic-color-red-1200, #330909);\n$ionic-color-red-1200-rgb: var(--ionic-color-red-1200-rgb, 51, 9, 9);\n$ionic-color-pumpkin-100: var(--ionic-color-pumpkin-100, #feedea);\n$ionic-color-pumpkin-100-rgb: var(--ionic-color-pumpkin-100-rgb, 254, 237, 234);\n$ionic-color-pumpkin-200: var(--ionic-color-pumpkin-200, #fde0db);\n$ionic-color-pumpkin-200-rgb: var(--ionic-color-pumpkin-200-rgb, 253, 224, 219);\n$ionic-color-pumpkin-300: var(--ionic-color-pumpkin-300, #fbbdb1);\n$ionic-color-pumpkin-300-rgb: var(--ionic-color-pumpkin-300-rgb, 251, 189, 177);\n$ionic-color-pumpkin-400: var(--ionic-color-pumpkin-400, #f9947c);\n$ionic-color-pumpkin-400-rgb: var(--ionic-color-pumpkin-400-rgb, 249, 148, 124);\n$ionic-color-pumpkin-500: var(--ionic-color-pumpkin-500, #f75d07);\n$ionic-color-pumpkin-500-rgb: var(--ionic-color-pumpkin-500-rgb, 247, 93, 7);\n$ionic-color-pumpkin-600: var(--ionic-color-pumpkin-600, #da5206);\n$ionic-color-pumpkin-600-rgb: var(--ionic-color-pumpkin-600-rgb, 218, 82, 6);\n$ionic-color-pumpkin-700: var(--ionic-color-pumpkin-700, #bd4705);\n$ionic-color-pumpkin-700-rgb: var(--ionic-color-pumpkin-700-rgb, 189, 71, 5);\n$ionic-color-pumpkin-800: var(--ionic-color-pumpkin-800, #9f3c05);\n$ionic-color-pumpkin-800-rgb: var(--ionic-color-pumpkin-800-rgb, 159, 60, 5);\n$ionic-color-pumpkin-900: var(--ionic-color-pumpkin-900, #803004);\n$ionic-color-pumpkin-900-rgb: var(--ionic-color-pumpkin-900-rgb, 128, 48, 4);\n$ionic-color-pumpkin-1000: var(--ionic-color-pumpkin-1000, #602403);\n$ionic-color-pumpkin-1000-rgb: var(--ionic-color-pumpkin-1000-rgb, 96, 36, 3);\n$ionic-color-pumpkin-1100: var(--ionic-color-pumpkin-1100, #401802);\n$ionic-color-pumpkin-1100-rgb: var(--ionic-color-pumpkin-1100-rgb, 64, 24, 2);\n$ionic-color-pumpkin-1200: var(--ionic-color-pumpkin-1200, #210c01);\n$ionic-color-pumpkin-1200-rgb: var(--ionic-color-pumpkin-1200-rgb, 33, 12, 1);\n$ionic-color-orange-100: var(--ionic-color-orange-100, #fff1ea);\n$ionic-color-orange-100-rgb: var(--ionic-color-orange-100-rgb, 255, 241, 234);\n$ionic-color-orange-200: var(--ionic-color-orange-200, #ffe8db);\n$ionic-color-orange-200-rgb: var(--ionic-color-orange-200-rgb, 255, 232, 219);\n$ionic-color-orange-300: var(--ionic-color-orange-300, #ffcfb1);\n$ionic-color-orange-300-rgb: var(--ionic-color-orange-300-rgb, 255, 207, 177);\n$ionic-color-orange-400: var(--ionic-color-orange-400, #ffb37b);\n$ionic-color-orange-400-rgb: var(--ionic-color-orange-400-rgb, 255, 179, 123);\n$ionic-color-orange-500: var(--ionic-color-orange-500, #ff9400);\n$ionic-color-orange-500-rgb: var(--ionic-color-orange-500-rgb, 255, 148, 0);\n$ionic-color-orange-600: var(--ionic-color-orange-600, #e18300);\n$ionic-color-orange-600-rgb: var(--ionic-color-orange-600-rgb, 225, 131, 0);\n$ionic-color-orange-700: var(--ionic-color-orange-700, #c37100);\n$ionic-color-orange-700-rgb: var(--ionic-color-orange-700-rgb, 195, 113, 0);\n$ionic-color-orange-800: var(--ionic-color-orange-800, #a45f00);\n$ionic-color-orange-800-rgb: var(--ionic-color-orange-800-rgb, 164, 95, 0);\n$ionic-color-orange-900: var(--ionic-color-orange-900, #844d00);\n$ionic-color-orange-900-rgb: var(--ionic-color-orange-900-rgb, 132, 77, 0);\n$ionic-color-orange-1000: var(--ionic-color-orange-1000, #633a00);\n$ionic-color-orange-1000-rgb: var(--ionic-color-orange-1000-rgb, 99, 58, 0);\n$ionic-color-orange-1100: var(--ionic-color-orange-1100, #422700);\n$ionic-color-orange-1100-rgb: var(--ionic-color-orange-1100-rgb, 66, 39, 0);\n$ionic-color-orange-1200: var(--ionic-color-orange-1200, #221400);\n$ionic-color-orange-1200-rgb: var(--ionic-color-orange-1200-rgb, 34, 20, 0);\n$ionic-color-yellow-100: var(--ionic-color-yellow-100, #fff9ea);\n$ionic-color-yellow-100-rgb: var(--ionic-color-yellow-100-rgb, 255, 249, 234);\n$ionic-color-yellow-200: var(--ionic-color-yellow-200, #fff5db);\n$ionic-color-yellow-200-rgb: var(--ionic-color-yellow-200-rgb, 255, 245, 219);\n$ionic-color-yellow-300: var(--ionic-color-yellow-300, #ffebb1);\n$ionic-color-yellow-300-rgb: var(--ionic-color-yellow-300-rgb, 255, 235, 177);\n$ionic-color-yellow-400: var(--ionic-color-yellow-400, #ffe07b);\n$ionic-color-yellow-400-rgb: var(--ionic-color-yellow-400-rgb, 255, 224, 123);\n$ionic-color-yellow-500: var(--ionic-color-yellow-500, #ffd600);\n$ionic-color-yellow-500-rgb: var(--ionic-color-yellow-500-rgb, 255, 214, 0);\n$ionic-color-yellow-600: var(--ionic-color-yellow-600, #e1bd00);\n$ionic-color-yellow-600-rgb: var(--ionic-color-yellow-600-rgb, 225, 189, 0);\n$ionic-color-yellow-700: var(--ionic-color-yellow-700, #c3a400);\n$ionic-color-yellow-700-rgb: var(--ionic-color-yellow-700-rgb, 195, 164, 0);\n$ionic-color-yellow-800: var(--ionic-color-yellow-800, #a48a00);\n$ionic-color-yellow-800-rgb: var(--ionic-color-yellow-800-rgb, 164, 138, 0);\n$ionic-color-yellow-900: var(--ionic-color-yellow-900, #846f00);\n$ionic-color-yellow-900-rgb: var(--ionic-color-yellow-900-rgb, 132, 111, 0);\n$ionic-color-yellow-1000: var(--ionic-color-yellow-1000, #635300);\n$ionic-color-yellow-1000-rgb: var(--ionic-color-yellow-1000-rgb, 99, 83, 0);\n$ionic-color-yellow-1100: var(--ionic-color-yellow-1100, #423800);\n$ionic-color-yellow-1100-rgb: var(--ionic-color-yellow-1100-rgb, 66, 56, 0);\n$ionic-color-yellow-1200: var(--ionic-color-yellow-1200, #221d00);\n$ionic-color-yellow-1200-rgb: var(--ionic-color-yellow-1200-rgb, 34, 29, 0);\n$ionic-color-lime-100: var(--ionic-color-lime-100, #f3faea);\n$ionic-color-lime-100-rgb: var(--ionic-color-lime-100-rgb, 243, 250, 234);\n$ionic-color-lime-200: var(--ionic-color-lime-200, #eaf7db);\n$ionic-color-lime-200-rgb: var(--ionic-color-lime-200-rgb, 234, 247, 219);\n$ionic-color-lime-300: var(--ionic-color-lime-300, #d3efb2);\n$ionic-color-lime-300-rgb: var(--ionic-color-lime-300-rgb, 211, 239, 178);\n$ionic-color-lime-400: var(--ionic-color-lime-400, #bbe77d);\n$ionic-color-lime-400-rgb: var(--ionic-color-lime-400-rgb, 187, 231, 125);\n$ionic-color-lime-500: var(--ionic-color-lime-500, #a0df18);\n$ionic-color-lime-500-rgb: var(--ionic-color-lime-500-rgb, 160, 223, 24);\n$ionic-color-lime-600: var(--ionic-color-lime-600, #8dc515);\n$ionic-color-lime-600-rgb: var(--ionic-color-lime-600-rgb, 141, 197, 21);\n$ionic-color-lime-700: var(--ionic-color-lime-700, #7aab12);\n$ionic-color-lime-700-rgb: var(--ionic-color-lime-700-rgb, 122, 171, 18);\n$ionic-color-lime-800: var(--ionic-color-lime-800, #678f0f);\n$ionic-color-lime-800-rgb: var(--ionic-color-lime-800-rgb, 103, 143, 15);\n$ionic-color-lime-900: var(--ionic-color-lime-900, #53730c);\n$ionic-color-lime-900-rgb: var(--ionic-color-lime-900-rgb, 83, 115, 12);\n$ionic-color-lime-1000: var(--ionic-color-lime-1000, #3e5709);\n$ionic-color-lime-1000-rgb: var(--ionic-color-lime-1000-rgb, 62, 87, 9);\n$ionic-color-lime-1100: var(--ionic-color-lime-1100, #2a3a06);\n$ionic-color-lime-1100-rgb: var(--ionic-color-lime-1100-rgb, 42, 58, 6);\n$ionic-color-lime-1200: var(--ionic-color-lime-1200, #151e03);\n$ionic-color-lime-1200-rgb: var(--ionic-color-lime-1200-rgb, 21, 30, 3);\n$ionic-color-green-100: var(--ionic-color-green-100, #ebf9ec);\n$ionic-color-green-100-rgb: var(--ionic-color-green-100-rgb, 235, 249, 236);\n$ionic-color-green-200: var(--ionic-color-green-200, #dcf5de);\n$ionic-color-green-200-rgb: var(--ionic-color-green-200-rgb, 220, 245, 222);\n$ionic-color-green-300: var(--ionic-color-green-300, #b3ebb7);\n$ionic-color-green-300-rgb: var(--ionic-color-green-300-rgb, 179, 235, 183);\n$ionic-color-green-400: var(--ionic-color-green-400, #7fe089);\n$ionic-color-green-400-rgb: var(--ionic-color-green-400-rgb, 127, 224, 137);\n$ionic-color-green-500: var(--ionic-color-green-500, #23d643);\n$ionic-color-green-500-rgb: var(--ionic-color-green-500-rgb, 35, 214, 67);\n$ionic-color-green-600: var(--ionic-color-green-600, #1fbd3b);\n$ionic-color-green-600-rgb: var(--ionic-color-green-600-rgb, 31, 189, 59);\n$ionic-color-green-700: var(--ionic-color-green-700, #1ba433);\n$ionic-color-green-700-rgb: var(--ionic-color-green-700-rgb, 27, 164, 51);\n$ionic-color-green-800: var(--ionic-color-green-800, #178a2b);\n$ionic-color-green-800-rgb: var(--ionic-color-green-800-rgb, 23, 138, 43);\n$ionic-color-green-900: var(--ionic-color-green-900, #126f23);\n$ionic-color-green-900-rgb: var(--ionic-color-green-900-rgb, 18, 111, 35);\n$ionic-color-green-1000: var(--ionic-color-green-1000, #0e531a);\n$ionic-color-green-1000-rgb: var(--ionic-color-green-1000-rgb, 14, 83, 26);\n$ionic-color-green-1100: var(--ionic-color-green-1100, #093811);\n$ionic-color-green-1100-rgb: var(--ionic-color-green-1100-rgb, 9, 56, 17);\n$ionic-color-green-1200: var(--ionic-color-green-1200, #051d09);\n$ionic-color-green-1200-rgb: var(--ionic-color-green-1200-rgb, 5, 29, 9);\n$ionic-color-teal-100: var(--ionic-color-teal-100, #eaf8f5);\n$ionic-color-teal-100-rgb: var(--ionic-color-teal-100-rgb, 234, 248, 245);\n$ionic-color-teal-200: var(--ionic-color-teal-200, #dbf3ee);\n$ionic-color-teal-200-rgb: var(--ionic-color-teal-200-rgb, 219, 243, 238);\n$ionic-color-teal-300: var(--ionic-color-teal-300, #b1e7dd);\n$ionic-color-teal-300-rgb: var(--ionic-color-teal-300-rgb, 177, 231, 221);\n$ionic-color-teal-400: var(--ionic-color-teal-400, #7bdbca);\n$ionic-color-teal-400-rgb: var(--ionic-color-teal-400-rgb, 123, 219, 202);\n$ionic-color-teal-500: var(--ionic-color-teal-500, #00cfb7);\n$ionic-color-teal-500-rgb: var(--ionic-color-teal-500-rgb, 0, 207, 183);\n$ionic-color-teal-600: var(--ionic-color-teal-600, #00b7a2);\n$ionic-color-teal-600-rgb: var(--ionic-color-teal-600-rgb, 0, 183, 162);\n$ionic-color-teal-700: var(--ionic-color-teal-700, #009e8c);\n$ionic-color-teal-700-rgb: var(--ionic-color-teal-700-rgb, 0, 158, 140);\n$ionic-color-teal-800: var(--ionic-color-teal-800, #008576);\n$ionic-color-teal-800-rgb: var(--ionic-color-teal-800-rgb, 0, 133, 118);\n$ionic-color-teal-900: var(--ionic-color-teal-900, #006b5f);\n$ionic-color-teal-900-rgb: var(--ionic-color-teal-900-rgb, 0, 107, 95);\n$ionic-color-teal-1000: var(--ionic-color-teal-1000, #005147);\n$ionic-color-teal-1000-rgb: var(--ionic-color-teal-1000-rgb, 0, 81, 71);\n$ionic-color-teal-1100: var(--ionic-color-teal-1100, #003630);\n$ionic-color-teal-1100-rgb: var(--ionic-color-teal-1100-rgb, 0, 54, 48);\n$ionic-color-teal-1200: var(--ionic-color-teal-1200, #001c19);\n$ionic-color-teal-1200-rgb: var(--ionic-color-teal-1200-rgb, 0, 28, 25);\n$ionic-color-aqua-100: var(--ionic-color-aqua-100, #ebf9fe);\n$ionic-color-aqua-100-rgb: var(--ionic-color-aqua-100-rgb, 235, 249, 254);\n$ionic-color-aqua-200: var(--ionic-color-aqua-200, #dcf4fd);\n$ionic-color-aqua-200-rgb: var(--ionic-color-aqua-200-rgb, 220, 244, 253);\n$ionic-color-aqua-300: var(--ionic-color-aqua-300, #b3e9fc);\n$ionic-color-aqua-300-rgb: var(--ionic-color-aqua-300-rgb, 179, 233, 252);\n$ionic-color-aqua-400: var(--ionic-color-aqua-400, #80defa);\n$ionic-color-aqua-400-rgb: var(--ionic-color-aqua-400-rgb, 128, 222, 250);\n$ionic-color-aqua-500: var(--ionic-color-aqua-500, #27d3f9);\n$ionic-color-aqua-500-rgb: var(--ionic-color-aqua-500-rgb, 39, 211, 249);\n$ionic-color-aqua-600: var(--ionic-color-aqua-600, #22bbdc);\n$ionic-color-aqua-600-rgb: var(--ionic-color-aqua-600-rgb, 34, 187, 220);\n$ionic-color-aqua-700: var(--ionic-color-aqua-700, #1ea2bf);\n$ionic-color-aqua-700-rgb: var(--ionic-color-aqua-700-rgb, 30, 162, 191);\n$ionic-color-aqua-800: var(--ionic-color-aqua-800, #1988a0);\n$ionic-color-aqua-800-rgb: var(--ionic-color-aqua-800-rgb, 25, 136, 160);\n$ionic-color-aqua-900: var(--ionic-color-aqua-900, #146d81);\n$ionic-color-aqua-900-rgb: var(--ionic-color-aqua-900-rgb, 20, 109, 129);\n$ionic-color-aqua-1000: var(--ionic-color-aqua-1000, #0f5261);\n$ionic-color-aqua-1000-rgb: var(--ionic-color-aqua-1000-rgb, 15, 82, 97);\n$ionic-color-aqua-1100: var(--ionic-color-aqua-1100, #0a3741);\n$ionic-color-aqua-1100-rgb: var(--ionic-color-aqua-1100-rgb, 10, 55, 65);\n$ionic-color-aqua-1200: var(--ionic-color-aqua-1200, #051c21);\n$ionic-color-aqua-1200-rgb: var(--ionic-color-aqua-1200-rgb, 5, 28, 33);\n$ionic-color-blue-100: var(--ionic-color-blue-100, #f2f4fd);\n$ionic-color-blue-100-rgb: var(--ionic-color-blue-100-rgb, 242, 244, 253);\n$ionic-color-blue-200: var(--ionic-color-blue-200, #e9ecfc);\n$ionic-color-blue-200-rgb: var(--ionic-color-blue-200-rgb, 233, 236, 252);\n$ionic-color-blue-300: var(--ionic-color-blue-300, #d0d7fa);\n$ionic-color-blue-300-rgb: var(--ionic-color-blue-300-rgb, 208, 215, 250);\n$ionic-color-blue-400: var(--ionic-color-blue-400, #b5c0f7);\n$ionic-color-blue-400-rgb: var(--ionic-color-blue-400-rgb, 181, 192, 247);\n$ionic-color-blue-500: var(--ionic-color-blue-500, #94a5f4);\n$ionic-color-blue-500-rgb: var(--ionic-color-blue-500-rgb, 148, 165, 244);\n$ionic-color-blue-600: var(--ionic-color-blue-600, #6986f2);\n$ionic-color-blue-600-rgb: var(--ionic-color-blue-600-rgb, 105, 134, 242);\n$ionic-color-blue-700: var(--ionic-color-blue-700, #105cef);\n$ionic-color-blue-700-rgb: var(--ionic-color-blue-700-rgb, 16, 92, 239);\n$ionic-color-blue-800: var(--ionic-color-blue-800, #0f54da);\n$ionic-color-blue-800-rgb: var(--ionic-color-blue-800-rgb, 15, 84, 218);\n$ionic-color-blue-900: var(--ionic-color-blue-900, #0d4bc3);\n$ionic-color-blue-900-rgb: var(--ionic-color-blue-900-rgb, 13, 75, 195);\n$ionic-color-blue-1000: var(--ionic-color-blue-1000, #0b41a9);\n$ionic-color-blue-1000-rgb: var(--ionic-color-blue-1000-rgb, 11, 65, 169);\n$ionic-color-blue-1100: var(--ionic-color-blue-1100, #09358a);\n$ionic-color-blue-1100-rgb: var(--ionic-color-blue-1100-rgb, 9, 53, 138);\n$ionic-color-blue-1200: var(--ionic-color-blue-1200, #072561);\n$ionic-color-blue-1200-rgb: var(--ionic-color-blue-1200-rgb, 7, 37, 97);\n$ionic-color-indigo-100: var(--ionic-color-indigo-100, #f3f2fb);\n$ionic-color-indigo-100-rgb: var(--ionic-color-indigo-100-rgb, 243, 242, 251);\n$ionic-color-indigo-200: var(--ionic-color-indigo-200, #eae9f9);\n$ionic-color-indigo-200-rgb: var(--ionic-color-indigo-200-rgb, 234, 233, 249);\n$ionic-color-indigo-300: var(--ionic-color-indigo-300, #d3d1f2);\n$ionic-color-indigo-300-rgb: var(--ionic-color-indigo-300-rgb, 211, 209, 242);\n$ionic-color-indigo-400: var(--ionic-color-indigo-400, #bab5eb);\n$ionic-color-indigo-400-rgb: var(--ionic-color-indigo-400-rgb, 186, 181, 235);\n$ionic-color-indigo-500: var(--ionic-color-indigo-500, #9d95e4);\n$ionic-color-indigo-500-rgb: var(--ionic-color-indigo-500-rgb, 157, 149, 228);\n$ionic-color-indigo-600: var(--ionic-color-indigo-600, #786bdd);\n$ionic-color-indigo-600-rgb: var(--ionic-color-indigo-600-rgb, 120, 107, 221);\n$ionic-color-indigo-700: var(--ionic-color-indigo-700, #411bd5);\n$ionic-color-indigo-700-rgb: var(--ionic-color-indigo-700-rgb, 65, 27, 213);\n$ionic-color-indigo-800: var(--ionic-color-indigo-800, #3b19c3);\n$ionic-color-indigo-800-rgb: var(--ionic-color-indigo-800-rgb, 59, 25, 195);\n$ionic-color-indigo-900: var(--ionic-color-indigo-900, #3516ae);\n$ionic-color-indigo-900-rgb: var(--ionic-color-indigo-900-rgb, 53, 22, 174);\n$ionic-color-indigo-1000: var(--ionic-color-indigo-1000, #2e1397);\n$ionic-color-indigo-1000-rgb: var(--ionic-color-indigo-1000-rgb, 46, 19, 151);\n$ionic-color-indigo-1100: var(--ionic-color-indigo-1100, #26107b);\n$ionic-color-indigo-1100-rgb: var(--ionic-color-indigo-1100-rgb, 38, 16, 123);\n$ionic-color-indigo-1200: var(--ionic-color-indigo-1200, #1a0b57);\n$ionic-color-indigo-1200-rgb: var(--ionic-color-indigo-1200-rgb, 26, 11, 87);\n$ionic-color-violet-100: var(--ionic-color-violet-100, #f5f2fe);\n$ionic-color-violet-100-rgb: var(--ionic-color-violet-100-rgb, 245, 242, 254);\n$ionic-color-violet-200: var(--ionic-color-violet-200, #eee9fd);\n$ionic-color-violet-200-rgb: var(--ionic-color-violet-200-rgb, 238, 233, 253);\n$ionic-color-violet-300: var(--ionic-color-violet-300, #dcd1fb);\n$ionic-color-violet-300-rgb: var(--ionic-color-violet-300-rgb, 220, 209, 251);\n$ionic-color-violet-400: var(--ionic-color-violet-400, #c9b6f9);\n$ionic-color-violet-400-rgb: var(--ionic-color-violet-400-rgb, 201, 182, 249);\n$ionic-color-violet-500: var(--ionic-color-violet-500, #b396f6);\n$ionic-color-violet-500-rgb: var(--ionic-color-violet-500-rgb, 179, 150, 246);\n$ionic-color-violet-600: var(--ionic-color-violet-600, #9a6cf4);\n$ionic-color-violet-600-rgb: var(--ionic-color-violet-600-rgb, 154, 108, 244);\n$ionic-color-violet-700: var(--ionic-color-violet-700, #7c20f2);\n$ionic-color-violet-700-rgb: var(--ionic-color-violet-700-rgb, 124, 32, 242);\n$ionic-color-violet-800: var(--ionic-color-violet-800, #711ddd);\n$ionic-color-violet-800-rgb: var(--ionic-color-violet-800-rgb, 113, 29, 221);\n$ionic-color-violet-900: var(--ionic-color-violet-900, #651ac5);\n$ionic-color-violet-900-rgb: var(--ionic-color-violet-900-rgb, 101, 26, 197);\n$ionic-color-violet-1000: var(--ionic-color-violet-1000, #5817ab);\n$ionic-color-violet-1000-rgb: var(--ionic-color-violet-1000-rgb, 88, 23, 171);\n$ionic-color-violet-1100: var(--ionic-color-violet-1100, #48128c);\n$ionic-color-violet-1100-rgb: var(--ionic-color-violet-1100-rgb, 72, 18, 140);\n$ionic-color-violet-1200: var(--ionic-color-violet-1200, #330d63);\n$ionic-color-violet-1200-rgb: var(--ionic-color-violet-1200-rgb, 51, 13, 99);\n$ionic-color-purple-100: var(--ionic-color-purple-100, #f9f3fe);\n$ionic-color-purple-100-rgb: var(--ionic-color-purple-100-rgb, 249, 243, 254);\n$ionic-color-purple-200: var(--ionic-color-purple-200, #f5eafd);\n$ionic-color-purple-200-rgb: var(--ionic-color-purple-200-rgb, 245, 234, 253);\n$ionic-color-purple-300: var(--ionic-color-purple-300, #e9d3fa);\n$ionic-color-purple-300-rgb: var(--ionic-color-purple-300-rgb, 233, 211, 250);\n$ionic-color-purple-400: var(--ionic-color-purple-400, #deb9f8);\n$ionic-color-purple-400-rgb: var(--ionic-color-purple-400-rgb, 222, 185, 248);\n$ionic-color-purple-500: var(--ionic-color-purple-500, #d29bf6);\n$ionic-color-purple-500-rgb: var(--ionic-color-purple-500-rgb, 210, 155, 246);\n$ionic-color-purple-600: var(--ionic-color-purple-600, #c575f3);\n$ionic-color-purple-600-rgb: var(--ionic-color-purple-600-rgb, 197, 117, 243);\n$ionic-color-purple-700: var(--ionic-color-purple-700, #b73cf1);\n$ionic-color-purple-700-rgb: var(--ionic-color-purple-700-rgb, 183, 60, 241);\n$ionic-color-purple-800: var(--ionic-color-purple-800, #a737dc);\n$ionic-color-purple-800-rgb: var(--ionic-color-purple-800-rgb, 167, 55, 220);\n$ionic-color-purple-900: var(--ionic-color-purple-900, #9531c5);\n$ionic-color-purple-900-rgb: var(--ionic-color-purple-900-rgb, 149, 49, 197);\n$ionic-color-purple-1000: var(--ionic-color-purple-1000, #812aaa);\n$ionic-color-purple-1000-rgb: var(--ionic-color-purple-1000-rgb, 129, 42, 170);\n$ionic-color-purple-1100: var(--ionic-color-purple-1100, #6a238b);\n$ionic-color-purple-1100-rgb: var(--ionic-color-purple-1100-rgb, 106, 35, 139);\n$ionic-color-purple-1200: var(--ionic-color-purple-1200, #4b1862);\n$ionic-color-purple-1200-rgb: var(--ionic-color-purple-1200-rgb, 75, 24, 98);\n$ionic-color-magenta-100: var(--ionic-color-magenta-100, #fdf3fb);\n$ionic-color-magenta-100-rgb: var(--ionic-color-magenta-100-rgb, 253, 243, 251);\n$ionic-color-magenta-200: var(--ionic-color-magenta-200, #fcebf8);\n$ionic-color-magenta-200-rgb: var(--ionic-color-magenta-200-rgb, 252, 235, 248);\n$ionic-color-magenta-300: var(--ionic-color-magenta-300, #f9d4f1);\n$ionic-color-magenta-300-rgb: var(--ionic-color-magenta-300-rgb, 249, 212, 241);\n$ionic-color-magenta-400: var(--ionic-color-magenta-400, #f6bcea);\n$ionic-color-magenta-400-rgb: var(--ionic-color-magenta-400-rgb, 246, 188, 234);\n$ionic-color-magenta-500: var(--ionic-color-magenta-500, #f39fe3);\n$ionic-color-magenta-500-rgb: var(--ionic-color-magenta-500-rgb, 243, 159, 227);\n$ionic-color-magenta-600: var(--ionic-color-magenta-600, #f07cdb);\n$ionic-color-magenta-600-rgb: var(--ionic-color-magenta-600-rgb, 240, 124, 219);\n$ionic-color-magenta-700: var(--ionic-color-magenta-700, #ed4ad3);\n$ionic-color-magenta-700-rgb: var(--ionic-color-magenta-700-rgb, 237, 74, 211);\n$ionic-color-magenta-800: var(--ionic-color-magenta-800, #d844c1);\n$ionic-color-magenta-800-rgb: var(--ionic-color-magenta-800-rgb, 216, 68, 193);\n$ionic-color-magenta-900: var(--ionic-color-magenta-900, #c13cac);\n$ionic-color-magenta-900-rgb: var(--ionic-color-magenta-900-rgb, 193, 60, 172);\n$ionic-color-magenta-1000: var(--ionic-color-magenta-1000, #a83495);\n$ionic-color-magenta-1000-rgb: var(--ionic-color-magenta-1000-rgb, 168, 52, 149);\n$ionic-color-magenta-1100: var(--ionic-color-magenta-1100, #892b7a);\n$ionic-color-magenta-1100-rgb: var(--ionic-color-magenta-1100-rgb, 137, 43, 122);\n$ionic-color-magenta-1200: var(--ionic-color-magenta-1200, #611e56);\n$ionic-color-magenta-1200-rgb: var(--ionic-color-magenta-1200-rgb, 97, 30, 86);\n$ionic-color-pink-100: var(--ionic-color-pink-100, #fef3f5);\n$ionic-color-pink-100-rgb: var(--ionic-color-pink-100-rgb, 254, 243, 245);\n$ionic-color-pink-200: var(--ionic-color-pink-200, #fdeaee);\n$ionic-color-pink-200-rgb: var(--ionic-color-pink-200-rgb, 253, 234, 238);\n$ionic-color-pink-300: var(--ionic-color-pink-300, #fad3dc);\n$ionic-color-pink-300-rgb: var(--ionic-color-pink-300-rgb, 250, 211, 220);\n$ionic-color-pink-400: var(--ionic-color-pink-400, #f8b9c9);\n$ionic-color-pink-400-rgb: var(--ionic-color-pink-400-rgb, 248, 185, 201);\n$ionic-color-pink-500: var(--ionic-color-pink-500, #f69bb3);\n$ionic-color-pink-500-rgb: var(--ionic-color-pink-500-rgb, 246, 155, 179);\n$ionic-color-pink-600: var(--ionic-color-pink-600, #f3759a);\n$ionic-color-pink-600-rgb: var(--ionic-color-pink-600-rgb, 243, 117, 154);\n$ionic-color-pink-700: var(--ionic-color-pink-700, #f13b7d);\n$ionic-color-pink-700-rgb: var(--ionic-color-pink-700-rgb, 241, 59, 125);\n$ionic-color-pink-800: var(--ionic-color-pink-800, #dc3672);\n$ionic-color-pink-800-rgb: var(--ionic-color-pink-800-rgb, 220, 54, 114);\n$ionic-color-pink-900: var(--ionic-color-pink-900, #c53066);\n$ionic-color-pink-900-rgb: var(--ionic-color-pink-900-rgb, 197, 48, 102);\n$ionic-color-pink-1000: var(--ionic-color-pink-1000, #aa2a58);\n$ionic-color-pink-1000-rgb: var(--ionic-color-pink-1000-rgb, 170, 42, 88);\n$ionic-color-pink-1100: var(--ionic-color-pink-1100, #8b2248);\n$ionic-color-pink-1100-rgb: var(--ionic-color-pink-1100-rgb, 139, 34, 72);\n$ionic-color-pink-1200: var(--ionic-color-pink-1200, #621833);\n$ionic-color-pink-1200-rgb: var(--ionic-color-pink-1200-rgb, 98, 24, 51);\n$ionic-color-primary-100: var(--ionic-color-primary-100, #f2f4fd);\n$ionic-color-primary-100-rgb: var(--ionic-color-primary-100-rgb, 242, 244, 253);\n$ionic-color-primary-200: var(--ionic-color-primary-200, #e9ecfc);\n$ionic-color-primary-200-rgb: var(--ionic-color-primary-200-rgb, 233, 236, 252);\n$ionic-color-primary-300: var(--ionic-color-primary-300, #d0d7fa);\n$ionic-color-primary-300-rgb: var(--ionic-color-primary-300-rgb, 208, 215, 250);\n$ionic-color-primary-400: var(--ionic-color-primary-400, #b5c0f7);\n$ionic-color-primary-400-rgb: var(--ionic-color-primary-400-rgb, 181, 192, 247);\n$ionic-color-primary-500: var(--ionic-color-primary-500, #94a5f4);\n$ionic-color-primary-500-rgb: var(--ionic-color-primary-500-rgb, 148, 165, 244);\n$ionic-color-primary-600: var(--ionic-color-primary-600, #6986f2);\n$ionic-color-primary-600-rgb: var(--ionic-color-primary-600-rgb, 105, 134, 242);\n$ionic-color-primary-700: var(--ionic-color-primary-700, #105cef);\n$ionic-color-primary-700-rgb: var(--ionic-color-primary-700-rgb, 16, 92, 239);\n$ionic-color-primary-800: var(--ionic-color-primary-800, #0f54da);\n$ionic-color-primary-800-rgb: var(--ionic-color-primary-800-rgb, 15, 84, 218);\n$ionic-color-primary-900: var(--ionic-color-primary-900, #0d4bc3);\n$ionic-color-primary-900-rgb: var(--ionic-color-primary-900-rgb, 13, 75, 195);\n$ionic-color-primary-1000: var(--ionic-color-primary-1000, #0b41a9);\n$ionic-color-primary-1000-rgb: var(--ionic-color-primary-1000-rgb, 11, 65, 169);\n$ionic-color-primary-1100: var(--ionic-color-primary-1100, #09358a);\n$ionic-color-primary-1100-rgb: var(--ionic-color-primary-1100-rgb, 9, 53, 138);\n$ionic-color-primary-1200: var(--ionic-color-primary-1200, #072561);\n$ionic-color-primary-1200-rgb: var(--ionic-color-primary-1200-rgb, 7, 37, 97);\n$ionic-color-primary-base: var(--ionic-color-primary-base, #105cef);\n$ionic-color-primary-base-rgb: var(--ionic-color-primary-base-rgb, 16, 92, 239);\n$ionic-color-info-100: var(--ionic-color-info-100, #ebf9fe);\n$ionic-color-info-100-rgb: var(--ionic-color-info-100-rgb, 235, 249, 254);\n$ionic-color-info-200: var(--ionic-color-info-200, #dcf4fd);\n$ionic-color-info-200-rgb: var(--ionic-color-info-200-rgb, 220, 244, 253);\n$ionic-color-info-300: var(--ionic-color-info-300, #b3e9fc);\n$ionic-color-info-300-rgb: var(--ionic-color-info-300-rgb, 179, 233, 252);\n$ionic-color-info-400: var(--ionic-color-info-400, #80defa);\n$ionic-color-info-400-rgb: var(--ionic-color-info-400-rgb, 128, 222, 250);\n$ionic-color-info-500: var(--ionic-color-info-500, #27d3f9);\n$ionic-color-info-500-rgb: var(--ionic-color-info-500-rgb, 39, 211, 249);\n$ionic-color-info-600: var(--ionic-color-info-600, #22bbdc);\n$ionic-color-info-600-rgb: var(--ionic-color-info-600-rgb, 34, 187, 220);\n$ionic-color-info-700: var(--ionic-color-info-700, #1ea2bf);\n$ionic-color-info-700-rgb: var(--ionic-color-info-700-rgb, 30, 162, 191);\n$ionic-color-info-800: var(--ionic-color-info-800, #1988a0);\n$ionic-color-info-800-rgb: var(--ionic-color-info-800-rgb, 25, 136, 160);\n$ionic-color-info-900: var(--ionic-color-info-900, #146d81);\n$ionic-color-info-900-rgb: var(--ionic-color-info-900-rgb, 20, 109, 129);\n$ionic-color-info-1000: var(--ionic-color-info-1000, #0f5261);\n$ionic-color-info-1000-rgb: var(--ionic-color-info-1000-rgb, 15, 82, 97);\n$ionic-color-info-1100: var(--ionic-color-info-1100, #0a3741);\n$ionic-color-info-1100-rgb: var(--ionic-color-info-1100-rgb, 10, 55, 65);\n$ionic-color-info-1200: var(--ionic-color-info-1200, #051c21);\n$ionic-color-info-1200-rgb: var(--ionic-color-info-1200-rgb, 5, 28, 33);\n$ionic-color-info-base: var(--ionic-color-info-base, #1ea2bf);\n$ionic-color-info-base-rgb: var(--ionic-color-info-base-rgb, 30, 162, 191);\n$ionic-color-warning-100: var(--ionic-color-warning-100, #fff1ea);\n$ionic-color-warning-100-rgb: var(--ionic-color-warning-100-rgb, 255, 241, 234);\n$ionic-color-warning-200: var(--ionic-color-warning-200, #ffe8db);\n$ionic-color-warning-200-rgb: var(--ionic-color-warning-200-rgb, 255, 232, 219);\n$ionic-color-warning-300: var(--ionic-color-warning-300, #ffcfb1);\n$ionic-color-warning-300-rgb: var(--ionic-color-warning-300-rgb, 255, 207, 177);\n$ionic-color-warning-400: var(--ionic-color-warning-400, #ffb37b);\n$ionic-color-warning-400-rgb: var(--ionic-color-warning-400-rgb, 255, 179, 123);\n$ionic-color-warning-500: var(--ionic-color-warning-500, #ff9400);\n$ionic-color-warning-500-rgb: var(--ionic-color-warning-500-rgb, 255, 148, 0);\n$ionic-color-warning-600: var(--ionic-color-warning-600, #e18300);\n$ionic-color-warning-600-rgb: var(--ionic-color-warning-600-rgb, 225, 131, 0);\n$ionic-color-warning-700: var(--ionic-color-warning-700, #c37100);\n$ionic-color-warning-700-rgb: var(--ionic-color-warning-700-rgb, 195, 113, 0);\n$ionic-color-warning-800: var(--ionic-color-warning-800, #a45f00);\n$ionic-color-warning-800-rgb: var(--ionic-color-warning-800-rgb, 164, 95, 0);\n$ionic-color-warning-900: var(--ionic-color-warning-900, #844d00);\n$ionic-color-warning-900-rgb: var(--ionic-color-warning-900-rgb, 132, 77, 0);\n$ionic-color-warning-1000: var(--ionic-color-warning-1000, #633a00);\n$ionic-color-warning-1000-rgb: var(--ionic-color-warning-1000-rgb, 99, 58, 0);\n$ionic-color-warning-1100: var(--ionic-color-warning-1100, #422700);\n$ionic-color-warning-1100-rgb: var(--ionic-color-warning-1100-rgb, 66, 39, 0);\n$ionic-color-warning-1200: var(--ionic-color-warning-1200, #221400);\n$ionic-color-warning-1200-rgb: var(--ionic-color-warning-1200-rgb, 34, 20, 0);\n$ionic-color-warning-base: var(--ionic-color-warning-base, #c37100);\n$ionic-color-warning-base-rgb: var(--ionic-color-warning-base-rgb, 195, 113, 0);\n$ionic-color-danger-100: var(--ionic-color-danger-100, #feeded);\n$ionic-color-danger-100-rgb: var(--ionic-color-danger-100-rgb, 254, 237, 237);\n$ionic-color-danger-200: var(--ionic-color-danger-200, #fde1e1);\n$ionic-color-danger-200-rgb: var(--ionic-color-danger-200-rgb, 253, 225, 225);\n$ionic-color-danger-300: var(--ionic-color-danger-300, #fcc1c1);\n$ionic-color-danger-300-rgb: var(--ionic-color-danger-300-rgb, 252, 193, 193);\n$ionic-color-danger-400: var(--ionic-color-danger-400, #faa1a1);\n$ionic-color-danger-400-rgb: var(--ionic-color-danger-400-rgb, 250, 161, 161);\n$ionic-color-danger-500: var(--ionic-color-danger-500, #f97d7d);\n$ionic-color-danger-500-rgb: var(--ionic-color-danger-500-rgb, 249, 125, 125);\n$ionic-color-danger-600: var(--ionic-color-danger-600, #f85151);\n$ionic-color-danger-600-rgb: var(--ionic-color-danger-600-rgb, 248, 81, 81);\n$ionic-color-danger-700: var(--ionic-color-danger-700, #e52929);\n$ionic-color-danger-700-rgb: var(--ionic-color-danger-700-rgb, 229, 41, 41);\n$ionic-color-danger-800: var(--ionic-color-danger-800, #bf2222);\n$ionic-color-danger-800-rgb: var(--ionic-color-danger-800-rgb, 191, 34, 34);\n$ionic-color-danger-900: var(--ionic-color-danger-900, #991b1b);\n$ionic-color-danger-900-rgb: var(--ionic-color-danger-900-rgb, 153, 27, 27);\n$ionic-color-danger-1000: var(--ionic-color-danger-1000, #761515);\n$ionic-color-danger-1000-rgb: var(--ionic-color-danger-1000-rgb, 118, 21, 21);\n$ionic-color-danger-1100: var(--ionic-color-danger-1100, #540f0f);\n$ionic-color-danger-1100-rgb: var(--ionic-color-danger-1100-rgb, 84, 15, 15);\n$ionic-color-danger-1200: var(--ionic-color-danger-1200, #330909);\n$ionic-color-danger-1200-rgb: var(--ionic-color-danger-1200-rgb, 51, 9, 9);\n$ionic-color-danger-base: var(--ionic-color-danger-base, #e52929);\n$ionic-color-danger-base-rgb: var(--ionic-color-danger-base-rgb, 229, 41, 41);\n$ionic-color-success-100: var(--ionic-color-success-100, #ebf9ec);\n$ionic-color-success-100-rgb: var(--ionic-color-success-100-rgb, 235, 249, 236);\n$ionic-color-success-200: var(--ionic-color-success-200, #dcf5de);\n$ionic-color-success-200-rgb: var(--ionic-color-success-200-rgb, 220, 245, 222);\n$ionic-color-success-300: var(--ionic-color-success-300, #b3ebb7);\n$ionic-color-success-300-rgb: var(--ionic-color-success-300-rgb, 179, 235, 183);\n$ionic-color-success-400: var(--ionic-color-success-400, #7fe089);\n$ionic-color-success-400-rgb: var(--ionic-color-success-400-rgb, 127, 224, 137);\n$ionic-color-success-500: var(--ionic-color-success-500, #23d643);\n$ionic-color-success-500-rgb: var(--ionic-color-success-500-rgb, 35, 214, 67);\n$ionic-color-success-600: var(--ionic-color-success-600, #1fbd3b);\n$ionic-color-success-600-rgb: var(--ionic-color-success-600-rgb, 31, 189, 59);\n$ionic-color-success-700: var(--ionic-color-success-700, #1ba433);\n$ionic-color-success-700-rgb: var(--ionic-color-success-700-rgb, 27, 164, 51);\n$ionic-color-success-800: var(--ionic-color-success-800, #178a2b);\n$ionic-color-success-800-rgb: var(--ionic-color-success-800-rgb, 23, 138, 43);\n$ionic-color-success-900: var(--ionic-color-success-900, #126f23);\n$ionic-color-success-900-rgb: var(--ionic-color-success-900-rgb, 18, 111, 35);\n$ionic-color-success-1000: var(--ionic-color-success-1000, #0e531a);\n$ionic-color-success-1000-rgb: var(--ionic-color-success-1000-rgb, 14, 83, 26);\n$ionic-color-success-1100: var(--ionic-color-success-1100, #093811);\n$ionic-color-success-1100-rgb: var(--ionic-color-success-1100-rgb, 9, 56, 17);\n$ionic-color-success-1200: var(--ionic-color-success-1200, #051d09);\n$ionic-color-success-1200-rgb: var(--ionic-color-success-1200-rgb, 5, 29, 9);\n$ionic-color-success-base: var(--ionic-color-success-base, #1ba433);\n$ionic-color-success-base-rgb: var(--ionic-color-success-base-rgb, 27, 164, 51);\n$ionic-z-index-0: var(--ionic-z-index-0, 0);\n$ionic-z-index-1: var(--ionic-z-index-1, 100);\n$ionic-z-index-2: var(--ionic-z-index-2, 200);\n$ionic-z-index-3: var(--ionic-z-index-3, 300);\n$ionic-z-index-4: var(--ionic-z-index-4, 400);\n$ionic-z-index-500: var(--ionic-z-index-500, 500);\n$ionic-z-index-bottom: var(--ionic-z-index-bottom, -99999);\n$ionic-z-index-top: var(--ionic-z-index-top, 99999);\n$ionic-scale-0: var(--ionic-scale-0, 0px);\n$ionic-scale-100: var(--ionic-scale-100, 4px);\n$ionic-scale-150: var(--ionic-scale-150, 6px);\n$ionic-scale-200: var(--ionic-scale-200, 8px);\n$ionic-scale-250: var(--ionic-scale-250, 10px);\n$ionic-scale-300: var(--ionic-scale-300, 12px);\n$ionic-scale-400: var(--ionic-scale-400, 16px);\n$ionic-scale-500: var(--ionic-scale-500, 20px);\n$ionic-scale-600: var(--ionic-scale-600, 24px);\n$ionic-scale-700: var(--ionic-scale-700, 28px);\n$ionic-scale-800: var(--ionic-scale-800, 32px);\n$ionic-scale-850: var(--ionic-scale-850, 34px);\n$ionic-scale-900: var(--ionic-scale-900, 36px);\n$ionic-scale-1000: var(--ionic-scale-1000, 40px);\n$ionic-scale-1100: var(--ionic-scale-1100, 44px);\n$ionic-scale-1200: var(--ionic-scale-1200, 48px);\n$ionic-scale-1400: var(--ionic-scale-1400, 56px);\n$ionic-scale-1600: var(--ionic-scale-1600, 64px);\n$ionic-scale-1800: var(--ionic-scale-1800, 72px);\n$ionic-scale-2000: var(--ionic-scale-2000, 80px);\n$ionic-scale-2400: var(--ionic-scale-2400, 96px);\n$ionic-scale-2800: var(--ionic-scale-2800, 112px);\n$ionic-scale-3200: var(--ionic-scale-3200, 128px);\n$ionic-scale-3400: var(--ionic-scale-3400, 136px);\n$ionic-scale-3600: var(--ionic-scale-3600, 144px);\n$ionic-scale-4000: var(--ionic-scale-4000, 160px);\n$ionic-scale-5000: var(--ionic-scale-5000, 200px);\n$ionic-scale-6200: var(--ionic-scale-6200, 248px);\n$ionic-scale-7400: var(--ionic-scale-7400, 296px);\n$ionic-scale-9000: var(--ionic-scale-9000, 360px);\n$ionic-scale-025: var(--ionic-scale-025, 1px);\n$ionic-scale-050: var(--ionic-scale-050, 2px);\n$ionic-scale-075: var(--ionic-scale-075, 3px);\n$ionic-font-family: var(--ionic-font-family, \"Inter\", sans-serif);\n$ionic-state-focus-0: var(--ionic-state-focus-0, none);\n$ionic-state-focus-1: var(--ionic-state-focus-1, #9ec4fd);\n$ionic-state-focus-1-rgb: var(--ionic-state-focus-1-rgb, 158, 196, 253);\n$ionic-state-focus-2: var(--ionic-state-focus-2, #ffafaf);\n$ionic-state-focus-2-rgb: var(--ionic-state-focus-2-rgb, 255, 175, 175);\n$ionic-state-disabled: var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));\n$ionic-state-hover: var(--ionic-state-hover, rgba(36, 36, 36, 0.04));\n$ionic-state-pressed: var(--ionic-state-pressed, rgba(36, 36, 36, 0.08));\n\n$ionic-display-sm-regular: (\n font-size: $ionic-font-size-800,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-sm-light: (\n font-size: $ionic-font-size-800,\n font-style: normal,\n font-weight: $ionic-font-weight-light,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-lg-regular: (\n font-size: $ionic-font-size-900,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-display-lg-light: (\n font-size: $ionic-font-size-900,\n font-style: normal,\n font-weight: $ionic-font-weight-light,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-regular: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-medium: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-semi-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h1-bold: (\n font-size: $ionic-font-size-700,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-regular: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-medium: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-semi-bold: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h2-bold: (\n font-size: $ionic-font-size-650,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-regular: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-medium: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-semi-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h3-bold: (\n font-size: $ionic-font-size-600,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-regular: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-medium: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-semi-bold: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h4-bold: (\n font-size: $ionic-font-size-550,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-regular: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-medium: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-semi-bold: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h5-bold: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-regular: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-medium: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-semi-bold: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-heading-h6-bold: (\n font-size: $ionic-font-size-450,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-regular: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-medium: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-semi-bold: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-bold: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-lg-link: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-lg-italic: (\n font-size: $ionic-font-size-400,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-regular: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-medium: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-semi-bold: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-bold: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-md-link: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-md-italic: (\n font-size: $ionic-font-size-350,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-regular: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-medium: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-semi-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-body-sm-link: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: underline,\n);\n\n$ionic-body-sm-italic: (\n font-size: $ionic-font-size-300,\n font-style: italic,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-0,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-xl: (\n font-size: $ionic-font-size-500,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-lg: (\n font-size: $ionic-font-size-400,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-md: (\n font-size: $ionic-font-size-350,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-action-sm: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-1,\n line-height: $ionic-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ionic-overline-regular: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-regular,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-medium: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-medium,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-semi-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-semi-bold,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ionic-overline-bold: (\n font-size: $ionic-font-size-300,\n font-style: normal,\n font-weight: $ionic-font-weight-bold,\n letter-spacing: $ionic-letter-spacing-2,\n line-height: $ionic-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n","/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n@mixin tablet-viewport() {\n @media screen and (min-width: 768px) {\n @content;\n }\n}\n\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n@mixin mobile-viewport() {\n @media screen and (max-width: 767px) {\n @content;\n }\n}\n\n@mixin input-cover() {\n @include position(0, null, null, 0);\n @include margin(0);\n\n position: absolute;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n\n outline: none;\n\n background: transparent;\n\n cursor: pointer;\n\n appearance: none;\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin visually-hidden() {\n position: absolute;\n\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n padding: 0;\n\n border: 0;\n\n outline: 0;\n\n opacity: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n color: inherit;\n\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n\n letter-spacing: inherit;\n\n text-align: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n\n white-space: inherit;\n}\n\n@mixin button-state() {\n @include position(0, 0, 0, 0);\n\n position: absolute;\n\n content: \"\";\n\n opacity: 0;\n}\n\n// Font smoothing\n// --------------------------------------------------\n\n@mixin font-smoothing() {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n// Get the key from a map based on the index\n@function index-to-key($map, $index) {\n $keys: map-keys($map);\n\n @return nth($keys, $index);\n}\n\n// Breakpoint Mixins\n// ---------------------------------------------------------------------------------\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$screen-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// ---------------------------------------------------------------------------------\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n\n @return if($max and $max > 0, $max - 0.02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n $flipped-url: str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n $flipped-url: str-replace($flipped-url, \"<polygon\", \"<polygon #{$transform}\");\n $flipped-url: url-encode($flipped-url);\n\n @include ltr() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n\n @include rtl() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$flipped-url}\");\n }\n }\n}\n\n// Add property horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin property-horizontal($prop, $start, $end: $start) {\n @if $start == 0 and $end == 0 {\n #{$prop}-left: $start;\n #{$prop}-right: $end;\n } @else {\n -webkit-#{$prop}-start: $start;\n #{$prop}-inline-start: $start;\n -webkit-#{$prop}-end: $end;\n #{$prop}-inline-end: $end;\n }\n}\n\n// Add property for all directions\n// @param {string} $prop\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// @param {boolean} $content include content or use default\n// ----------------------------------------------------------\n@mixin property($prop, $top, $end: $top, $bottom: $top, $start: $end) {\n @include property-horizontal($prop, $start, $end);\n #{$prop}-top: $top;\n #{$prop}-bottom: $bottom;\n}\n\n// Add padding horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin padding-horizontal($start, $end: $start) {\n @include property-horizontal(padding, $start, $end);\n}\n\n// Add padding for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin padding($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(padding, $top, $end, $bottom, $start);\n}\n\n// Add margin horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin margin-horizontal($start, $end: $start) {\n @include property-horizontal(margin, $start, $end);\n}\n\n// Add margin for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin margin($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(margin, $top, $end, $bottom, $start);\n}\n\n// Add position horizontal\n// @param {string} $start - amount to position start\n// @param {string} $end - amount to left: 0; end\n// ----------------------------------------------------------\n@mixin position-horizontal($start: null, $end: null) {\n @if $start == $end {\n @include multi-dir() {\n right: $end;\n left: $start;\n }\n } @else {\n @at-root {\n & {\n inset-inline-start: $start;\n inset-inline-end: $end;\n }\n }\n }\n}\n\n// Add position for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin position($top: null, $end: null, $bottom: null, $start: null) {\n @include position-horizontal($start, $end);\n top: $top;\n bottom: $bottom;\n}\n\n// Add border for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin border($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(border, $top, $end, $bottom, $start);\n}\n\n// Add border radius for all directions\n// @param {string} $top-start\n// @param {string} $top-end\n// @param {string} $bottom-end\n// @param {string} $bottom-start\n// ----------------------------------------------------------\n@mixin border-radius($top-start, $top-end: $top-start, $bottom-end: $top-start, $bottom-start: $top-end) {\n @if $top-start == $top-end and $top-start == $bottom-end and $top-start == $bottom-start {\n border-radius: $top-start;\n } @else {\n border-start-start-radius: $top-start;\n border-start-end-radius: $top-end;\n border-end-end-radius: $bottom-end;\n border-end-start-radius: $bottom-start;\n }\n}\n\n// Add direction for all directions\n// @param {string} $dir - Direction on LTR\n@mixin direction($dir) {\n $other-dir: null;\n\n @if $dir == ltr {\n $other-dir: rtl;\n } @else {\n $other-dir: ltr;\n }\n\n @include ltr() {\n direction: $dir;\n }\n\n @include rtl() {\n direction: $other-dir;\n }\n}\n\n// Add float for all directions\n// @param {string} $side\n// @param {string} $decorator - !important\n@mixin float($side, $decorator: null) {\n @if $side == start {\n @include ltr() {\n float: left $decorator;\n }\n\n @include rtl() {\n float: right $decorator;\n }\n } @else if $side == end {\n @include ltr() {\n float: right $decorator;\n }\n\n @include rtl() {\n float: left $decorator;\n }\n } @else {\n @include multi-dir() {\n float: $side $decorator;\n }\n }\n}\n\n@mixin background-position($horizontal, $horizontal-amount: null, $vertical: null, $vertical-amount: null) {\n @if $horizontal == start or $horizontal == end {\n $horizontal-ltr: null;\n $horizontal-rtl: null;\n\n @if $horizontal == start {\n $horizontal-ltr: left;\n $horizontal-rtl: right;\n } @else {\n $horizontal-ltr: right;\n $horizontal-rtl: left;\n }\n\n @include ltr() {\n background-position: $horizontal-ltr $horizontal-amount $vertical $vertical-amount;\n }\n\n @include rtl() {\n background-position: $horizontal-rtl $horizontal-amount $vertical $vertical-amount;\n }\n } @else {\n @include multi-dir() {\n background-position: $horizontal $horizontal-amount $vertical $vertical-amount;\n }\n }\n}\n\n@mixin transform-origin($x-axis, $y-axis: null) {\n @if $x-axis == start {\n @include ltr() {\n transform-origin: left $y-axis;\n }\n\n @include rtl() {\n transform-origin: right $y-axis;\n }\n } @else if $x-axis == end {\n @include ltr() {\n transform-origin: right $y-axis;\n }\n\n @include rtl() {\n transform-origin: left $y-axis;\n }\n } @else if $x-axis == left or $x-axis == right {\n @include multi-dir() {\n transform-origin: $x-axis $y-axis;\n }\n } @else {\n @include ltr() {\n transform-origin: $x-axis $y-axis;\n }\n\n @include rtl() {\n transform-origin: calc(100% - #{$x-axis}) $y-axis;\n }\n }\n}\n\n// Add transform for all directions\n// @param {string} $transforms - comma separated list of transforms\n@mixin transform($transforms...) {\n $extra: null;\n\n $x: null;\n $ltr-translate: null;\n $rtl-translate: null;\n\n @each $transform in $transforms {\n @if (str-index($transform, translate3d)) {\n $transform: str-replace($transform, \"translate3d(\");\n $transform: str-replace($transform, \")\");\n\n $coordinates: str-split($transform, \",\");\n\n $x: nth($coordinates, 1);\n $y: nth($coordinates, 2);\n $z: nth($coordinates, 3);\n\n $ltr-translate: translate3d($x, $y, $z);\n $rtl-translate: translate3d(calc(-1 #{$x}), $y, $z);\n } @else {\n @if $extra == null {\n $extra: $transform;\n } @else {\n $extra: $extra $transform;\n }\n }\n }\n\n @if $x == \"0\" or $x == null {\n @include multi-dir() {\n transform: $ltr-translate $extra;\n }\n } @else {\n @include ltr() {\n transform: $ltr-translate $extra;\n }\n\n @include rtl() {\n transform: $rtl-translate $extra;\n }\n }\n}\n"]}

package/css/ionic.bundle.css CHANGED Viewed

	@@ -1 +1 @@
1	- :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}:root .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}:root .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}:root .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}:root .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}:root .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}:root .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}:root .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}:root .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}:root .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}:root.ionic{--ion-color-primary:#105cef;--ion-color-primary-rgb:16,92,239;--ion-color-primary-contrast:#fff;--ion-color-primary-contrast-rgb:255,255,255;--ion-color-primary-shade:#0e51d2;--ion-color-primary-tint:#286cf1;--ion-color-secondary:initial;--ion-color-secondary-rgb:initial;--ion-color-secondary-contrast:initial;--ion-color-secondary-contrast-rgb:initial;--ion-color-secondary-shade:initial;--ion-color-secondary-tint:initial;--ion-color-tertiary:initial;--ion-color-tertiary-rgb:initial;--ion-color-tertiary-contrast:initial;--ion-color-tertiary-contrast-rgb:initial;--ion-color-tertiary-shade:initial;--ion-color-tertiary-tint:initial;--ion-color-success:#1fbd3b;--ion-color-success-rgb:31,189,59;--ion-color-success-contrast:#000;--ion-color-success-contrast-rgb:0,0,0;--ion-color-success-shade:#1ba634;--ion-color-success-tint:#35c44f;--ion-color-warning:#e18300;--ion-color-warning-rgb:225,131,0;--ion-color-warning-contrast:#000;--ion-color-warning-contrast-rgb:0,0,0;--ion-color-warning-shade:#c67300;--ion-color-warning-tint:#e48f1a;--ion-color-danger:#bf2222;--ion-color-danger-rgb:191,34,34;--ion-color-danger-contrast:#fff;--ion-color-danger-contrast-rgb:255,255,255;--ion-color-danger-shade:#a81e1e;--ion-color-danger-tint:#c53838;--ion-color-light:#f2f4fd;--ion-color-light-rgb:242,244,253;--ion-color-light-contrast:#000;--ion-color-light-contrast-rgb:0,0,0;--ion-color-light-shade:#d5d7df;--ion-color-light-tint:#f3f5fd;--ion-color-medium:initial;--ion-color-medium-rgb:initial;--ion-color-medium-contrast:initial;--ion-color-medium-contrast-rgb:initial;--ion-color-medium-shade:initial;--ion-color-medium-tint:initial;--ion-color-neutral:#626262;--ion-color-neutral-rgb:98,98,98;--ion-color-neutral-contrast:#fff;--ion-color-neutral-contrast-rgb:255,255,255;--ion-color-neutral-shade:#565656;--ion-color-neutral-tint:#727272;--ion-color-dark:initial;--ion-color-dark-rgb:initial;--ion-color-dark-contrast:initial;--ion-color-dark-contrast-rgb:initial;--ion-color-dark-shade:initial;--ion-color-dark-tint:initial}:root.ionic .ion-color-primary{--ion-color-base:var(--ion-color-primary, #105cef)!important;--ion-color-base-rgb:var(--ion-color-primary-rgb, 16, 92, 239)!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, #0e51d2)!important;--ion-color-tint:var(--ion-color-primary-tint, #286cf1)!important}:root.ionic .ion-color-secondary{--ion-color-base:var(--ion-color-secondary, initial)!important;--ion-color-base-rgb:var(--ion-color-secondary-rgb, initial)!important;--ion-color-contrast:var(--ion-color-secondary-contrast, initial)!important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb, initial)!important;--ion-color-shade:var(--ion-color-secondary-shade, initial)!important;--ion-color-tint:var(--ion-color-secondary-tint, initial)!important}:root.ionic .ion-color-tertiary{--ion-color-base:var(--ion-color-tertiary, initial)!important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb, initial)!important;--ion-color-contrast:var(--ion-color-tertiary-contrast, initial)!important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb, initial)!important;--ion-color-shade:var(--ion-color-tertiary-shade, initial)!important;--ion-color-tint:var(--ion-color-tertiary-tint, initial)!important}:root.ionic .ion-color-success{--ion-color-base:var(--ion-color-success, #1fbd3b)!important;--ion-color-base-rgb:var(--ion-color-success-rgb, 31, 189, 59)!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, #1ba634)!important;--ion-color-tint:var(--ion-color-success-tint, #35c44f)!important}:root.ionic .ion-color-warning{--ion-color-base:var(--ion-color-warning, #e18300)!important;--ion-color-base-rgb:var(--ion-color-warning-rgb, 225, 131, 0)!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, #c67300)!important;--ion-color-tint:var(--ion-color-warning-tint, #e48f1a)!important}:root.ionic .ion-color-danger{--ion-color-base:var(--ion-color-danger, #bf2222)!important;--ion-color-base-rgb:var(--ion-color-danger-rgb, 191, 34, 34)!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, #a81e1e)!important;--ion-color-tint:var(--ion-color-danger-tint, #c53838)!important}:root.ionic .ion-color-light{--ion-color-base:var(--ion-color-light, #f2f4fd)!important;--ion-color-base-rgb:var(--ion-color-light-rgb, 242, 244, 253)!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, #d5d7df)!important;--ion-color-tint:var(--ion-color-light-tint, #f3f5fd)!important}:root.ionic .ion-color-medium{--ion-color-base:var(--ion-color-medium, initial)!important;--ion-color-base-rgb:var(--ion-color-medium-rgb, initial)!important;--ion-color-contrast:var(--ion-color-medium-contrast, initial)!important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb, initial)!important;--ion-color-shade:var(--ion-color-medium-shade, initial)!important;--ion-color-tint:var(--ion-color-medium-tint, initial)!important}:root.ionic .ion-color-neutral{--ion-color-base:var(--ion-color-neutral, #626262)!important;--ion-color-base-rgb:var(--ion-color-neutral-rgb, 98, 98, 98)!important;--ion-color-contrast:var(--ion-color-neutral-contrast, #fff)!important;--ion-color-contrast-rgb:var(--ion-color-neutral-contrast-rgb, 255, 255, 255)!important;--ion-color-shade:var(--ion-color-neutral-shade, #565656)!important;--ion-color-tint:var(--ion-color-neutral-tint, #727272)!important}:root.ionic .ion-color-dark{--ion-color-base:var(--ion-color-dark, initial)!important;--ion-color-base-rgb:var(--ion-color-dark-rgb, initial)!important;--ion-color-contrast:var(--ion-color-dark-contrast, initial)!important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb, initial)!important;--ion-color-shade:var(--ion-color-dark-shade, initial)!important;--ion-color-tint:var(--ion-color-dark-tint, initial)!important}html.ios{--ion-default-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Roboto",sans-serif}html.md{--ion-default-font:"Roboto","Helvetica Neue",sans-serif}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal ion-footer ion-toolbar:first-of-type,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{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-page{right:0;left: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-page-hidden,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-menu-controller,ion-modal-controller,ion-nav-controller,ion-picker-controller,ion-popover-controller,ion-route,ion-route-redirect,ion-router,ion-select-option,ion-toast-controller{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-header.ion-color .ion-inherit-color,ion-card.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-push,.md .menu-content-reveal{box-shadow:4px 0 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:transform .3s cubic-bezier(.25, .8, .5, 1)}@media(prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanding>[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-expanded:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding: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],[role=banner][tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,header[tabindex="-1"]:focus,main[tabindex="-1"]:focus{outline:0}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}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}input,label,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}.ion-tappable,[tappable],[tappable] div,[tappable] ion-icon,[tappable] ion-label,[tappable] span,a,a div,a ion-icon,a ion-label,a span,button,button div,button ion-icon,button ion-label,button span,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}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{--ion-dynamic-font:-apple-system-body;--ion-font-family:var(--ion-default-font);width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:var(--ion-font-family)}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{background:var(--ion-background-color);color:var(--ion-text-color);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding: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}@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:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;padding: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);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px);-webkit-padding-end: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);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px)}.ion-padding-end{--padding-end:var(--ion-padding, 16px);-webkit-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);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px);-webkit-padding-end: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: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);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px);-webkit-margin-end: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);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px)}.ion-margin-end{--margin-end:var(--ion-margin, 16px);-webkit-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);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px);-webkit-margin-end:var(--ion-margin,16px);margin-inline-end:var(--ion-margin,16px)}.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:dir(rtl){float:left!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}.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}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}.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}.ion-hide,.ion-hide-down,.ion-hide-up{display:none!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:dir(rtl){float:left!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}.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}.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}.ion-hide-sm-up{display:none!important}}@media(max-width:575.98px){.ion-hide-sm-down{display:none!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:dir(rtl){float:left!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}.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}.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}.ion-hide-md-up{display:none!important}}@media(max-width:767.98px){.ion-hide-md-down{display:none!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:dir(rtl){float:left!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}.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}.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}.ion-hide-lg-up{display:none!important}}@media(max-width:991.98px){.ion-hide-lg-down{display:none!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:dir(rtl){float:left!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}.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}.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}.ion-hide-xl-up{display:none!important}}@media(max-width:1199.98px){.ion-hide-xl-down{display:none!important}}
1	+ :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}:root .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}:root .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}:root .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}:root .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}:root .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}:root .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}:root .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}:root .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}:root .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}html.ios{--ion-default-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Roboto",sans-serif}html.md{--ion-default-font:"Roboto","Helvetica Neue",sans-serif}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal ion-footer ion-toolbar:first-of-type,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{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-page{right:0;left: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-page-hidden,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-menu-controller,ion-modal-controller,ion-nav-controller,ion-picker-controller,ion-popover-controller,ion-route,ion-route-redirect,ion-router,ion-select-option,ion-toast-controller{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-header.ion-color .ion-inherit-color,ion-card.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-push,.md .menu-content-reveal{box-shadow:4px 0 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:transform .3s cubic-bezier(.25, .8, .5, 1)}@media(prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanding>[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-expanded:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding: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],[role=banner][tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,header[tabindex="-1"]:focus,main[tabindex="-1"]:focus{outline:0}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}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}input,label,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}.ion-tappable,[tappable],[tappable] div,[tappable] ion-icon,[tappable] ion-label,[tappable] span,a,a div,a ion-icon,a ion-label,a span,button,button div,button ion-icon,button ion-label,button span,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}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{--ion-dynamic-font:-apple-system-body;--ion-font-family:var(--ion-default-font);width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:var(--ion-font-family)}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{background:var(--ion-background-color);color:var(--ion-text-color);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding: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}@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:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;padding: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);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px);-webkit-padding-end: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);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px)}.ion-padding-end{--padding-end:var(--ion-padding, 16px);-webkit-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);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px);-webkit-padding-end: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: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);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px);-webkit-margin-end: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);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px)}.ion-margin-end{--margin-end:var(--ion-margin, 16px);-webkit-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);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px);-webkit-margin-end:var(--ion-margin,16px);margin-inline-end:var(--ion-margin,16px)}.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:dir(rtl){float:left!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}.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}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}.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}.ion-hide,.ion-hide-down,.ion-hide-up{display:none!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:dir(rtl){float:left!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}.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}.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}.ion-hide-sm-up{display:none!important}}@media(max-width:575.98px){.ion-hide-sm-down{display:none!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:dir(rtl){float:left!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}.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}.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}.ion-hide-md-up{display:none!important}}@media(max-width:767.98px){.ion-hide-md-down{display:none!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:dir(rtl){float:left!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}.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}.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}.ion-hide-lg-up{display:none!important}}@media(max-width:991.98px){.ion-hide-lg-down{display:none!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:dir(rtl){float:left!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}.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}.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}.ion-hide-xl-up{display:none!important}}@media(max-width:1199.98px){.ion-hide-xl-down{display:none!important}}