@ionic/core 8.5.1 → 8.5.2-dev.11742465639.13a7dc3e

package/css/ionic/core.ionic.css

@@ -0,0 +1 @@
+:root{--ionic-global-background-color: var(--ion-primitives-neutral-100, #f5f5f5);--ionic-global-text-color: var(--ion-primitives-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: #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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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{--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.ionic ion-modal ion-header{box-shadow:none}html.ionic ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ionic ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ionic ion-modal ion-footer ion-toolbar:first-of-type{padding-top:var(--ion-space-400, 16px)}html.ionic ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ionic ion-modal.modal-sheet ion-header ion-toolbar:last-of-type,html.ionic ion-modal ion-footer ion-toolbar:last-of-type{padding-bottom:var(--ion-space-400, 16px)}html.ionic ion-modal ion-toolbar{--padding-start: calc(var(--ion-safe-area-right) + var(--ion-space-400, 16px));--padding-end: calc(var(--ion-safe-area-left) + var(--ion-space-400, 16px))}html.ionic ion-modal ion-header ion-toolbar ion-title{top:0;position:absolute;width:100%;height:100%;transform:translateZ(0);text-align:center}html.ionic ion-modal ion-header ion-toolbar ion-title{inset-inline-start:0}html.ionic ion-modal.modal-sheet ion-content{--padding-start: var(--ion-space-400, 16px);--padding-end: var(--ion-space-400, 16px);--padding-bottom: var(--ion-space-400, 16px)}@media screen and (min-width: 768px){html.ionic 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.ionic 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: var(--ion-space-500, 20px)}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0, 0, 0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.menu-content-reveal{box-shadow:var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07))}.menu-content-push{box-shadow:var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07))}ion-accordion>[slot=header] .ion-accordion-toggle-icon{color:var(--ion-primitives-neutral-1000, #3b3b3b);font-size:var(--ion-scale-600, 24px)}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>[slot=content] ion-item{font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ion-primitives-neutral-1000, #3b3b3b);--padding-start: 0;--padding-top: var(--ion-space-300, 12px);--padding-bottom: var(--ion-space-300, 12px);--padding-end: 0;--min-height: var(--ion-scale-700, 28px)}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

@@ -0,0 +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","../../src/themes/ionic/ionic.mixins.scss"],"names":[],"mappings":"AAKA,MACE,4EACA,sEC0GE,6BACA,qCACA,mCACA,gDACA,mCACA,kCALA,+BACA,mCACA,wCACA,4CACA,qCACA,oCALA,8BACA,kCACA,uCACA,2CACA,oCACA,mCALA,6BACA,qCACA,mCACA,0CACA,mCACA,kCALA,6BACA,qCACA,mCACA,0CACA,mCACA,kCALA,4BACA,oCACA,kCACA,+CACA,kCACA,iCALA,2BACA,qCACA,iCACA,wCACA,iCACA,gCALA,4BACA,gCACA,qCACA,yCACA,kCACA,iCALA,6BACA,oCACA,mCACA,gDACA,mCACA,kCALA,0BACA,8BACA,mCACA,uCACA,gCACA,+BDrGA,yBC+EF,+DACA,2EACA,yEACA,0FACA,sEACA,oEDpFE,2BC+EF,iEACA,yEACA,8EACA,sFACA,wEACA,sEDpFE,0BC+EF,gEACA,wEACA,6EACA,qFACA,uEACA,qEDpFE,yBC+EF,+DACA,2EACA,yEACA,oFACA,sEACA,oEDpFE,yBC+EF,+DACA,2EACA,yEACA,oFACA,sEACA,oEDpFE,wBC+EF,8DACA,0EACA,wEACA,yFACA,qEACA,mEDpFE,uBC+EF,6DACA,2EACA,uEACA,kFACA,oEACA,kEDpFE,wBC+EF,8DACA,sEACA,2EACA,mFACA,qEACA,mEDpFE,yBC+EF,+DACA,0EACA,yEACA,0FACA,sEACA,oEDpFE,sBC+EF,4DACA,oEACA,yEACA,iFACA,mEACA,iED9EF,KACE,yCAGF,KACE,gDACA,qCAGF,wBACE,gBAMF,gCACE,gBAUF,qMAGE,YE0Tc,2BFlThB,kMAGE,eE+Sc,2BFxShB,iCACE,+EACA,4EAOF,sDG6VE,IH5V0B,EAE1B,kBAEA,WACA,YAEA,wBAEA,kBGmUI,sDACE,mBH7UmC,EAgB3C,6CACE,4CACA,0CACA,6CAOF,qCACE,8CACE,0BA+BJ,2DACE,sBACA,mBAaF,0CACE,4CAMF,UGsPM,MHrPyB,EGsPzB,KHtP+B,EG0QnC,IH1Q0B,EG2Q1B,OH3QgC,EAEhC,aACA,kBAEA,sBACA,8BAEA,0BACA,UAWF,oBACE,kBAEA,YAEA,qBAGF,8CACE,kBAGF,iRAeE,wBAGF,oBACE,UAGF,wCACE,cAMF,6CAEE,oDAGF,6BACE,KACE,mDAIJ,iDACE,KACE,8CACA,oDACA,gDACA,mDAOJ,mFAEE,cAMF,cACE,+BAGF,mBACE,eACA,0BAUA,oBAMA,kBAUF,+BACE,mBAGF,4CACE,gBAGF,qBACE,4GAGF,mBACE,4GAQF,uDACE,MEkK4B,4CFjK5B,UE2Bc,2BFxBhB,0EACE,2DAGF,uCACE,yCAEE,4BAUJ,qJAEE,yBAKF,sCI3QE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBJuQA,MEmI4B,4CFjI5B,mBACA,0CACA,6CACA,iBACA,yCASF,6CACE,iBASF,6BACE,qBACA,sBAUF,wDACE,YACA,iBAgBF,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.$ion-primitives-neutral-100};\n  --ionic-global-text-color: #{globals.$ion-primitives-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\nhtml.ionic ion-modal ion-header {\n  box-shadow: none;\n}\n\n/**\n * Modals need 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.ionic ion-modal.modal-card ion-header ion-toolbar:first-of-type,\nhtml.ionic ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,\nhtml.ionic ion-modal ion-footer ion-toolbar:first-of-type {\n  padding-top: globals.$ion-space-400;\n}\n\n/**\n* Modals need additional padding on the\n* bottom of the header. We accomplish this by targeting\n* the last toolbar in the header.\n*/\nhtml.ionic ion-modal.modal-card ion-header ion-toolbar:last-of-type,\nhtml.ionic ion-modal.modal-sheet ion-header ion-toolbar:last-of-type,\nhtml.ionic ion-modal ion-footer ion-toolbar:last-of-type {\n  padding-bottom: globals.$ion-space-400;\n}\n\n/**\n* Add additional padding to the left and right of toolbars while accounting\n* for the safe area insets.\n*/\nhtml.ionic ion-modal ion-toolbar {\n  --padding-start: calc(var(--ion-safe-area-right) + #{globals.$ion-space-400});\n  --padding-end: calc(var(--ion-safe-area-left) + #{globals.$ion-space-400});\n}\n\n/**\n* Center an `ion-title` within a modal header. This works around\n* limitations with `:host-context()` not being supported in all browsers.\n*/\nhtml.ionic ion-modal ion-header ion-toolbar ion-title {\n  @include globals.position(0, null, null, 0);\n\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n\n  transform: translateZ(0);\n\n  text-align: center;\n}\n\n/**\n* Add padding to the left, right, and bottom of `ion-content`\n* within a modal.\n*/\nhtml.ionic ion-modal.modal-sheet ion-content {\n  --padding-start: #{globals.$ion-space-400};\n  --padding-end: #{globals.$ion-space-400};\n  --padding-bottom: #{globals.$ion-space-400};\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.ionic 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.ionic 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.$ion-space-500};\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.$ion-elevation-1};\n}\n\n.menu-content-push {\n  box-shadow: #{globals.$ion-elevation-1};\n}\n\n// Accordion Styles\n// --------------------------------------------------\n\n// The toggle icon is nested in the accordion item so we need to\n// style it from a global level.\nion-accordion > [slot=\"header\"] .ion-accordion-toggle-icon {\n  color: globals.$ion-primitives-neutral-1000;\n  font-size: globals.$ion-scale-600;\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/**\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\n// Items inside of an accordion should have reduced padding\n// due to the padding added to the accordion content.\nion-accordion > [slot=\"content\"] ion-item {\n  @include globals.typography(globals.$ion-body-md-regular);\n\n  color: globals.$ion-primitives-neutral-1000;\n\n  --padding-start: 0;\n  --padding-top: #{globals.$ion-space-300};\n  --padding-bottom: #{globals.$ion-space-300};\n  --padding-end: 0;\n  --min-height: #{globals.$ion-scale-700};\n}\n\n// Datetime Styles\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// Popover Styles\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","/*\nDo not edit directly, this file was auto-generated.\n*/\n@use \"../themes/functions.sizes\" as font;\n\n$ion-semantics-primary-100: var(--ion-semantics-primary-100, #f2f4fd);\n$ion-semantics-primary-100-rgb: var(--ion-semantics-primary-100-rgb, 242, 244, 253);\n$ion-semantics-primary-200: var(--ion-semantics-primary-200, #e9ecfc);\n$ion-semantics-primary-200-rgb: var(--ion-semantics-primary-200-rgb, 233, 236, 252);\n$ion-semantics-primary-300: var(--ion-semantics-primary-300, #d0d7fa);\n$ion-semantics-primary-300-rgb: var(--ion-semantics-primary-300-rgb, 208, 215, 250);\n$ion-semantics-primary-400: var(--ion-semantics-primary-400, #b5c0f7);\n$ion-semantics-primary-400-rgb: var(--ion-semantics-primary-400-rgb, 181, 192, 247);\n$ion-semantics-primary-500: var(--ion-semantics-primary-500, #94a5f4);\n$ion-semantics-primary-500-rgb: var(--ion-semantics-primary-500-rgb, 148, 165, 244);\n$ion-semantics-primary-600: var(--ion-semantics-primary-600, #6986f2);\n$ion-semantics-primary-600-rgb: var(--ion-semantics-primary-600-rgb, 105, 134, 242);\n$ion-semantics-primary-700: var(--ion-semantics-primary-700, #105cef);\n$ion-semantics-primary-700-rgb: var(--ion-semantics-primary-700-rgb, 16, 92, 239);\n$ion-semantics-primary-800: var(--ion-semantics-primary-800, #0f54da);\n$ion-semantics-primary-800-rgb: var(--ion-semantics-primary-800-rgb, 15, 84, 218);\n$ion-semantics-primary-900: var(--ion-semantics-primary-900, #0d4bc3);\n$ion-semantics-primary-900-rgb: var(--ion-semantics-primary-900-rgb, 13, 75, 195);\n$ion-semantics-primary-1000: var(--ion-semantics-primary-1000, #0b41a9);\n$ion-semantics-primary-1000-rgb: var(--ion-semantics-primary-1000-rgb, 11, 65, 169);\n$ion-semantics-primary-1100: var(--ion-semantics-primary-1100, #09358a);\n$ion-semantics-primary-1100-rgb: var(--ion-semantics-primary-1100-rgb, 9, 53, 138);\n$ion-semantics-primary-1200: var(--ion-semantics-primary-1200, #072561);\n$ion-semantics-primary-1200-rgb: var(--ion-semantics-primary-1200-rgb, 7, 37, 97);\n$ion-semantics-primary-base: var(--ion-semantics-primary-base, #105cef);\n$ion-semantics-primary-base-rgb: var(--ion-semantics-primary-base-rgb, 16, 92, 239);\n$ion-semantics-info-100: var(--ion-semantics-info-100, #f2f4fd);\n$ion-semantics-info-100-rgb: var(--ion-semantics-info-100-rgb, 242, 244, 253);\n$ion-semantics-info-200: var(--ion-semantics-info-200, #e9ecfc);\n$ion-semantics-info-200-rgb: var(--ion-semantics-info-200-rgb, 233, 236, 252);\n$ion-semantics-info-300: var(--ion-semantics-info-300, #d0d7fa);\n$ion-semantics-info-300-rgb: var(--ion-semantics-info-300-rgb, 208, 215, 250);\n$ion-semantics-info-400: var(--ion-semantics-info-400, #b5c0f7);\n$ion-semantics-info-400-rgb: var(--ion-semantics-info-400-rgb, 181, 192, 247);\n$ion-semantics-info-500: var(--ion-semantics-info-500, #94a5f4);\n$ion-semantics-info-500-rgb: var(--ion-semantics-info-500-rgb, 148, 165, 244);\n$ion-semantics-info-600: var(--ion-semantics-info-600, #6986f2);\n$ion-semantics-info-600-rgb: var(--ion-semantics-info-600-rgb, 105, 134, 242);\n$ion-semantics-info-700: var(--ion-semantics-info-700, #105cef);\n$ion-semantics-info-700-rgb: var(--ion-semantics-info-700-rgb, 16, 92, 239);\n$ion-semantics-info-800: var(--ion-semantics-info-800, #0f54da);\n$ion-semantics-info-800-rgb: var(--ion-semantics-info-800-rgb, 15, 84, 218);\n$ion-semantics-info-900: var(--ion-semantics-info-900, #0d4bc3);\n$ion-semantics-info-900-rgb: var(--ion-semantics-info-900-rgb, 13, 75, 195);\n$ion-semantics-info-1000: var(--ion-semantics-info-1000, #0b41a9);\n$ion-semantics-info-1000-rgb: var(--ion-semantics-info-1000-rgb, 11, 65, 169);\n$ion-semantics-info-1100: var(--ion-semantics-info-1100, #09358a);\n$ion-semantics-info-1100-rgb: var(--ion-semantics-info-1100-rgb, 9, 53, 138);\n$ion-semantics-info-1200: var(--ion-semantics-info-1200, #072561);\n$ion-semantics-info-1200-rgb: var(--ion-semantics-info-1200-rgb, 7, 37, 97);\n$ion-semantics-info-base: var(--ion-semantics-info-base, #105cef);\n$ion-semantics-info-base-rgb: var(--ion-semantics-info-base-rgb, 16, 92, 239);\n$ion-semantics-success-100: var(--ion-semantics-success-100, #ebf9ec);\n$ion-semantics-success-100-rgb: var(--ion-semantics-success-100-rgb, 235, 249, 236);\n$ion-semantics-success-200: var(--ion-semantics-success-200, #dcf5de);\n$ion-semantics-success-200-rgb: var(--ion-semantics-success-200-rgb, 220, 245, 222);\n$ion-semantics-success-300: var(--ion-semantics-success-300, #b3ebb7);\n$ion-semantics-success-300-rgb: var(--ion-semantics-success-300-rgb, 179, 235, 183);\n$ion-semantics-success-400: var(--ion-semantics-success-400, #7fe089);\n$ion-semantics-success-400-rgb: var(--ion-semantics-success-400-rgb, 127, 224, 137);\n$ion-semantics-success-500: var(--ion-semantics-success-500, #23d643);\n$ion-semantics-success-500-rgb: var(--ion-semantics-success-500-rgb, 35, 214, 67);\n$ion-semantics-success-600: var(--ion-semantics-success-600, #1fbd3b);\n$ion-semantics-success-600-rgb: var(--ion-semantics-success-600-rgb, 31, 189, 59);\n$ion-semantics-success-700: var(--ion-semantics-success-700, #1ba433);\n$ion-semantics-success-700-rgb: var(--ion-semantics-success-700-rgb, 27, 164, 51);\n$ion-semantics-success-800: var(--ion-semantics-success-800, #178a2b);\n$ion-semantics-success-800-rgb: var(--ion-semantics-success-800-rgb, 23, 138, 43);\n$ion-semantics-success-900: var(--ion-semantics-success-900, #126f23);\n$ion-semantics-success-900-rgb: var(--ion-semantics-success-900-rgb, 18, 111, 35);\n$ion-semantics-success-1000: var(--ion-semantics-success-1000, #0e531a);\n$ion-semantics-success-1000-rgb: var(--ion-semantics-success-1000-rgb, 14, 83, 26);\n$ion-semantics-success-1100: var(--ion-semantics-success-1100, #093811);\n$ion-semantics-success-1100-rgb: var(--ion-semantics-success-1100-rgb, 9, 56, 17);\n$ion-semantics-success-1200: var(--ion-semantics-success-1200, #051d09);\n$ion-semantics-success-1200-rgb: var(--ion-semantics-success-1200-rgb, 5, 29, 9);\n$ion-semantics-success-base: var(--ion-semantics-success-base, #1ba433);\n$ion-semantics-success-base-rgb: var(--ion-semantics-success-base-rgb, 27, 164, 51);\n$ion-semantics-danger-100: var(--ion-semantics-danger-100, #feeded);\n$ion-semantics-danger-100-rgb: var(--ion-semantics-danger-100-rgb, 254, 237, 237);\n$ion-semantics-danger-200: var(--ion-semantics-danger-200, #fde1e1);\n$ion-semantics-danger-200-rgb: var(--ion-semantics-danger-200-rgb, 253, 225, 225);\n$ion-semantics-danger-300: var(--ion-semantics-danger-300, #fcc1c1);\n$ion-semantics-danger-300-rgb: var(--ion-semantics-danger-300-rgb, 252, 193, 193);\n$ion-semantics-danger-400: var(--ion-semantics-danger-400, #faa1a1);\n$ion-semantics-danger-400-rgb: var(--ion-semantics-danger-400-rgb, 250, 161, 161);\n$ion-semantics-danger-500: var(--ion-semantics-danger-500, #f97d7d);\n$ion-semantics-danger-500-rgb: var(--ion-semantics-danger-500-rgb, 249, 125, 125);\n$ion-semantics-danger-600: var(--ion-semantics-danger-600, #f85151);\n$ion-semantics-danger-600-rgb: var(--ion-semantics-danger-600-rgb, 248, 81, 81);\n$ion-semantics-danger-700: var(--ion-semantics-danger-700, #e52929);\n$ion-semantics-danger-700-rgb: var(--ion-semantics-danger-700-rgb, 229, 41, 41);\n$ion-semantics-danger-800: var(--ion-semantics-danger-800, #bf2222);\n$ion-semantics-danger-800-rgb: var(--ion-semantics-danger-800-rgb, 191, 34, 34);\n$ion-semantics-danger-900: var(--ion-semantics-danger-900, #991b1b);\n$ion-semantics-danger-900-rgb: var(--ion-semantics-danger-900-rgb, 153, 27, 27);\n$ion-semantics-danger-1000: var(--ion-semantics-danger-1000, #761515);\n$ion-semantics-danger-1000-rgb: var(--ion-semantics-danger-1000-rgb, 118, 21, 21);\n$ion-semantics-danger-1100: var(--ion-semantics-danger-1100, #540f0f);\n$ion-semantics-danger-1100-rgb: var(--ion-semantics-danger-1100-rgb, 84, 15, 15);\n$ion-semantics-danger-1200: var(--ion-semantics-danger-1200, #330909);\n$ion-semantics-danger-1200-rgb: var(--ion-semantics-danger-1200-rgb, 51, 9, 9);\n$ion-semantics-danger-base: var(--ion-semantics-danger-base, #e52929);\n$ion-semantics-danger-base-rgb: var(--ion-semantics-danger-base-rgb, 229, 41, 41);\n$ion-semantics-warning-100: var(--ion-semantics-warning-100, #fff1ea);\n$ion-semantics-warning-100-rgb: var(--ion-semantics-warning-100-rgb, 255, 241, 234);\n$ion-semantics-warning-200: var(--ion-semantics-warning-200, #ffe8db);\n$ion-semantics-warning-200-rgb: var(--ion-semantics-warning-200-rgb, 255, 232, 219);\n$ion-semantics-warning-300: var(--ion-semantics-warning-300, #ffcfb1);\n$ion-semantics-warning-300-rgb: var(--ion-semantics-warning-300-rgb, 255, 207, 177);\n$ion-semantics-warning-400: var(--ion-semantics-warning-400, #ffb37b);\n$ion-semantics-warning-400-rgb: var(--ion-semantics-warning-400-rgb, 255, 179, 123);\n$ion-semantics-warning-500: var(--ion-semantics-warning-500, #ff9400);\n$ion-semantics-warning-500-rgb: var(--ion-semantics-warning-500-rgb, 255, 148, 0);\n$ion-semantics-warning-600: var(--ion-semantics-warning-600, #e18300);\n$ion-semantics-warning-600-rgb: var(--ion-semantics-warning-600-rgb, 225, 131, 0);\n$ion-semantics-warning-700: var(--ion-semantics-warning-700, #c37100);\n$ion-semantics-warning-700-rgb: var(--ion-semantics-warning-700-rgb, 195, 113, 0);\n$ion-semantics-warning-800: var(--ion-semantics-warning-800, #a45f00);\n$ion-semantics-warning-800-rgb: var(--ion-semantics-warning-800-rgb, 164, 95, 0);\n$ion-semantics-warning-900: var(--ion-semantics-warning-900, #844d00);\n$ion-semantics-warning-900-rgb: var(--ion-semantics-warning-900-rgb, 132, 77, 0);\n$ion-semantics-warning-1000: var(--ion-semantics-warning-1000, #633a00);\n$ion-semantics-warning-1000-rgb: var(--ion-semantics-warning-1000-rgb, 99, 58, 0);\n$ion-semantics-warning-1100: var(--ion-semantics-warning-1100, #422700);\n$ion-semantics-warning-1100-rgb: var(--ion-semantics-warning-1100-rgb, 66, 39, 0);\n$ion-semantics-warning-1200: var(--ion-semantics-warning-1200, #221400);\n$ion-semantics-warning-1200-rgb: var(--ion-semantics-warning-1200-rgb, 34, 20, 0);\n$ion-semantics-warning-base: var(--ion-semantics-warning-base, #c37100);\n$ion-semantics-warning-base-rgb: var(--ion-semantics-warning-base-rgb, 195, 113, 0);\n$ion-bg-primary-base-default: var(--ion-bg-primary-base-default, #105cef);\n$ion-bg-primary-base-default-rgb: var(--ion-bg-primary-base-default-rgb, 16, 92, 239);\n$ion-bg-primary-base-press: var(--ion-bg-primary-base-press, #0d4bc3);\n$ion-bg-primary-base-press-rgb: var(--ion-bg-primary-base-press-rgb, 13, 75, 195);\n$ion-bg-primary-subtle-default: var(--ion-bg-primary-subtle-default, #f2f4fd);\n$ion-bg-primary-subtle-default-rgb: var(--ion-bg-primary-subtle-default-rgb, 242, 244, 253);\n$ion-bg-primary-subtle-press: var(--ion-bg-primary-subtle-press, #d0d7fa);\n$ion-bg-primary-subtle-press-rgb: var(--ion-bg-primary-subtle-press-rgb, 208, 215, 250);\n$ion-bg-danger-base-default: var(--ion-bg-danger-base-default, #bf2222);\n$ion-bg-danger-base-default-rgb: var(--ion-bg-danger-base-default-rgb, 191, 34, 34);\n$ion-bg-danger-base-press: var(--ion-bg-danger-base-press, #761515);\n$ion-bg-danger-base-press-rgb: var(--ion-bg-danger-base-press-rgb, 118, 21, 21);\n$ion-bg-danger-subtle-default: var(--ion-bg-danger-subtle-default, #feeded);\n$ion-bg-danger-subtle-default-rgb: var(--ion-bg-danger-subtle-default-rgb, 254, 237, 237);\n$ion-bg-danger-subtle-press: var(--ion-bg-danger-subtle-press, #fcc1c1);\n$ion-bg-danger-subtle-press-rgb: var(--ion-bg-danger-subtle-press-rgb, 252, 193, 193);\n$ion-bg-success-base-default: var(--ion-bg-success-base-default, #126f23);\n$ion-bg-success-base-default-rgb: var(--ion-bg-success-base-default-rgb, 18, 111, 35);\n$ion-bg-success-base-press: var(--ion-bg-success-base-press, #093811);\n$ion-bg-success-base-press-rgb: var(--ion-bg-success-base-press-rgb, 9, 56, 17);\n$ion-bg-success-subtle-default: var(--ion-bg-success-subtle-default, #ebf9ec);\n$ion-bg-success-subtle-default-rgb: var(--ion-bg-success-subtle-default-rgb, 235, 249, 236);\n$ion-bg-success-subtle-press: var(--ion-bg-success-subtle-press, #b3ebb7);\n$ion-bg-success-subtle-press-rgb: var(--ion-bg-success-subtle-press-rgb, 179, 235, 183);\n$ion-bg-info-base-default: var(--ion-bg-info-base-default, #0d4bc3);\n$ion-bg-info-base-default-rgb: var(--ion-bg-info-base-default-rgb, 13, 75, 195);\n$ion-bg-info-base-press: var(--ion-bg-info-base-press, #09358a);\n$ion-bg-info-base-press-rgb: var(--ion-bg-info-base-press-rgb, 9, 53, 138);\n$ion-bg-info-subtle-default: var(--ion-bg-info-subtle-default, #f2f4fd);\n$ion-bg-info-subtle-default-rgb: var(--ion-bg-info-subtle-default-rgb, 242, 244, 253);\n$ion-bg-info-subtle-press: var(--ion-bg-info-subtle-press, #d0d7fa);\n$ion-bg-info-subtle-press-rgb: var(--ion-bg-info-subtle-press-rgb, 208, 215, 250);\n$ion-bg-warning-base-default: var(--ion-bg-warning-base-default, #a45f00);\n$ion-bg-warning-base-default-rgb: var(--ion-bg-warning-base-default-rgb, 164, 95, 0);\n$ion-bg-warning-base-press: var(--ion-bg-warning-base-press, #633a00);\n$ion-bg-warning-base-press-rgb: var(--ion-bg-warning-base-press-rgb, 99, 58, 0);\n$ion-bg-warning-subtle-default: var(--ion-bg-warning-subtle-default, #fff1ea);\n$ion-bg-warning-subtle-default-rgb: var(--ion-bg-warning-subtle-default-rgb, 255, 241, 234);\n$ion-bg-warning-subtle-press: var(--ion-bg-warning-subtle-press, #ffcfb1);\n$ion-bg-warning-subtle-press-rgb: var(--ion-bg-warning-subtle-press-rgb, 255, 207, 177);\n$ion-bg-body: var(--ion-bg-body, #ffffff);\n$ion-bg-body-rgb: var(--ion-bg-body-rgb, 255, 255, 255);\n$ion-bg-neutral-subtle-default: var(--ion-bg-neutral-subtle-default, #efefef);\n$ion-bg-neutral-subtle-default-rgb: var(--ion-bg-neutral-subtle-default-rgb, 239, 239, 239);\n$ion-bg-neutral-subtle-press: var(--ion-bg-neutral-subtle-press, #d5d5d5);\n$ion-bg-neutral-subtle-press-rgb: var(--ion-bg-neutral-subtle-press-rgb, 213, 213, 213);\n$ion-bg-neutral-base-default: var(--ion-bg-neutral-base-default, #a2a2a2);\n$ion-bg-neutral-base-default-rgb: var(--ion-bg-neutral-base-default-rgb, 162, 162, 162);\n$ion-bg-neutral-base-press: var(--ion-bg-neutral-base-press, #777777);\n$ion-bg-neutral-base-press-rgb: var(--ion-bg-neutral-base-press-rgb, 119, 119, 119);\n$ion-bg-neutral-subtlest-default: var(--ion-bg-neutral-subtlest-default, #ffffff);\n$ion-bg-neutral-subtlest-default-rgb: var(--ion-bg-neutral-subtlest-default-rgb, 255, 255, 255);\n$ion-bg-neutral-subtlest-press: var(--ion-bg-neutral-subtlest-press, #efefef);\n$ion-bg-neutral-subtlest-press-rgb: var(--ion-bg-neutral-subtlest-press-rgb, 239, 239, 239);\n$ion-bg-neutral-bold-default: var(--ion-bg-neutral-bold-default, #3b3b3b);\n$ion-bg-neutral-bold-default-rgb: var(--ion-bg-neutral-bold-default-rgb, 59, 59, 59);\n$ion-bg-neutral-bold-press: var(--ion-bg-neutral-bold-press, #242424);\n$ion-bg-neutral-bold-press-rgb: var(--ion-bg-neutral-bold-press-rgb, 36, 36, 36);\n$ion-bg-neutral-boldest-default: var(--ion-bg-neutral-boldest-default, #242424);\n$ion-bg-neutral-boldest-default-rgb: var(--ion-bg-neutral-boldest-default-rgb, 36, 36, 36);\n$ion-bg-surface-default: var(--ion-bg-surface-default, #ffffff);\n$ion-bg-surface-default-rgb: var(--ion-bg-surface-default-rgb, 255, 255, 255);\n$ion-bg-surface-inverse: var(--ion-bg-surface-inverse, #ffffff);\n$ion-bg-surface-inverse-rgb: var(--ion-bg-surface-inverse-rgb, 255, 255, 255);\n$ion-bg-input-default: var(--ion-bg-input-default, #ffffff);\n$ion-bg-input-default-rgb: var(--ion-bg-input-default-rgb, 255, 255, 255);\n$ion-bg-input-read-only: var(--ion-bg-input-read-only, #f5f5f5);\n$ion-bg-input-read-only-rgb: var(--ion-bg-input-read-only-rgb, 245, 245, 245);\n$ion-bg-input-press: var(--ion-bg-input-press, #efefef);\n$ion-bg-input-press-rgb: var(--ion-bg-input-press-rgb, 239, 239, 239);\n$ion-bg-input-disabled: var(--ion-bg-input-disabled, #f5f5f5);\n$ion-bg-input-disabled-rgb: var(--ion-bg-input-disabled-rgb, 245, 245, 245);\n$ion-bg-input-bold-default: var(--ion-bg-input-bold-default, #efefef);\n$ion-bg-input-bold-default-rgb: var(--ion-bg-input-bold-default-rgb, 239, 239, 239);\n$ion-bg-input-bold-press: var(--ion-bg-input-bold-press, #d5d5d5);\n$ion-bg-input-bold-press-rgb: var(--ion-bg-input-bold-press-rgb, 213, 213, 213);\n$ion-bg-input-bold-read-only: var(--ion-bg-input-bold-read-only, #e0e0e0);\n$ion-bg-input-bold-read-only-rgb: var(--ion-bg-input-bold-read-only-rgb, 224, 224, 224);\n$ion-bg-input-bold-disabled: var(--ion-bg-input-bold-disabled, #e0e0e0);\n$ion-bg-input-bold-disabled-rgb: var(--ion-bg-input-bold-disabled-rgb, 224, 224, 224);\n$ion-bg-select-default: var(--ion-bg-select-default, #f2f4fd);\n$ion-bg-select-default-rgb: var(--ion-bg-select-default-rgb, 242, 244, 253);\n$ion-bg-select-press: var(--ion-bg-select-press, #d0d7fa);\n$ion-bg-select-press-rgb: var(--ion-bg-select-press-rgb, 208, 215, 250);\n$ion-text-default: var(--ion-text-default, #242424);\n$ion-text-default-rgb: var(--ion-text-default-rgb, 36, 36, 36);\n$ion-text-subtle: var(--ion-text-subtle, #3b3b3b);\n$ion-text-subtle-rgb: var(--ion-text-subtle-rgb, 59, 59, 59);\n$ion-text-subtlest: var(--ion-text-subtlest, #626262);\n$ion-text-subtlest-rgb: var(--ion-text-subtlest-rgb, 98, 98, 98);\n$ion-text-primary: var(--ion-text-primary, #105cef);\n$ion-text-primary-rgb: var(--ion-text-primary-rgb, 16, 92, 239);\n$ion-text-disabled: var(--ion-text-disabled, #a2a2a2);\n$ion-text-disabled-rgb: var(--ion-text-disabled-rgb, 162, 162, 162);\n$ion-text-danger: var(--ion-text-danger, #bf2222);\n$ion-text-danger-rgb: var(--ion-text-danger-rgb, 191, 34, 34);\n$ion-text-info: var(--ion-text-info, #0d4bc3);\n$ion-text-info-rgb: var(--ion-text-info-rgb, 13, 75, 195);\n$ion-text-warning: var(--ion-text-warning, #a45f00);\n$ion-text-warning-rgb: var(--ion-text-warning-rgb, 164, 95, 0);\n$ion-text-success: var(--ion-text-success, #126f23);\n$ion-text-success-rgb: var(--ion-text-success-rgb, 18, 111, 35);\n$ion-text-link-default: var(--ion-text-link-default, #105cef);\n$ion-text-link-default-rgb: var(--ion-text-link-default-rgb, 16, 92, 239);\n$ion-text-link-press: var(--ion-text-link-press, #0f54da);\n$ion-text-link-press-rgb: var(--ion-text-link-press-rgb, 15, 84, 218);\n$ion-text-link-visited: var(--ion-text-link-visited, #0d4bc3);\n$ion-text-link-visited-rgb: var(--ion-text-link-visited-rgb, 13, 75, 195);\n$ion-text-inverse: var(--ion-text-inverse, #ffffff);\n$ion-text-inverse-rgb: var(--ion-text-inverse-rgb, 255, 255, 255);\n$ion-text-select: var(--ion-text-select, #105cef);\n$ion-text-select-rgb: var(--ion-text-select-rgb, 16, 92, 239);\n$ion-border-default: var(--ion-border-default, #e0e0e0);\n$ion-border-default-rgb: var(--ion-border-default-rgb, 224, 224, 224);\n$ion-border-boldest: var(--ion-border-boldest, #242424);\n$ion-border-boldest-rgb: var(--ion-border-boldest-rgb, 36, 36, 36);\n$ion-border-focus-0: var(--ion-border-focus-0, none);\n$ion-border-focus-default: var(--ion-border-focus-default, #b5c0f7);\n$ion-border-focus-default-rgb: var(--ion-border-focus-default-rgb, 181, 192, 247);\n$ion-border-focus-error: var(--ion-border-focus-error, #faa1a1);\n$ion-border-focus-error-rgb: var(--ion-border-focus-error-rgb, 250, 161, 161);\n$ion-border-primary: var(--ion-border-primary, #105cef);\n$ion-border-primary-rgb: var(--ion-border-primary-rgb, 16, 92, 239);\n$ion-border-success: var(--ion-border-success, #126f23);\n$ion-border-success-rgb: var(--ion-border-success-rgb, 18, 111, 35);\n$ion-border-warning: var(--ion-border-warning, #844d00);\n$ion-border-warning-rgb: var(--ion-border-warning-rgb, 132, 77, 0);\n$ion-border-danger-default: var(--ion-border-danger-default, #bf2222);\n$ion-border-danger-default-rgb: var(--ion-border-danger-default-rgb, 191, 34, 34);\n$ion-border-danger-press: var(--ion-border-danger-press, #761515);\n$ion-border-danger-press-rgb: var(--ion-border-danger-press-rgb, 118, 21, 21);\n$ion-border-subtle: var(--ion-border-subtle, #f5f5f5);\n$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 245, 245, 245);\n$ion-border-input-default: var(--ion-border-input-default, #a2a2a2);\n$ion-border-input-default-rgb: var(--ion-border-input-default-rgb, 162, 162, 162);\n$ion-border-input-press: var(--ion-border-input-press, #777777);\n$ion-border-input-press-rgb: var(--ion-border-input-press-rgb, 119, 119, 119);\n$ion-border-input-read-only: var(--ion-border-input-read-only, #a2a2a2);\n$ion-border-input-read-only-rgb: var(--ion-border-input-read-only-rgb, 162, 162, 162);\n$ion-border-subtlest: var(--ion-border-subtlest, #ffffff);\n$ion-border-subtlest-rgb: var(--ion-border-subtlest-rgb, 255, 255, 255);\n$ion-border-style-none: var(--ion-border-style-none, none);\n$ion-border-style-solid: var(--ion-border-style-solid, solid);\n$ion-border-style-dashed: var(--ion-border-style-dashed, dashed);\n$ion-border-style-dotted: var(--ion-border-style-dotted, dotted);\n$ion-border-size-0: var(--ion-border-size-0, 0px);\n$ion-border-size-025: var(--ion-border-size-025, 1px);\n$ion-border-size-050: var(--ion-border-size-050, 2px);\n$ion-border-size-075: var(--ion-border-size-075, 3px);\n$ion-border-radius-0: var(--ion-border-radius-0, 0px);\n$ion-border-radius-100: var(--ion-border-radius-100, 4px);\n$ion-border-radius-200: var(--ion-border-radius-200, 8px);\n$ion-border-radius-300: var(--ion-border-radius-300, 12px);\n$ion-border-radius-400: var(--ion-border-radius-400, 16px);\n$ion-border-radius-500: var(--ion-border-radius-500, 20px);\n$ion-border-radius-800: var(--ion-border-radius-800, 32px);\n$ion-border-radius-1000: var(--ion-border-radius-1000, 40px);\n$ion-border-radius-full: var(--ion-border-radius-full, 999px);\n$ion-border-radius-025: var(--ion-border-radius-025, 2px);\n$ion-icon-subtlest: var(--ion-icon-subtlest, #626262);\n$ion-icon-subtlest-rgb: var(--ion-icon-subtlest-rgb, 98, 98, 98);\n$ion-icon-info: var(--ion-icon-info, #0d4bc3);\n$ion-icon-info-rgb: var(--ion-icon-info-rgb, 13, 75, 195);\n$ion-icon-success: var(--ion-icon-success, #126f23);\n$ion-icon-success-rgb: var(--ion-icon-success-rgb, 18, 111, 35);\n$ion-icon-danger: var(--ion-icon-danger, #bf2222);\n$ion-icon-danger-rgb: var(--ion-icon-danger-rgb, 191, 34, 34);\n$ion-icon-warning: var(--ion-icon-warning, #a45f00);\n$ion-icon-warning-rgb: var(--ion-icon-warning-rgb, 164, 95, 0);\n$ion-icon-inverse: var(--ion-icon-inverse, #ffffff);\n$ion-icon-inverse-rgb: var(--ion-icon-inverse-rgb, 255, 255, 255);\n$ion-icon-primary: var(--ion-icon-primary, #105cef);\n$ion-icon-primary-rgb: var(--ion-icon-primary-rgb, 16, 92, 239);\n$ion-icon-default: var(--ion-icon-default, #242424);\n$ion-icon-default-rgb: var(--ion-icon-default-rgb, 36, 36, 36);\n$ion-icon-disabled: var(--ion-icon-disabled, #a2a2a2);\n$ion-icon-disabled-rgb: var(--ion-icon-disabled-rgb, 162, 162, 162);\n$ion-icon-subtle: var(--ion-icon-subtle, #3b3b3b);\n$ion-icon-subtle-rgb: var(--ion-icon-subtle-rgb, 59, 59, 59);\n$ion-icon-select: var(--ion-icon-select, #105cef);\n$ion-icon-select-rgb: var(--ion-icon-select-rgb, 16, 92, 239);\n$ion-icon-link-default: var(--ion-icon-link-default, #105cef);\n$ion-icon-link-default-rgb: var(--ion-icon-link-default-rgb, 16, 92, 239);\n$ion-icon-link-press: var(--ion-icon-link-press, #0f54da);\n$ion-icon-link-press-rgb: var(--ion-icon-link-press-rgb, 15, 84, 218);\n$ion-icon-link-visited: var(--ion-icon-link-visited, #0d4bc3);\n$ion-icon-link-visited-rgb: var(--ion-icon-link-visited-rgb, 13, 75, 195);\n$ion-state-disabled: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));\n$ion-state-press: var(--ion-state-press, rgba(36, 36, 36, 0.08));\n$ion-elevation-1: var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));\n$ion-elevation-2: var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));\n$ion-elevation-3: var(--ion-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));\n$ion-elevation-4: var(--ion-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));\n$ion-backdrop: var(--ion-backdrop, [object Object]);\n$ion-scale-0: var(--ion-scale-0, 0px);\n$ion-scale-100: var(--ion-scale-100, 4px);\n$ion-scale-150: var(--ion-scale-150, 6px);\n$ion-scale-200: var(--ion-scale-200, 8px);\n$ion-scale-250: var(--ion-scale-250, 10px);\n$ion-scale-300: var(--ion-scale-300, 12px);\n$ion-scale-400: var(--ion-scale-400, 16px);\n$ion-scale-500: var(--ion-scale-500, 20px);\n$ion-scale-600: var(--ion-scale-600, 24px);\n$ion-scale-700: var(--ion-scale-700, 28px);\n$ion-scale-800: var(--ion-scale-800, 32px);\n$ion-scale-900: var(--ion-scale-900, 36px);\n$ion-scale-1000: var(--ion-scale-1000, 40px);\n$ion-scale-1100: var(--ion-scale-1100, 44px);\n$ion-scale-1200: var(--ion-scale-1200, 48px);\n$ion-scale-1400: var(--ion-scale-1400, 56px);\n$ion-scale-1600: var(--ion-scale-1600, 64px);\n$ion-scale-1800: var(--ion-scale-1800, 72px);\n$ion-scale-2000: var(--ion-scale-2000, 80px);\n$ion-scale-2400: var(--ion-scale-2400, 96px);\n$ion-scale-2800: var(--ion-scale-2800, 112px);\n$ion-scale-3200: var(--ion-scale-3200, 128px);\n$ion-scale-3400: var(--ion-scale-3400, 136px);\n$ion-scale-3600: var(--ion-scale-3600, 144px);\n$ion-scale-4000: var(--ion-scale-4000, 160px);\n$ion-scale-5000: var(--ion-scale-5000, 200px);\n$ion-scale-6200: var(--ion-scale-6200, 248px);\n$ion-scale-7400: var(--ion-scale-7400, 296px);\n$ion-scale-9000: var(--ion-scale-9000, 360px);\n$ion-scale-025: var(--ion-scale-025, 1px);\n$ion-scale-050: var(--ion-scale-050, 2px);\n$ion-scale-075: var(--ion-scale-075, 3px);\n$ion-space-0: var(--ion-space-0, 0px);\n$ion-space-100: var(--ion-space-100, 4px);\n$ion-space-150: var(--ion-space-150, 6px);\n$ion-space-200: var(--ion-space-200, 8px);\n$ion-space-250: var(--ion-space-250, 10px);\n$ion-space-300: var(--ion-space-300, 12px);\n$ion-space-400: var(--ion-space-400, 16px);\n$ion-space-500: var(--ion-space-500, 20px);\n$ion-space-600: var(--ion-space-600, 24px);\n$ion-space-700: var(--ion-space-700, 28px);\n$ion-space-800: var(--ion-space-800, 32px);\n$ion-space-900: var(--ion-space-900, 36px);\n$ion-space-1000: var(--ion-space-1000, 40px);\n$ion-space-1200: var(--ion-space-1200, 48px);\n$ion-space-050: var(--ion-space-050, 2px);\n$ion-z-index-0: var(--ion-z-index-0, 0px);\n$ion-z-index-100: var(--ion-z-index-100, 100px);\n$ion-z-index-200: var(--ion-z-index-200, 200px);\n$ion-z-index-300: var(--ion-z-index-300, 300px);\n$ion-z-index-400: var(--ion-z-index-400, 400px);\n$ion-z-index-500: var(--ion-z-index-500, 500px);\n$ion-z-index-bottom: var(--ion-z-index-bottom, -99999px);\n$ion-z-index-top: var(--ion-z-index-top, 99999px);\n$ion-transition-curve-linear: var(--ion-transition-curve-linear, linear);\n$ion-transition-curve-quick: var(--ion-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));\n$ion-transition-curve-base: var(--ion-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));\n$ion-transition-curve-expressive: var(--ion-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));\n$ion-transition-curve-bounce: var(--ion-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));\n$ion-transition-time-0: var(--ion-transition-time-0, 0);\n$ion-transition-time-100: var(--ion-transition-time-100, 100);\n$ion-transition-time-150: var(--ion-transition-time-150, 150);\n$ion-transition-time-200: var(--ion-transition-time-200, 200);\n$ion-transition-time-300: var(--ion-transition-time-300, 300);\n$ion-transition-time-500: var(--ion-transition-time-500, 500);\n$ion-transition-time-1000: var(--ion-transition-time-1000, 1000);\n$ion-transition-time-1500: var(--ion-transition-time-1500, 1500);\n$ion-font-family: var(--ion-font-family, \"Inter\", sans-serif);\n$ion-font-weight-thin: var(--ion-font-weight-thin, 100);\n$ion-font-weight-extra-light: var(--ion-font-weight-extra-light, 200);\n$ion-font-weight-light: var(--ion-font-weight-light, 300);\n$ion-font-weight-regular: var(--ion-font-weight-regular, 400);\n$ion-font-weight-medium: var(--ion-font-weight-medium, 500);\n$ion-font-weight-semi-bold: var(--ion-font-weight-semi-bold, 600);\n$ion-font-weight-bold: var(--ion-font-weight-bold, 700);\n$ion-font-weight-extra-bold: var(--ion-font-weight-extra-bold, 800);\n$ion-font-weight-black: var(--ion-font-weight-black, 900);\n$ion-font-size-275: var(--ion-font-size-275, font.px-to-rem(11));\n$ion-font-size-300: var(--ion-font-size-300, font.px-to-rem(12));\n$ion-font-size-350: var(--ion-font-size-350, font.px-to-rem(14));\n$ion-font-size-400: var(--ion-font-size-400, font.px-to-rem(16));\n$ion-font-size-450: var(--ion-font-size-450, font.px-to-rem(18));\n$ion-font-size-500: var(--ion-font-size-500, font.px-to-rem(20));\n$ion-font-size-550: var(--ion-font-size-550, font.px-to-rem(22));\n$ion-font-size-600: var(--ion-font-size-600, font.px-to-rem(24));\n$ion-font-size-650: var(--ion-font-size-650, font.px-to-rem(26));\n$ion-font-size-700: var(--ion-font-size-700, font.px-to-rem(28));\n$ion-font-size-800: var(--ion-font-size-800, font.px-to-rem(32));\n$ion-font-size-900: var(--ion-font-size-900, font.px-to-rem(36));\n$ion-font-letter-spacing-0: var(--ion-font-letter-spacing-0, 0%);\n$ion-font-letter-spacing-1: var(--ion-font-letter-spacing-1, 1%);\n$ion-font-letter-spacing-2: var(--ion-font-letter-spacing-2, 1.5%);\n$ion-font-line-height-300: var(--ion-font-line-height-300, 12px);\n$ion-font-line-height-400: var(--ion-font-line-height-400, 16px);\n$ion-font-line-height-500: var(--ion-font-line-height-500, 20px);\n$ion-font-line-height-600: var(--ion-font-line-height-600, 24px);\n$ion-font-line-height-700: var(--ion-font-line-height-700, 28px);\n$ion-font-line-height-800: var(--ion-font-line-height-800, 32px);\n$ion-font-line-height-900: var(--ion-font-line-height-900, 36px);\n$ion-font-line-height-1100: var(--ion-font-line-height-1100, 44px);\n$ion-font-line-height-1200: var(--ion-font-line-height-1200, 48px);\n$ion-font-line-height-full: var(--ion-font-line-height-full, 100%);\n$ion-rectangular-2xs: var(--ion-rectangular-2xs, 0px);\n$ion-rectangular-xs: var(--ion-rectangular-xs, 0px);\n$ion-rectangular-sm: var(--ion-rectangular-sm, 0px);\n$ion-rectangular-md: var(--ion-rectangular-md, 0px);\n$ion-rectangular-lg: var(--ion-rectangular-lg, 0px);\n$ion-rectangular-xl: var(--ion-rectangular-xl, 0px);\n$ion-rectangular-2xl: var(--ion-rectangular-2xl, 0px);\n$ion-round-2xs: var(--ion-round-2xs, 999px);\n$ion-round-xs: var(--ion-round-xs, 999px);\n$ion-round-sm: var(--ion-round-sm, 999px);\n$ion-round-md: var(--ion-round-md, 999px);\n$ion-round-lg: var(--ion-round-lg, 12px);\n$ion-round-xl: var(--ion-round-xl, 16px);\n$ion-round-2xl: var(--ion-round-2xl, 40px);\n$ion-soft-2xs: var(--ion-soft-2xs, 4px);\n$ion-soft-xs: var(--ion-soft-xs, 8px);\n$ion-soft-sm: var(--ion-soft-sm, 12px);\n$ion-soft-md: var(--ion-soft-md, 16px);\n$ion-soft-lg: var(--ion-soft-lg, 8px);\n$ion-soft-xl: var(--ion-soft-xl, 8px);\n$ion-soft-2xl: var(--ion-soft-2xl, 16px);\n$ion-primitives-neutral-100: var(--ion-primitives-neutral-100, #f5f5f5);\n$ion-primitives-neutral-100-rgb: var(--ion-primitives-neutral-100-rgb, 245, 245, 245);\n$ion-primitives-neutral-200: var(--ion-primitives-neutral-200, #efefef);\n$ion-primitives-neutral-200-rgb: var(--ion-primitives-neutral-200-rgb, 239, 239, 239);\n$ion-primitives-neutral-300: var(--ion-primitives-neutral-300, #e0e0e0);\n$ion-primitives-neutral-300-rgb: var(--ion-primitives-neutral-300-rgb, 224, 224, 224);\n$ion-primitives-neutral-400: var(--ion-primitives-neutral-400, #d5d5d5);\n$ion-primitives-neutral-400-rgb: var(--ion-primitives-neutral-400-rgb, 213, 213, 213);\n$ion-primitives-neutral-500: var(--ion-primitives-neutral-500, #a2a2a2);\n$ion-primitives-neutral-500-rgb: var(--ion-primitives-neutral-500-rgb, 162, 162, 162);\n$ion-primitives-neutral-600: var(--ion-primitives-neutral-600, #8c8c8c);\n$ion-primitives-neutral-600-rgb: var(--ion-primitives-neutral-600-rgb, 140, 140, 140);\n$ion-primitives-neutral-700: var(--ion-primitives-neutral-700, #777777);\n$ion-primitives-neutral-700-rgb: var(--ion-primitives-neutral-700-rgb, 119, 119, 119);\n$ion-primitives-neutral-800: var(--ion-primitives-neutral-800, #626262);\n$ion-primitives-neutral-800-rgb: var(--ion-primitives-neutral-800-rgb, 98, 98, 98);\n$ion-primitives-neutral-900: var(--ion-primitives-neutral-900, #4e4e4e);\n$ion-primitives-neutral-900-rgb: var(--ion-primitives-neutral-900-rgb, 78, 78, 78);\n$ion-primitives-neutral-1000: var(--ion-primitives-neutral-1000, #3b3b3b);\n$ion-primitives-neutral-1000-rgb: var(--ion-primitives-neutral-1000-rgb, 59, 59, 59);\n$ion-primitives-neutral-1100: var(--ion-primitives-neutral-1100, #292929);\n$ion-primitives-neutral-1100-rgb: var(--ion-primitives-neutral-1100-rgb, 41, 41, 41);\n$ion-primitives-neutral-1200: var(--ion-primitives-neutral-1200, #242424);\n$ion-primitives-neutral-1200-rgb: var(--ion-primitives-neutral-1200-rgb, 36, 36, 36);\n$ion-primitives-base-white: var(--ion-primitives-base-white, #ffffff);\n$ion-primitives-base-white-rgb: var(--ion-primitives-base-white-rgb, 255, 255, 255);\n$ion-primitives-base-black: var(--ion-primitives-base-black, #111111);\n$ion-primitives-base-black-rgb: var(--ion-primitives-base-black-rgb, 17, 17, 17);\n$ion-primitives-red-100: var(--ion-primitives-red-100, #feeded);\n$ion-primitives-red-100-rgb: var(--ion-primitives-red-100-rgb, 254, 237, 237);\n$ion-primitives-red-200: var(--ion-primitives-red-200, #fde1e1);\n$ion-primitives-red-200-rgb: var(--ion-primitives-red-200-rgb, 253, 225, 225);\n$ion-primitives-red-300: var(--ion-primitives-red-300, #fcc1c1);\n$ion-primitives-red-300-rgb: var(--ion-primitives-red-300-rgb, 252, 193, 193);\n$ion-primitives-red-400: var(--ion-primitives-red-400, #faa1a1);\n$ion-primitives-red-400-rgb: var(--ion-primitives-red-400-rgb, 250, 161, 161);\n$ion-primitives-red-500: var(--ion-primitives-red-500, #f97d7d);\n$ion-primitives-red-500-rgb: var(--ion-primitives-red-500-rgb, 249, 125, 125);\n$ion-primitives-red-600: var(--ion-primitives-red-600, #f85151);\n$ion-primitives-red-600-rgb: var(--ion-primitives-red-600-rgb, 248, 81, 81);\n$ion-primitives-red-700: var(--ion-primitives-red-700, #e52929);\n$ion-primitives-red-700-rgb: var(--ion-primitives-red-700-rgb, 229, 41, 41);\n$ion-primitives-red-800: var(--ion-primitives-red-800, #bf2222);\n$ion-primitives-red-800-rgb: var(--ion-primitives-red-800-rgb, 191, 34, 34);\n$ion-primitives-red-900: var(--ion-primitives-red-900, #991b1b);\n$ion-primitives-red-900-rgb: var(--ion-primitives-red-900-rgb, 153, 27, 27);\n$ion-primitives-red-1000: var(--ion-primitives-red-1000, #761515);\n$ion-primitives-red-1000-rgb: var(--ion-primitives-red-1000-rgb, 118, 21, 21);\n$ion-primitives-red-1100: var(--ion-primitives-red-1100, #540f0f);\n$ion-primitives-red-1100-rgb: var(--ion-primitives-red-1100-rgb, 84, 15, 15);\n$ion-primitives-red-1200: var(--ion-primitives-red-1200, #330909);\n$ion-primitives-red-1200-rgb: var(--ion-primitives-red-1200-rgb, 51, 9, 9);\n$ion-primitives-pumpkin-100: var(--ion-primitives-pumpkin-100, #feedea);\n$ion-primitives-pumpkin-100-rgb: var(--ion-primitives-pumpkin-100-rgb, 254, 237, 234);\n$ion-primitives-pumpkin-200: var(--ion-primitives-pumpkin-200, #fde0db);\n$ion-primitives-pumpkin-200-rgb: var(--ion-primitives-pumpkin-200-rgb, 253, 224, 219);\n$ion-primitives-pumpkin-300: var(--ion-primitives-pumpkin-300, #fbbdb1);\n$ion-primitives-pumpkin-300-rgb: var(--ion-primitives-pumpkin-300-rgb, 251, 189, 177);\n$ion-primitives-pumpkin-400: var(--ion-primitives-pumpkin-400, #f9947c);\n$ion-primitives-pumpkin-400-rgb: var(--ion-primitives-pumpkin-400-rgb, 249, 148, 124);\n$ion-primitives-pumpkin-500: var(--ion-primitives-pumpkin-500, #f75d07);\n$ion-primitives-pumpkin-500-rgb: var(--ion-primitives-pumpkin-500-rgb, 247, 93, 7);\n$ion-primitives-pumpkin-600: var(--ion-primitives-pumpkin-600, #da5206);\n$ion-primitives-pumpkin-600-rgb: var(--ion-primitives-pumpkin-600-rgb, 218, 82, 6);\n$ion-primitives-pumpkin-700: var(--ion-primitives-pumpkin-700, #bd4705);\n$ion-primitives-pumpkin-700-rgb: var(--ion-primitives-pumpkin-700-rgb, 189, 71, 5);\n$ion-primitives-pumpkin-800: var(--ion-primitives-pumpkin-800, #9f3c05);\n$ion-primitives-pumpkin-800-rgb: var(--ion-primitives-pumpkin-800-rgb, 159, 60, 5);\n$ion-primitives-pumpkin-900: var(--ion-primitives-pumpkin-900, #803004);\n$ion-primitives-pumpkin-900-rgb: var(--ion-primitives-pumpkin-900-rgb, 128, 48, 4);\n$ion-primitives-pumpkin-1000: var(--ion-primitives-pumpkin-1000, #602403);\n$ion-primitives-pumpkin-1000-rgb: var(--ion-primitives-pumpkin-1000-rgb, 96, 36, 3);\n$ion-primitives-pumpkin-1100: var(--ion-primitives-pumpkin-1100, #401802);\n$ion-primitives-pumpkin-1100-rgb: var(--ion-primitives-pumpkin-1100-rgb, 64, 24, 2);\n$ion-primitives-pumpkin-1200: var(--ion-primitives-pumpkin-1200, #210c01);\n$ion-primitives-pumpkin-1200-rgb: var(--ion-primitives-pumpkin-1200-rgb, 33, 12, 1);\n$ion-primitives-orange-100: var(--ion-primitives-orange-100, #fff1ea);\n$ion-primitives-orange-100-rgb: var(--ion-primitives-orange-100-rgb, 255, 241, 234);\n$ion-primitives-orange-200: var(--ion-primitives-orange-200, #ffe8db);\n$ion-primitives-orange-200-rgb: var(--ion-primitives-orange-200-rgb, 255, 232, 219);\n$ion-primitives-orange-300: var(--ion-primitives-orange-300, #ffcfb1);\n$ion-primitives-orange-300-rgb: var(--ion-primitives-orange-300-rgb, 255, 207, 177);\n$ion-primitives-orange-400: var(--ion-primitives-orange-400, #ffb37b);\n$ion-primitives-orange-400-rgb: var(--ion-primitives-orange-400-rgb, 255, 179, 123);\n$ion-primitives-orange-500: var(--ion-primitives-orange-500, #ff9400);\n$ion-primitives-orange-500-rgb: var(--ion-primitives-orange-500-rgb, 255, 148, 0);\n$ion-primitives-orange-600: var(--ion-primitives-orange-600, #e18300);\n$ion-primitives-orange-600-rgb: var(--ion-primitives-orange-600-rgb, 225, 131, 0);\n$ion-primitives-orange-700: var(--ion-primitives-orange-700, #c37100);\n$ion-primitives-orange-700-rgb: var(--ion-primitives-orange-700-rgb, 195, 113, 0);\n$ion-primitives-orange-800: var(--ion-primitives-orange-800, #a45f00);\n$ion-primitives-orange-800-rgb: var(--ion-primitives-orange-800-rgb, 164, 95, 0);\n$ion-primitives-orange-900: var(--ion-primitives-orange-900, #844d00);\n$ion-primitives-orange-900-rgb: var(--ion-primitives-orange-900-rgb, 132, 77, 0);\n$ion-primitives-orange-1000: var(--ion-primitives-orange-1000, #633a00);\n$ion-primitives-orange-1000-rgb: var(--ion-primitives-orange-1000-rgb, 99, 58, 0);\n$ion-primitives-orange-1100: var(--ion-primitives-orange-1100, #422700);\n$ion-primitives-orange-1100-rgb: var(--ion-primitives-orange-1100-rgb, 66, 39, 0);\n$ion-primitives-orange-1200: var(--ion-primitives-orange-1200, #221400);\n$ion-primitives-orange-1200-rgb: var(--ion-primitives-orange-1200-rgb, 34, 20, 0);\n$ion-primitives-yellow-100: var(--ion-primitives-yellow-100, #fff9ea);\n$ion-primitives-yellow-100-rgb: var(--ion-primitives-yellow-100-rgb, 255, 249, 234);\n$ion-primitives-yellow-200: var(--ion-primitives-yellow-200, #fff5db);\n$ion-primitives-yellow-200-rgb: var(--ion-primitives-yellow-200-rgb, 255, 245, 219);\n$ion-primitives-yellow-300: var(--ion-primitives-yellow-300, #ffebb1);\n$ion-primitives-yellow-300-rgb: var(--ion-primitives-yellow-300-rgb, 255, 235, 177);\n$ion-primitives-yellow-400: var(--ion-primitives-yellow-400, #ffe07b);\n$ion-primitives-yellow-400-rgb: var(--ion-primitives-yellow-400-rgb, 255, 224, 123);\n$ion-primitives-yellow-500: var(--ion-primitives-yellow-500, #ffd600);\n$ion-primitives-yellow-500-rgb: var(--ion-primitives-yellow-500-rgb, 255, 214, 0);\n$ion-primitives-yellow-600: var(--ion-primitives-yellow-600, #f9bd0a);\n$ion-primitives-yellow-600-rgb: var(--ion-primitives-yellow-600-rgb, 249, 189, 10);\n$ion-primitives-yellow-700: var(--ion-primitives-yellow-700, #df9c00);\n$ion-primitives-yellow-700-rgb: var(--ion-primitives-yellow-700-rgb, 223, 156, 0);\n$ion-primitives-yellow-800: var(--ion-primitives-yellow-800, #ba8200);\n$ion-primitives-yellow-800-rgb: var(--ion-primitives-yellow-800-rgb, 186, 130, 0);\n$ion-primitives-yellow-900: var(--ion-primitives-yellow-900, #966503);\n$ion-primitives-yellow-900-rgb: var(--ion-primitives-yellow-900-rgb, 150, 101, 3);\n$ion-primitives-yellow-1000: var(--ion-primitives-yellow-1000, #704b02);\n$ion-primitives-yellow-1000-rgb: var(--ion-primitives-yellow-1000-rgb, 112, 75, 2);\n$ion-primitives-yellow-1100: var(--ion-primitives-yellow-1100, #533802);\n$ion-primitives-yellow-1100-rgb: var(--ion-primitives-yellow-1100-rgb, 83, 56, 2);\n$ion-primitives-yellow-1200: var(--ion-primitives-yellow-1200, #2c1e02);\n$ion-primitives-yellow-1200-rgb: var(--ion-primitives-yellow-1200-rgb, 44, 30, 2);\n$ion-primitives-lime-100: var(--ion-primitives-lime-100, #f3faea);\n$ion-primitives-lime-100-rgb: var(--ion-primitives-lime-100-rgb, 243, 250, 234);\n$ion-primitives-lime-200: var(--ion-primitives-lime-200, #eaf7db);\n$ion-primitives-lime-200-rgb: var(--ion-primitives-lime-200-rgb, 234, 247, 219);\n$ion-primitives-lime-300: var(--ion-primitives-lime-300, #d3efb2);\n$ion-primitives-lime-300-rgb: var(--ion-primitives-lime-300-rgb, 211, 239, 178);\n$ion-primitives-lime-400: var(--ion-primitives-lime-400, #bbe77d);\n$ion-primitives-lime-400-rgb: var(--ion-primitives-lime-400-rgb, 187, 231, 125);\n$ion-primitives-lime-500: var(--ion-primitives-lime-500, #a0df18);\n$ion-primitives-lime-500-rgb: var(--ion-primitives-lime-500-rgb, 160, 223, 24);\n$ion-primitives-lime-600: var(--ion-primitives-lime-600, #8dc515);\n$ion-primitives-lime-600-rgb: var(--ion-primitives-lime-600-rgb, 141, 197, 21);\n$ion-primitives-lime-700: var(--ion-primitives-lime-700, #7aab12);\n$ion-primitives-lime-700-rgb: var(--ion-primitives-lime-700-rgb, 122, 171, 18);\n$ion-primitives-lime-800: var(--ion-primitives-lime-800, #678f0f);\n$ion-primitives-lime-800-rgb: var(--ion-primitives-lime-800-rgb, 103, 143, 15);\n$ion-primitives-lime-900: var(--ion-primitives-lime-900, #53730c);\n$ion-primitives-lime-900-rgb: var(--ion-primitives-lime-900-rgb, 83, 115, 12);\n$ion-primitives-lime-1000: var(--ion-primitives-lime-1000, #3e5709);\n$ion-primitives-lime-1000-rgb: var(--ion-primitives-lime-1000-rgb, 62, 87, 9);\n$ion-primitives-lime-1100: var(--ion-primitives-lime-1100, #2a3a06);\n$ion-primitives-lime-1100-rgb: var(--ion-primitives-lime-1100-rgb, 42, 58, 6);\n$ion-primitives-lime-1200: var(--ion-primitives-lime-1200, #151e03);\n$ion-primitives-lime-1200-rgb: var(--ion-primitives-lime-1200-rgb, 21, 30, 3);\n$ion-primitives-green-100: var(--ion-primitives-green-100, #ebf9ec);\n$ion-primitives-green-100-rgb: var(--ion-primitives-green-100-rgb, 235, 249, 236);\n$ion-primitives-green-200: var(--ion-primitives-green-200, #dcf5de);\n$ion-primitives-green-200-rgb: var(--ion-primitives-green-200-rgb, 220, 245, 222);\n$ion-primitives-green-300: var(--ion-primitives-green-300, #b3ebb7);\n$ion-primitives-green-300-rgb: var(--ion-primitives-green-300-rgb, 179, 235, 183);\n$ion-primitives-green-400: var(--ion-primitives-green-400, #7fe089);\n$ion-primitives-green-400-rgb: var(--ion-primitives-green-400-rgb, 127, 224, 137);\n$ion-primitives-green-500: var(--ion-primitives-green-500, #23d643);\n$ion-primitives-green-500-rgb: var(--ion-primitives-green-500-rgb, 35, 214, 67);\n$ion-primitives-green-600: var(--ion-primitives-green-600, #1fbd3b);\n$ion-primitives-green-600-rgb: var(--ion-primitives-green-600-rgb, 31, 189, 59);\n$ion-primitives-green-700: var(--ion-primitives-green-700, #1ba433);\n$ion-primitives-green-700-rgb: var(--ion-primitives-green-700-rgb, 27, 164, 51);\n$ion-primitives-green-800: var(--ion-primitives-green-800, #178a2b);\n$ion-primitives-green-800-rgb: var(--ion-primitives-green-800-rgb, 23, 138, 43);\n$ion-primitives-green-900: var(--ion-primitives-green-900, #126f23);\n$ion-primitives-green-900-rgb: var(--ion-primitives-green-900-rgb, 18, 111, 35);\n$ion-primitives-green-1000: var(--ion-primitives-green-1000, #0e531a);\n$ion-primitives-green-1000-rgb: var(--ion-primitives-green-1000-rgb, 14, 83, 26);\n$ion-primitives-green-1100: var(--ion-primitives-green-1100, #093811);\n$ion-primitives-green-1100-rgb: var(--ion-primitives-green-1100-rgb, 9, 56, 17);\n$ion-primitives-green-1200: var(--ion-primitives-green-1200, #051d09);\n$ion-primitives-green-1200-rgb: var(--ion-primitives-green-1200-rgb, 5, 29, 9);\n$ion-primitives-teal-100: var(--ion-primitives-teal-100, #eaf8f5);\n$ion-primitives-teal-100-rgb: var(--ion-primitives-teal-100-rgb, 234, 248, 245);\n$ion-primitives-teal-200: var(--ion-primitives-teal-200, #dbf3ee);\n$ion-primitives-teal-200-rgb: var(--ion-primitives-teal-200-rgb, 219, 243, 238);\n$ion-primitives-teal-300: var(--ion-primitives-teal-300, #b1e7dd);\n$ion-primitives-teal-300-rgb: var(--ion-primitives-teal-300-rgb, 177, 231, 221);\n$ion-primitives-teal-400: var(--ion-primitives-teal-400, #7bdbca);\n$ion-primitives-teal-400-rgb: var(--ion-primitives-teal-400-rgb, 123, 219, 202);\n$ion-primitives-teal-500: var(--ion-primitives-teal-500, #00cfb7);\n$ion-primitives-teal-500-rgb: var(--ion-primitives-teal-500-rgb, 0, 207, 183);\n$ion-primitives-teal-600: var(--ion-primitives-teal-600, #00b7a2);\n$ion-primitives-teal-600-rgb: var(--ion-primitives-teal-600-rgb, 0, 183, 162);\n$ion-primitives-teal-700: var(--ion-primitives-teal-700, #009e8c);\n$ion-primitives-teal-700-rgb: var(--ion-primitives-teal-700-rgb, 0, 158, 140);\n$ion-primitives-teal-800: var(--ion-primitives-teal-800, #008576);\n$ion-primitives-teal-800-rgb: var(--ion-primitives-teal-800-rgb, 0, 133, 118);\n$ion-primitives-teal-900: var(--ion-primitives-teal-900, #006b5f);\n$ion-primitives-teal-900-rgb: var(--ion-primitives-teal-900-rgb, 0, 107, 95);\n$ion-primitives-teal-1000: var(--ion-primitives-teal-1000, #005147);\n$ion-primitives-teal-1000-rgb: var(--ion-primitives-teal-1000-rgb, 0, 81, 71);\n$ion-primitives-teal-1100: var(--ion-primitives-teal-1100, #003630);\n$ion-primitives-teal-1100-rgb: var(--ion-primitives-teal-1100-rgb, 0, 54, 48);\n$ion-primitives-teal-1200: var(--ion-primitives-teal-1200, #001c19);\n$ion-primitives-teal-1200-rgb: var(--ion-primitives-teal-1200-rgb, 0, 28, 25);\n$ion-primitives-aqua-100: var(--ion-primitives-aqua-100, #ebf9fe);\n$ion-primitives-aqua-100-rgb: var(--ion-primitives-aqua-100-rgb, 235, 249, 254);\n$ion-primitives-aqua-200: var(--ion-primitives-aqua-200, #dcf4fd);\n$ion-primitives-aqua-200-rgb: var(--ion-primitives-aqua-200-rgb, 220, 244, 253);\n$ion-primitives-aqua-300: var(--ion-primitives-aqua-300, #b3e9fc);\n$ion-primitives-aqua-300-rgb: var(--ion-primitives-aqua-300-rgb, 179, 233, 252);\n$ion-primitives-aqua-400: var(--ion-primitives-aqua-400, #80defa);\n$ion-primitives-aqua-400-rgb: var(--ion-primitives-aqua-400-rgb, 128, 222, 250);\n$ion-primitives-aqua-500: var(--ion-primitives-aqua-500, #27d3f9);\n$ion-primitives-aqua-500-rgb: var(--ion-primitives-aqua-500-rgb, 39, 211, 249);\n$ion-primitives-aqua-600: var(--ion-primitives-aqua-600, #22bbdc);\n$ion-primitives-aqua-600-rgb: var(--ion-primitives-aqua-600-rgb, 34, 187, 220);\n$ion-primitives-aqua-700: var(--ion-primitives-aqua-700, #1ea2bf);\n$ion-primitives-aqua-700-rgb: var(--ion-primitives-aqua-700-rgb, 30, 162, 191);\n$ion-primitives-aqua-800: var(--ion-primitives-aqua-800, #1988a0);\n$ion-primitives-aqua-800-rgb: var(--ion-primitives-aqua-800-rgb, 25, 136, 160);\n$ion-primitives-aqua-900: var(--ion-primitives-aqua-900, #146d81);\n$ion-primitives-aqua-900-rgb: var(--ion-primitives-aqua-900-rgb, 20, 109, 129);\n$ion-primitives-aqua-1000: var(--ion-primitives-aqua-1000, #0f5261);\n$ion-primitives-aqua-1000-rgb: var(--ion-primitives-aqua-1000-rgb, 15, 82, 97);\n$ion-primitives-aqua-1100: var(--ion-primitives-aqua-1100, #0a3741);\n$ion-primitives-aqua-1100-rgb: var(--ion-primitives-aqua-1100-rgb, 10, 55, 65);\n$ion-primitives-aqua-1200: var(--ion-primitives-aqua-1200, #051c21);\n$ion-primitives-aqua-1200-rgb: var(--ion-primitives-aqua-1200-rgb, 5, 28, 33);\n$ion-primitives-blue-100: var(--ion-primitives-blue-100, #f2f4fd);\n$ion-primitives-blue-100-rgb: var(--ion-primitives-blue-100-rgb, 242, 244, 253);\n$ion-primitives-blue-200: var(--ion-primitives-blue-200, #e9ecfc);\n$ion-primitives-blue-200-rgb: var(--ion-primitives-blue-200-rgb, 233, 236, 252);\n$ion-primitives-blue-300: var(--ion-primitives-blue-300, #d0d7fa);\n$ion-primitives-blue-300-rgb: var(--ion-primitives-blue-300-rgb, 208, 215, 250);\n$ion-primitives-blue-400: var(--ion-primitives-blue-400, #b5c0f7);\n$ion-primitives-blue-400-rgb: var(--ion-primitives-blue-400-rgb, 181, 192, 247);\n$ion-primitives-blue-500: var(--ion-primitives-blue-500, #94a5f4);\n$ion-primitives-blue-500-rgb: var(--ion-primitives-blue-500-rgb, 148, 165, 244);\n$ion-primitives-blue-600: var(--ion-primitives-blue-600, #6986f2);\n$ion-primitives-blue-600-rgb: var(--ion-primitives-blue-600-rgb, 105, 134, 242);\n$ion-primitives-blue-700: var(--ion-primitives-blue-700, #105cef);\n$ion-primitives-blue-700-rgb: var(--ion-primitives-blue-700-rgb, 16, 92, 239);\n$ion-primitives-blue-800: var(--ion-primitives-blue-800, #0f54da);\n$ion-primitives-blue-800-rgb: var(--ion-primitives-blue-800-rgb, 15, 84, 218);\n$ion-primitives-blue-900: var(--ion-primitives-blue-900, #0d4bc3);\n$ion-primitives-blue-900-rgb: var(--ion-primitives-blue-900-rgb, 13, 75, 195);\n$ion-primitives-blue-1000: var(--ion-primitives-blue-1000, #0b41a9);\n$ion-primitives-blue-1000-rgb: var(--ion-primitives-blue-1000-rgb, 11, 65, 169);\n$ion-primitives-blue-1100: var(--ion-primitives-blue-1100, #09358a);\n$ion-primitives-blue-1100-rgb: var(--ion-primitives-blue-1100-rgb, 9, 53, 138);\n$ion-primitives-blue-1200: var(--ion-primitives-blue-1200, #072561);\n$ion-primitives-blue-1200-rgb: var(--ion-primitives-blue-1200-rgb, 7, 37, 97);\n$ion-primitives-indigo-100: var(--ion-primitives-indigo-100, #f3f2fb);\n$ion-primitives-indigo-100-rgb: var(--ion-primitives-indigo-100-rgb, 243, 242, 251);\n$ion-primitives-indigo-200: var(--ion-primitives-indigo-200, #eae9f9);\n$ion-primitives-indigo-200-rgb: var(--ion-primitives-indigo-200-rgb, 234, 233, 249);\n$ion-primitives-indigo-300: var(--ion-primitives-indigo-300, #d3d1f2);\n$ion-primitives-indigo-300-rgb: var(--ion-primitives-indigo-300-rgb, 211, 209, 242);\n$ion-primitives-indigo-400: var(--ion-primitives-indigo-400, #bab5eb);\n$ion-primitives-indigo-400-rgb: var(--ion-primitives-indigo-400-rgb, 186, 181, 235);\n$ion-primitives-indigo-500: var(--ion-primitives-indigo-500, #9d95e4);\n$ion-primitives-indigo-500-rgb: var(--ion-primitives-indigo-500-rgb, 157, 149, 228);\n$ion-primitives-indigo-600: var(--ion-primitives-indigo-600, #786bdd);\n$ion-primitives-indigo-600-rgb: var(--ion-primitives-indigo-600-rgb, 120, 107, 221);\n$ion-primitives-indigo-700: var(--ion-primitives-indigo-700, #411bd5);\n$ion-primitives-indigo-700-rgb: var(--ion-primitives-indigo-700-rgb, 65, 27, 213);\n$ion-primitives-indigo-800: var(--ion-primitives-indigo-800, #3b19c3);\n$ion-primitives-indigo-800-rgb: var(--ion-primitives-indigo-800-rgb, 59, 25, 195);\n$ion-primitives-indigo-900: var(--ion-primitives-indigo-900, #3516ae);\n$ion-primitives-indigo-900-rgb: var(--ion-primitives-indigo-900-rgb, 53, 22, 174);\n$ion-primitives-indigo-1000: var(--ion-primitives-indigo-1000, #2e1397);\n$ion-primitives-indigo-1000-rgb: var(--ion-primitives-indigo-1000-rgb, 46, 19, 151);\n$ion-primitives-indigo-1100: var(--ion-primitives-indigo-1100, #26107b);\n$ion-primitives-indigo-1100-rgb: var(--ion-primitives-indigo-1100-rgb, 38, 16, 123);\n$ion-primitives-indigo-1200: var(--ion-primitives-indigo-1200, #1a0b57);\n$ion-primitives-indigo-1200-rgb: var(--ion-primitives-indigo-1200-rgb, 26, 11, 87);\n$ion-primitives-violet-100: var(--ion-primitives-violet-100, #f5f2fe);\n$ion-primitives-violet-100-rgb: var(--ion-primitives-violet-100-rgb, 245, 242, 254);\n$ion-primitives-violet-200: var(--ion-primitives-violet-200, #eee9fd);\n$ion-primitives-violet-200-rgb: var(--ion-primitives-violet-200-rgb, 238, 233, 253);\n$ion-primitives-violet-300: var(--ion-primitives-violet-300, #dcd1fb);\n$ion-primitives-violet-300-rgb: var(--ion-primitives-violet-300-rgb, 220, 209, 251);\n$ion-primitives-violet-400: var(--ion-primitives-violet-400, #c9b6f9);\n$ion-primitives-violet-400-rgb: var(--ion-primitives-violet-400-rgb, 201, 182, 249);\n$ion-primitives-violet-500: var(--ion-primitives-violet-500, #b396f6);\n$ion-primitives-violet-500-rgb: var(--ion-primitives-violet-500-rgb, 179, 150, 246);\n$ion-primitives-violet-600: var(--ion-primitives-violet-600, #9a6cf4);\n$ion-primitives-violet-600-rgb: var(--ion-primitives-violet-600-rgb, 154, 108, 244);\n$ion-primitives-violet-700: var(--ion-primitives-violet-700, #7c20f2);\n$ion-primitives-violet-700-rgb: var(--ion-primitives-violet-700-rgb, 124, 32, 242);\n$ion-primitives-violet-800: var(--ion-primitives-violet-800, #711ddd);\n$ion-primitives-violet-800-rgb: var(--ion-primitives-violet-800-rgb, 113, 29, 221);\n$ion-primitives-violet-900: var(--ion-primitives-violet-900, #651ac5);\n$ion-primitives-violet-900-rgb: var(--ion-primitives-violet-900-rgb, 101, 26, 197);\n$ion-primitives-violet-1000: var(--ion-primitives-violet-1000, #5817ab);\n$ion-primitives-violet-1000-rgb: var(--ion-primitives-violet-1000-rgb, 88, 23, 171);\n$ion-primitives-violet-1100: var(--ion-primitives-violet-1100, #48128c);\n$ion-primitives-violet-1100-rgb: var(--ion-primitives-violet-1100-rgb, 72, 18, 140);\n$ion-primitives-violet-1200: var(--ion-primitives-violet-1200, #330d63);\n$ion-primitives-violet-1200-rgb: var(--ion-primitives-violet-1200-rgb, 51, 13, 99);\n$ion-primitives-purple-100: var(--ion-primitives-purple-100, #f9f3fe);\n$ion-primitives-purple-100-rgb: var(--ion-primitives-purple-100-rgb, 249, 243, 254);\n$ion-primitives-purple-200: var(--ion-primitives-purple-200, #f5eafd);\n$ion-primitives-purple-200-rgb: var(--ion-primitives-purple-200-rgb, 245, 234, 253);\n$ion-primitives-purple-300: var(--ion-primitives-purple-300, #e9d3fa);\n$ion-primitives-purple-300-rgb: var(--ion-primitives-purple-300-rgb, 233, 211, 250);\n$ion-primitives-purple-400: var(--ion-primitives-purple-400, #deb9f8);\n$ion-primitives-purple-400-rgb: var(--ion-primitives-purple-400-rgb, 222, 185, 248);\n$ion-primitives-purple-500: var(--ion-primitives-purple-500, #d29bf6);\n$ion-primitives-purple-500-rgb: var(--ion-primitives-purple-500-rgb, 210, 155, 246);\n$ion-primitives-purple-600: var(--ion-primitives-purple-600, #c575f3);\n$ion-primitives-purple-600-rgb: var(--ion-primitives-purple-600-rgb, 197, 117, 243);\n$ion-primitives-purple-700: var(--ion-primitives-purple-700, #b73cf1);\n$ion-primitives-purple-700-rgb: var(--ion-primitives-purple-700-rgb, 183, 60, 241);\n$ion-primitives-purple-800: var(--ion-primitives-purple-800, #a737dc);\n$ion-primitives-purple-800-rgb: var(--ion-primitives-purple-800-rgb, 167, 55, 220);\n$ion-primitives-purple-900: var(--ion-primitives-purple-900, #9531c5);\n$ion-primitives-purple-900-rgb: var(--ion-primitives-purple-900-rgb, 149, 49, 197);\n$ion-primitives-purple-1000: var(--ion-primitives-purple-1000, #812aaa);\n$ion-primitives-purple-1000-rgb: var(--ion-primitives-purple-1000-rgb, 129, 42, 170);\n$ion-primitives-purple-1100: var(--ion-primitives-purple-1100, #6a238b);\n$ion-primitives-purple-1100-rgb: var(--ion-primitives-purple-1100-rgb, 106, 35, 139);\n$ion-primitives-purple-1200: var(--ion-primitives-purple-1200, #4b1862);\n$ion-primitives-purple-1200-rgb: var(--ion-primitives-purple-1200-rgb, 75, 24, 98);\n$ion-primitives-magenta-100: var(--ion-primitives-magenta-100, #fdf3fb);\n$ion-primitives-magenta-100-rgb: var(--ion-primitives-magenta-100-rgb, 253, 243, 251);\n$ion-primitives-magenta-200: var(--ion-primitives-magenta-200, #fcebf8);\n$ion-primitives-magenta-200-rgb: var(--ion-primitives-magenta-200-rgb, 252, 235, 248);\n$ion-primitives-magenta-300: var(--ion-primitives-magenta-300, #f9d4f1);\n$ion-primitives-magenta-300-rgb: var(--ion-primitives-magenta-300-rgb, 249, 212, 241);\n$ion-primitives-magenta-400: var(--ion-primitives-magenta-400, #f6bcea);\n$ion-primitives-magenta-400-rgb: var(--ion-primitives-magenta-400-rgb, 246, 188, 234);\n$ion-primitives-magenta-500: var(--ion-primitives-magenta-500, #f39fe3);\n$ion-primitives-magenta-500-rgb: var(--ion-primitives-magenta-500-rgb, 243, 159, 227);\n$ion-primitives-magenta-600: var(--ion-primitives-magenta-600, #f07cdb);\n$ion-primitives-magenta-600-rgb: var(--ion-primitives-magenta-600-rgb, 240, 124, 219);\n$ion-primitives-magenta-700: var(--ion-primitives-magenta-700, #ed4ad3);\n$ion-primitives-magenta-700-rgb: var(--ion-primitives-magenta-700-rgb, 237, 74, 211);\n$ion-primitives-magenta-800: var(--ion-primitives-magenta-800, #d844c1);\n$ion-primitives-magenta-800-rgb: var(--ion-primitives-magenta-800-rgb, 216, 68, 193);\n$ion-primitives-magenta-900: var(--ion-primitives-magenta-900, #c13cac);\n$ion-primitives-magenta-900-rgb: var(--ion-primitives-magenta-900-rgb, 193, 60, 172);\n$ion-primitives-magenta-1000: var(--ion-primitives-magenta-1000, #a83495);\n$ion-primitives-magenta-1000-rgb: var(--ion-primitives-magenta-1000-rgb, 168, 52, 149);\n$ion-primitives-magenta-1100: var(--ion-primitives-magenta-1100, #892b7a);\n$ion-primitives-magenta-1100-rgb: var(--ion-primitives-magenta-1100-rgb, 137, 43, 122);\n$ion-primitives-magenta-1200: var(--ion-primitives-magenta-1200, #611e56);\n$ion-primitives-magenta-1200-rgb: var(--ion-primitives-magenta-1200-rgb, 97, 30, 86);\n$ion-primitives-pink-100: var(--ion-primitives-pink-100, #fef3f5);\n$ion-primitives-pink-100-rgb: var(--ion-primitives-pink-100-rgb, 254, 243, 245);\n$ion-primitives-pink-200: var(--ion-primitives-pink-200, #fdeaee);\n$ion-primitives-pink-200-rgb: var(--ion-primitives-pink-200-rgb, 253, 234, 238);\n$ion-primitives-pink-300: var(--ion-primitives-pink-300, #fad3dc);\n$ion-primitives-pink-300-rgb: var(--ion-primitives-pink-300-rgb, 250, 211, 220);\n$ion-primitives-pink-400: var(--ion-primitives-pink-400, #f8b9c9);\n$ion-primitives-pink-400-rgb: var(--ion-primitives-pink-400-rgb, 248, 185, 201);\n$ion-primitives-pink-500: var(--ion-primitives-pink-500, #f69bb3);\n$ion-primitives-pink-500-rgb: var(--ion-primitives-pink-500-rgb, 246, 155, 179);\n$ion-primitives-pink-600: var(--ion-primitives-pink-600, #f3759a);\n$ion-primitives-pink-600-rgb: var(--ion-primitives-pink-600-rgb, 243, 117, 154);\n$ion-primitives-pink-700: var(--ion-primitives-pink-700, #f13b7d);\n$ion-primitives-pink-700-rgb: var(--ion-primitives-pink-700-rgb, 241, 59, 125);\n$ion-primitives-pink-800: var(--ion-primitives-pink-800, #dc3672);\n$ion-primitives-pink-800-rgb: var(--ion-primitives-pink-800-rgb, 220, 54, 114);\n$ion-primitives-pink-900: var(--ion-primitives-pink-900, #c53066);\n$ion-primitives-pink-900-rgb: var(--ion-primitives-pink-900-rgb, 197, 48, 102);\n$ion-primitives-pink-1000: var(--ion-primitives-pink-1000, #aa2a58);\n$ion-primitives-pink-1000-rgb: var(--ion-primitives-pink-1000-rgb, 170, 42, 88);\n$ion-primitives-pink-1100: var(--ion-primitives-pink-1100, #8b2248);\n$ion-primitives-pink-1100-rgb: var(--ion-primitives-pink-1100-rgb, 139, 34, 72);\n$ion-primitives-pink-1200: var(--ion-primitives-pink-1200, #621833);\n$ion-primitives-pink-1200-rgb: var(--ion-primitives-pink-1200-rgb, 98, 24, 51);\n$ion-shadow-1: var(--ion-shadow-1, rgba(0, 0, 0, 0.04));\n$ion-shadow-2: var(--ion-shadow-2, rgba(0, 0, 0, 0.05));\n$ion-shadow-3: var(--ion-shadow-3, rgba(0, 0, 0, 0.07));\n$ion-shadow-4: var(--ion-shadow-4, rgba(0, 0, 0, 0.08));\n$ion-shadow-5: var(--ion-shadow-5, rgba(0, 0, 0, 0.12));\n$ion-shadow-6: var(--ion-shadow-6, rgba(0, 0, 0, 0.16));\n$ion-shadow-7: var(--ion-shadow-7, rgba(0, 0, 0, 0.18));\n\n$ion-display-sm-regular: (\n  font-size: $ion-font-size-800,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-1100,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-display-sm-light: (\n  font-size: $ion-font-size-800,\n  font-style: normal,\n  font-weight: $ion-font-weight-light,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-1100,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-display-lg-regular: (\n  font-size: $ion-font-size-900,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-1200,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-display-lg-light: (\n  font-size: $ion-font-size-900,\n  font-style: normal,\n  font-weight: $ion-font-weight-light,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-1200,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h1-regular: (\n  font-size: $ion-font-size-700,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h1-medium: (\n  font-size: $ion-font-size-700,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h1-semi-bold: (\n  font-size: $ion-font-size-700,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h1-bold: (\n  font-size: $ion-font-size-700,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h2-regular: (\n  font-size: $ion-font-size-650,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h2-medium: (\n  font-size: $ion-font-size-650,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h2-semi-bold: (\n  font-size: $ion-font-size-650,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h2-bold: (\n  font-size: $ion-font-size-650,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h3-regular: (\n  font-size: $ion-font-size-600,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-800,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h3-medium: (\n  font-size: $ion-font-size-600,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-800,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h3-semi-bold: (\n  font-size: $ion-font-size-600,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-800,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h3-bold: (\n  font-size: $ion-font-size-600,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-800,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h4-regular: (\n  font-size: $ion-font-size-550,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h4-medium: (\n  font-size: $ion-font-size-550,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h4-semi-bold: (\n  font-size: $ion-font-size-550,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h4-bold: (\n  font-size: $ion-font-size-550,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h5-regular: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h5-medium: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h5-semi-bold: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h5-bold: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h6-regular: (\n  font-size: $ion-font-size-450,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h6-medium: (\n  font-size: $ion-font-size-450,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h6-semi-bold: (\n  font-size: $ion-font-size-450,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h6-bold: (\n  font-size: $ion-font-size-450,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-action-lg: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-1,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-action-md: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-1,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-action-sm: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-1,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-action-xs: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-1,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-lg-regular: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-lg-medium: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-lg-semi-bold: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-lg-bold: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-md-regular: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-md-medium: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-md-semi-bold: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-md-bold: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-sm-regular: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-sm-medium: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-sm-semi-bold: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-sm-bold: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-overline-regular: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-2,\n  line-height: $ion-font-line-height-500,\n  text-transform: uppercase,\n  text-decoration: none,\n);\n\n$ion-overline-medium: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-2,\n  line-height: $ion-font-line-height-500,\n  text-transform: uppercase,\n  text-decoration: none,\n);\n\n$ion-overline-semi-bold: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-2,\n  line-height: $ion-font-line-height-500,\n  text-transform: uppercase,\n  text-decoration: none,\n);\n\n$ion-overline-bold: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-2,\n  line-height: $ion-font-line-height-500,\n  text-transform: uppercase,\n  text-decoration: none,\n);\n","@use \"./functions.string\" as string;\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: string.str-split($root, \",\");\n  $selectors: #{string.add-root-selector($root, \"[dir=rtl]\")};\n  $selectorsSplit: string.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 #{string.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: string.str-split(string.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: string.str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n    $flipped-url: string.str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n    $flipped-url: string.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: string.str-replace($transform, \"translate3d(\");\n      $transform: string.str-replace($transform, \")\");\n\n      $coordinates: string.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","// Ionic Mixins\n// forward the global mixin to be used on component scope\n@forward \"../mixins\";\n// use global mixins on this ionic.mixin context\n@use \"../mixins\" as mixins;\n@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Pressed mixin to be used on pseudo elements for the Ionic Theme pressed state\n//\n// ex: :host(.ion-activated) .toggle-icon:after {\n//       @include globals.pressed-state();\n//      }\n//\n// --------------------------------------------------\n@mixin pressed-state() {\n  @include mixins.position(0, 0, 0, 0);\n\n  position: absolute;\n\n  background-color: tokens.$ion-state-press;\n\n  content: \"\";\n}\n\n// Disabled mixin to be used on pseudo elements for the Ionic Theme disabled state\n//\n// ex: :host(.checkbox-disabled) .native-wrapper:after {\n//       @include globals.disable-state();\n//      }\n//\n// --------------------------------------------------\n@mixin disabled-state() {\n  @include mixins.position(0, 0, 0, 0);\n\n  position: absolute;\n\n  background-color: tokens.$ion-state-disabled;\n\n  content: \"\";\n\n  pointer-events: none;\n}\n\n// Focused mixin to be used on regular elements for the Ionic Theme focused state\n//\n// ex: :host(.ion-focused) .toggle-icon {\n//       @include globals.focused-state();\n//      }\n//\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: null, $color: null, $addOffset: true) {\n  // Use default values if null is passed\n  $width: if($width != null, $width, tokens.$ion-border-size-050);\n  $style: if($style != null, $style, tokens.$ion-border-style-solid);\n  $color: if($color != null, $color, tokens.$ion-border-focus-default);\n\n  @if $addOffset {\n    outline-offset: $width;\n  }\n\n  outline: $width $style $color;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ion-heading-h3-medium);\n//\n// --------------------------------------------------\n@mixin typography($properties) {\n  font-family: map-get($properties, font-family);\n  font-size: map-get($properties, font-size);\n  font-weight: map-get($properties, font-weight);\n\n  letter-spacing: map-get($properties, letter-spacing);\n  line-height: map-get($properties, line-height);\n\n  text-decoration: map-get($properties, text-decoration);\n  text-transform: map-get($properties, text-transform);\n}\n"]}

package/css/ionic/global.bundle.ionic.css

@@ -0,0 +1 @@
+audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family, "Inter", sans-serif)}body{font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none}h1{font-size:var(--ion-font-size-700, 1.75rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-900, 36px);text-decoration:none;text-transform:none}h2{font-size:var(--ion-font-size-650, 1.625rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-900, 36px);text-decoration:none;text-transform:none}h3{font-size:var(--ion-font-size-600, 1.5rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-800, 32px);text-decoration:none;text-transform:none}h4{font-size:var(--ion-font-size-550, 1.375rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none}h5{font-size:var(--ion-font-size-500, 1.25rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none}h6{font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none}a.ionic-link,:not(a).ionic-link a{color:var(--ion-text-link-default, #105cef);text-decoration:none;display:inline-flex;align-items:center;gap:var(--ion-space-100, 4px);transition:color .2s ease-in-out;font-weight:var(--ion-font-weight-regular, 400);text-decoration-color:inherit;text-underline-offset:2px;cursor:pointer}a.ionic-link:visited,:not(a).ionic-link a:visited{color:var(--ion-text-link-visited, #0d4bc3)}@media(any-hover: hover){a.ionic-link:hover,:not(a).ionic-link a:hover{text-decoration:underline}}a.ionic-link:focus,a.ionic-link.ion-focused,:not(a).ionic-link a:focus,:not(a).ionic-link a.ion-focused{outline:2px solid var(--ion-text-link-default, #105cef);outline-offset:2px;text-decoration:underline}a.ionic-link:active,a.ionic-link.ion-activated,:not(a).ionic-link a:active,:not(a).ionic-link a.ion-activated{color:var(--ion-text-link-press, #0f54da);text-decoration:underline}a.ionic-link-underline,:not(a).ionic-link-underline a{color:currentColor;text-decoration:underline;display:inline-flex;align-items:center;gap:var(--ion-space-100, 4px);transition:color .2s ease-in-out;font-weight:var(--ion-font-weight-regular, 400);text-decoration-color:inherit;text-underline-offset:2px;cursor:pointer}a.ionic-link-underline:visited,:not(a).ionic-link-underline a:visited{color:var(--ion-text-link-visited, #0d4bc3)}@media(any-hover: hover){a.ionic-link-underline:hover,:not(a).ionic-link-underline a:hover{color:var(--ion-text-link-press, #0f54da)}}a.ionic-link-underline:focus,a.ionic-link-underline.ion-focused,:not(a).ionic-link-underline a:focus,:not(a).ionic-link-underline a.ion-focused{outline:2px solid var(--ion-text-link-default, #105cef);outline-offset:2px;color:currentColor;text-decoration:none}a.ionic-link-underline:active,a.ionic-link-underline.ion-activated,:not(a).ionic-link-underline a:active,:not(a).ionic-link-underline a.ion-activated{color:var(--ion-text-link-press, #0f54da)}.swiper{--bullet-background: var(--ion-primitives-neutral-800, #626262);--bullet-background-active: var(--ion-semantics-primary-base, #105cef);--progress-bar-background: rgba(#010408, 0.25);--progress-bar-background-active: var(--ion-semantics-primary-600, #6986f2);--scroll-bar-background: rgba(#010408, 0.1);--scroll-bar-background-active: rgba(#010408, 0.5);display:block;user-select:none}.swiper .swiper-pagination-bullet{background:var(--bullet-background)}.swiper .swiper-pagination-bullet-active{background:var(--bullet-background-active)}.swiper .swiper-pagination-progressbar{background:var(--progress-bar-background)}.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--progress-bar-background-active)}.swiper .swiper-scrollbar{background:var(--scroll-bar-background)}.swiper .swiper-scrollbar-drag{background:var(--scroll-bar-background-active)}.swiper .slide-zoom{display:block;width:100%;text-align:center}.swiper .swiper-slide{display:flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;text-align:center;box-sizing:border-box}.swiper .swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%}/*# sourceMappingURL=global.bundle.ionic.css.map */

package/css/ionic/global.bundle.ionic.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/css/normalize.scss","../../src/css/ionic/structure.ionic.scss","../../src/themes/mixins.scss","../../src/css/ionic/typography.ionic.scss","../../src/foundations/ionic.vars.scss","../../src/themes/ionic/ionic.mixins.scss","../../src/css/ionic/link.ionic.scss","../../src/css/ionic/ionic-swiper.ionic.scss"],"names":[],"mappings":"AAMA,4BAIE,wBAKF,sBACE,aAEA,SAOF,SAEE,iBAOF,IACE,eAMF,GACE,WAEA,eAEA,uBAIF,IACE,cAIF,kBAIE,gCACA,cAeF,4BAIE,oBACA,mBAGF,SACE,cAEA,YAEA,aACA,cAGF,sBACE,iBAGF,2BAIE,SAEA,aACA,cAQF,6DAGE,eAEA,0BAIF,qNAkBE,0BAGF,6BAEE,oBAGF,OACE,UACA,SACA,gBACA,oBACA,mBACA,qBACA,cACA,oBACA,eAEA,0BAGF,WACE,eAIF,kDAGE,eAIF,iDAEE,UAEA,SAMF,4FAEE,YAMF,+FAEE,wBAOF,MACE,yBACA,iBAGF,MAEE,UCxMF,EACE,sBAEA,0CACA,wCACA,2BAGF,KACE,WACA,YACA,8BAEA,sBAGF,yBACE,aAGF,iBACE,cAGF,aACE,aAGF,KCsFE,kCACA,mCA4NE,YDjTqB,ECkTrB,aDlTqB,ECqUvB,WDrUuB,ECsUvB,cDtUuB,ECiTrB,aDhTsB,ECiTtB,cDjTsB,ECoUxB,YDpUwB,ECqUxB,eDrUwB,EAExB,eAEA,WACA,eACA,YACA,gBAsBA,wBAEA,kCAEA,gBAEA,0BAEA,uBAEA,yBAEA,qBAEA,2BACA,8BAEA,sBEhFF,KACE,YCyYgB,4CDtYlB,KE+DE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBFjEF,GE0DE,4CACA,gDAEA,oDACA,kDAEA,qBACA,oBF7DF,GEsDE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBFzDF,GEkDE,2CACA,gDAEA,oDACA,kDAEA,qBACA,oBFrDF,GE8CE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBFjDF,GE0CE,4CACA,gDAEA,oDACA,kDAEA,qBACA,oBF7CF,GEsCE,6CACA,gDAEA,oDACA,kDAEA,qBACA,oBCPF,kCArCE,MF4MsB,sCE1MtB,qBA9BA,oBAEA,mBAEA,IFiWc,0BE/Vd,iCAEA,YFoYwB,oCElYxB,8BAEA,0BAEA,eAKA,kDACE,MFwNoB,sCEvMtB,yBACE,8CACE,2BAOJ,wGAEE,wDACA,mBAEA,0BAMF,8GAEE,MF+KkB,oCE7KlB,0BAkDJ,sDArCE,mBAEA,0BA5EA,oBAEA,mBAEA,IFiWc,0BE/Vd,iCAEA,YFoYwB,oCElYxB,8BAEA,0BAEA,eAKA,sEACE,MFwNoB,sCEzJtB,yBACE,kEACE,MFqJgB,qCE9IpB,gJAEE,wDACA,mBAEA,mBAEA,qBAMF,sJAEE,MF+HkB,oCG1OtB,QACE,gEACA,uEACA,+CACA,4EACA,4CACA,mDAWA,cAEA,iBAMF,kCACE,oCAGF,yCACE,2CAMF,uCACE,0CAGF,2EACE,iDAMF,0BACE,wCAGF,+BACE,+CAMF,oBACE,cAEA,WAEA,kBAGF,sBAEE,aACA,kBAEA,cACA,mBACA,uBAEA,WACA,YAEA,eAEA,kBACA,sBAGF,0BACE,WACA,eACA,YACA","file":"global.bundle.ionic.css","sourcesContent":["// ! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css\n\n// HTML5 display definitions\n// ==========================================================================\n\n// 1. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\naudio,\ncanvas,\nprogress,\nvideo {\n  vertical-align: baseline; // 1\n}\n\n// Prevent modern browsers from displaying `audio` without controls.\n// Remove excess height in iOS 5 devices.\naudio:not([controls]) {\n  display: none;\n\n  height: 0;\n}\n\n// Text-level semantics\n// ==========================================================================\n\n// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\nb,\nstrong {\n  font-weight: bold;\n}\n\n// Embedded content\n// ==========================================================================\n\n// Makes it so the img does not flow outside container\nimg {\n  max-width: 100%;\n}\n\n// Grouping content\n// ==========================================================================\n\nhr {\n  height: 1px;\n\n  border-width: 0;\n\n  box-sizing: content-box;\n}\n\n// Contain overflow in all browsers.\npre {\n  overflow: auto;\n}\n\n// Address odd `em`-unit font size rendering in all browsers.\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\n// Forms\n// ==========================================================================\n\n// Known limitation: by default, Chrome and Safari on OS X allow very limited\n// styling of `select`, unless a `border` property is set.\n\n// 1. Correct color not being inherited.\n//    Known issue: affects color of disabled elements.\n// 2. Correct font properties not being inherited.\n// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n//\n\nlabel,\ninput,\nselect,\ntextarea {\n  font-family: inherit;\n  line-height: normal;\n}\n\ntextarea {\n  overflow: auto;\n\n  height: auto;\n\n  font: inherit;\n  color: inherit;\n}\n\ntextarea::placeholder {\n  padding-left: 2px;\n}\n\nform,\ninput,\noptgroup,\nselect {\n  margin: 0; // 3\n\n  font: inherit; // 2\n  color: inherit; // 1\n}\n\n// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n//    and `video` controls.\n// 2. Correct inability to style clickable `input` types in iOS.\n// 3. Improve usability and consistency of cursor style between image-type\n//    `input` and others.\nhtml input[type=\"button\"], // 1\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  cursor: pointer; // 3\n\n  -webkit-appearance: button; // 2\n}\n\n// remove 300ms delay\na,\na div,\na span,\na ion-icon,\na ion-label,\nbutton,\nbutton div,\nbutton span,\nbutton ion-icon,\nbutton ion-label,\n.ion-tappable,\n[tappable],\n[tappable] div,\n[tappable] span,\n[tappable] ion-icon,\n[tappable] ion-label,\ninput,\ntextarea {\n  touch-action: manipulation;\n}\n\na ion-label,\nbutton ion-label {\n  pointer-events: none;\n}\n\nbutton {\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  font-family: inherit;\n  font-style: inherit;\n  font-variant: inherit;\n  line-height: 1;\n  text-transform: none;\n  cursor: pointer;\n\n  -webkit-appearance: button;\n}\n\n[tappable] {\n  cursor: pointer;\n}\n\n// Re-set default cursor for disabled elements.\na[disabled],\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n\n// Remove inner padding and border in Firefox 4+.\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  padding: 0;\n\n  border: 0;\n}\n\n// Fix the cursor style for Chrome's increment/decrement buttons. For certain\n// `font-size` values of the `input`, it causes the cursor style of the\n// decrement button to change from `default` to `text`.\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// Remove inner padding and search cancel button in Safari and Chrome on OS X.\n// Safari (but not Chrome) clips the cancel button when the search input has\n// padding (and `textfield` appearance).\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// Tables\n// ==========================================================================//\n\n// Remove most spacing between table cells.\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\ntd,\nth {\n  padding: 0;\n}\n","@use \"../../themes/mixins\" as mixins;\n\n// Structure\n// --------------------------------------------------\n// Adds structural css to the native html elements\n\n* {\n  box-sizing: border-box;\n\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n}\n\nhtml {\n  width: 100%;\n  height: 100%;\n  -webkit-text-size-adjust: 100%;\n\n  text-size-adjust: 100%;\n}\n\nhtml:not(.hydrated) body {\n  display: none;\n}\n\nhtml.ion-ce body {\n  display: block;\n}\n\nhtml.plt-pwa {\n  height: 100vh;\n}\n\nbody {\n  @include mixins.font-smoothing();\n  @include mixins.margin(0);\n  @include mixins.padding(0);\n\n  position: fixed;\n\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n\n  /**\n   * Because body has position: fixed,\n   * it should be promoted to its own\n   * layer.\n   *\n   * WebKit does not always promote\n   * the body to its own layer on page\n   * load in Ionic apps. Once scrolling on\n   * ion-content starts, WebKit will promote\n   * body. Unfortunately, this causes a re-paint\n   * which results in scrolling being halted\n   * until the next user gesture.\n   *\n   * This impacts the Custom Elements build.\n   * The lazy loaded build causes the browser to\n   * re-paint during hydration which causes WebKit\n   * to promote body to its own layer.\n   * In the CE Build, this hydration does not\n   * happen, so the additional re-paint does not occur.\n   */\n  transform: translateZ(0);\n\n  text-rendering: optimizeLegibility;\n\n  overflow: hidden;\n\n  touch-action: manipulation;\n\n  -webkit-user-drag: none;\n\n  -ms-content-zooming: none;\n\n  word-wrap: break-word;\n\n  overscroll-behavior-y: none;\n  -webkit-text-size-adjust: none;\n\n  text-size-adjust: none;\n}\n","@use \"./functions.string\" as string;\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: string.str-split($root, \",\");\n  $selectors: #{string.add-root-selector($root, \"[dir=rtl]\")};\n  $selectorsSplit: string.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 #{string.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: string.str-split(string.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: string.str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n    $flipped-url: string.str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n    $flipped-url: string.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: string.str-replace($transform, \"translate3d(\");\n      $transform: string.str-replace($transform, \")\");\n\n      $coordinates: string.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","@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// TODO(ROU-10833): add font loading solution here, as a @font-face, base64 or cdn\nhtml {\n  font-family: globals.$ion-font-family;\n}\n\nbody {\n  @include globals.typography(globals.$ion-body-md-regular);\n}\n\n/* Override html headings based on heading tokens */\nh1 {\n  @include globals.typography(globals.$ion-heading-h1-regular);\n}\n\nh2 {\n  @include globals.typography(globals.$ion-heading-h2-regular);\n}\n\nh3 {\n  @include globals.typography(globals.$ion-heading-h3-regular);\n}\n\nh4 {\n  @include globals.typography(globals.$ion-heading-h4-regular);\n}\n\nh5 {\n  @include globals.typography(globals.$ion-heading-h5-regular);\n}\n\nh6 {\n  @include globals.typography(globals.$ion-heading-h6-regular);\n}\n","/*\nDo not edit directly, this file was auto-generated.\n*/\n@use \"../themes/functions.sizes\" as font;\n\n$ion-semantics-primary-100: var(--ion-semantics-primary-100, #f2f4fd);\n$ion-semantics-primary-100-rgb: var(--ion-semantics-primary-100-rgb, 242, 244, 253);\n$ion-semantics-primary-200: var(--ion-semantics-primary-200, #e9ecfc);\n$ion-semantics-primary-200-rgb: var(--ion-semantics-primary-200-rgb, 233, 236, 252);\n$ion-semantics-primary-300: var(--ion-semantics-primary-300, #d0d7fa);\n$ion-semantics-primary-300-rgb: var(--ion-semantics-primary-300-rgb, 208, 215, 250);\n$ion-semantics-primary-400: var(--ion-semantics-primary-400, #b5c0f7);\n$ion-semantics-primary-400-rgb: var(--ion-semantics-primary-400-rgb, 181, 192, 247);\n$ion-semantics-primary-500: var(--ion-semantics-primary-500, #94a5f4);\n$ion-semantics-primary-500-rgb: var(--ion-semantics-primary-500-rgb, 148, 165, 244);\n$ion-semantics-primary-600: var(--ion-semantics-primary-600, #6986f2);\n$ion-semantics-primary-600-rgb: var(--ion-semantics-primary-600-rgb, 105, 134, 242);\n$ion-semantics-primary-700: var(--ion-semantics-primary-700, #105cef);\n$ion-semantics-primary-700-rgb: var(--ion-semantics-primary-700-rgb, 16, 92, 239);\n$ion-semantics-primary-800: var(--ion-semantics-primary-800, #0f54da);\n$ion-semantics-primary-800-rgb: var(--ion-semantics-primary-800-rgb, 15, 84, 218);\n$ion-semantics-primary-900: var(--ion-semantics-primary-900, #0d4bc3);\n$ion-semantics-primary-900-rgb: var(--ion-semantics-primary-900-rgb, 13, 75, 195);\n$ion-semantics-primary-1000: var(--ion-semantics-primary-1000, #0b41a9);\n$ion-semantics-primary-1000-rgb: var(--ion-semantics-primary-1000-rgb, 11, 65, 169);\n$ion-semantics-primary-1100: var(--ion-semantics-primary-1100, #09358a);\n$ion-semantics-primary-1100-rgb: var(--ion-semantics-primary-1100-rgb, 9, 53, 138);\n$ion-semantics-primary-1200: var(--ion-semantics-primary-1200, #072561);\n$ion-semantics-primary-1200-rgb: var(--ion-semantics-primary-1200-rgb, 7, 37, 97);\n$ion-semantics-primary-base: var(--ion-semantics-primary-base, #105cef);\n$ion-semantics-primary-base-rgb: var(--ion-semantics-primary-base-rgb, 16, 92, 239);\n$ion-semantics-info-100: var(--ion-semantics-info-100, #f2f4fd);\n$ion-semantics-info-100-rgb: var(--ion-semantics-info-100-rgb, 242, 244, 253);\n$ion-semantics-info-200: var(--ion-semantics-info-200, #e9ecfc);\n$ion-semantics-info-200-rgb: var(--ion-semantics-info-200-rgb, 233, 236, 252);\n$ion-semantics-info-300: var(--ion-semantics-info-300, #d0d7fa);\n$ion-semantics-info-300-rgb: var(--ion-semantics-info-300-rgb, 208, 215, 250);\n$ion-semantics-info-400: var(--ion-semantics-info-400, #b5c0f7);\n$ion-semantics-info-400-rgb: var(--ion-semantics-info-400-rgb, 181, 192, 247);\n$ion-semantics-info-500: var(--ion-semantics-info-500, #94a5f4);\n$ion-semantics-info-500-rgb: var(--ion-semantics-info-500-rgb, 148, 165, 244);\n$ion-semantics-info-600: var(--ion-semantics-info-600, #6986f2);\n$ion-semantics-info-600-rgb: var(--ion-semantics-info-600-rgb, 105, 134, 242);\n$ion-semantics-info-700: var(--ion-semantics-info-700, #105cef);\n$ion-semantics-info-700-rgb: var(--ion-semantics-info-700-rgb, 16, 92, 239);\n$ion-semantics-info-800: var(--ion-semantics-info-800, #0f54da);\n$ion-semantics-info-800-rgb: var(--ion-semantics-info-800-rgb, 15, 84, 218);\n$ion-semantics-info-900: var(--ion-semantics-info-900, #0d4bc3);\n$ion-semantics-info-900-rgb: var(--ion-semantics-info-900-rgb, 13, 75, 195);\n$ion-semantics-info-1000: var(--ion-semantics-info-1000, #0b41a9);\n$ion-semantics-info-1000-rgb: var(--ion-semantics-info-1000-rgb, 11, 65, 169);\n$ion-semantics-info-1100: var(--ion-semantics-info-1100, #09358a);\n$ion-semantics-info-1100-rgb: var(--ion-semantics-info-1100-rgb, 9, 53, 138);\n$ion-semantics-info-1200: var(--ion-semantics-info-1200, #072561);\n$ion-semantics-info-1200-rgb: var(--ion-semantics-info-1200-rgb, 7, 37, 97);\n$ion-semantics-info-base: var(--ion-semantics-info-base, #105cef);\n$ion-semantics-info-base-rgb: var(--ion-semantics-info-base-rgb, 16, 92, 239);\n$ion-semantics-success-100: var(--ion-semantics-success-100, #ebf9ec);\n$ion-semantics-success-100-rgb: var(--ion-semantics-success-100-rgb, 235, 249, 236);\n$ion-semantics-success-200: var(--ion-semantics-success-200, #dcf5de);\n$ion-semantics-success-200-rgb: var(--ion-semantics-success-200-rgb, 220, 245, 222);\n$ion-semantics-success-300: var(--ion-semantics-success-300, #b3ebb7);\n$ion-semantics-success-300-rgb: var(--ion-semantics-success-300-rgb, 179, 235, 183);\n$ion-semantics-success-400: var(--ion-semantics-success-400, #7fe089);\n$ion-semantics-success-400-rgb: var(--ion-semantics-success-400-rgb, 127, 224, 137);\n$ion-semantics-success-500: var(--ion-semantics-success-500, #23d643);\n$ion-semantics-success-500-rgb: var(--ion-semantics-success-500-rgb, 35, 214, 67);\n$ion-semantics-success-600: var(--ion-semantics-success-600, #1fbd3b);\n$ion-semantics-success-600-rgb: var(--ion-semantics-success-600-rgb, 31, 189, 59);\n$ion-semantics-success-700: var(--ion-semantics-success-700, #1ba433);\n$ion-semantics-success-700-rgb: var(--ion-semantics-success-700-rgb, 27, 164, 51);\n$ion-semantics-success-800: var(--ion-semantics-success-800, #178a2b);\n$ion-semantics-success-800-rgb: var(--ion-semantics-success-800-rgb, 23, 138, 43);\n$ion-semantics-success-900: var(--ion-semantics-success-900, #126f23);\n$ion-semantics-success-900-rgb: var(--ion-semantics-success-900-rgb, 18, 111, 35);\n$ion-semantics-success-1000: var(--ion-semantics-success-1000, #0e531a);\n$ion-semantics-success-1000-rgb: var(--ion-semantics-success-1000-rgb, 14, 83, 26);\n$ion-semantics-success-1100: var(--ion-semantics-success-1100, #093811);\n$ion-semantics-success-1100-rgb: var(--ion-semantics-success-1100-rgb, 9, 56, 17);\n$ion-semantics-success-1200: var(--ion-semantics-success-1200, #051d09);\n$ion-semantics-success-1200-rgb: var(--ion-semantics-success-1200-rgb, 5, 29, 9);\n$ion-semantics-success-base: var(--ion-semantics-success-base, #1ba433);\n$ion-semantics-success-base-rgb: var(--ion-semantics-success-base-rgb, 27, 164, 51);\n$ion-semantics-danger-100: var(--ion-semantics-danger-100, #feeded);\n$ion-semantics-danger-100-rgb: var(--ion-semantics-danger-100-rgb, 254, 237, 237);\n$ion-semantics-danger-200: var(--ion-semantics-danger-200, #fde1e1);\n$ion-semantics-danger-200-rgb: var(--ion-semantics-danger-200-rgb, 253, 225, 225);\n$ion-semantics-danger-300: var(--ion-semantics-danger-300, #fcc1c1);\n$ion-semantics-danger-300-rgb: var(--ion-semantics-danger-300-rgb, 252, 193, 193);\n$ion-semantics-danger-400: var(--ion-semantics-danger-400, #faa1a1);\n$ion-semantics-danger-400-rgb: var(--ion-semantics-danger-400-rgb, 250, 161, 161);\n$ion-semantics-danger-500: var(--ion-semantics-danger-500, #f97d7d);\n$ion-semantics-danger-500-rgb: var(--ion-semantics-danger-500-rgb, 249, 125, 125);\n$ion-semantics-danger-600: var(--ion-semantics-danger-600, #f85151);\n$ion-semantics-danger-600-rgb: var(--ion-semantics-danger-600-rgb, 248, 81, 81);\n$ion-semantics-danger-700: var(--ion-semantics-danger-700, #e52929);\n$ion-semantics-danger-700-rgb: var(--ion-semantics-danger-700-rgb, 229, 41, 41);\n$ion-semantics-danger-800: var(--ion-semantics-danger-800, #bf2222);\n$ion-semantics-danger-800-rgb: var(--ion-semantics-danger-800-rgb, 191, 34, 34);\n$ion-semantics-danger-900: var(--ion-semantics-danger-900, #991b1b);\n$ion-semantics-danger-900-rgb: var(--ion-semantics-danger-900-rgb, 153, 27, 27);\n$ion-semantics-danger-1000: var(--ion-semantics-danger-1000, #761515);\n$ion-semantics-danger-1000-rgb: var(--ion-semantics-danger-1000-rgb, 118, 21, 21);\n$ion-semantics-danger-1100: var(--ion-semantics-danger-1100, #540f0f);\n$ion-semantics-danger-1100-rgb: var(--ion-semantics-danger-1100-rgb, 84, 15, 15);\n$ion-semantics-danger-1200: var(--ion-semantics-danger-1200, #330909);\n$ion-semantics-danger-1200-rgb: var(--ion-semantics-danger-1200-rgb, 51, 9, 9);\n$ion-semantics-danger-base: var(--ion-semantics-danger-base, #e52929);\n$ion-semantics-danger-base-rgb: var(--ion-semantics-danger-base-rgb, 229, 41, 41);\n$ion-semantics-warning-100: var(--ion-semantics-warning-100, #fff1ea);\n$ion-semantics-warning-100-rgb: var(--ion-semantics-warning-100-rgb, 255, 241, 234);\n$ion-semantics-warning-200: var(--ion-semantics-warning-200, #ffe8db);\n$ion-semantics-warning-200-rgb: var(--ion-semantics-warning-200-rgb, 255, 232, 219);\n$ion-semantics-warning-300: var(--ion-semantics-warning-300, #ffcfb1);\n$ion-semantics-warning-300-rgb: var(--ion-semantics-warning-300-rgb, 255, 207, 177);\n$ion-semantics-warning-400: var(--ion-semantics-warning-400, #ffb37b);\n$ion-semantics-warning-400-rgb: var(--ion-semantics-warning-400-rgb, 255, 179, 123);\n$ion-semantics-warning-500: var(--ion-semantics-warning-500, #ff9400);\n$ion-semantics-warning-500-rgb: var(--ion-semantics-warning-500-rgb, 255, 148, 0);\n$ion-semantics-warning-600: var(--ion-semantics-warning-600, #e18300);\n$ion-semantics-warning-600-rgb: var(--ion-semantics-warning-600-rgb, 225, 131, 0);\n$ion-semantics-warning-700: var(--ion-semantics-warning-700, #c37100);\n$ion-semantics-warning-700-rgb: var(--ion-semantics-warning-700-rgb, 195, 113, 0);\n$ion-semantics-warning-800: var(--ion-semantics-warning-800, #a45f00);\n$ion-semantics-warning-800-rgb: var(--ion-semantics-warning-800-rgb, 164, 95, 0);\n$ion-semantics-warning-900: var(--ion-semantics-warning-900, #844d00);\n$ion-semantics-warning-900-rgb: var(--ion-semantics-warning-900-rgb, 132, 77, 0);\n$ion-semantics-warning-1000: var(--ion-semantics-warning-1000, #633a00);\n$ion-semantics-warning-1000-rgb: var(--ion-semantics-warning-1000-rgb, 99, 58, 0);\n$ion-semantics-warning-1100: var(--ion-semantics-warning-1100, #422700);\n$ion-semantics-warning-1100-rgb: var(--ion-semantics-warning-1100-rgb, 66, 39, 0);\n$ion-semantics-warning-1200: var(--ion-semantics-warning-1200, #221400);\n$ion-semantics-warning-1200-rgb: var(--ion-semantics-warning-1200-rgb, 34, 20, 0);\n$ion-semantics-warning-base: var(--ion-semantics-warning-base, #c37100);\n$ion-semantics-warning-base-rgb: var(--ion-semantics-warning-base-rgb, 195, 113, 0);\n$ion-bg-primary-base-default: var(--ion-bg-primary-base-default, #105cef);\n$ion-bg-primary-base-default-rgb: var(--ion-bg-primary-base-default-rgb, 16, 92, 239);\n$ion-bg-primary-base-press: var(--ion-bg-primary-base-press, #0d4bc3);\n$ion-bg-primary-base-press-rgb: var(--ion-bg-primary-base-press-rgb, 13, 75, 195);\n$ion-bg-primary-subtle-default: var(--ion-bg-primary-subtle-default, #f2f4fd);\n$ion-bg-primary-subtle-default-rgb: var(--ion-bg-primary-subtle-default-rgb, 242, 244, 253);\n$ion-bg-primary-subtle-press: var(--ion-bg-primary-subtle-press, #d0d7fa);\n$ion-bg-primary-subtle-press-rgb: var(--ion-bg-primary-subtle-press-rgb, 208, 215, 250);\n$ion-bg-danger-base-default: var(--ion-bg-danger-base-default, #bf2222);\n$ion-bg-danger-base-default-rgb: var(--ion-bg-danger-base-default-rgb, 191, 34, 34);\n$ion-bg-danger-base-press: var(--ion-bg-danger-base-press, #761515);\n$ion-bg-danger-base-press-rgb: var(--ion-bg-danger-base-press-rgb, 118, 21, 21);\n$ion-bg-danger-subtle-default: var(--ion-bg-danger-subtle-default, #feeded);\n$ion-bg-danger-subtle-default-rgb: var(--ion-bg-danger-subtle-default-rgb, 254, 237, 237);\n$ion-bg-danger-subtle-press: var(--ion-bg-danger-subtle-press, #fcc1c1);\n$ion-bg-danger-subtle-press-rgb: var(--ion-bg-danger-subtle-press-rgb, 252, 193, 193);\n$ion-bg-success-base-default: var(--ion-bg-success-base-default, #126f23);\n$ion-bg-success-base-default-rgb: var(--ion-bg-success-base-default-rgb, 18, 111, 35);\n$ion-bg-success-base-press: var(--ion-bg-success-base-press, #093811);\n$ion-bg-success-base-press-rgb: var(--ion-bg-success-base-press-rgb, 9, 56, 17);\n$ion-bg-success-subtle-default: var(--ion-bg-success-subtle-default, #ebf9ec);\n$ion-bg-success-subtle-default-rgb: var(--ion-bg-success-subtle-default-rgb, 235, 249, 236);\n$ion-bg-success-subtle-press: var(--ion-bg-success-subtle-press, #b3ebb7);\n$ion-bg-success-subtle-press-rgb: var(--ion-bg-success-subtle-press-rgb, 179, 235, 183);\n$ion-bg-info-base-default: var(--ion-bg-info-base-default, #0d4bc3);\n$ion-bg-info-base-default-rgb: var(--ion-bg-info-base-default-rgb, 13, 75, 195);\n$ion-bg-info-base-press: var(--ion-bg-info-base-press, #09358a);\n$ion-bg-info-base-press-rgb: var(--ion-bg-info-base-press-rgb, 9, 53, 138);\n$ion-bg-info-subtle-default: var(--ion-bg-info-subtle-default, #f2f4fd);\n$ion-bg-info-subtle-default-rgb: var(--ion-bg-info-subtle-default-rgb, 242, 244, 253);\n$ion-bg-info-subtle-press: var(--ion-bg-info-subtle-press, #d0d7fa);\n$ion-bg-info-subtle-press-rgb: var(--ion-bg-info-subtle-press-rgb, 208, 215, 250);\n$ion-bg-warning-base-default: var(--ion-bg-warning-base-default, #a45f00);\n$ion-bg-warning-base-default-rgb: var(--ion-bg-warning-base-default-rgb, 164, 95, 0);\n$ion-bg-warning-base-press: var(--ion-bg-warning-base-press, #633a00);\n$ion-bg-warning-base-press-rgb: var(--ion-bg-warning-base-press-rgb, 99, 58, 0);\n$ion-bg-warning-subtle-default: var(--ion-bg-warning-subtle-default, #fff1ea);\n$ion-bg-warning-subtle-default-rgb: var(--ion-bg-warning-subtle-default-rgb, 255, 241, 234);\n$ion-bg-warning-subtle-press: var(--ion-bg-warning-subtle-press, #ffcfb1);\n$ion-bg-warning-subtle-press-rgb: var(--ion-bg-warning-subtle-press-rgb, 255, 207, 177);\n$ion-bg-body: var(--ion-bg-body, #ffffff);\n$ion-bg-body-rgb: var(--ion-bg-body-rgb, 255, 255, 255);\n$ion-bg-neutral-subtle-default: var(--ion-bg-neutral-subtle-default, #efefef);\n$ion-bg-neutral-subtle-default-rgb: var(--ion-bg-neutral-subtle-default-rgb, 239, 239, 239);\n$ion-bg-neutral-subtle-press: var(--ion-bg-neutral-subtle-press, #d5d5d5);\n$ion-bg-neutral-subtle-press-rgb: var(--ion-bg-neutral-subtle-press-rgb, 213, 213, 213);\n$ion-bg-neutral-base-default: var(--ion-bg-neutral-base-default, #a2a2a2);\n$ion-bg-neutral-base-default-rgb: var(--ion-bg-neutral-base-default-rgb, 162, 162, 162);\n$ion-bg-neutral-base-press: var(--ion-bg-neutral-base-press, #777777);\n$ion-bg-neutral-base-press-rgb: var(--ion-bg-neutral-base-press-rgb, 119, 119, 119);\n$ion-bg-neutral-subtlest-default: var(--ion-bg-neutral-subtlest-default, #ffffff);\n$ion-bg-neutral-subtlest-default-rgb: var(--ion-bg-neutral-subtlest-default-rgb, 255, 255, 255);\n$ion-bg-neutral-subtlest-press: var(--ion-bg-neutral-subtlest-press, #efefef);\n$ion-bg-neutral-subtlest-press-rgb: var(--ion-bg-neutral-subtlest-press-rgb, 239, 239, 239);\n$ion-bg-neutral-bold-default: var(--ion-bg-neutral-bold-default, #3b3b3b);\n$ion-bg-neutral-bold-default-rgb: var(--ion-bg-neutral-bold-default-rgb, 59, 59, 59);\n$ion-bg-neutral-bold-press: var(--ion-bg-neutral-bold-press, #242424);\n$ion-bg-neutral-bold-press-rgb: var(--ion-bg-neutral-bold-press-rgb, 36, 36, 36);\n$ion-bg-neutral-boldest-default: var(--ion-bg-neutral-boldest-default, #242424);\n$ion-bg-neutral-boldest-default-rgb: var(--ion-bg-neutral-boldest-default-rgb, 36, 36, 36);\n$ion-bg-surface-default: var(--ion-bg-surface-default, #ffffff);\n$ion-bg-surface-default-rgb: var(--ion-bg-surface-default-rgb, 255, 255, 255);\n$ion-bg-surface-inverse: var(--ion-bg-surface-inverse, #ffffff);\n$ion-bg-surface-inverse-rgb: var(--ion-bg-surface-inverse-rgb, 255, 255, 255);\n$ion-bg-input-default: var(--ion-bg-input-default, #ffffff);\n$ion-bg-input-default-rgb: var(--ion-bg-input-default-rgb, 255, 255, 255);\n$ion-bg-input-read-only: var(--ion-bg-input-read-only, #f5f5f5);\n$ion-bg-input-read-only-rgb: var(--ion-bg-input-read-only-rgb, 245, 245, 245);\n$ion-bg-input-press: var(--ion-bg-input-press, #efefef);\n$ion-bg-input-press-rgb: var(--ion-bg-input-press-rgb, 239, 239, 239);\n$ion-bg-input-disabled: var(--ion-bg-input-disabled, #f5f5f5);\n$ion-bg-input-disabled-rgb: var(--ion-bg-input-disabled-rgb, 245, 245, 245);\n$ion-bg-input-bold-default: var(--ion-bg-input-bold-default, #efefef);\n$ion-bg-input-bold-default-rgb: var(--ion-bg-input-bold-default-rgb, 239, 239, 239);\n$ion-bg-input-bold-press: var(--ion-bg-input-bold-press, #d5d5d5);\n$ion-bg-input-bold-press-rgb: var(--ion-bg-input-bold-press-rgb, 213, 213, 213);\n$ion-bg-input-bold-read-only: var(--ion-bg-input-bold-read-only, #e0e0e0);\n$ion-bg-input-bold-read-only-rgb: var(--ion-bg-input-bold-read-only-rgb, 224, 224, 224);\n$ion-bg-input-bold-disabled: var(--ion-bg-input-bold-disabled, #e0e0e0);\n$ion-bg-input-bold-disabled-rgb: var(--ion-bg-input-bold-disabled-rgb, 224, 224, 224);\n$ion-bg-select-default: var(--ion-bg-select-default, #f2f4fd);\n$ion-bg-select-default-rgb: var(--ion-bg-select-default-rgb, 242, 244, 253);\n$ion-bg-select-press: var(--ion-bg-select-press, #d0d7fa);\n$ion-bg-select-press-rgb: var(--ion-bg-select-press-rgb, 208, 215, 250);\n$ion-text-default: var(--ion-text-default, #242424);\n$ion-text-default-rgb: var(--ion-text-default-rgb, 36, 36, 36);\n$ion-text-subtle: var(--ion-text-subtle, #3b3b3b);\n$ion-text-subtle-rgb: var(--ion-text-subtle-rgb, 59, 59, 59);\n$ion-text-subtlest: var(--ion-text-subtlest, #626262);\n$ion-text-subtlest-rgb: var(--ion-text-subtlest-rgb, 98, 98, 98);\n$ion-text-primary: var(--ion-text-primary, #105cef);\n$ion-text-primary-rgb: var(--ion-text-primary-rgb, 16, 92, 239);\n$ion-text-disabled: var(--ion-text-disabled, #a2a2a2);\n$ion-text-disabled-rgb: var(--ion-text-disabled-rgb, 162, 162, 162);\n$ion-text-danger: var(--ion-text-danger, #bf2222);\n$ion-text-danger-rgb: var(--ion-text-danger-rgb, 191, 34, 34);\n$ion-text-info: var(--ion-text-info, #0d4bc3);\n$ion-text-info-rgb: var(--ion-text-info-rgb, 13, 75, 195);\n$ion-text-warning: var(--ion-text-warning, #a45f00);\n$ion-text-warning-rgb: var(--ion-text-warning-rgb, 164, 95, 0);\n$ion-text-success: var(--ion-text-success, #126f23);\n$ion-text-success-rgb: var(--ion-text-success-rgb, 18, 111, 35);\n$ion-text-link-default: var(--ion-text-link-default, #105cef);\n$ion-text-link-default-rgb: var(--ion-text-link-default-rgb, 16, 92, 239);\n$ion-text-link-press: var(--ion-text-link-press, #0f54da);\n$ion-text-link-press-rgb: var(--ion-text-link-press-rgb, 15, 84, 218);\n$ion-text-link-visited: var(--ion-text-link-visited, #0d4bc3);\n$ion-text-link-visited-rgb: var(--ion-text-link-visited-rgb, 13, 75, 195);\n$ion-text-inverse: var(--ion-text-inverse, #ffffff);\n$ion-text-inverse-rgb: var(--ion-text-inverse-rgb, 255, 255, 255);\n$ion-text-select: var(--ion-text-select, #105cef);\n$ion-text-select-rgb: var(--ion-text-select-rgb, 16, 92, 239);\n$ion-border-default: var(--ion-border-default, #e0e0e0);\n$ion-border-default-rgb: var(--ion-border-default-rgb, 224, 224, 224);\n$ion-border-boldest: var(--ion-border-boldest, #242424);\n$ion-border-boldest-rgb: var(--ion-border-boldest-rgb, 36, 36, 36);\n$ion-border-focus-0: var(--ion-border-focus-0, none);\n$ion-border-focus-default: var(--ion-border-focus-default, #b5c0f7);\n$ion-border-focus-default-rgb: var(--ion-border-focus-default-rgb, 181, 192, 247);\n$ion-border-focus-error: var(--ion-border-focus-error, #faa1a1);\n$ion-border-focus-error-rgb: var(--ion-border-focus-error-rgb, 250, 161, 161);\n$ion-border-primary: var(--ion-border-primary, #105cef);\n$ion-border-primary-rgb: var(--ion-border-primary-rgb, 16, 92, 239);\n$ion-border-success: var(--ion-border-success, #126f23);\n$ion-border-success-rgb: var(--ion-border-success-rgb, 18, 111, 35);\n$ion-border-warning: var(--ion-border-warning, #844d00);\n$ion-border-warning-rgb: var(--ion-border-warning-rgb, 132, 77, 0);\n$ion-border-danger-default: var(--ion-border-danger-default, #bf2222);\n$ion-border-danger-default-rgb: var(--ion-border-danger-default-rgb, 191, 34, 34);\n$ion-border-danger-press: var(--ion-border-danger-press, #761515);\n$ion-border-danger-press-rgb: var(--ion-border-danger-press-rgb, 118, 21, 21);\n$ion-border-subtle: var(--ion-border-subtle, #f5f5f5);\n$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 245, 245, 245);\n$ion-border-input-default: var(--ion-border-input-default, #a2a2a2);\n$ion-border-input-default-rgb: var(--ion-border-input-default-rgb, 162, 162, 162);\n$ion-border-input-press: var(--ion-border-input-press, #777777);\n$ion-border-input-press-rgb: var(--ion-border-input-press-rgb, 119, 119, 119);\n$ion-border-input-read-only: var(--ion-border-input-read-only, #a2a2a2);\n$ion-border-input-read-only-rgb: var(--ion-border-input-read-only-rgb, 162, 162, 162);\n$ion-border-subtlest: var(--ion-border-subtlest, #ffffff);\n$ion-border-subtlest-rgb: var(--ion-border-subtlest-rgb, 255, 255, 255);\n$ion-border-style-none: var(--ion-border-style-none, none);\n$ion-border-style-solid: var(--ion-border-style-solid, solid);\n$ion-border-style-dashed: var(--ion-border-style-dashed, dashed);\n$ion-border-style-dotted: var(--ion-border-style-dotted, dotted);\n$ion-border-size-0: var(--ion-border-size-0, 0px);\n$ion-border-size-025: var(--ion-border-size-025, 1px);\n$ion-border-size-050: var(--ion-border-size-050, 2px);\n$ion-border-size-075: var(--ion-border-size-075, 3px);\n$ion-border-radius-0: var(--ion-border-radius-0, 0px);\n$ion-border-radius-100: var(--ion-border-radius-100, 4px);\n$ion-border-radius-200: var(--ion-border-radius-200, 8px);\n$ion-border-radius-300: var(--ion-border-radius-300, 12px);\n$ion-border-radius-400: var(--ion-border-radius-400, 16px);\n$ion-border-radius-500: var(--ion-border-radius-500, 20px);\n$ion-border-radius-800: var(--ion-border-radius-800, 32px);\n$ion-border-radius-1000: var(--ion-border-radius-1000, 40px);\n$ion-border-radius-full: var(--ion-border-radius-full, 999px);\n$ion-border-radius-025: var(--ion-border-radius-025, 2px);\n$ion-icon-subtlest: var(--ion-icon-subtlest, #626262);\n$ion-icon-subtlest-rgb: var(--ion-icon-subtlest-rgb, 98, 98, 98);\n$ion-icon-info: var(--ion-icon-info, #0d4bc3);\n$ion-icon-info-rgb: var(--ion-icon-info-rgb, 13, 75, 195);\n$ion-icon-success: var(--ion-icon-success, #126f23);\n$ion-icon-success-rgb: var(--ion-icon-success-rgb, 18, 111, 35);\n$ion-icon-danger: var(--ion-icon-danger, #bf2222);\n$ion-icon-danger-rgb: var(--ion-icon-danger-rgb, 191, 34, 34);\n$ion-icon-warning: var(--ion-icon-warning, #a45f00);\n$ion-icon-warning-rgb: var(--ion-icon-warning-rgb, 164, 95, 0);\n$ion-icon-inverse: var(--ion-icon-inverse, #ffffff);\n$ion-icon-inverse-rgb: var(--ion-icon-inverse-rgb, 255, 255, 255);\n$ion-icon-primary: var(--ion-icon-primary, #105cef);\n$ion-icon-primary-rgb: var(--ion-icon-primary-rgb, 16, 92, 239);\n$ion-icon-default: var(--ion-icon-default, #242424);\n$ion-icon-default-rgb: var(--ion-icon-default-rgb, 36, 36, 36);\n$ion-icon-disabled: var(--ion-icon-disabled, #a2a2a2);\n$ion-icon-disabled-rgb: var(--ion-icon-disabled-rgb, 162, 162, 162);\n$ion-icon-subtle: var(--ion-icon-subtle, #3b3b3b);\n$ion-icon-subtle-rgb: var(--ion-icon-subtle-rgb, 59, 59, 59);\n$ion-icon-select: var(--ion-icon-select, #105cef);\n$ion-icon-select-rgb: var(--ion-icon-select-rgb, 16, 92, 239);\n$ion-icon-link-default: var(--ion-icon-link-default, #105cef);\n$ion-icon-link-default-rgb: var(--ion-icon-link-default-rgb, 16, 92, 239);\n$ion-icon-link-press: var(--ion-icon-link-press, #0f54da);\n$ion-icon-link-press-rgb: var(--ion-icon-link-press-rgb, 15, 84, 218);\n$ion-icon-link-visited: var(--ion-icon-link-visited, #0d4bc3);\n$ion-icon-link-visited-rgb: var(--ion-icon-link-visited-rgb, 13, 75, 195);\n$ion-state-disabled: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));\n$ion-state-press: var(--ion-state-press, rgba(36, 36, 36, 0.08));\n$ion-elevation-1: var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));\n$ion-elevation-2: var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));\n$ion-elevation-3: var(--ion-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));\n$ion-elevation-4: var(--ion-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));\n$ion-backdrop: var(--ion-backdrop, [object Object]);\n$ion-scale-0: var(--ion-scale-0, 0px);\n$ion-scale-100: var(--ion-scale-100, 4px);\n$ion-scale-150: var(--ion-scale-150, 6px);\n$ion-scale-200: var(--ion-scale-200, 8px);\n$ion-scale-250: var(--ion-scale-250, 10px);\n$ion-scale-300: var(--ion-scale-300, 12px);\n$ion-scale-400: var(--ion-scale-400, 16px);\n$ion-scale-500: var(--ion-scale-500, 20px);\n$ion-scale-600: var(--ion-scale-600, 24px);\n$ion-scale-700: var(--ion-scale-700, 28px);\n$ion-scale-800: var(--ion-scale-800, 32px);\n$ion-scale-900: var(--ion-scale-900, 36px);\n$ion-scale-1000: var(--ion-scale-1000, 40px);\n$ion-scale-1100: var(--ion-scale-1100, 44px);\n$ion-scale-1200: var(--ion-scale-1200, 48px);\n$ion-scale-1400: var(--ion-scale-1400, 56px);\n$ion-scale-1600: var(--ion-scale-1600, 64px);\n$ion-scale-1800: var(--ion-scale-1800, 72px);\n$ion-scale-2000: var(--ion-scale-2000, 80px);\n$ion-scale-2400: var(--ion-scale-2400, 96px);\n$ion-scale-2800: var(--ion-scale-2800, 112px);\n$ion-scale-3200: var(--ion-scale-3200, 128px);\n$ion-scale-3400: var(--ion-scale-3400, 136px);\n$ion-scale-3600: var(--ion-scale-3600, 144px);\n$ion-scale-4000: var(--ion-scale-4000, 160px);\n$ion-scale-5000: var(--ion-scale-5000, 200px);\n$ion-scale-6200: var(--ion-scale-6200, 248px);\n$ion-scale-7400: var(--ion-scale-7400, 296px);\n$ion-scale-9000: var(--ion-scale-9000, 360px);\n$ion-scale-025: var(--ion-scale-025, 1px);\n$ion-scale-050: var(--ion-scale-050, 2px);\n$ion-scale-075: var(--ion-scale-075, 3px);\n$ion-space-0: var(--ion-space-0, 0px);\n$ion-space-100: var(--ion-space-100, 4px);\n$ion-space-150: var(--ion-space-150, 6px);\n$ion-space-200: var(--ion-space-200, 8px);\n$ion-space-250: var(--ion-space-250, 10px);\n$ion-space-300: var(--ion-space-300, 12px);\n$ion-space-400: var(--ion-space-400, 16px);\n$ion-space-500: var(--ion-space-500, 20px);\n$ion-space-600: var(--ion-space-600, 24px);\n$ion-space-700: var(--ion-space-700, 28px);\n$ion-space-800: var(--ion-space-800, 32px);\n$ion-space-900: var(--ion-space-900, 36px);\n$ion-space-1000: var(--ion-space-1000, 40px);\n$ion-space-1200: var(--ion-space-1200, 48px);\n$ion-space-050: var(--ion-space-050, 2px);\n$ion-z-index-0: var(--ion-z-index-0, 0px);\n$ion-z-index-100: var(--ion-z-index-100, 100px);\n$ion-z-index-200: var(--ion-z-index-200, 200px);\n$ion-z-index-300: var(--ion-z-index-300, 300px);\n$ion-z-index-400: var(--ion-z-index-400, 400px);\n$ion-z-index-500: var(--ion-z-index-500, 500px);\n$ion-z-index-bottom: var(--ion-z-index-bottom, -99999px);\n$ion-z-index-top: var(--ion-z-index-top, 99999px);\n$ion-transition-curve-linear: var(--ion-transition-curve-linear, linear);\n$ion-transition-curve-quick: var(--ion-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));\n$ion-transition-curve-base: var(--ion-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));\n$ion-transition-curve-expressive: var(--ion-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));\n$ion-transition-curve-bounce: var(--ion-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));\n$ion-transition-time-0: var(--ion-transition-time-0, 0);\n$ion-transition-time-100: var(--ion-transition-time-100, 100);\n$ion-transition-time-150: var(--ion-transition-time-150, 150);\n$ion-transition-time-200: var(--ion-transition-time-200, 200);\n$ion-transition-time-300: var(--ion-transition-time-300, 300);\n$ion-transition-time-500: var(--ion-transition-time-500, 500);\n$ion-transition-time-1000: var(--ion-transition-time-1000, 1000);\n$ion-transition-time-1500: var(--ion-transition-time-1500, 1500);\n$ion-font-family: var(--ion-font-family, \"Inter\", sans-serif);\n$ion-font-weight-thin: var(--ion-font-weight-thin, 100);\n$ion-font-weight-extra-light: var(--ion-font-weight-extra-light, 200);\n$ion-font-weight-light: var(--ion-font-weight-light, 300);\n$ion-font-weight-regular: var(--ion-font-weight-regular, 400);\n$ion-font-weight-medium: var(--ion-font-weight-medium, 500);\n$ion-font-weight-semi-bold: var(--ion-font-weight-semi-bold, 600);\n$ion-font-weight-bold: var(--ion-font-weight-bold, 700);\n$ion-font-weight-extra-bold: var(--ion-font-weight-extra-bold, 800);\n$ion-font-weight-black: var(--ion-font-weight-black, 900);\n$ion-font-size-275: var(--ion-font-size-275, font.px-to-rem(11));\n$ion-font-size-300: var(--ion-font-size-300, font.px-to-rem(12));\n$ion-font-size-350: var(--ion-font-size-350, font.px-to-rem(14));\n$ion-font-size-400: var(--ion-font-size-400, font.px-to-rem(16));\n$ion-font-size-450: var(--ion-font-size-450, font.px-to-rem(18));\n$ion-font-size-500: var(--ion-font-size-500, font.px-to-rem(20));\n$ion-font-size-550: var(--ion-font-size-550, font.px-to-rem(22));\n$ion-font-size-600: var(--ion-font-size-600, font.px-to-rem(24));\n$ion-font-size-650: var(--ion-font-size-650, font.px-to-rem(26));\n$ion-font-size-700: var(--ion-font-size-700, font.px-to-rem(28));\n$ion-font-size-800: var(--ion-font-size-800, font.px-to-rem(32));\n$ion-font-size-900: var(--ion-font-size-900, font.px-to-rem(36));\n$ion-font-letter-spacing-0: var(--ion-font-letter-spacing-0, 0%);\n$ion-font-letter-spacing-1: var(--ion-font-letter-spacing-1, 1%);\n$ion-font-letter-spacing-2: var(--ion-font-letter-spacing-2, 1.5%);\n$ion-font-line-height-300: var(--ion-font-line-height-300, 12px);\n$ion-font-line-height-400: var(--ion-font-line-height-400, 16px);\n$ion-font-line-height-500: var(--ion-font-line-height-500, 20px);\n$ion-font-line-height-600: var(--ion-font-line-height-600, 24px);\n$ion-font-line-height-700: var(--ion-font-line-height-700, 28px);\n$ion-font-line-height-800: var(--ion-font-line-height-800, 32px);\n$ion-font-line-height-900: var(--ion-font-line-height-900, 36px);\n$ion-font-line-height-1100: var(--ion-font-line-height-1100, 44px);\n$ion-font-line-height-1200: var(--ion-font-line-height-1200, 48px);\n$ion-font-line-height-full: var(--ion-font-line-height-full, 100%);\n$ion-rectangular-2xs: var(--ion-rectangular-2xs, 0px);\n$ion-rectangular-xs: var(--ion-rectangular-xs, 0px);\n$ion-rectangular-sm: var(--ion-rectangular-sm, 0px);\n$ion-rectangular-md: var(--ion-rectangular-md, 0px);\n$ion-rectangular-lg: var(--ion-rectangular-lg, 0px);\n$ion-rectangular-xl: var(--ion-rectangular-xl, 0px);\n$ion-rectangular-2xl: var(--ion-rectangular-2xl, 0px);\n$ion-round-2xs: var(--ion-round-2xs, 999px);\n$ion-round-xs: var(--ion-round-xs, 999px);\n$ion-round-sm: var(--ion-round-sm, 999px);\n$ion-round-md: var(--ion-round-md, 999px);\n$ion-round-lg: var(--ion-round-lg, 12px);\n$ion-round-xl: var(--ion-round-xl, 16px);\n$ion-round-2xl: var(--ion-round-2xl, 40px);\n$ion-soft-2xs: var(--ion-soft-2xs, 4px);\n$ion-soft-xs: var(--ion-soft-xs, 8px);\n$ion-soft-sm: var(--ion-soft-sm, 12px);\n$ion-soft-md: var(--ion-soft-md, 16px);\n$ion-soft-lg: var(--ion-soft-lg, 8px);\n$ion-soft-xl: var(--ion-soft-xl, 8px);\n$ion-soft-2xl: var(--ion-soft-2xl, 16px);\n$ion-primitives-neutral-100: var(--ion-primitives-neutral-100, #f5f5f5);\n$ion-primitives-neutral-100-rgb: var(--ion-primitives-neutral-100-rgb, 245, 245, 245);\n$ion-primitives-neutral-200: var(--ion-primitives-neutral-200, #efefef);\n$ion-primitives-neutral-200-rgb: var(--ion-primitives-neutral-200-rgb, 239, 239, 239);\n$ion-primitives-neutral-300: var(--ion-primitives-neutral-300, #e0e0e0);\n$ion-primitives-neutral-300-rgb: var(--ion-primitives-neutral-300-rgb, 224, 224, 224);\n$ion-primitives-neutral-400: var(--ion-primitives-neutral-400, #d5d5d5);\n$ion-primitives-neutral-400-rgb: var(--ion-primitives-neutral-400-rgb, 213, 213, 213);\n$ion-primitives-neutral-500: var(--ion-primitives-neutral-500, #a2a2a2);\n$ion-primitives-neutral-500-rgb: var(--ion-primitives-neutral-500-rgb, 162, 162, 162);\n$ion-primitives-neutral-600: var(--ion-primitives-neutral-600, #8c8c8c);\n$ion-primitives-neutral-600-rgb: var(--ion-primitives-neutral-600-rgb, 140, 140, 140);\n$ion-primitives-neutral-700: var(--ion-primitives-neutral-700, #777777);\n$ion-primitives-neutral-700-rgb: var(--ion-primitives-neutral-700-rgb, 119, 119, 119);\n$ion-primitives-neutral-800: var(--ion-primitives-neutral-800, #626262);\n$ion-primitives-neutral-800-rgb: var(--ion-primitives-neutral-800-rgb, 98, 98, 98);\n$ion-primitives-neutral-900: var(--ion-primitives-neutral-900, #4e4e4e);\n$ion-primitives-neutral-900-rgb: var(--ion-primitives-neutral-900-rgb, 78, 78, 78);\n$ion-primitives-neutral-1000: var(--ion-primitives-neutral-1000, #3b3b3b);\n$ion-primitives-neutral-1000-rgb: var(--ion-primitives-neutral-1000-rgb, 59, 59, 59);\n$ion-primitives-neutral-1100: var(--ion-primitives-neutral-1100, #292929);\n$ion-primitives-neutral-1100-rgb: var(--ion-primitives-neutral-1100-rgb, 41, 41, 41);\n$ion-primitives-neutral-1200: var(--ion-primitives-neutral-1200, #242424);\n$ion-primitives-neutral-1200-rgb: var(--ion-primitives-neutral-1200-rgb, 36, 36, 36);\n$ion-primitives-base-white: var(--ion-primitives-base-white, #ffffff);\n$ion-primitives-base-white-rgb: var(--ion-primitives-base-white-rgb, 255, 255, 255);\n$ion-primitives-base-black: var(--ion-primitives-base-black, #111111);\n$ion-primitives-base-black-rgb: var(--ion-primitives-base-black-rgb, 17, 17, 17);\n$ion-primitives-red-100: var(--ion-primitives-red-100, #feeded);\n$ion-primitives-red-100-rgb: var(--ion-primitives-red-100-rgb, 254, 237, 237);\n$ion-primitives-red-200: var(--ion-primitives-red-200, #fde1e1);\n$ion-primitives-red-200-rgb: var(--ion-primitives-red-200-rgb, 253, 225, 225);\n$ion-primitives-red-300: var(--ion-primitives-red-300, #fcc1c1);\n$ion-primitives-red-300-rgb: var(--ion-primitives-red-300-rgb, 252, 193, 193);\n$ion-primitives-red-400: var(--ion-primitives-red-400, #faa1a1);\n$ion-primitives-red-400-rgb: var(--ion-primitives-red-400-rgb, 250, 161, 161);\n$ion-primitives-red-500: var(--ion-primitives-red-500, #f97d7d);\n$ion-primitives-red-500-rgb: var(--ion-primitives-red-500-rgb, 249, 125, 125);\n$ion-primitives-red-600: var(--ion-primitives-red-600, #f85151);\n$ion-primitives-red-600-rgb: var(--ion-primitives-red-600-rgb, 248, 81, 81);\n$ion-primitives-red-700: var(--ion-primitives-red-700, #e52929);\n$ion-primitives-red-700-rgb: var(--ion-primitives-red-700-rgb, 229, 41, 41);\n$ion-primitives-red-800: var(--ion-primitives-red-800, #bf2222);\n$ion-primitives-red-800-rgb: var(--ion-primitives-red-800-rgb, 191, 34, 34);\n$ion-primitives-red-900: var(--ion-primitives-red-900, #991b1b);\n$ion-primitives-red-900-rgb: var(--ion-primitives-red-900-rgb, 153, 27, 27);\n$ion-primitives-red-1000: var(--ion-primitives-red-1000, #761515);\n$ion-primitives-red-1000-rgb: var(--ion-primitives-red-1000-rgb, 118, 21, 21);\n$ion-primitives-red-1100: var(--ion-primitives-red-1100, #540f0f);\n$ion-primitives-red-1100-rgb: var(--ion-primitives-red-1100-rgb, 84, 15, 15);\n$ion-primitives-red-1200: var(--ion-primitives-red-1200, #330909);\n$ion-primitives-red-1200-rgb: var(--ion-primitives-red-1200-rgb, 51, 9, 9);\n$ion-primitives-pumpkin-100: var(--ion-primitives-pumpkin-100, #feedea);\n$ion-primitives-pumpkin-100-rgb: var(--ion-primitives-pumpkin-100-rgb, 254, 237, 234);\n$ion-primitives-pumpkin-200: var(--ion-primitives-pumpkin-200, #fde0db);\n$ion-primitives-pumpkin-200-rgb: var(--ion-primitives-pumpkin-200-rgb, 253, 224, 219);\n$ion-primitives-pumpkin-300: var(--ion-primitives-pumpkin-300, #fbbdb1);\n$ion-primitives-pumpkin-300-rgb: var(--ion-primitives-pumpkin-300-rgb, 251, 189, 177);\n$ion-primitives-pumpkin-400: var(--ion-primitives-pumpkin-400, #f9947c);\n$ion-primitives-pumpkin-400-rgb: var(--ion-primitives-pumpkin-400-rgb, 249, 148, 124);\n$ion-primitives-pumpkin-500: var(--ion-primitives-pumpkin-500, #f75d07);\n$ion-primitives-pumpkin-500-rgb: var(--ion-primitives-pumpkin-500-rgb, 247, 93, 7);\n$ion-primitives-pumpkin-600: var(--ion-primitives-pumpkin-600, #da5206);\n$ion-primitives-pumpkin-600-rgb: var(--ion-primitives-pumpkin-600-rgb, 218, 82, 6);\n$ion-primitives-pumpkin-700: var(--ion-primitives-pumpkin-700, #bd4705);\n$ion-primitives-pumpkin-700-rgb: var(--ion-primitives-pumpkin-700-rgb, 189, 71, 5);\n$ion-primitives-pumpkin-800: var(--ion-primitives-pumpkin-800, #9f3c05);\n$ion-primitives-pumpkin-800-rgb: var(--ion-primitives-pumpkin-800-rgb, 159, 60, 5);\n$ion-primitives-pumpkin-900: var(--ion-primitives-pumpkin-900, #803004);\n$ion-primitives-pumpkin-900-rgb: var(--ion-primitives-pumpkin-900-rgb, 128, 48, 4);\n$ion-primitives-pumpkin-1000: var(--ion-primitives-pumpkin-1000, #602403);\n$ion-primitives-pumpkin-1000-rgb: var(--ion-primitives-pumpkin-1000-rgb, 96, 36, 3);\n$ion-primitives-pumpkin-1100: var(--ion-primitives-pumpkin-1100, #401802);\n$ion-primitives-pumpkin-1100-rgb: var(--ion-primitives-pumpkin-1100-rgb, 64, 24, 2);\n$ion-primitives-pumpkin-1200: var(--ion-primitives-pumpkin-1200, #210c01);\n$ion-primitives-pumpkin-1200-rgb: var(--ion-primitives-pumpkin-1200-rgb, 33, 12, 1);\n$ion-primitives-orange-100: var(--ion-primitives-orange-100, #fff1ea);\n$ion-primitives-orange-100-rgb: var(--ion-primitives-orange-100-rgb, 255, 241, 234);\n$ion-primitives-orange-200: var(--ion-primitives-orange-200, #ffe8db);\n$ion-primitives-orange-200-rgb: var(--ion-primitives-orange-200-rgb, 255, 232, 219);\n$ion-primitives-orange-300: var(--ion-primitives-orange-300, #ffcfb1);\n$ion-primitives-orange-300-rgb: var(--ion-primitives-orange-300-rgb, 255, 207, 177);\n$ion-primitives-orange-400: var(--ion-primitives-orange-400, #ffb37b);\n$ion-primitives-orange-400-rgb: var(--ion-primitives-orange-400-rgb, 255, 179, 123);\n$ion-primitives-orange-500: var(--ion-primitives-orange-500, #ff9400);\n$ion-primitives-orange-500-rgb: var(--ion-primitives-orange-500-rgb, 255, 148, 0);\n$ion-primitives-orange-600: var(--ion-primitives-orange-600, #e18300);\n$ion-primitives-orange-600-rgb: var(--ion-primitives-orange-600-rgb, 225, 131, 0);\n$ion-primitives-orange-700: var(--ion-primitives-orange-700, #c37100);\n$ion-primitives-orange-700-rgb: var(--ion-primitives-orange-700-rgb, 195, 113, 0);\n$ion-primitives-orange-800: var(--ion-primitives-orange-800, #a45f00);\n$ion-primitives-orange-800-rgb: var(--ion-primitives-orange-800-rgb, 164, 95, 0);\n$ion-primitives-orange-900: var(--ion-primitives-orange-900, #844d00);\n$ion-primitives-orange-900-rgb: var(--ion-primitives-orange-900-rgb, 132, 77, 0);\n$ion-primitives-orange-1000: var(--ion-primitives-orange-1000, #633a00);\n$ion-primitives-orange-1000-rgb: var(--ion-primitives-orange-1000-rgb, 99, 58, 0);\n$ion-primitives-orange-1100: var(--ion-primitives-orange-1100, #422700);\n$ion-primitives-orange-1100-rgb: var(--ion-primitives-orange-1100-rgb, 66, 39, 0);\n$ion-primitives-orange-1200: var(--ion-primitives-orange-1200, #221400);\n$ion-primitives-orange-1200-rgb: var(--ion-primitives-orange-1200-rgb, 34, 20, 0);\n$ion-primitives-yellow-100: var(--ion-primitives-yellow-100, #fff9ea);\n$ion-primitives-yellow-100-rgb: var(--ion-primitives-yellow-100-rgb, 255, 249, 234);\n$ion-primitives-yellow-200: var(--ion-primitives-yellow-200, #fff5db);\n$ion-primitives-yellow-200-rgb: var(--ion-primitives-yellow-200-rgb, 255, 245, 219);\n$ion-primitives-yellow-300: var(--ion-primitives-yellow-300, #ffebb1);\n$ion-primitives-yellow-300-rgb: var(--ion-primitives-yellow-300-rgb, 255, 235, 177);\n$ion-primitives-yellow-400: var(--ion-primitives-yellow-400, #ffe07b);\n$ion-primitives-yellow-400-rgb: var(--ion-primitives-yellow-400-rgb, 255, 224, 123);\n$ion-primitives-yellow-500: var(--ion-primitives-yellow-500, #ffd600);\n$ion-primitives-yellow-500-rgb: var(--ion-primitives-yellow-500-rgb, 255, 214, 0);\n$ion-primitives-yellow-600: var(--ion-primitives-yellow-600, #f9bd0a);\n$ion-primitives-yellow-600-rgb: var(--ion-primitives-yellow-600-rgb, 249, 189, 10);\n$ion-primitives-yellow-700: var(--ion-primitives-yellow-700, #df9c00);\n$ion-primitives-yellow-700-rgb: var(--ion-primitives-yellow-700-rgb, 223, 156, 0);\n$ion-primitives-yellow-800: var(--ion-primitives-yellow-800, #ba8200);\n$ion-primitives-yellow-800-rgb: var(--ion-primitives-yellow-800-rgb, 186, 130, 0);\n$ion-primitives-yellow-900: var(--ion-primitives-yellow-900, #966503);\n$ion-primitives-yellow-900-rgb: var(--ion-primitives-yellow-900-rgb, 150, 101, 3);\n$ion-primitives-yellow-1000: var(--ion-primitives-yellow-1000, #704b02);\n$ion-primitives-yellow-1000-rgb: var(--ion-primitives-yellow-1000-rgb, 112, 75, 2);\n$ion-primitives-yellow-1100: var(--ion-primitives-yellow-1100, #533802);\n$ion-primitives-yellow-1100-rgb: var(--ion-primitives-yellow-1100-rgb, 83, 56, 2);\n$ion-primitives-yellow-1200: var(--ion-primitives-yellow-1200, #2c1e02);\n$ion-primitives-yellow-1200-rgb: var(--ion-primitives-yellow-1200-rgb, 44, 30, 2);\n$ion-primitives-lime-100: var(--ion-primitives-lime-100, #f3faea);\n$ion-primitives-lime-100-rgb: var(--ion-primitives-lime-100-rgb, 243, 250, 234);\n$ion-primitives-lime-200: var(--ion-primitives-lime-200, #eaf7db);\n$ion-primitives-lime-200-rgb: var(--ion-primitives-lime-200-rgb, 234, 247, 219);\n$ion-primitives-lime-300: var(--ion-primitives-lime-300, #d3efb2);\n$ion-primitives-lime-300-rgb: var(--ion-primitives-lime-300-rgb, 211, 239, 178);\n$ion-primitives-lime-400: var(--ion-primitives-lime-400, #bbe77d);\n$ion-primitives-lime-400-rgb: var(--ion-primitives-lime-400-rgb, 187, 231, 125);\n$ion-primitives-lime-500: var(--ion-primitives-lime-500, #a0df18);\n$ion-primitives-lime-500-rgb: var(--ion-primitives-lime-500-rgb, 160, 223, 24);\n$ion-primitives-lime-600: var(--ion-primitives-lime-600, #8dc515);\n$ion-primitives-lime-600-rgb: var(--ion-primitives-lime-600-rgb, 141, 197, 21);\n$ion-primitives-lime-700: var(--ion-primitives-lime-700, #7aab12);\n$ion-primitives-lime-700-rgb: var(--ion-primitives-lime-700-rgb, 122, 171, 18);\n$ion-primitives-lime-800: var(--ion-primitives-lime-800, #678f0f);\n$ion-primitives-lime-800-rgb: var(--ion-primitives-lime-800-rgb, 103, 143, 15);\n$ion-primitives-lime-900: var(--ion-primitives-lime-900, #53730c);\n$ion-primitives-lime-900-rgb: var(--ion-primitives-lime-900-rgb, 83, 115, 12);\n$ion-primitives-lime-1000: var(--ion-primitives-lime-1000, #3e5709);\n$ion-primitives-lime-1000-rgb: var(--ion-primitives-lime-1000-rgb, 62, 87, 9);\n$ion-primitives-lime-1100: var(--ion-primitives-lime-1100, #2a3a06);\n$ion-primitives-lime-1100-rgb: var(--ion-primitives-lime-1100-rgb, 42, 58, 6);\n$ion-primitives-lime-1200: var(--ion-primitives-lime-1200, #151e03);\n$ion-primitives-lime-1200-rgb: var(--ion-primitives-lime-1200-rgb, 21, 30, 3);\n$ion-primitives-green-100: var(--ion-primitives-green-100, #ebf9ec);\n$ion-primitives-green-100-rgb: var(--ion-primitives-green-100-rgb, 235, 249, 236);\n$ion-primitives-green-200: var(--ion-primitives-green-200, #dcf5de);\n$ion-primitives-green-200-rgb: var(--ion-primitives-green-200-rgb, 220, 245, 222);\n$ion-primitives-green-300: var(--ion-primitives-green-300, #b3ebb7);\n$ion-primitives-green-300-rgb: var(--ion-primitives-green-300-rgb, 179, 235, 183);\n$ion-primitives-green-400: var(--ion-primitives-green-400, #7fe089);\n$ion-primitives-green-400-rgb: var(--ion-primitives-green-400-rgb, 127, 224, 137);\n$ion-primitives-green-500: var(--ion-primitives-green-500, #23d643);\n$ion-primitives-green-500-rgb: var(--ion-primitives-green-500-rgb, 35, 214, 67);\n$ion-primitives-green-600: var(--ion-primitives-green-600, #1fbd3b);\n$ion-primitives-green-600-rgb: var(--ion-primitives-green-600-rgb, 31, 189, 59);\n$ion-primitives-green-700: var(--ion-primitives-green-700, #1ba433);\n$ion-primitives-green-700-rgb: var(--ion-primitives-green-700-rgb, 27, 164, 51);\n$ion-primitives-green-800: var(--ion-primitives-green-800, #178a2b);\n$ion-primitives-green-800-rgb: var(--ion-primitives-green-800-rgb, 23, 138, 43);\n$ion-primitives-green-900: var(--ion-primitives-green-900, #126f23);\n$ion-primitives-green-900-rgb: var(--ion-primitives-green-900-rgb, 18, 111, 35);\n$ion-primitives-green-1000: var(--ion-primitives-green-1000, #0e531a);\n$ion-primitives-green-1000-rgb: var(--ion-primitives-green-1000-rgb, 14, 83, 26);\n$ion-primitives-green-1100: var(--ion-primitives-green-1100, #093811);\n$ion-primitives-green-1100-rgb: var(--ion-primitives-green-1100-rgb, 9, 56, 17);\n$ion-primitives-green-1200: var(--ion-primitives-green-1200, #051d09);\n$ion-primitives-green-1200-rgb: var(--ion-primitives-green-1200-rgb, 5, 29, 9);\n$ion-primitives-teal-100: var(--ion-primitives-teal-100, #eaf8f5);\n$ion-primitives-teal-100-rgb: var(--ion-primitives-teal-100-rgb, 234, 248, 245);\n$ion-primitives-teal-200: var(--ion-primitives-teal-200, #dbf3ee);\n$ion-primitives-teal-200-rgb: var(--ion-primitives-teal-200-rgb, 219, 243, 238);\n$ion-primitives-teal-300: var(--ion-primitives-teal-300, #b1e7dd);\n$ion-primitives-teal-300-rgb: var(--ion-primitives-teal-300-rgb, 177, 231, 221);\n$ion-primitives-teal-400: var(--ion-primitives-teal-400, #7bdbca);\n$ion-primitives-teal-400-rgb: var(--ion-primitives-teal-400-rgb, 123, 219, 202);\n$ion-primitives-teal-500: var(--ion-primitives-teal-500, #00cfb7);\n$ion-primitives-teal-500-rgb: var(--ion-primitives-teal-500-rgb, 0, 207, 183);\n$ion-primitives-teal-600: var(--ion-primitives-teal-600, #00b7a2);\n$ion-primitives-teal-600-rgb: var(--ion-primitives-teal-600-rgb, 0, 183, 162);\n$ion-primitives-teal-700: var(--ion-primitives-teal-700, #009e8c);\n$ion-primitives-teal-700-rgb: var(--ion-primitives-teal-700-rgb, 0, 158, 140);\n$ion-primitives-teal-800: var(--ion-primitives-teal-800, #008576);\n$ion-primitives-teal-800-rgb: var(--ion-primitives-teal-800-rgb, 0, 133, 118);\n$ion-primitives-teal-900: var(--ion-primitives-teal-900, #006b5f);\n$ion-primitives-teal-900-rgb: var(--ion-primitives-teal-900-rgb, 0, 107, 95);\n$ion-primitives-teal-1000: var(--ion-primitives-teal-1000, #005147);\n$ion-primitives-teal-1000-rgb: var(--ion-primitives-teal-1000-rgb, 0, 81, 71);\n$ion-primitives-teal-1100: var(--ion-primitives-teal-1100, #003630);\n$ion-primitives-teal-1100-rgb: var(--ion-primitives-teal-1100-rgb, 0, 54, 48);\n$ion-primitives-teal-1200: var(--ion-primitives-teal-1200, #001c19);\n$ion-primitives-teal-1200-rgb: var(--ion-primitives-teal-1200-rgb, 0, 28, 25);\n$ion-primitives-aqua-100: var(--ion-primitives-aqua-100, #ebf9fe);\n$ion-primitives-aqua-100-rgb: var(--ion-primitives-aqua-100-rgb, 235, 249, 254);\n$ion-primitives-aqua-200: var(--ion-primitives-aqua-200, #dcf4fd);\n$ion-primitives-aqua-200-rgb: var(--ion-primitives-aqua-200-rgb, 220, 244, 253);\n$ion-primitives-aqua-300: var(--ion-primitives-aqua-300, #b3e9fc);\n$ion-primitives-aqua-300-rgb: var(--ion-primitives-aqua-300-rgb, 179, 233, 252);\n$ion-primitives-aqua-400: var(--ion-primitives-aqua-400, #80defa);\n$ion-primitives-aqua-400-rgb: var(--ion-primitives-aqua-400-rgb, 128, 222, 250);\n$ion-primitives-aqua-500: var(--ion-primitives-aqua-500, #27d3f9);\n$ion-primitives-aqua-500-rgb: var(--ion-primitives-aqua-500-rgb, 39, 211, 249);\n$ion-primitives-aqua-600: var(--ion-primitives-aqua-600, #22bbdc);\n$ion-primitives-aqua-600-rgb: var(--ion-primitives-aqua-600-rgb, 34, 187, 220);\n$ion-primitives-aqua-700: var(--ion-primitives-aqua-700, #1ea2bf);\n$ion-primitives-aqua-700-rgb: var(--ion-primitives-aqua-700-rgb, 30, 162, 191);\n$ion-primitives-aqua-800: var(--ion-primitives-aqua-800, #1988a0);\n$ion-primitives-aqua-800-rgb: var(--ion-primitives-aqua-800-rgb, 25, 136, 160);\n$ion-primitives-aqua-900: var(--ion-primitives-aqua-900, #146d81);\n$ion-primitives-aqua-900-rgb: var(--ion-primitives-aqua-900-rgb, 20, 109, 129);\n$ion-primitives-aqua-1000: var(--ion-primitives-aqua-1000, #0f5261);\n$ion-primitives-aqua-1000-rgb: var(--ion-primitives-aqua-1000-rgb, 15, 82, 97);\n$ion-primitives-aqua-1100: var(--ion-primitives-aqua-1100, #0a3741);\n$ion-primitives-aqua-1100-rgb: var(--ion-primitives-aqua-1100-rgb, 10, 55, 65);\n$ion-primitives-aqua-1200: var(--ion-primitives-aqua-1200, #051c21);\n$ion-primitives-aqua-1200-rgb: var(--ion-primitives-aqua-1200-rgb, 5, 28, 33);\n$ion-primitives-blue-100: var(--ion-primitives-blue-100, #f2f4fd);\n$ion-primitives-blue-100-rgb: var(--ion-primitives-blue-100-rgb, 242, 244, 253);\n$ion-primitives-blue-200: var(--ion-primitives-blue-200, #e9ecfc);\n$ion-primitives-blue-200-rgb: var(--ion-primitives-blue-200-rgb, 233, 236, 252);\n$ion-primitives-blue-300: var(--ion-primitives-blue-300, #d0d7fa);\n$ion-primitives-blue-300-rgb: var(--ion-primitives-blue-300-rgb, 208, 215, 250);\n$ion-primitives-blue-400: var(--ion-primitives-blue-400, #b5c0f7);\n$ion-primitives-blue-400-rgb: var(--ion-primitives-blue-400-rgb, 181, 192, 247);\n$ion-primitives-blue-500: var(--ion-primitives-blue-500, #94a5f4);\n$ion-primitives-blue-500-rgb: var(--ion-primitives-blue-500-rgb, 148, 165, 244);\n$ion-primitives-blue-600: var(--ion-primitives-blue-600, #6986f2);\n$ion-primitives-blue-600-rgb: var(--ion-primitives-blue-600-rgb, 105, 134, 242);\n$ion-primitives-blue-700: var(--ion-primitives-blue-700, #105cef);\n$ion-primitives-blue-700-rgb: var(--ion-primitives-blue-700-rgb, 16, 92, 239);\n$ion-primitives-blue-800: var(--ion-primitives-blue-800, #0f54da);\n$ion-primitives-blue-800-rgb: var(--ion-primitives-blue-800-rgb, 15, 84, 218);\n$ion-primitives-blue-900: var(--ion-primitives-blue-900, #0d4bc3);\n$ion-primitives-blue-900-rgb: var(--ion-primitives-blue-900-rgb, 13, 75, 195);\n$ion-primitives-blue-1000: var(--ion-primitives-blue-1000, #0b41a9);\n$ion-primitives-blue-1000-rgb: var(--ion-primitives-blue-1000-rgb, 11, 65, 169);\n$ion-primitives-blue-1100: var(--ion-primitives-blue-1100, #09358a);\n$ion-primitives-blue-1100-rgb: var(--ion-primitives-blue-1100-rgb, 9, 53, 138);\n$ion-primitives-blue-1200: var(--ion-primitives-blue-1200, #072561);\n$ion-primitives-blue-1200-rgb: var(--ion-primitives-blue-1200-rgb, 7, 37, 97);\n$ion-primitives-indigo-100: var(--ion-primitives-indigo-100, #f3f2fb);\n$ion-primitives-indigo-100-rgb: var(--ion-primitives-indigo-100-rgb, 243, 242, 251);\n$ion-primitives-indigo-200: var(--ion-primitives-indigo-200, #eae9f9);\n$ion-primitives-indigo-200-rgb: var(--ion-primitives-indigo-200-rgb, 234, 233, 249);\n$ion-primitives-indigo-300: var(--ion-primitives-indigo-300, #d3d1f2);\n$ion-primitives-indigo-300-rgb: var(--ion-primitives-indigo-300-rgb, 211, 209, 242);\n$ion-primitives-indigo-400: var(--ion-primitives-indigo-400, #bab5eb);\n$ion-primitives-indigo-400-rgb: var(--ion-primitives-indigo-400-rgb, 186, 181, 235);\n$ion-primitives-indigo-500: var(--ion-primitives-indigo-500, #9d95e4);\n$ion-primitives-indigo-500-rgb: var(--ion-primitives-indigo-500-rgb, 157, 149, 228);\n$ion-primitives-indigo-600: var(--ion-primitives-indigo-600, #786bdd);\n$ion-primitives-indigo-600-rgb: var(--ion-primitives-indigo-600-rgb, 120, 107, 221);\n$ion-primitives-indigo-700: var(--ion-primitives-indigo-700, #411bd5);\n$ion-primitives-indigo-700-rgb: var(--ion-primitives-indigo-700-rgb, 65, 27, 213);\n$ion-primitives-indigo-800: var(--ion-primitives-indigo-800, #3b19c3);\n$ion-primitives-indigo-800-rgb: var(--ion-primitives-indigo-800-rgb, 59, 25, 195);\n$ion-primitives-indigo-900: var(--ion-primitives-indigo-900, #3516ae);\n$ion-primitives-indigo-900-rgb: var(--ion-primitives-indigo-900-rgb, 53, 22, 174);\n$ion-primitives-indigo-1000: var(--ion-primitives-indigo-1000, #2e1397);\n$ion-primitives-indigo-1000-rgb: var(--ion-primitives-indigo-1000-rgb, 46, 19, 151);\n$ion-primitives-indigo-1100: var(--ion-primitives-indigo-1100, #26107b);\n$ion-primitives-indigo-1100-rgb: var(--ion-primitives-indigo-1100-rgb, 38, 16, 123);\n$ion-primitives-indigo-1200: var(--ion-primitives-indigo-1200, #1a0b57);\n$ion-primitives-indigo-1200-rgb: var(--ion-primitives-indigo-1200-rgb, 26, 11, 87);\n$ion-primitives-violet-100: var(--ion-primitives-violet-100, #f5f2fe);\n$ion-primitives-violet-100-rgb: var(--ion-primitives-violet-100-rgb, 245, 242, 254);\n$ion-primitives-violet-200: var(--ion-primitives-violet-200, #eee9fd);\n$ion-primitives-violet-200-rgb: var(--ion-primitives-violet-200-rgb, 238, 233, 253);\n$ion-primitives-violet-300: var(--ion-primitives-violet-300, #dcd1fb);\n$ion-primitives-violet-300-rgb: var(--ion-primitives-violet-300-rgb, 220, 209, 251);\n$ion-primitives-violet-400: var(--ion-primitives-violet-400, #c9b6f9);\n$ion-primitives-violet-400-rgb: var(--ion-primitives-violet-400-rgb, 201, 182, 249);\n$ion-primitives-violet-500: var(--ion-primitives-violet-500, #b396f6);\n$ion-primitives-violet-500-rgb: var(--ion-primitives-violet-500-rgb, 179, 150, 246);\n$ion-primitives-violet-600: var(--ion-primitives-violet-600, #9a6cf4);\n$ion-primitives-violet-600-rgb: var(--ion-primitives-violet-600-rgb, 154, 108, 244);\n$ion-primitives-violet-700: var(--ion-primitives-violet-700, #7c20f2);\n$ion-primitives-violet-700-rgb: var(--ion-primitives-violet-700-rgb, 124, 32, 242);\n$ion-primitives-violet-800: var(--ion-primitives-violet-800, #711ddd);\n$ion-primitives-violet-800-rgb: var(--ion-primitives-violet-800-rgb, 113, 29, 221);\n$ion-primitives-violet-900: var(--ion-primitives-violet-900, #651ac5);\n$ion-primitives-violet-900-rgb: var(--ion-primitives-violet-900-rgb, 101, 26, 197);\n$ion-primitives-violet-1000: var(--ion-primitives-violet-1000, #5817ab);\n$ion-primitives-violet-1000-rgb: var(--ion-primitives-violet-1000-rgb, 88, 23, 171);\n$ion-primitives-violet-1100: var(--ion-primitives-violet-1100, #48128c);\n$ion-primitives-violet-1100-rgb: var(--ion-primitives-violet-1100-rgb, 72, 18, 140);\n$ion-primitives-violet-1200: var(--ion-primitives-violet-1200, #330d63);\n$ion-primitives-violet-1200-rgb: var(--ion-primitives-violet-1200-rgb, 51, 13, 99);\n$ion-primitives-purple-100: var(--ion-primitives-purple-100, #f9f3fe);\n$ion-primitives-purple-100-rgb: var(--ion-primitives-purple-100-rgb, 249, 243, 254);\n$ion-primitives-purple-200: var(--ion-primitives-purple-200, #f5eafd);\n$ion-primitives-purple-200-rgb: var(--ion-primitives-purple-200-rgb, 245, 234, 253);\n$ion-primitives-purple-300: var(--ion-primitives-purple-300, #e9d3fa);\n$ion-primitives-purple-300-rgb: var(--ion-primitives-purple-300-rgb, 233, 211, 250);\n$ion-primitives-purple-400: var(--ion-primitives-purple-400, #deb9f8);\n$ion-primitives-purple-400-rgb: var(--ion-primitives-purple-400-rgb, 222, 185, 248);\n$ion-primitives-purple-500: var(--ion-primitives-purple-500, #d29bf6);\n$ion-primitives-purple-500-rgb: var(--ion-primitives-purple-500-rgb, 210, 155, 246);\n$ion-primitives-purple-600: var(--ion-primitives-purple-600, #c575f3);\n$ion-primitives-purple-600-rgb: var(--ion-primitives-purple-600-rgb, 197, 117, 243);\n$ion-primitives-purple-700: var(--ion-primitives-purple-700, #b73cf1);\n$ion-primitives-purple-700-rgb: var(--ion-primitives-purple-700-rgb, 183, 60, 241);\n$ion-primitives-purple-800: var(--ion-primitives-purple-800, #a737dc);\n$ion-primitives-purple-800-rgb: var(--ion-primitives-purple-800-rgb, 167, 55, 220);\n$ion-primitives-purple-900: var(--ion-primitives-purple-900, #9531c5);\n$ion-primitives-purple-900-rgb: var(--ion-primitives-purple-900-rgb, 149, 49, 197);\n$ion-primitives-purple-1000: var(--ion-primitives-purple-1000, #812aaa);\n$ion-primitives-purple-1000-rgb: var(--ion-primitives-purple-1000-rgb, 129, 42, 170);\n$ion-primitives-purple-1100: var(--ion-primitives-purple-1100, #6a238b);\n$ion-primitives-purple-1100-rgb: var(--ion-primitives-purple-1100-rgb, 106, 35, 139);\n$ion-primitives-purple-1200: var(--ion-primitives-purple-1200, #4b1862);\n$ion-primitives-purple-1200-rgb: var(--ion-primitives-purple-1200-rgb, 75, 24, 98);\n$ion-primitives-magenta-100: var(--ion-primitives-magenta-100, #fdf3fb);\n$ion-primitives-magenta-100-rgb: var(--ion-primitives-magenta-100-rgb, 253, 243, 251);\n$ion-primitives-magenta-200: var(--ion-primitives-magenta-200, #fcebf8);\n$ion-primitives-magenta-200-rgb: var(--ion-primitives-magenta-200-rgb, 252, 235, 248);\n$ion-primitives-magenta-300: var(--ion-primitives-magenta-300, #f9d4f1);\n$ion-primitives-magenta-300-rgb: var(--ion-primitives-magenta-300-rgb, 249, 212, 241);\n$ion-primitives-magenta-400: var(--ion-primitives-magenta-400, #f6bcea);\n$ion-primitives-magenta-400-rgb: var(--ion-primitives-magenta-400-rgb, 246, 188, 234);\n$ion-primitives-magenta-500: var(--ion-primitives-magenta-500, #f39fe3);\n$ion-primitives-magenta-500-rgb: var(--ion-primitives-magenta-500-rgb, 243, 159, 227);\n$ion-primitives-magenta-600: var(--ion-primitives-magenta-600, #f07cdb);\n$ion-primitives-magenta-600-rgb: var(--ion-primitives-magenta-600-rgb, 240, 124, 219);\n$ion-primitives-magenta-700: var(--ion-primitives-magenta-700, #ed4ad3);\n$ion-primitives-magenta-700-rgb: var(--ion-primitives-magenta-700-rgb, 237, 74, 211);\n$ion-primitives-magenta-800: var(--ion-primitives-magenta-800, #d844c1);\n$ion-primitives-magenta-800-rgb: var(--ion-primitives-magenta-800-rgb, 216, 68, 193);\n$ion-primitives-magenta-900: var(--ion-primitives-magenta-900, #c13cac);\n$ion-primitives-magenta-900-rgb: var(--ion-primitives-magenta-900-rgb, 193, 60, 172);\n$ion-primitives-magenta-1000: var(--ion-primitives-magenta-1000, #a83495);\n$ion-primitives-magenta-1000-rgb: var(--ion-primitives-magenta-1000-rgb, 168, 52, 149);\n$ion-primitives-magenta-1100: var(--ion-primitives-magenta-1100, #892b7a);\n$ion-primitives-magenta-1100-rgb: var(--ion-primitives-magenta-1100-rgb, 137, 43, 122);\n$ion-primitives-magenta-1200: var(--ion-primitives-magenta-1200, #611e56);\n$ion-primitives-magenta-1200-rgb: var(--ion-primitives-magenta-1200-rgb, 97, 30, 86);\n$ion-primitives-pink-100: var(--ion-primitives-pink-100, #fef3f5);\n$ion-primitives-pink-100-rgb: var(--ion-primitives-pink-100-rgb, 254, 243, 245);\n$ion-primitives-pink-200: var(--ion-primitives-pink-200, #fdeaee);\n$ion-primitives-pink-200-rgb: var(--ion-primitives-pink-200-rgb, 253, 234, 238);\n$ion-primitives-pink-300: var(--ion-primitives-pink-300, #fad3dc);\n$ion-primitives-pink-300-rgb: var(--ion-primitives-pink-300-rgb, 250, 211, 220);\n$ion-primitives-pink-400: var(--ion-primitives-pink-400, #f8b9c9);\n$ion-primitives-pink-400-rgb: var(--ion-primitives-pink-400-rgb, 248, 185, 201);\n$ion-primitives-pink-500: var(--ion-primitives-pink-500, #f69bb3);\n$ion-primitives-pink-500-rgb: var(--ion-primitives-pink-500-rgb, 246, 155, 179);\n$ion-primitives-pink-600: var(--ion-primitives-pink-600, #f3759a);\n$ion-primitives-pink-600-rgb: var(--ion-primitives-pink-600-rgb, 243, 117, 154);\n$ion-primitives-pink-700: var(--ion-primitives-pink-700, #f13b7d);\n$ion-primitives-pink-700-rgb: var(--ion-primitives-pink-700-rgb, 241, 59, 125);\n$ion-primitives-pink-800: var(--ion-primitives-pink-800, #dc3672);\n$ion-primitives-pink-800-rgb: var(--ion-primitives-pink-800-rgb, 220, 54, 114);\n$ion-primitives-pink-900: var(--ion-primitives-pink-900, #c53066);\n$ion-primitives-pink-900-rgb: var(--ion-primitives-pink-900-rgb, 197, 48, 102);\n$ion-primitives-pink-1000: var(--ion-primitives-pink-1000, #aa2a58);\n$ion-primitives-pink-1000-rgb: var(--ion-primitives-pink-1000-rgb, 170, 42, 88);\n$ion-primitives-pink-1100: var(--ion-primitives-pink-1100, #8b2248);\n$ion-primitives-pink-1100-rgb: var(--ion-primitives-pink-1100-rgb, 139, 34, 72);\n$ion-primitives-pink-1200: var(--ion-primitives-pink-1200, #621833);\n$ion-primitives-pink-1200-rgb: var(--ion-primitives-pink-1200-rgb, 98, 24, 51);\n$ion-shadow-1: var(--ion-shadow-1, rgba(0, 0, 0, 0.04));\n$ion-shadow-2: var(--ion-shadow-2, rgba(0, 0, 0, 0.05));\n$ion-shadow-3: var(--ion-shadow-3, rgba(0, 0, 0, 0.07));\n$ion-shadow-4: var(--ion-shadow-4, rgba(0, 0, 0, 0.08));\n$ion-shadow-5: var(--ion-shadow-5, rgba(0, 0, 0, 0.12));\n$ion-shadow-6: var(--ion-shadow-6, rgba(0, 0, 0, 0.16));\n$ion-shadow-7: var(--ion-shadow-7, rgba(0, 0, 0, 0.18));\n\n$ion-display-sm-regular: (\n  font-size: $ion-font-size-800,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-1100,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-display-sm-light: (\n  font-size: $ion-font-size-800,\n  font-style: normal,\n  font-weight: $ion-font-weight-light,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-1100,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-display-lg-regular: (\n  font-size: $ion-font-size-900,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-1200,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-display-lg-light: (\n  font-size: $ion-font-size-900,\n  font-style: normal,\n  font-weight: $ion-font-weight-light,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-1200,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h1-regular: (\n  font-size: $ion-font-size-700,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h1-medium: (\n  font-size: $ion-font-size-700,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h1-semi-bold: (\n  font-size: $ion-font-size-700,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h1-bold: (\n  font-size: $ion-font-size-700,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h2-regular: (\n  font-size: $ion-font-size-650,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h2-medium: (\n  font-size: $ion-font-size-650,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h2-semi-bold: (\n  font-size: $ion-font-size-650,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h2-bold: (\n  font-size: $ion-font-size-650,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-900,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h3-regular: (\n  font-size: $ion-font-size-600,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-800,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h3-medium: (\n  font-size: $ion-font-size-600,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-800,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h3-semi-bold: (\n  font-size: $ion-font-size-600,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-800,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h3-bold: (\n  font-size: $ion-font-size-600,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-800,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h4-regular: (\n  font-size: $ion-font-size-550,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h4-medium: (\n  font-size: $ion-font-size-550,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h4-semi-bold: (\n  font-size: $ion-font-size-550,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h4-bold: (\n  font-size: $ion-font-size-550,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h5-regular: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h5-medium: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h5-semi-bold: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h5-bold: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h6-regular: (\n  font-size: $ion-font-size-450,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h6-medium: (\n  font-size: $ion-font-size-450,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h6-semi-bold: (\n  font-size: $ion-font-size-450,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-heading-h6-bold: (\n  font-size: $ion-font-size-450,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-700,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-action-lg: (\n  font-size: $ion-font-size-500,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-1,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-action-md: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-1,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-action-sm: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-1,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-action-xs: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-1,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-lg-regular: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-lg-medium: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-lg-semi-bold: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-lg-bold: (\n  font-size: $ion-font-size-400,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-md-regular: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-md-medium: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-md-semi-bold: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-md-bold: (\n  font-size: $ion-font-size-350,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-600,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-sm-regular: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-sm-medium: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-sm-semi-bold: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-body-sm-bold: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-0,\n  line-height: $ion-font-line-height-500,\n  text-transform: none,\n  text-decoration: none,\n);\n\n$ion-overline-regular: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-regular,\n  letter-spacing: $ion-font-letter-spacing-2,\n  line-height: $ion-font-line-height-500,\n  text-transform: uppercase,\n  text-decoration: none,\n);\n\n$ion-overline-medium: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-medium,\n  letter-spacing: $ion-font-letter-spacing-2,\n  line-height: $ion-font-line-height-500,\n  text-transform: uppercase,\n  text-decoration: none,\n);\n\n$ion-overline-semi-bold: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-semi-bold,\n  letter-spacing: $ion-font-letter-spacing-2,\n  line-height: $ion-font-line-height-500,\n  text-transform: uppercase,\n  text-decoration: none,\n);\n\n$ion-overline-bold: (\n  font-size: $ion-font-size-300,\n  font-style: normal,\n  font-weight: $ion-font-weight-bold,\n  letter-spacing: $ion-font-letter-spacing-2,\n  line-height: $ion-font-line-height-500,\n  text-transform: uppercase,\n  text-decoration: none,\n);\n","// Ionic Mixins\n// forward the global mixin to be used on component scope\n@forward \"../mixins\";\n// use global mixins on this ionic.mixin context\n@use \"../mixins\" as mixins;\n@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Pressed mixin to be used on pseudo elements for the Ionic Theme pressed state\n//\n// ex: :host(.ion-activated) .toggle-icon:after {\n//       @include globals.pressed-state();\n//      }\n//\n// --------------------------------------------------\n@mixin pressed-state() {\n  @include mixins.position(0, 0, 0, 0);\n\n  position: absolute;\n\n  background-color: tokens.$ion-state-press;\n\n  content: \"\";\n}\n\n// Disabled mixin to be used on pseudo elements for the Ionic Theme disabled state\n//\n// ex: :host(.checkbox-disabled) .native-wrapper:after {\n//       @include globals.disable-state();\n//      }\n//\n// --------------------------------------------------\n@mixin disabled-state() {\n  @include mixins.position(0, 0, 0, 0);\n\n  position: absolute;\n\n  background-color: tokens.$ion-state-disabled;\n\n  content: \"\";\n\n  pointer-events: none;\n}\n\n// Focused mixin to be used on regular elements for the Ionic Theme focused state\n//\n// ex: :host(.ion-focused) .toggle-icon {\n//       @include globals.focused-state();\n//      }\n//\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: null, $color: null, $addOffset: true) {\n  // Use default values if null is passed\n  $width: if($width != null, $width, tokens.$ion-border-size-050);\n  $style: if($style != null, $style, tokens.$ion-border-style-solid);\n  $color: if($color != null, $color, tokens.$ion-border-focus-default);\n\n  @if $addOffset {\n    outline-offset: $width;\n  }\n\n  outline: $width $style $color;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ion-heading-h3-medium);\n//\n// --------------------------------------------------\n@mixin typography($properties) {\n  font-family: map-get($properties, font-family);\n  font-size: map-get($properties, font-size);\n  font-weight: map-get($properties, font-weight);\n\n  letter-spacing: map-get($properties, letter-spacing);\n  line-height: map-get($properties, line-height);\n\n  text-decoration: map-get($properties, text-decoration);\n  text-transform: map-get($properties, text-transform);\n}\n","@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Link: Shared Styles (Standalone & Underline)\n// -------------------------------------------------------------------------------\n@mixin link-shared {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: globals.$ion-space-100;\n\n  transition: color 0.2s ease-in-out;\n\n  font-weight: globals.$ion-font-weight-regular;\n\n  text-decoration-color: inherit;\n\n  text-underline-offset: 2px;\n\n  cursor: pointer;\n\n  // Link: Visited\n  // -------------------------------------------------------------------------------\n\n  &:visited {\n    color: globals.$ion-text-link-visited;\n  }\n}\n\n// Link: Standalone\n// -------------------------------------------------------------------------------\n\n@mixin ionic-link {\n  color: globals.$ion-text-link-default;\n\n  text-decoration: none;\n\n  @include link-shared;\n\n  // Link: Standalone - Hover\n  // -------------------------------------------------------------------------------\n\n  @media (any-hover: hover) {\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  // Link: Standalone - Focus\n  // -------------------------------------------------------------------------------\n\n  &:focus,\n  &.ion-focused {\n    outline: 2px solid globals.$ion-text-link-default;\n    outline-offset: 2px;\n\n    text-decoration: underline;\n  }\n\n  // Link: Standalone - Active\n  // -------------------------------------------------------------------------------\n\n  &:active,\n  &.ion-activated {\n    color: globals.$ion-text-link-press;\n\n    text-decoration: underline;\n  }\n}\n\na.ionic-link,\n:not(a).ionic-link a {\n  @include ionic-link;\n}\n\n// Link: Underline\n// -------------------------------------------------------------------------------\n\n@mixin ionic-link-underline {\n  color: currentColor;\n\n  text-decoration: underline;\n\n  @include link-shared;\n\n  // Link: Underline - Hover\n  // -------------------------------------------------------------------------------\n\n  @media (any-hover: hover) {\n    &:hover {\n      color: globals.$ion-text-link-press;\n    }\n  }\n\n  // Link: Underline - Focus\n  // -------------------------------------------------------------------------------\n\n  &:focus,\n  &.ion-focused {\n    outline: 2px solid globals.$ion-text-link-default;\n    outline-offset: 2px;\n\n    color: currentColor;\n\n    text-decoration: none;\n  }\n\n  // Link: Underline - Active\n  // -------------------------------------------------------------------------------\n\n  &:active,\n  &.ion-activated {\n    color: globals.$ion-text-link-press;\n  }\n}\n\na.ionic-link-underline,\n:not(a).ionic-link-underline a {\n  @include ionic-link-underline;\n}\n","@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Slides\n// --------------------------------------------------\n\n.swiper {\n  --bullet-background: #{tokens.$ion-primitives-neutral-800};\n  --bullet-background-active: #{tokens.$ion-semantics-primary-base};\n  --progress-bar-background: rgba(#010408, 0.25);\n  --progress-bar-background-active: #{tokens.$ion-semantics-primary-600};\n  --scroll-bar-background: rgba(#010408, 0.1);\n  --scroll-bar-background-active: rgba(#010408, 0.5);\n  /**\n   * @prop --bullet-background: Background of the pagination bullets\n   * @prop --bullet-background-active: Background of the active pagination bullet\n   *\n   * @prop --progress-bar-background: Background of the pagination progress-bar\n   * @prop --progress-bar-background-active: Background of the active pagination progress-bar\n   *\n   * @prop --scroll-bar-background: Background of the pagination scroll-bar\n   * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar\n   */\n  display: block;\n\n  user-select: none;\n}\n\n// Pagination Bullets\n// --------------------------------------------------\n\n.swiper .swiper-pagination-bullet {\n  background: var(--bullet-background);\n}\n\n.swiper .swiper-pagination-bullet-active {\n  background: var(--bullet-background-active);\n}\n\n// Pagination Progress Bar\n// --------------------------------------------------\n\n.swiper .swiper-pagination-progressbar {\n  background: var(--progress-bar-background);\n}\n\n.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--progress-bar-background-active);\n}\n\n// Scrollbar\n// --------------------------------------------------\n\n.swiper .swiper-scrollbar {\n  background: var(--scroll-bar-background);\n}\n\n.swiper .swiper-scrollbar-drag {\n  background: var(--scroll-bar-background-active);\n}\n\n// Slide\n// --------------------------------------------------\n\n.swiper .slide-zoom {\n  display: block;\n\n  width: 100%;\n\n  text-align: center;\n}\n\n.swiper .swiper-slide {\n  // Center slide text vertically\n  display: flex;\n  position: relative;\n\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n\n  font-size: 18px;\n\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.swiper .swiper-slide img {\n  width: auto;\n  max-width: 100%;\n  height: auto;\n  max-height: 100%;\n}\n"]}

package/css/ionic/ionic-swiper.ionic.css

@@ -0,0 +1 @@
+.swiper{--bullet-background: var(--ion-primitives-neutral-800, #626262);--bullet-background-active: var(--ion-semantics-primary-base, #105cef);--progress-bar-background: rgba(#010408, 0.25);--progress-bar-background-active: var(--ion-semantics-primary-600, #6986f2);--scroll-bar-background: rgba(#010408, 0.1);--scroll-bar-background-active: rgba(#010408, 0.5);display:block;user-select:none}.swiper .swiper-pagination-bullet{background:var(--bullet-background)}.swiper .swiper-pagination-bullet-active{background:var(--bullet-background-active)}.swiper .swiper-pagination-progressbar{background:var(--progress-bar-background)}.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--progress-bar-background-active)}.swiper .swiper-scrollbar{background:var(--scroll-bar-background)}.swiper .swiper-scrollbar-drag{background:var(--scroll-bar-background-active)}.swiper .slide-zoom{display:block;width:100%;text-align:center}.swiper .swiper-slide{display:flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;text-align:center;box-sizing:border-box}.swiper .swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%}/*# sourceMappingURL=ionic-swiper.ionic.css.map */

package/css/ionic/ionic-swiper.ionic.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/css/ionic/ionic-swiper.ionic.scss"],"names":[],"mappings":"AAKA,QACE,gEACA,uEACA,+CACA,4EACA,4CACA,mDAWA,cAEA,iBAMF,kCACE,oCAGF,yCACE,2CAMF,uCACE,0CAGF,2EACE,iDAMF,0BACE,wCAGF,+BACE,+CAMF,oBACE,cAEA,WAEA,kBAGF,sBAEE,aACA,kBAEA,cACA,mBACA,uBAEA,WACA,YAEA,eAEA,kBACA,sBAGF,0BACE,WACA,eACA,YACA","file":"ionic-swiper.ionic.css","sourcesContent":["@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Slides\n// --------------------------------------------------\n\n.swiper {\n  --bullet-background: #{tokens.$ion-primitives-neutral-800};\n  --bullet-background-active: #{tokens.$ion-semantics-primary-base};\n  --progress-bar-background: rgba(#010408, 0.25);\n  --progress-bar-background-active: #{tokens.$ion-semantics-primary-600};\n  --scroll-bar-background: rgba(#010408, 0.1);\n  --scroll-bar-background-active: rgba(#010408, 0.5);\n  /**\n   * @prop --bullet-background: Background of the pagination bullets\n   * @prop --bullet-background-active: Background of the active pagination bullet\n   *\n   * @prop --progress-bar-background: Background of the pagination progress-bar\n   * @prop --progress-bar-background-active: Background of the active pagination progress-bar\n   *\n   * @prop --scroll-bar-background: Background of the pagination scroll-bar\n   * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar\n   */\n  display: block;\n\n  user-select: none;\n}\n\n// Pagination Bullets\n// --------------------------------------------------\n\n.swiper .swiper-pagination-bullet {\n  background: var(--bullet-background);\n}\n\n.swiper .swiper-pagination-bullet-active {\n  background: var(--bullet-background-active);\n}\n\n// Pagination Progress Bar\n// --------------------------------------------------\n\n.swiper .swiper-pagination-progressbar {\n  background: var(--progress-bar-background);\n}\n\n.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--progress-bar-background-active);\n}\n\n// Scrollbar\n// --------------------------------------------------\n\n.swiper .swiper-scrollbar {\n  background: var(--scroll-bar-background);\n}\n\n.swiper .swiper-scrollbar-drag {\n  background: var(--scroll-bar-background-active);\n}\n\n// Slide\n// --------------------------------------------------\n\n.swiper .slide-zoom {\n  display: block;\n\n  width: 100%;\n\n  text-align: center;\n}\n\n.swiper .swiper-slide {\n  // Center slide text vertically\n  display: flex;\n  position: relative;\n\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n\n  font-size: 18px;\n\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.swiper .swiper-slide img {\n  width: auto;\n  max-width: 100%;\n  height: auto;\n  max-height: 100%;\n}\n"]}

package/css/ionic/link.ionic.css

@@ -0,0 +1 @@
+a.ionic-link,:not(a).ionic-link a{color:var(--ion-text-link-default, #105cef);text-decoration:none;display:inline-flex;align-items:center;gap:var(--ion-space-100, 4px);transition:color .2s ease-in-out;font-weight:var(--ion-font-weight-regular, 400);text-decoration-color:inherit;text-underline-offset:2px;cursor:pointer}a.ionic-link:visited,:not(a).ionic-link a:visited{color:var(--ion-text-link-visited, #0d4bc3)}@media(any-hover: hover){a.ionic-link:hover,:not(a).ionic-link a:hover{text-decoration:underline}}a.ionic-link:focus,a.ionic-link.ion-focused,:not(a).ionic-link a:focus,:not(a).ionic-link a.ion-focused{outline:2px solid var(--ion-text-link-default, #105cef);outline-offset:2px;text-decoration:underline}a.ionic-link:active,a.ionic-link.ion-activated,:not(a).ionic-link a:active,:not(a).ionic-link a.ion-activated{color:var(--ion-text-link-press, #0f54da);text-decoration:underline}a.ionic-link-underline,:not(a).ionic-link-underline a{color:currentColor;text-decoration:underline;display:inline-flex;align-items:center;gap:var(--ion-space-100, 4px);transition:color .2s ease-in-out;font-weight:var(--ion-font-weight-regular, 400);text-decoration-color:inherit;text-underline-offset:2px;cursor:pointer}a.ionic-link-underline:visited,:not(a).ionic-link-underline a:visited{color:var(--ion-text-link-visited, #0d4bc3)}@media(any-hover: hover){a.ionic-link-underline:hover,:not(a).ionic-link-underline a:hover{color:var(--ion-text-link-press, #0f54da)}}a.ionic-link-underline:focus,a.ionic-link-underline.ion-focused,:not(a).ionic-link-underline a:focus,:not(a).ionic-link-underline a.ion-focused{outline:2px solid var(--ion-text-link-default, #105cef);outline-offset:2px;color:currentColor;text-decoration:none}a.ionic-link-underline:active,a.ionic-link-underline.ion-activated,:not(a).ionic-link-underline a:active,:not(a).ionic-link-underline a.ion-activated{color:var(--ion-text-link-press, #0f54da)}/*# sourceMappingURL=link.ionic.css.map */