@ionic/core 9.0.6-dev.11790349282.1a877abd → 9.0.6-dev.11790776272.1d27d1bd

package/css/float-elements.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/css/float-elements.scss","../src/themes/ionic.mixins.scss"],"names":[],"mappings":"AAaI,gBC2dE,sBDvdF,iBCudE,uBDndF,iBCqcE,sBAzNO,0CA4NP,uBArNO,2BAqNP,uBA/MJ,8BAcW,0BAiMP,wBDpcF,eCwcE,uBAhOO,wCAmOP,sBA5NO,yBA4NP,sBAtNJ,8BAcW,wBAwMP,uBAnUF,yBDpJA,mBC2dE,sBDvdF,oBCudE,uBDndF,oBCqcE,sBAzNO,6CA4NP,uBArNO,8BAqNP,uBA/MJ,8BAcW,6BAiMP,wBDpcF,kBCwcE,uBAhOO,2CAmOP,sBA5NO,4BA4NP,sBAtNJ,8BAcW,2BAwMP,wBAnUF,yBDpJA,mBC2dE,sBDvdF,oBCudE,uBDndF,oBCqcE,sBAzNO,6CA4NP,uBArNO,8BAqNP,uBA/MJ,8BAcW,6BAiMP,wBDpcF,kBCwcE,uBAhOO,2CAmOP,sBA5NO,4BA4NP,sBAtNJ,8BAcW,2BAwMP,wBAnUF,yBDpJA,mBC2dE,sBDvdF,oBCudE,uBDndF,oBCqcE,sBAzNO,6CA4NP,uBArNO,8BAqNP,uBA/MJ,8BAcW,6BAiMP,wBDpcF,kBCwcE,uBAhOO,2CAmOP,sBA5NO,4BA4NP,sBAtNJ,8BAcW,2BAwMP,wBAnUF,0BDpJA,mBC2dE,sBDvdF,oBCudE,uBDndF,oBCqcE,sBAzNO,6CA4NP,uBArNO,8BAqNP,uBA/MJ,8BAcW,6BAiMP,wBDpcF,kBCwcE,uBAhOO,2CAmOP,sBA5NO,4BA4NP,sBAtNJ,8BAcW,2BAwMP","file":"float-elements.css","sourcesContent":["@import \"../themes/ionic.globals\";\n@import \"../themes/ionic.mixins\";\n\n// Float Elements\n// --------------------------------------------------\n// Creates float classes based on screen size\n\n@each $breakpoint in map-keys($screen-breakpoints) {\n  $infix: breakpoint-infix($breakpoint, $screen-breakpoints);\n\n  @include media-breakpoint-up($breakpoint, $screen-breakpoints) {\n    // Provide `.ion-float-{bp}-{side}` classes for floating the element based\n    // on the breakpoint and side\n    .ion-float#{$infix}-left {\n      @include float(left, !important);\n    }\n\n    .ion-float#{$infix}-right {\n      @include float(right, !important);\n    }\n\n    .ion-float#{$infix}-start {\n      @include float(start, !important);\n    }\n\n    .ion-float#{$infix}-end {\n      @include float(end, !important);\n    }\n  }\n}\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  background: transparent;\n  cursor: pointer;\n\n  appearance: none;\n  outline: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n\n@mixin visually-hidden() {\n  position: absolute;\n\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n  outline: 0;\n  clip: rect(0 0 0 0);\n\n  opacity: 0;\n  overflow: hidden;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: 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\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  @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  @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  @return if($max and $max > 0, $max - .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  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n  @content;\n\n  // $root: #{&};\n  // @at-root [dir] {\n  //   #{$root} {\n  //     @content;\n  //   }\n  // }\n}\n\n@mixin rtl() {\n  $root: #{&};\n\n  $rootSplit: str-split($root, \",\");\n  $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n  $selectorsSplit: str-split($selectors, \",\");\n\n  $hostContextSelectors: ();\n  $restSelectors: ();\n  $dirSelectors: ();\n\n  // Selectors must be split into individual selectors in case the browser\n  // doesn't support a specific selector.\n  // For example, Firefox and Safari doesn't support `:host-context()`.\n  // If an invalid selector is used, then the entire group of selectors\n  // will be ignored.\n  // @link https://www.w3.org/TR/selectors-3/#grouping\n  @each $selector in $selectorsSplit {\n    // Group the selectors back into a single selector to optimize the output.\n    @if str-index($selector, \":host-context\") {\n      $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n    } @else {\n      // Group the selectors back into a single selector to optimize the output.\n      $restSelectors: append($restSelectors, $selector, comma);\n    }\n  }\n\n  // Supported by Chrome.\n  @if length($hostContextSelectors) > 0 {\n    @at-root #{$hostContextSelectors} {\n      @content;\n    }\n  }\n\n  // Supported by all browsers.\n  @if length($restSelectors) > 0 {\n    @at-root #{$restSelectors} {\n      @content;\n    }\n  }\n\n  // If browser can support `:dir()`, then add the `:dir()` selectors.\n  @supports selector(:dir(rtl)) {\n    // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n    // `:host-context()` is added:\n    // - through the `add-root-selector()` function.\n    // - first so that it takes precedence over `:dir()`.\n    // For example,\n    // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n    // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n    // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n    // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n    // -- the app direction is changed dynamically. v17+ works fine.\n    // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n    // Supported by Firefox.\n    @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n      @content;\n    }\n  }\n}\n\n@mixin ltr() {\n  @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n  $url: url-encode($svg);\n  $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n  @if $flip-rtl != true or $viewBox == null {\n    @include multi-dir() {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n    }\n  } @else {\n    $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n    $flipped-url: $svg;\n    $flipped-url: str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n    $flipped-url: str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n    $flipped-url: str-replace($flipped-url, \"<polygon\", \"<polygon #{$transform}\");\n    $flipped-url: url-encode($flipped-url);\n\n    @include ltr () {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n    }\n    @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\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      left: $start;\n      right: $end;\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  @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    @include rtl() {\n      float: right $decorator;\n    }\n  } @else if $side == end {\n    @include ltr() {\n      float: right $decorator;\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    @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    @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    @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    @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    @include rtl() {\n      transform-origin: calc(100% - #{$x-axis}) $y-axis;\n    }\n  }\n}\n\n// Add transform for all directions\n// @param {string} $transforms - comma separated list of transforms\n@mixin transform($transforms...) {\n  $extra: null;\n\n  $x: null;\n  $ltr-translate: null;\n  $rtl-translate: null;\n\n  @each $transform in $transforms {\n    @if (str-index($transform, translate3d)) {\n      $transform: str-replace($transform, 'translate3d(');\n      $transform: str-replace($transform, ')');\n\n      $coordinates: str-split($transform, ',');\n\n      $x: nth($coordinates, 1);\n      $y: nth($coordinates, 2);\n      $z: nth($coordinates, 3);\n\n      $ltr-translate: translate3d($x, $y, $z);\n      $rtl-translate: translate3d(calc(-1 * #{$x}), $y, $z);\n    } @else {\n      @if $extra == null {\n        $extra: $transform;\n      } @else {\n        $extra: $extra $transform;\n      }\n    }\n  }\n\n  @if $x == '0' or $x == null {\n    @include multi-dir() {\n      transform: $ltr-translate $extra;\n    }\n  } @else {\n    @include ltr() {\n      transform: $ltr-translate $extra;\n    }\n\n    @include rtl() {\n      transform: $rtl-translate $extra;\n    }\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../src/css/float-elements.scss","../src/themes/mixins.scss"],"names":[],"mappings":"AAaI,gBCyeE,sBDreF,iBCqeE,uBDjeF,iBCidE,sBAzNO,0CA6NP,uBAtNO,2BAsNP,uBAhNJ,8BAcW,0BAkMP,wBDjdF,eCqdE,uBAjOO,wCAqOP,sBA9NO,yBA8NP,sBAxNJ,8BAcW,wBA0MP,uBAvUF,yBD9JA,mBCyeE,sBDreF,oBCqeE,uBDjeF,oBCidE,sBAzNO,6CA6NP,uBAtNO,8BAsNP,uBAhNJ,8BAcW,6BAkMP,wBDjdF,kBCqdE,uBAjOO,2CAqOP,sBA9NO,4BA8NP,sBAxNJ,8BAcW,2BA0MP,wBAvUF,yBD9JA,mBCyeE,sBDreF,oBCqeE,uBDjeF,oBCidE,sBAzNO,6CA6NP,uBAtNO,8BAsNP,uBAhNJ,8BAcW,6BAkMP,wBDjdF,kBCqdE,uBAjOO,2CAqOP,sBA9NO,4BA8NP,sBAxNJ,8BAcW,2BA0MP,wBAvUF,yBD9JA,mBCyeE,sBDreF,oBCqeE,uBDjeF,oBCidE,sBAzNO,6CA6NP,uBAtNO,8BAsNP,uBAhNJ,8BAcW,6BAkMP,wBDjdF,kBCqdE,uBAjOO,2CAqOP,sBA9NO,4BA8NP,sBAxNJ,8BAcW,2BA0MP,wBAvUF,0BD9JA,mBCyeE,sBDreF,oBCqeE,uBDjeF,oBCidE,sBAzNO,6CA6NP,uBAtNO,8BAsNP,uBAhNJ,8BAcW,6BAkMP,wBDjdF,kBCqdE,uBAjOO,2CAqOP,sBA9NO,4BA8NP,sBAxNJ,8BAcW,2BA0MP","file":"float-elements.css","sourcesContent":["@import \"../themes/native/native.globals\";\n@import \"../themes/mixins\";\n\n// Float Elements\n// --------------------------------------------------\n// Creates float classes based on screen size\n\n@each $breakpoint in map-keys($screen-breakpoints) {\n  $infix: breakpoint-infix($breakpoint, $screen-breakpoints);\n\n  @include media-breakpoint-up($breakpoint, $screen-breakpoints) {\n    // Provide `.ion-float-{bp}-{side}` classes for floating the element based\n    // on the breakpoint and side\n    .ion-float#{$infix}-left {\n      @include float(left, !important);\n    }\n\n    .ion-float#{$infix}-right {\n      @include float(right, !important);\n    }\n\n    .ion-float#{$infix}-start {\n      @include float(start, !important);\n    }\n\n    .ion-float#{$infix}-end {\n      @include float(end, !important);\n    }\n  }\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"]}

package/css/global.bundle.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/css/normalize.scss","../src/css/structure.scss","../src/themes/ionic.mixins.scss","../src/css/typography.scss"],"names":[],"mappings":"AAOA,4BAIE,wBAKF,sBACE,aAEA,SAQF,SAEE,iBAOF,IACE,eAMF,GACE,WAEA,eAEA,uBAIF,IACE,cAIF,kBAIE,gCACA,cAgBF,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,wBAQF,MACE,yBACA,iBAGF,MAEE,UC1MF,EACE,sBAEA,0CACA,wCACA,2BAGF,KACE,WACA,YACA,8BAEA,sBAGF,iBACE,cAGF,aACE,aAGF,KC8EE,kCACA,mCA0NE,YDvSc,ECwSd,aDxSc,EC4ThB,WD5TgB,EC6ThB,cD7TgB,ECuSd,aDtSe,ECuSf,cDvSe,EC2TjB,YD3TiB,EC4TjB,eD5TiB,EAEjB,eAEA,WACA,eACA,YACA,gBAsBA,wBAEA,kCAEA,gBAEA,0BAEA,uBAEA,yBAEA,qBAEA,2BACA,8BAEA,sBEnDF,KACE,mCAOF,uCACE,KAIE,2DAIJ,EACE,6BACA,wCAGF,kBD0SE,WCpSgB,KDqShB,cCrS4B,KAE5B,YArD6B,IAuD7B,YApD6B,IAuD/B,GD6RE,WC5RgB,KAEhB,UAvD6B,SA0D/B,GDuRE,WCtRgB,KAEhB,UA1D6B,OA6D/B,GACE,UA3D6B,SA8D/B,GACE,UA5D6B,QA+D/B,GACE,UA7D6B,SAgE/B,GACE,UA9D6B,KAiE/B,MACE,cAGF,QAEE,kBAEA,cAEA,cAEA,wBAGF,IACE,WAGF,IACE","file":"global.bundle.css","sourcesContent":["// ! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css\n\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\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\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\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","@import \"../themes/ionic.globals\";\n@import \"../themes/ionic.mixins\";\n\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.ion-ce body {\n  display: block;\n}\n\nhtml.plt-pwa {\n  height: 100vh;\n}\n\nbody {\n  @include font-smoothing();\n  @include margin(0);\n  @include 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","\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  background: transparent;\n  cursor: pointer;\n\n  appearance: none;\n  outline: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n\n@mixin visually-hidden() {\n  position: absolute;\n\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n  outline: 0;\n  clip: rect(0 0 0 0);\n\n  opacity: 0;\n  overflow: hidden;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: 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\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  @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  @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  @return if($max and $max > 0, $max - .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  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n  @content;\n\n  // $root: #{&};\n  // @at-root [dir] {\n  //   #{$root} {\n  //     @content;\n  //   }\n  // }\n}\n\n@mixin rtl() {\n  $root: #{&};\n\n  $rootSplit: str-split($root, \",\");\n  $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n  $selectorsSplit: str-split($selectors, \",\");\n\n  $hostContextSelectors: ();\n  $restSelectors: ();\n  $dirSelectors: ();\n\n  // Selectors must be split into individual selectors in case the browser\n  // doesn't support a specific selector.\n  // For example, Firefox and Safari doesn't support `:host-context()`.\n  // If an invalid selector is used, then the entire group of selectors\n  // will be ignored.\n  // @link https://www.w3.org/TR/selectors-3/#grouping\n  @each $selector in $selectorsSplit {\n    // Group the selectors back into a single selector to optimize the output.\n    @if str-index($selector, \":host-context\") {\n      $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n    } @else {\n      // Group the selectors back into a single selector to optimize the output.\n      $restSelectors: append($restSelectors, $selector, comma);\n    }\n  }\n\n  // Supported by Chrome.\n  @if length($hostContextSelectors) > 0 {\n    @at-root #{$hostContextSelectors} {\n      @content;\n    }\n  }\n\n  // Supported by all browsers.\n  @if length($restSelectors) > 0 {\n    @at-root #{$restSelectors} {\n      @content;\n    }\n  }\n\n  // If browser can support `:dir()`, then add the `:dir()` selectors.\n  @supports selector(:dir(rtl)) {\n    // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n    // `:host-context()` is added:\n    // - through the `add-root-selector()` function.\n    // - first so that it takes precedence over `:dir()`.\n    // For example,\n    // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n    // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n    // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n    // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n    // -- the app direction is changed dynamically. v17+ works fine.\n    // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n    // Supported by Firefox.\n    @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n      @content;\n    }\n  }\n}\n\n@mixin ltr() {\n  @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n  $url: url-encode($svg);\n  $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n  @if $flip-rtl != true or $viewBox == null {\n    @include multi-dir() {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n    }\n  } @else {\n    $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n    $flipped-url: $svg;\n    $flipped-url: str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n    $flipped-url: str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n    $flipped-url: str-replace($flipped-url, \"<polygon\", \"<polygon #{$transform}\");\n    $flipped-url: url-encode($flipped-url);\n\n    @include ltr () {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n    }\n    @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\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      left: $start;\n      right: $end;\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  @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    @include rtl() {\n      float: right $decorator;\n    }\n  } @else if $side == end {\n    @include ltr() {\n      float: right $decorator;\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    @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    @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    @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    @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    @include rtl() {\n      transform-origin: calc(100% - #{$x-axis}) $y-axis;\n    }\n  }\n}\n\n// Add transform for all directions\n// @param {string} $transforms - comma separated list of transforms\n@mixin transform($transforms...) {\n  $extra: null;\n\n  $x: null;\n  $ltr-translate: null;\n  $rtl-translate: null;\n\n  @each $transform in $transforms {\n    @if (str-index($transform, translate3d)) {\n      $transform: str-replace($transform, 'translate3d(');\n      $transform: str-replace($transform, ')');\n\n      $coordinates: str-split($transform, ',');\n\n      $x: nth($coordinates, 1);\n      $y: nth($coordinates, 2);\n      $z: nth($coordinates, 3);\n\n      $ltr-translate: translate3d($x, $y, $z);\n      $rtl-translate: translate3d(calc(-1 * #{$x}), $y, $z);\n    } @else {\n      @if $extra == null {\n        $extra: $transform;\n      } @else {\n        $extra: $extra $transform;\n      }\n    }\n  }\n\n  @if $x == '0' or $x == null {\n    @include multi-dir() {\n      transform: $ltr-translate $extra;\n    }\n  } @else {\n    @include ltr() {\n      transform: $ltr-translate $extra;\n    }\n\n    @include rtl() {\n      transform: $rtl-translate $extra;\n    }\n  }\n}\n","@import \"../themes/ionic.globals\";\n@import \"../themes/ionic.mixins\";\n\n// Typography\n// --------------------------------------------------\n\n/// @prop - Font weight of all headings\n$headings-font-weight:         500;\n\n/// @prop - Line height of all headings\n$headings-line-height:         1.2;\n\n/// @prop - Font size of heading level 1\n$h1-font-size:                 dynamic-font(26px);\n\n/// @prop - Font size of heading level 2\n$h2-font-size:                 dynamic-font(24px);\n\n/// @prop - Font size of heading level 3\n$h3-font-size:                 dynamic-font(22px);\n\n/// @prop - Font size of heading level 4\n$h4-font-size:                 dynamic-font(20px);\n\n/// @prop - Font size of heading level 5\n$h5-font-size:                 dynamic-font(18px);\n\n/// @prop - Font size of heading level 6\n$h6-font-size:                 dynamic-font(16px);\n\nhtml {\n  font-family: var(--ion-font-family);\n}\n\n/**\n * Dynamic Type is an iOS-only feature, so\n * this should only be enabled on iOS devices.\n */\n@supports (-webkit-touch-callout: none) {\n  html {\n    /**\n     * Includes fallback if Dynamic Type is not enabled.\n     */\n    font: var(--ion-dynamic-font, 16px var(--ion-font-family));\n  }\n}\n\na {\n  background-color: transparent;\n  color: ion-color(primary, base);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  @include margin(16px, null, 10px, null);\n\n  font-weight: $headings-font-weight;\n\n  line-height: $headings-line-height;\n}\n\nh1 {\n  @include margin(20px, null, null, null);\n\n  font-size: $h1-font-size;\n}\n\nh2 {\n  @include margin(18px, null, null, null);\n\n  font-size: $h2-font-size;\n}\n\nh3 {\n  font-size: $h3-font-size;\n}\n\nh4 {\n  font-size: $h4-font-size;\n}\n\nh5 {\n  font-size: $h5-font-size;\n}\n\nh6 {\n  font-size: $h6-font-size;\n}\n\nsmall {\n  font-size: 75%;\n}\n\nsub,\nsup {\n  position: relative;\n\n  font-size: 75%;\n\n  line-height: 0;\n\n  vertical-align: baseline;\n}\n\nsup {\n  top: -.5em;\n}\n\nsub {\n  bottom: -.25em;\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../src/css/normalize.scss","../src/css/structure.scss","../src/themes/mixins.scss","../src/css/typography.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,UCvMF,EACE,sBAEA,0CACA,wCACA,2BAGF,KACE,WACA,YACA,8BAEA,sBAGF,iBACE,cAGF,aACE,aAGF,KCyFE,kCACA,mCA4NE,YDpTc,ECqTd,aDrTc,ECwUhB,WDxUgB,ECyUhB,cDzUgB,ECoTd,aDnTe,ECoTf,cDpTe,ECuUjB,YDvUiB,ECwUjB,eDxUiB,EAEjB,eAEA,WACA,eACA,YACA,gBAsBA,wBAEA,kCAEA,gBAEA,0BAEA,uBAEA,yBAEA,qBAEA,2BACA,8BAEA,sBElDF,KACE,mCAOF,uCACE,KAIE,2DAIJ,EACE,6BACA,wCAGF,kBDqTE,WC/SgB,KDgThB,cChT4B,KAE5B,YArDqB,IAuDrB,YApDqB,IAuDvB,GDwSE,WCvSgB,KAEhB,UAvDa,SA0Df,GDkSE,WCjSgB,KAEhB,UA1Da,OA6Df,GACE,UA3Da,SA8Df,GACE,UA5Da,QA+Df,GACE,UA7Da,SAgEf,GACE,UA9Da,KAiEf,MACE,cAGF,QAEE,kBAEA,cAEA,cAEA,wBAGF,IACE,WAGF,IACE","file":"global.bundle.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","@import \"../themes/native/native.globals\";\n@import \"../themes/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.ion-ce body {\n  display: block;\n}\n\nhtml.plt-pwa {\n  height: 100vh;\n}\n\nbody {\n  @include font-smoothing();\n  @include margin(0);\n  @include 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","@import \"../themes/native/native.globals\";\n@import \"../themes/mixins\";\n\n// Typography\n// --------------------------------------------------\n\n/// @prop - Font weight of all headings\n$headings-font-weight: 500;\n\n/// @prop - Line height of all headings\n$headings-line-height: 1.2;\n\n/// @prop - Font size of heading level 1\n$h1-font-size: dynamic-font(26px);\n\n/// @prop - Font size of heading level 2\n$h2-font-size: dynamic-font(24px);\n\n/// @prop - Font size of heading level 3\n$h3-font-size: dynamic-font(22px);\n\n/// @prop - Font size of heading level 4\n$h4-font-size: dynamic-font(20px);\n\n/// @prop - Font size of heading level 5\n$h5-font-size: dynamic-font(18px);\n\n/// @prop - Font size of heading level 6\n$h6-font-size: dynamic-font(16px);\n\nhtml {\n  font-family: var(--ion-font-family);\n}\n\n/**\n * Dynamic Type is an iOS-only feature, so\n * this should only be enabled on iOS devices.\n */\n@supports (-webkit-touch-callout: none) {\n  html {\n    /**\n     * Includes fallback if Dynamic Type is not enabled.\n     */\n    font: var(--ion-dynamic-font, 16px var(--ion-font-family));\n  }\n}\n\na {\n  background-color: transparent;\n  color: ion-color(primary, base);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  @include margin(16px, null, 10px, null);\n\n  font-weight: $headings-font-weight;\n\n  line-height: $headings-line-height;\n}\n\nh1 {\n  @include margin(20px, null, null, null);\n\n  font-size: $h1-font-size;\n}\n\nh2 {\n  @include margin(18px, null, null, null);\n\n  font-size: $h2-font-size;\n}\n\nh3 {\n  font-size: $h3-font-size;\n}\n\nh4 {\n  font-size: $h4-font-size;\n}\n\nh5 {\n  font-size: $h5-font-size;\n}\n\nh6 {\n  font-size: $h6-font-size;\n}\n\nsmall {\n  font-size: 75%;\n}\n\nsub,\nsup {\n  position: relative;\n\n  font-size: 75%;\n\n  line-height: 0;\n\n  vertical-align: baseline;\n}\n\nsup {\n  top: -0.5em;\n}\n\nsub {\n  bottom: -0.25em;\n}\n"]}

package/css/ionic/bundle.ionic.css

@@ -0,0 +1 @@
+:root{--ion-color-primary: var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--ion-color-primary-rgb: var(--token-bg-primary-base-default-rgb, 16, 92, 239);--ion-color-primary-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-primary-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-primary-shade: var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));--ion-color-primary-tint: var(--token-semantics-primary-600, var(--token-primitives-blue-600, #6f8bf4));--ion-color-primary-foreground: var(--token-text-primary, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)));--ion-color-primary-subtle: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));--ion-color-primary-subtle-rgb: var(--token-bg-primary-subtle-default-rgb, 240, 242, 255);--ion-color-primary-subtle-contrast: var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3));--ion-color-primary-subtle-contrast-rgb: var(--token-semantics-primary-900-rgb, 13, 75, 195);--ion-color-primary-subtle-shade: var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa)));--ion-color-primary-subtle-tint: var(--token-semantics-primary-200, var(--token-primitives-blue-200, #e4e8ff));--ion-color-primary-subtle-foreground: var(--token-text-primary, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)));--ion-color-secondary: var(--token-bg-info-base-default, var(--token-primitives-blue-800, #0f54da));--ion-color-secondary-rgb: var(--token-bg-info-base-default-rgb, 15, 84, 218);--ion-color-secondary-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-secondary-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-secondary-shade: var(--token-bg-info-base-press, var(--token-primitives-blue-1000, #0b41a9));--ion-color-secondary-tint: var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef));--ion-color-secondary-foreground: var(--token-text-info, var(--token-semantics-info-800, var(--token-primitives-blue-800, #0f54da)));--ion-color-secondary-subtle: var(--token-bg-info-subtle-default, var(--token-primitives-blue-100, #f0f2ff));--ion-color-secondary-subtle-rgb: var(--token-bg-info-subtle-default-rgb, 240, 242, 255);--ion-color-secondary-subtle-contrast: var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3));--ion-color-secondary-subtle-contrast-rgb: var(--token-semantics-info-900-rgb, 13, 75, 195);--ion-color-secondary-subtle-shade: var(--token-bg-info-subtle-press, var(--token-primitives-blue-300, #d0d7fa));--ion-color-secondary-subtle-tint: var(--token-semantics-info-200, var(--token-primitives-blue-200, #e4e8ff));--ion-color-secondary-subtle-foreground: var(--token-text-info, var(--token-semantics-info-800, var(--token-primitives-blue-800, #0f54da)));--ion-color-tertiary: var(--token-primitives-violet-700, #7c20f2);--ion-color-tertiary-rgb: var(--token-primitives-violet-700-rgb, 124, 32, 242);--ion-color-tertiary-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-tertiary-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-tertiary-shade: var(--token-primitives-violet-800, #711ddd);--ion-color-tertiary-tint: var(--token-primitives-violet-600, #9a6cf4);--ion-color-tertiary-foreground: var(--token-primitives-violet-700, #7c20f2);--ion-color-tertiary-subtle: var(--token-primitives-violet-100, #ece6ff);--ion-color-tertiary-subtle-rgb: var(--token-primitives-violet-100-rgb, 236, 230, 255);--ion-color-tertiary-subtle-contrast: var(--token-primitives-violet-800, #711ddd);--ion-color-tertiary-subtle-contrast-rgb: var(--token-primitives-violet-800-rgb, 113, 29, 221);--ion-color-tertiary-subtle-shade: var(--token-primitives-violet-300, #dcd1fb);--ion-color-tertiary-subtle-tint: var(--token-primitives-violet-200, #e5defc);--ion-color-tertiary-subtle-foreground: var(--token-primitives-violet-700, #7c20f2);--ion-color-success: var(--token-bg-success-base-default, var(--token-semantics-success-800, var(--token-primitives-green-800, #038855)));--ion-color-success-rgb: var(--token-bg-success-base-default-rgb, 3, 136, 85);--ion-color-success-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-success-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-success-shade: var(--token-bg-success-base-press, var(--token-semantics-success-1000, var(--token-primitives-green-1000, #055637)));--ion-color-success-tint: var(--token-semantics-success-800, var(--token-primitives-green-800, #038855));--ion-color-success-foreground: var(--token-text-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #037046)));--ion-color-success-subtle: var(--token-bg-success-subtle-default, var(--token-semantics-success-100, var(--token-primitives-green-100, #edfff7)));--ion-color-success-subtle-rgb: var(--token-bg-success-subtle-default-rgb, 237, 255, 247);--ion-color-success-subtle-contrast: var(--token-text-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #037046)));--ion-color-success-subtle-contrast-rgb: var(--token-text-success-rgb, 3, 112, 70);--ion-color-success-subtle-shade: var(--token-bg-success-subtle-press, var(--token-semantics-success-300, var(--token-primitives-green-300, #cef4e4)));--ion-color-success-subtle-tint: var(--token-semantics-success-200, var(--token-primitives-green-200, #dcffef));--ion-color-success-subtle-foreground: var(--token-text-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #037046)));--ion-color-warning: var(--token-bg-warning-base-default, var(--token-primitives-yellow-500, #ffd600));--ion-color-warning-rgb: var(--token-bg-warning-base-default-rgb, 255, 214, 0);--ion-color-warning-contrast: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--ion-color-warning-contrast-rgb: var(--token-text-default-rgb, 36, 37, 40);--ion-color-warning-shade: var(--token-bg-warning-base-press, var(--token-primitives-yellow-700, #df9c00));--ion-color-warning-tint: var(--token-primitives-yellow-300, #f9e2a1);--ion-color-warning-foreground: var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #925f00)));--ion-color-warning-subtle: var(--token-bg-warning-subtle-default, var(--token-primitives-yellow-100, #fff5db));--ion-color-warning-subtle-rgb: var(--token-bg-warning-subtle-default-rgb, 255, 245, 219);--ion-color-warning-subtle-contrast: var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #925f00)));--ion-color-warning-subtle-contrast-rgb: var(--token-text-warning-rgb, 146, 95, 0);--ion-color-warning-subtle-shade: var(--token-bg-warning-subtle-press, var(--token-primitives-yellow-300, #f9e2a1));--ion-color-warning-subtle-tint: var(--token-primitives-yellow-100, #fff5db);--ion-color-warning-subtle-foreground: var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #925f00)));--ion-color-danger: var(--token-bg-danger-base-default, var(--token-semantics-danger-700, var(--token-primitives-red-700, #e0243a)));--ion-color-danger-rgb: var(--token-bg-danger-base-default-rgb, 224, 36, 58);--ion-color-danger-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-danger-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-danger-shade: var(--token-bg-danger-base-press, var(--token-semantics-danger-900, var(--token-primitives-red-900, #ab0224)));--ion-color-danger-tint: var(--token-semantics-danger-700, var(--token-primitives-red-700, #e0243a));--ion-color-danger-foreground: var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)));--ion-color-danger-subtle: var(--token-bg-danger-subtle-default, var(--token-semantics-danger-100, var(--token-primitives-red-100, #ffeff1)));--ion-color-danger-subtle-rgb: var(--token-bg-danger-subtle-default-rgb, 255, 239, 241);--ion-color-danger-subtle-contrast: var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #89031f));--ion-color-danger-subtle-contrast-rgb: var(--token-semantics-danger-1000-rgb, 137, 3, 31);--ion-color-danger-subtle-shade: var(--token-bg-danger-subtle-press, var(--token-semantics-danger-300, var(--token-primitives-red-300, #fab1b9)));--ion-color-danger-subtle-tint: var(--token-semantics-danger-200, var(--token-primitives-red-200, #fcd8dc));--ion-color-danger-subtle-foreground: var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)));--ion-color-pumpkin: var(--token-bg-extended-pumpkin-base-default, var(--token-primitives-pumpkin-700, #bd4705));--ion-color-pumpkin-rgb: var(--token-bg-extended-pumpkin-base-default-rgb, 189, 71, 5);--ion-color-pumpkin-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-pumpkin-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-pumpkin-shade: var(--token-bg-extended-pumpkin-base-press, var(--token-primitives-pumpkin-900, #803004));--ion-color-pumpkin-tint: var(--token-primitives-pumpkin-600, #da5206);--ion-color-pumpkin-foreground: var(--token-text-extended-pumpkin, var(--token-primitives-pumpkin-800, #9f3c05));--ion-color-pumpkin-subtle: var(--token-bg-extended-pumpkin-subtle-default, var(--token-primitives-pumpkin-100, #ffe0db));--ion-color-pumpkin-subtle-rgb: var(--token-bg-extended-pumpkin-subtle-default-rgb, 255, 224, 219);--ion-color-pumpkin-subtle-contrast: var(--token-text-extended-pumpkin, var(--token-primitives-pumpkin-800, #9f3c05));--ion-color-pumpkin-subtle-contrast-rgb: var(--token-text-extended-pumpkin-rgb, 159, 60, 5);--ion-color-pumpkin-subtle-shade: var(--token-bg-extended-pumpkin-subtle-press, var(--token-primitives-pumpkin-300, #fbbdb1));--ion-color-pumpkin-subtle-tint: var(--token-primitives-pumpkin-200, #ffd6d0);--ion-color-pumpkin-subtle-foreground: var(--token-text-extended-pumpkin, var(--token-primitives-pumpkin-800, #9f3c05));--ion-color-orange: var(--token-bg-extended-orange-base-default, var(--token-primitives-orange-900, #c15700));--ion-color-orange-rgb: var(--token-bg-extended-orange-base-default-rgb, 193, 87, 0);--ion-color-orange-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-orange-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-orange-shade: var(--token-bg-extended-orange-base-press, var(--token-primitives-orange-1100, #562f1b));--ion-color-orange-tint: var(--token-primitives-orange-600, #fa9768);--ion-color-orange-foreground: var(--token-text-extended-orange, var(--token-primitives-orange-1000, #9f4904));--ion-color-orange-subtle: var(--token-bg-extended-orange-subtle-default, var(--token-primitives-orange-100, #fdf0ea));--ion-color-orange-subtle-rgb: var(--token-bg-extended-orange-subtle-default-rgb, 253, 240, 234);--ion-color-orange-subtle-contrast: var(--token-text-extended-orange, var(--token-primitives-orange-1000, #9f4904));--ion-color-orange-subtle-contrast-rgb: var(--token-text-extended-orange-rgb, 159, 73, 4);--ion-color-orange-subtle-shade: var(--token-bg-extended-orange-subtle-press, var(--token-primitives-orange-300, #ffd7be));--ion-color-orange-subtle-tint: var(--token-primitives-orange-200, #ffebde);--ion-color-orange-subtle-foreground: var(--token-text-extended-orange, var(--token-primitives-orange-1000, #9f4904));--ion-color-lime: var(--token-bg-extended-lime-base-default, var(--token-primitives-lime-800, #6d7d05));--ion-color-lime-rgb: var(--token-bg-extended-lime-base-default-rgb, 109, 125, 5);--ion-color-lime-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-lime-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-lime-shade: var(--token-bg-extended-lime-base-press, var(--token-primitives-lime-1000, #4f5b01));--ion-color-lime-tint: var(--token-primitives-lime-600, #b1c564);--ion-color-lime-foreground: var(--token-text-extended-lime, var(--token-primitives-lime-900, #606f00));--ion-color-lime-subtle: var(--token-bg-extended-lime-subtle-default, var(--token-primitives-lime-100, #f3fecd));--ion-color-lime-subtle-rgb: var(--token-bg-extended-lime-subtle-default-rgb, 243, 254, 205);--ion-color-lime-subtle-contrast: var(--token-text-extended-lime, var(--token-primitives-lime-900, #606f00));--ion-color-lime-subtle-contrast-rgb: var(--token-text-extended-lime-rgb, 96, 111, 0);--ion-color-lime-subtle-shade: var(--token-bg-extended-lime-subtle-press, var(--token-primitives-lime-300, #deeeaa));--ion-color-lime-subtle-tint: var(--token-primitives-lime-200, #e9f7bb);--ion-color-lime-subtle-foreground: var(--token-text-extended-lime, var(--token-primitives-lime-900, #606f00));--ion-color-teal: var(--token-bg-extended-teal-base-default, var(--token-primitives-teal-800, #008576));--ion-color-teal-rgb: var(--token-bg-extended-teal-base-default-rgb, 0, 133, 118);--ion-color-teal-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-teal-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-teal-shade: var(--token-bg-extended-teal-base-press, var(--token-primitives-teal-1000, #005147));--ion-color-teal-tint: var(--token-primitives-teal-600, #00b7a2);--ion-color-teal-foreground: var(--token-text-extended-teal, var(--token-primitives-teal-900, #006b5f));--ion-color-teal-subtle: var(--token-bg-extended-teal-subtle-default, var(--token-primitives-teal-100, #d5f9f1));--ion-color-teal-subtle-rgb: var(--token-bg-extended-teal-subtle-default-rgb, 213, 249, 241);--ion-color-teal-subtle-contrast: var(--token-text-extended-teal, var(--token-primitives-teal-900, #006b5f));--ion-color-teal-subtle-contrast-rgb: var(--token-text-extended-teal-rgb, 0, 107, 95);--ion-color-teal-subtle-shade: var(--token-bg-extended-teal-subtle-press, var(--token-primitives-teal-300, #b1e7dd));--ion-color-teal-subtle-tint: var(--token-primitives-teal-200, #c7f1e8);--ion-color-teal-subtle-foreground: var(--token-text-extended-teal, var(--token-primitives-teal-900, #006b5f));--ion-color-aqua: var(--token-bg-extended-aqua-base-default, var(--token-primitives-aqua-900, #127f98));--ion-color-aqua-rgb: var(--token-bg-extended-aqua-base-default-rgb, 18, 127, 152);--ion-color-aqua-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-aqua-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-aqua-shade: var(--token-bg-extended-aqua-base-press, var(--token-primitives-aqua-1100, #0a3741));--ion-color-aqua-tint: var(--token-primitives-aqua-600, #22bbdc);--ion-color-aqua-foreground: var(--token-text-extended-aqua, var(--token-primitives-aqua-1000, #146172));--ion-color-aqua-subtle: var(--token-bg-extended-aqua-subtle-default, var(--token-primitives-aqua-100, #d9f5ff));--ion-color-aqua-subtle-rgb: var(--token-bg-extended-aqua-subtle-default-rgb, 217, 245, 255);--ion-color-aqua-subtle-contrast: var(--token-text-extended-aqua, var(--token-primitives-aqua-1000, #146172));--ion-color-aqua-subtle-contrast-rgb: var(--token-text-extended-aqua-rgb, 20, 97, 114);--ion-color-aqua-subtle-shade: var(--token-bg-extended-aqua-subtle-press, var(--token-primitives-aqua-300, #b3e9fc));--ion-color-aqua-subtle-tint: var(--token-primitives-aqua-200, #cbeffc);--ion-color-aqua-subtle-foreground: var(--token-text-extended-aqua, var(--token-primitives-aqua-1000, #146172));--ion-color-indigo: var(--token-bg-extended-indigo-base-default, var(--token-primitives-indigo-700, #5832ed));--ion-color-indigo-rgb: var(--token-bg-extended-indigo-base-default-rgb, 88, 50, 237);--ion-color-indigo-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-indigo-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-indigo-shade: var(--token-bg-extended-indigo-base-press, var(--token-primitives-indigo-900, #3516ae));--ion-color-indigo-tint: var(--token-primitives-indigo-600, #786bdd);--ion-color-indigo-foreground: var(--token-text-extended-indigo, var(--token-primitives-indigo-700, #5832ed));--ion-color-indigo-subtle: var(--token-bg-extended-indigo-subtle-default, var(--token-primitives-indigo-100, #ebe8ff));--ion-color-indigo-subtle-rgb: var(--token-bg-extended-indigo-subtle-default-rgb, 235, 232, 255);--ion-color-indigo-subtle-contrast: var(--token-text-extended-indigo, var(--token-primitives-indigo-700, #5832ed));--ion-color-indigo-subtle-contrast-rgb: var(--token-text-extended-indigo-rgb, 88, 50, 237);--ion-color-indigo-subtle-shade: var(--token-bg-extended-indigo-subtle-press, var(--token-primitives-indigo-300, #d3d1f2));--ion-color-indigo-subtle-tint: var(--token-primitives-indigo-200, #e6e2fe);--ion-color-indigo-subtle-foreground: var(--token-text-extended-indigo, var(--token-primitives-indigo-700, #5832ed));--ion-color-violet: var(--token-bg-extended-violet-base-default, var(--token-primitives-violet-700, #7c20f2));--ion-color-violet-rgb: var(--token-bg-extended-violet-base-default-rgb, 124, 32, 242);--ion-color-violet-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-violet-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-violet-shade: var(--token-bg-extended-violet-base-press, var(--token-primitives-violet-900, #651ac5));--ion-color-violet-tint: var(--token-primitives-violet-600, #9a6cf4);--ion-color-violet-foreground: var(--token-text-extended-violet, var(--token-primitives-violet-700, #7c20f2));--ion-color-violet-subtle: var(--token-bg-extended-violet-subtle-default, var(--token-primitives-violet-100, #ece6ff));--ion-color-violet-subtle-rgb: var(--token-bg-extended-violet-subtle-default-rgb, 236, 230, 255);--ion-color-violet-subtle-contrast: var(--token-text-extended-violet, var(--token-primitives-violet-700, #7c20f2));--ion-color-violet-subtle-contrast-rgb: var(--token-text-extended-violet-rgb, 124, 32, 242);--ion-color-violet-subtle-shade: var(--token-bg-extended-violet-subtle-press, var(--token-primitives-violet-300, #dcd1fb));--ion-color-violet-subtle-tint: var(--token-primitives-violet-200, #e5defc);--ion-color-violet-subtle-foreground: var(--token-text-extended-violet, var(--token-primitives-violet-700, #7c20f2));--ion-color-purple: var(--token-bg-extended-purple-base-default, var(--token-primitives-purple-800, #a737dc));--ion-color-purple-rgb: var(--token-bg-extended-purple-base-default-rgb, 167, 55, 220);--ion-color-purple-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-purple-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-purple-shade: var(--token-bg-extended-purple-base-press, var(--token-primitives-purple-1000, #812aaa));--ion-color-purple-tint: var(--token-primitives-purple-600, #c575f3);--ion-color-purple-foreground: var(--token-text-extended-purple, var(--token-primitives-purple-900, #9531c5));--ion-color-purple-subtle: var(--token-bg-extended-purple-subtle-default, var(--token-primitives-purple-100, #f5eafd));--ion-color-purple-subtle-rgb: var(--token-bg-extended-purple-subtle-default-rgb, 245, 234, 253);--ion-color-purple-subtle-contrast: var(--token-text-extended-purple, var(--token-primitives-purple-900, #9531c5));--ion-color-purple-subtle-contrast-rgb: var(--token-text-extended-purple-rgb, 149, 49, 197);--ion-color-purple-subtle-shade: var(--token-bg-extended-purple-subtle-press, var(--token-primitives-purple-300, #e9d3fa));--ion-color-purple-subtle-tint: var(--token-primitives-purple-200, #f2e2ff);--ion-color-purple-subtle-foreground: var(--token-text-extended-purple, var(--token-primitives-purple-900, #9531c5));--ion-color-magenta: var(--token-bg-extended-magenta-base-default, var(--token-primitives-magenta-900, #c13cac));--ion-color-magenta-rgb: var(--token-bg-extended-magenta-base-default-rgb, 193, 60, 172);--ion-color-magenta-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-magenta-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-magenta-shade: var(--token-bg-extended-magenta-base-press, var(--token-primitives-magenta-1100, #892b7a));--ion-color-magenta-tint: var(--token-primitives-magenta-600, #f07cdb);--ion-color-magenta-foreground: var(--token-text-extended-magenta, var(--token-primitives-magenta-900, #c13cac));--ion-color-magenta-subtle: var(--token-bg-extended-magenta-subtle-default, var(--token-primitives-magenta-100, #ffecfb));--ion-color-magenta-subtle-rgb: var(--token-bg-extended-magenta-subtle-default-rgb, 255, 236, 251);--ion-color-magenta-subtle-contrast: var(--token-text-extended-magenta, var(--token-primitives-magenta-900, #c13cac));--ion-color-magenta-subtle-contrast-rgb: var(--token-text-extended-magenta-rgb, 193, 60, 172);--ion-color-magenta-subtle-shade: var(--token-bg-extended-magenta-subtle-press, var(--token-primitives-magenta-300, #f9d4f1));--ion-color-magenta-subtle-tint: var(--token-primitives-magenta-200, #ffe5fa);--ion-color-magenta-subtle-foreground: var(--token-text-extended-magenta, var(--token-primitives-magenta-900, #c13cac));--ion-color-pink: var(--token-bg-extended-pink-base-default, var(--token-primitives-pink-800, #df1b87));--ion-color-pink-rgb: var(--token-bg-extended-pink-base-default-rgb, 223, 27, 135);--ion-color-pink-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-pink-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-pink-shade: var(--token-bg-extended-pink-base-press, var(--token-primitives-pink-1000, #a70565));--ion-color-pink-tint: var(--token-primitives-pink-600, #fa8dc9);--ion-color-pink-foreground: var(--token-text-extended-pink, var(--token-primitives-pink-900, #cc0d7e));--ion-color-pink-subtle: var(--token-bg-extended-pink-subtle-default, var(--token-primitives-pink-100, #ffedf4));--ion-color-pink-subtle-rgb: var(--token-bg-extended-pink-subtle-default-rgb, 255, 237, 244);--ion-color-pink-subtle-contrast: var(--token-text-extended-pink, var(--token-primitives-pink-900, #cc0d7e));--ion-color-pink-subtle-contrast-rgb: var(--token-text-extended-pink-rgb, 204, 13, 126);--ion-color-pink-subtle-shade: var(--token-bg-extended-pink-subtle-press, var(--token-primitives-pink-300, #fdccde));--ion-color-pink-subtle-tint: var(--token-primitives-pink-200, #ffdae8);--ion-color-pink-subtle-foreground: var(--token-text-extended-pink, var(--token-primitives-pink-900, #cc0d7e));--ion-color-light: var(--token-primitives-base-white, #ffffff);--ion-color-light-rgb: var(--token-primitives-base-white-rgb, 255, 255, 255);--ion-color-light-contrast: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--ion-color-light-contrast-rgb: var(--token-text-default-rgb, 36, 37, 40);--ion-color-light-shade: var(--token-primitives-neutral-500, #9fa5ad);--ion-color-light-tint: var(--token-primitives-neutral-400, #d0d7df);--ion-color-light-foreground: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--ion-color-light-subtle: var(--token-bg-neutral-subtlest-default, var(--token-primitives-base-white, #ffffff));--ion-color-light-subtle-rgb: var(--token-bg-neutral-subtlest-default-rgb, 255, 255, 255);--ion-color-light-subtle-contrast: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--ion-color-light-subtle-contrast-rgb: var(--token-text-default-rgb, 36, 37, 40);--ion-color-light-subtle-shade: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--ion-color-light-subtle-tint: var(--token-primitives-neutral-100, #f6f7fa);--ion-color-light-subtle-foreground: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--ion-color-medium: var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #383e45));--ion-color-medium-rgb: var(--token-bg-neutral-bold-default-rgb, 56, 62, 69);--ion-color-medium-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-medium-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-medium-shade: var(--token-bg-neutral-bold-press, var(--token-primitives-neutral-1200, #242528));--ion-color-medium-tint: var(--token-primitives-neutral-900, #575c63);--ion-color-medium-foreground: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--ion-color-medium-subtle: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));--ion-color-medium-subtle-rgb: var(--token-bg-neutral-subtle-default-rgb, 246, 247, 250);--ion-color-medium-subtle-contrast: var(--token-primitives-neutral-900, #575c63);--ion-color-medium-subtle-contrast-rgb: var(--token-primitives-neutral-900-rgb, 87, 92, 99);--ion-color-medium-subtle-shade: var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-300, #e6eaee));--ion-color-medium-subtle-tint: var(--token-primitives-neutral-100, #f6f7fa);--ion-color-medium-subtle-foreground: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--ion-color-dark: var(--token-bg-neutral-boldest-default, var(--token-primitives-neutral-1200, #242528));--ion-color-dark-rgb: var(--token-bg-neutral-boldest-default-rgb, 36, 37, 40);--ion-color-dark-contrast: var(--token-text-inverse, var(--token-primitives-base-white, #ffffff));--ion-color-dark-contrast-rgb: var(--token-text-inverse-rgb, 255, 255, 255);--ion-color-dark-shade: var(--token-bg-neutral-boldest-press, var(--token-primitives-base-black, #131518));--ion-color-dark-tint: var(--token-primitives-neutral-1100, #2c3238);--ion-color-dark-foreground: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--ion-color-dark-subtle: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));--ion-color-dark-subtle-rgb: var(--token-bg-neutral-subtle-default-rgb, 246, 247, 250);--ion-color-dark-subtle-contrast: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));--ion-color-dark-subtle-contrast-rgb: var(--token-text-subtle-rgb, 56, 62, 69);--ion-color-dark-subtle-shade: var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-300, #e6eaee));--ion-color-dark-subtle-tint: var(--token-primitives-neutral-100, #f6f7fa);--ion-color-dark-subtle-foreground: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff))}:root .ion-color-primary{--ion-color-base: var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, var(--token-bg-primary-base-default-rgb, 16, 92, 239)) !important;--ion-color-contrast: var(--ion-color-primary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-primary-shade, var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))) !important;--ion-color-tint: var(--ion-color-primary-tint, var(--token-semantics-primary-600, var(--token-primitives-blue-600, #6f8bf4))) !important;--ion-color-foreground: var( --ion-color-primary-foreground, var(--ion-color-primary, var(--token-text-primary, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)))) ) !important;--ion-color-subtle-base: var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)))) !important;--ion-color-subtle-base-rgb: var(--ion-color-primary-subtle-rgb, var(--token-bg-primary-subtle-default-rgb, 240, 242, 255)) !important;--ion-color-subtle-contrast: var(--ion-color-primary-subtle-contrast, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-primary-subtle-contrast-rgb, var(--token-semantics-primary-900-rgb, 13, 75, 195)) !important;--ion-color-subtle-shade: var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa)))) !important;--ion-color-subtle-tint: var(--ion-color-primary-subtle-tint, var(--token-semantics-primary-200, var(--token-primitives-blue-200, #e4e8ff))) !important;--ion-color-subtle-foreground: var( --ion-color-primary-subtle-foreground, var(--ion-color-primary-subtle, var(--token-text-primary, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)))) ) !important}:root .ion-color-secondary{--ion-color-base: var(--ion-color-secondary, var(--token-bg-info-base-default, var(--token-primitives-blue-800, #0f54da))) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, var(--token-bg-info-base-default-rgb, 15, 84, 218)) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-secondary-shade, var(--token-bg-info-base-press, var(--token-primitives-blue-1000, #0b41a9))) !important;--ion-color-tint: var(--ion-color-secondary-tint, var(--token-semantics-info-700, var(--token-primitives-blue-700, #105cef))) !important;--ion-color-foreground: var( --ion-color-secondary-foreground, var(--ion-color-secondary, var(--token-text-info, var(--token-semantics-info-800, var(--token-primitives-blue-800, #0f54da)))) ) !important;--ion-color-subtle-base: var(--ion-color-secondary-subtle, var(--token-bg-info-subtle-default, var(--token-primitives-blue-100, #f0f2ff))) !important;--ion-color-subtle-base-rgb: var(--ion-color-secondary-subtle-rgb, var(--token-bg-info-subtle-default-rgb, 240, 242, 255)) !important;--ion-color-subtle-contrast: var(--ion-color-secondary-subtle-contrast, var(--token-semantics-info-900, var(--token-primitives-blue-900, #0d4bc3))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-secondary-subtle-contrast-rgb, var(--token-semantics-info-900-rgb, 13, 75, 195)) !important;--ion-color-subtle-shade: var(--ion-color-secondary-subtle-shade, var(--token-bg-info-subtle-press, var(--token-primitives-blue-300, #d0d7fa))) !important;--ion-color-subtle-tint: var(--ion-color-secondary-subtle-tint, var(--token-semantics-info-200, var(--token-primitives-blue-200, #e4e8ff))) !important;--ion-color-subtle-foreground: var( --ion-color-secondary-subtle-foreground, var(--ion-color-secondary-subtle, var(--token-text-info, var(--token-semantics-info-800, var(--token-primitives-blue-800, #0f54da)))) ) !important}:root .ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, var(--token-primitives-violet-700, #7c20f2)) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, var(--token-primitives-violet-700-rgb, 124, 32, 242)) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-tertiary-shade, var(--token-primitives-violet-800, #711ddd)) !important;--ion-color-tint: var(--ion-color-tertiary-tint, var(--token-primitives-violet-600, #9a6cf4)) !important;--ion-color-foreground: var( --ion-color-tertiary-foreground, var(--ion-color-tertiary, var(--token-primitives-violet-700, #7c20f2)) ) !important;--ion-color-subtle-base: var(--ion-color-tertiary-subtle, var(--token-primitives-violet-100, #ece6ff)) !important;--ion-color-subtle-base-rgb: var(--ion-color-tertiary-subtle-rgb, var(--token-primitives-violet-100-rgb, 236, 230, 255)) !important;--ion-color-subtle-contrast: var(--ion-color-tertiary-subtle-contrast, var(--token-primitives-violet-800, #711ddd)) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-tertiary-subtle-contrast-rgb, var(--token-primitives-violet-800-rgb, 113, 29, 221)) !important;--ion-color-subtle-shade: var(--ion-color-tertiary-subtle-shade, var(--token-primitives-violet-300, #dcd1fb)) !important;--ion-color-subtle-tint: var(--ion-color-tertiary-subtle-tint, var(--token-primitives-violet-200, #e5defc)) !important;--ion-color-subtle-foreground: var( --ion-color-tertiary-subtle-foreground, var(--ion-color-tertiary-subtle, var(--token-primitives-violet-700, #7c20f2)) ) !important}:root .ion-color-success{--ion-color-base: var(--ion-color-success, var(--token-bg-success-base-default, var(--token-semantics-success-800, var(--token-primitives-green-800, #038855)))) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, var(--token-bg-success-base-default-rgb, 3, 136, 85)) !important;--ion-color-contrast: var(--ion-color-success-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-success-shade, var(--token-bg-success-base-press, var(--token-semantics-success-1000, var(--token-primitives-green-1000, #055637)))) !important;--ion-color-tint: var(--ion-color-success-tint, var(--token-semantics-success-800, var(--token-primitives-green-800, #038855))) !important;--ion-color-foreground: var( --ion-color-success-foreground, var(--ion-color-success, var(--token-text-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #037046)))) ) !important;--ion-color-subtle-base: var(--ion-color-success-subtle, var(--token-bg-success-subtle-default, var(--token-semantics-success-100, var(--token-primitives-green-100, #edfff7)))) !important;--ion-color-subtle-base-rgb: var(--ion-color-success-subtle-rgb, var(--token-bg-success-subtle-default-rgb, 237, 255, 247)) !important;--ion-color-subtle-contrast: var(--ion-color-success-subtle-contrast, var(--token-text-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #037046)))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-success-subtle-contrast-rgb, var(--token-text-success-rgb, 3, 112, 70)) !important;--ion-color-subtle-shade: var(--ion-color-success-subtle-shade, var(--token-bg-success-subtle-press, var(--token-semantics-success-300, var(--token-primitives-green-300, #cef4e4)))) !important;--ion-color-subtle-tint: var(--ion-color-success-subtle-tint, var(--token-semantics-success-200, var(--token-primitives-green-200, #dcffef))) !important;--ion-color-subtle-foreground: var( --ion-color-success-subtle-foreground, var(--ion-color-success-subtle, var(--token-text-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #037046)))) ) !important}:root .ion-color-warning{--ion-color-base: var(--ion-color-warning, var(--token-bg-warning-base-default, var(--token-primitives-yellow-500, #ffd600))) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, var(--token-bg-warning-base-default-rgb, 255, 214, 0)) !important;--ion-color-contrast: var(--ion-color-warning-contrast, var(--token-text-default, var(--token-primitives-neutral-1200, #242528))) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, var(--token-text-default-rgb, 36, 37, 40)) !important;--ion-color-shade: var(--ion-color-warning-shade, var(--token-bg-warning-base-press, var(--token-primitives-yellow-700, #df9c00))) !important;--ion-color-tint: var(--ion-color-warning-tint, var(--token-primitives-yellow-300, #f9e2a1)) !important;--ion-color-foreground: var( --ion-color-warning-foreground, var(--ion-color-warning, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #925f00)))) ) !important;--ion-color-subtle-base: var(--ion-color-warning-subtle, var(--token-bg-warning-subtle-default, var(--token-primitives-yellow-100, #fff5db))) !important;--ion-color-subtle-base-rgb: var(--ion-color-warning-subtle-rgb, var(--token-bg-warning-subtle-default-rgb, 255, 245, 219)) !important;--ion-color-subtle-contrast: var(--ion-color-warning-subtle-contrast, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #925f00)))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-warning-subtle-contrast-rgb, var(--token-text-warning-rgb, 146, 95, 0)) !important;--ion-color-subtle-shade: var(--ion-color-warning-subtle-shade, var(--token-bg-warning-subtle-press, var(--token-primitives-yellow-300, #f9e2a1))) !important;--ion-color-subtle-tint: var(--ion-color-warning-subtle-tint, var(--token-primitives-yellow-100, #fff5db)) !important;--ion-color-subtle-foreground: var( --ion-color-warning-subtle-foreground, var(--ion-color-warning-subtle, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #925f00)))) ) !important}:root .ion-color-danger{--ion-color-base: var(--ion-color-danger, var(--token-bg-danger-base-default, var(--token-semantics-danger-700, var(--token-primitives-red-700, #e0243a)))) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, var(--token-bg-danger-base-default-rgb, 224, 36, 58)) !important;--ion-color-contrast: var(--ion-color-danger-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-danger-shade, var(--token-bg-danger-base-press, var(--token-semantics-danger-900, var(--token-primitives-red-900, #ab0224)))) !important;--ion-color-tint: var(--ion-color-danger-tint, var(--token-semantics-danger-700, var(--token-primitives-red-700, #e0243a))) !important;--ion-color-foreground: var( --ion-color-danger-foreground, var(--ion-color-danger, var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)))) ) !important;--ion-color-subtle-base: var(--ion-color-danger-subtle, var(--token-bg-danger-subtle-default, var(--token-semantics-danger-100, var(--token-primitives-red-100, #ffeff1)))) !important;--ion-color-subtle-base-rgb: var(--ion-color-danger-subtle-rgb, var(--token-bg-danger-subtle-default-rgb, 255, 239, 241)) !important;--ion-color-subtle-contrast: var(--ion-color-danger-subtle-contrast, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #89031f))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-danger-subtle-contrast-rgb, var(--token-semantics-danger-1000-rgb, 137, 3, 31)) !important;--ion-color-subtle-shade: var(--ion-color-danger-subtle-shade, var(--token-bg-danger-subtle-press, var(--token-semantics-danger-300, var(--token-primitives-red-300, #fab1b9)))) !important;--ion-color-subtle-tint: var(--ion-color-danger-subtle-tint, var(--token-semantics-danger-200, var(--token-primitives-red-200, #fcd8dc))) !important;--ion-color-subtle-foreground: var( --ion-color-danger-subtle-foreground, var(--ion-color-danger-subtle, var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)))) ) !important}:root .ion-color-pumpkin{--ion-color-base: var(--ion-color-pumpkin, var(--token-bg-extended-pumpkin-base-default, var(--token-primitives-pumpkin-700, #bd4705))) !important;--ion-color-base-rgb: var(--ion-color-pumpkin-rgb, var(--token-bg-extended-pumpkin-base-default-rgb, 189, 71, 5)) !important;--ion-color-contrast: var(--ion-color-pumpkin-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-pumpkin-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-pumpkin-shade, var(--token-bg-extended-pumpkin-base-press, var(--token-primitives-pumpkin-900, #803004))) !important;--ion-color-tint: var(--ion-color-pumpkin-tint, var(--token-primitives-pumpkin-600, #da5206)) !important;--ion-color-foreground: var( --ion-color-pumpkin-foreground, var(--ion-color-pumpkin, var(--token-text-extended-pumpkin, var(--token-primitives-pumpkin-800, #9f3c05))) ) !important;--ion-color-subtle-base: var(--ion-color-pumpkin-subtle, var(--token-bg-extended-pumpkin-subtle-default, var(--token-primitives-pumpkin-100, #ffe0db))) !important;--ion-color-subtle-base-rgb: var(--ion-color-pumpkin-subtle-rgb, var(--token-bg-extended-pumpkin-subtle-default-rgb, 255, 224, 219)) !important;--ion-color-subtle-contrast: var(--ion-color-pumpkin-subtle-contrast, var(--token-text-extended-pumpkin, var(--token-primitives-pumpkin-800, #9f3c05))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-pumpkin-subtle-contrast-rgb, var(--token-text-extended-pumpkin-rgb, 159, 60, 5)) !important;--ion-color-subtle-shade: var(--ion-color-pumpkin-subtle-shade, var(--token-bg-extended-pumpkin-subtle-press, var(--token-primitives-pumpkin-300, #fbbdb1))) !important;--ion-color-subtle-tint: var(--ion-color-pumpkin-subtle-tint, var(--token-primitives-pumpkin-200, #ffd6d0)) !important;--ion-color-subtle-foreground: var( --ion-color-pumpkin-subtle-foreground, var(--ion-color-pumpkin-subtle, var(--token-text-extended-pumpkin, var(--token-primitives-pumpkin-800, #9f3c05))) ) !important}:root .ion-color-orange{--ion-color-base: var(--ion-color-orange, var(--token-bg-extended-orange-base-default, var(--token-primitives-orange-900, #c15700))) !important;--ion-color-base-rgb: var(--ion-color-orange-rgb, var(--token-bg-extended-orange-base-default-rgb, 193, 87, 0)) !important;--ion-color-contrast: var(--ion-color-orange-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-orange-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-orange-shade, var(--token-bg-extended-orange-base-press, var(--token-primitives-orange-1100, #562f1b))) !important;--ion-color-tint: var(--ion-color-orange-tint, var(--token-primitives-orange-600, #fa9768)) !important;--ion-color-foreground: var( --ion-color-orange-foreground, var(--ion-color-orange, var(--token-text-extended-orange, var(--token-primitives-orange-1000, #9f4904))) ) !important;--ion-color-subtle-base: var(--ion-color-orange-subtle, var(--token-bg-extended-orange-subtle-default, var(--token-primitives-orange-100, #fdf0ea))) !important;--ion-color-subtle-base-rgb: var(--ion-color-orange-subtle-rgb, var(--token-bg-extended-orange-subtle-default-rgb, 253, 240, 234)) !important;--ion-color-subtle-contrast: var(--ion-color-orange-subtle-contrast, var(--token-text-extended-orange, var(--token-primitives-orange-1000, #9f4904))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-orange-subtle-contrast-rgb, var(--token-text-extended-orange-rgb, 159, 73, 4)) !important;--ion-color-subtle-shade: var(--ion-color-orange-subtle-shade, var(--token-bg-extended-orange-subtle-press, var(--token-primitives-orange-300, #ffd7be))) !important;--ion-color-subtle-tint: var(--ion-color-orange-subtle-tint, var(--token-primitives-orange-200, #ffebde)) !important;--ion-color-subtle-foreground: var( --ion-color-orange-subtle-foreground, var(--ion-color-orange-subtle, var(--token-text-extended-orange, var(--token-primitives-orange-1000, #9f4904))) ) !important}:root .ion-color-lime{--ion-color-base: var(--ion-color-lime, var(--token-bg-extended-lime-base-default, var(--token-primitives-lime-800, #6d7d05))) !important;--ion-color-base-rgb: var(--ion-color-lime-rgb, var(--token-bg-extended-lime-base-default-rgb, 109, 125, 5)) !important;--ion-color-contrast: var(--ion-color-lime-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-lime-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-lime-shade, var(--token-bg-extended-lime-base-press, var(--token-primitives-lime-1000, #4f5b01))) !important;--ion-color-tint: var(--ion-color-lime-tint, var(--token-primitives-lime-600, #b1c564)) !important;--ion-color-foreground: var( --ion-color-lime-foreground, var(--ion-color-lime, var(--token-text-extended-lime, var(--token-primitives-lime-900, #606f00))) ) !important;--ion-color-subtle-base: var(--ion-color-lime-subtle, var(--token-bg-extended-lime-subtle-default, var(--token-primitives-lime-100, #f3fecd))) !important;--ion-color-subtle-base-rgb: var(--ion-color-lime-subtle-rgb, var(--token-bg-extended-lime-subtle-default-rgb, 243, 254, 205)) !important;--ion-color-subtle-contrast: var(--ion-color-lime-subtle-contrast, var(--token-text-extended-lime, var(--token-primitives-lime-900, #606f00))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-lime-subtle-contrast-rgb, var(--token-text-extended-lime-rgb, 96, 111, 0)) !important;--ion-color-subtle-shade: var(--ion-color-lime-subtle-shade, var(--token-bg-extended-lime-subtle-press, var(--token-primitives-lime-300, #deeeaa))) !important;--ion-color-subtle-tint: var(--ion-color-lime-subtle-tint, var(--token-primitives-lime-200, #e9f7bb)) !important;--ion-color-subtle-foreground: var( --ion-color-lime-subtle-foreground, var(--ion-color-lime-subtle, var(--token-text-extended-lime, var(--token-primitives-lime-900, #606f00))) ) !important}:root .ion-color-teal{--ion-color-base: var(--ion-color-teal, var(--token-bg-extended-teal-base-default, var(--token-primitives-teal-800, #008576))) !important;--ion-color-base-rgb: var(--ion-color-teal-rgb, var(--token-bg-extended-teal-base-default-rgb, 0, 133, 118)) !important;--ion-color-contrast: var(--ion-color-teal-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-teal-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-teal-shade, var(--token-bg-extended-teal-base-press, var(--token-primitives-teal-1000, #005147))) !important;--ion-color-tint: var(--ion-color-teal-tint, var(--token-primitives-teal-600, #00b7a2)) !important;--ion-color-foreground: var( --ion-color-teal-foreground, var(--ion-color-teal, var(--token-text-extended-teal, var(--token-primitives-teal-900, #006b5f))) ) !important;--ion-color-subtle-base: var(--ion-color-teal-subtle, var(--token-bg-extended-teal-subtle-default, var(--token-primitives-teal-100, #d5f9f1))) !important;--ion-color-subtle-base-rgb: var(--ion-color-teal-subtle-rgb, var(--token-bg-extended-teal-subtle-default-rgb, 213, 249, 241)) !important;--ion-color-subtle-contrast: var(--ion-color-teal-subtle-contrast, var(--token-text-extended-teal, var(--token-primitives-teal-900, #006b5f))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-teal-subtle-contrast-rgb, var(--token-text-extended-teal-rgb, 0, 107, 95)) !important;--ion-color-subtle-shade: var(--ion-color-teal-subtle-shade, var(--token-bg-extended-teal-subtle-press, var(--token-primitives-teal-300, #b1e7dd))) !important;--ion-color-subtle-tint: var(--ion-color-teal-subtle-tint, var(--token-primitives-teal-200, #c7f1e8)) !important;--ion-color-subtle-foreground: var( --ion-color-teal-subtle-foreground, var(--ion-color-teal-subtle, var(--token-text-extended-teal, var(--token-primitives-teal-900, #006b5f))) ) !important}:root .ion-color-aqua{--ion-color-base: var(--ion-color-aqua, var(--token-bg-extended-aqua-base-default, var(--token-primitives-aqua-900, #127f98))) !important;--ion-color-base-rgb: var(--ion-color-aqua-rgb, var(--token-bg-extended-aqua-base-default-rgb, 18, 127, 152)) !important;--ion-color-contrast: var(--ion-color-aqua-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-aqua-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-aqua-shade, var(--token-bg-extended-aqua-base-press, var(--token-primitives-aqua-1100, #0a3741))) !important;--ion-color-tint: var(--ion-color-aqua-tint, var(--token-primitives-aqua-600, #22bbdc)) !important;--ion-color-foreground: var( --ion-color-aqua-foreground, var(--ion-color-aqua, var(--token-text-extended-aqua, var(--token-primitives-aqua-1000, #146172))) ) !important;--ion-color-subtle-base: var(--ion-color-aqua-subtle, var(--token-bg-extended-aqua-subtle-default, var(--token-primitives-aqua-100, #d9f5ff))) !important;--ion-color-subtle-base-rgb: var(--ion-color-aqua-subtle-rgb, var(--token-bg-extended-aqua-subtle-default-rgb, 217, 245, 255)) !important;--ion-color-subtle-contrast: var(--ion-color-aqua-subtle-contrast, var(--token-text-extended-aqua, var(--token-primitives-aqua-1000, #146172))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-aqua-subtle-contrast-rgb, var(--token-text-extended-aqua-rgb, 20, 97, 114)) !important;--ion-color-subtle-shade: var(--ion-color-aqua-subtle-shade, var(--token-bg-extended-aqua-subtle-press, var(--token-primitives-aqua-300, #b3e9fc))) !important;--ion-color-subtle-tint: var(--ion-color-aqua-subtle-tint, var(--token-primitives-aqua-200, #cbeffc)) !important;--ion-color-subtle-foreground: var( --ion-color-aqua-subtle-foreground, var(--ion-color-aqua-subtle, var(--token-text-extended-aqua, var(--token-primitives-aqua-1000, #146172))) ) !important}:root .ion-color-indigo{--ion-color-base: var(--ion-color-indigo, var(--token-bg-extended-indigo-base-default, var(--token-primitives-indigo-700, #5832ed))) !important;--ion-color-base-rgb: var(--ion-color-indigo-rgb, var(--token-bg-extended-indigo-base-default-rgb, 88, 50, 237)) !important;--ion-color-contrast: var(--ion-color-indigo-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-indigo-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-indigo-shade, var(--token-bg-extended-indigo-base-press, var(--token-primitives-indigo-900, #3516ae))) !important;--ion-color-tint: var(--ion-color-indigo-tint, var(--token-primitives-indigo-600, #786bdd)) !important;--ion-color-foreground: var( --ion-color-indigo-foreground, var(--ion-color-indigo, var(--token-text-extended-indigo, var(--token-primitives-indigo-700, #5832ed))) ) !important;--ion-color-subtle-base: var(--ion-color-indigo-subtle, var(--token-bg-extended-indigo-subtle-default, var(--token-primitives-indigo-100, #ebe8ff))) !important;--ion-color-subtle-base-rgb: var(--ion-color-indigo-subtle-rgb, var(--token-bg-extended-indigo-subtle-default-rgb, 235, 232, 255)) !important;--ion-color-subtle-contrast: var(--ion-color-indigo-subtle-contrast, var(--token-text-extended-indigo, var(--token-primitives-indigo-700, #5832ed))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-indigo-subtle-contrast-rgb, var(--token-text-extended-indigo-rgb, 88, 50, 237)) !important;--ion-color-subtle-shade: var(--ion-color-indigo-subtle-shade, var(--token-bg-extended-indigo-subtle-press, var(--token-primitives-indigo-300, #d3d1f2))) !important;--ion-color-subtle-tint: var(--ion-color-indigo-subtle-tint, var(--token-primitives-indigo-200, #e6e2fe)) !important;--ion-color-subtle-foreground: var( --ion-color-indigo-subtle-foreground, var(--ion-color-indigo-subtle, var(--token-text-extended-indigo, var(--token-primitives-indigo-700, #5832ed))) ) !important}:root .ion-color-violet{--ion-color-base: var(--ion-color-violet, var(--token-bg-extended-violet-base-default, var(--token-primitives-violet-700, #7c20f2))) !important;--ion-color-base-rgb: var(--ion-color-violet-rgb, var(--token-bg-extended-violet-base-default-rgb, 124, 32, 242)) !important;--ion-color-contrast: var(--ion-color-violet-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-violet-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-violet-shade, var(--token-bg-extended-violet-base-press, var(--token-primitives-violet-900, #651ac5))) !important;--ion-color-tint: var(--ion-color-violet-tint, var(--token-primitives-violet-600, #9a6cf4)) !important;--ion-color-foreground: var( --ion-color-violet-foreground, var(--ion-color-violet, var(--token-text-extended-violet, var(--token-primitives-violet-700, #7c20f2))) ) !important;--ion-color-subtle-base: var(--ion-color-violet-subtle, var(--token-bg-extended-violet-subtle-default, var(--token-primitives-violet-100, #ece6ff))) !important;--ion-color-subtle-base-rgb: var(--ion-color-violet-subtle-rgb, var(--token-bg-extended-violet-subtle-default-rgb, 236, 230, 255)) !important;--ion-color-subtle-contrast: var(--ion-color-violet-subtle-contrast, var(--token-text-extended-violet, var(--token-primitives-violet-700, #7c20f2))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-violet-subtle-contrast-rgb, var(--token-text-extended-violet-rgb, 124, 32, 242)) !important;--ion-color-subtle-shade: var(--ion-color-violet-subtle-shade, var(--token-bg-extended-violet-subtle-press, var(--token-primitives-violet-300, #dcd1fb))) !important;--ion-color-subtle-tint: var(--ion-color-violet-subtle-tint, var(--token-primitives-violet-200, #e5defc)) !important;--ion-color-subtle-foreground: var( --ion-color-violet-subtle-foreground, var(--ion-color-violet-subtle, var(--token-text-extended-violet, var(--token-primitives-violet-700, #7c20f2))) ) !important}:root .ion-color-purple{--ion-color-base: var(--ion-color-purple, var(--token-bg-extended-purple-base-default, var(--token-primitives-purple-800, #a737dc))) !important;--ion-color-base-rgb: var(--ion-color-purple-rgb, var(--token-bg-extended-purple-base-default-rgb, 167, 55, 220)) !important;--ion-color-contrast: var(--ion-color-purple-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-purple-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-purple-shade, var(--token-bg-extended-purple-base-press, var(--token-primitives-purple-1000, #812aaa))) !important;--ion-color-tint: var(--ion-color-purple-tint, var(--token-primitives-purple-600, #c575f3)) !important;--ion-color-foreground: var( --ion-color-purple-foreground, var(--ion-color-purple, var(--token-text-extended-purple, var(--token-primitives-purple-900, #9531c5))) ) !important;--ion-color-subtle-base: var(--ion-color-purple-subtle, var(--token-bg-extended-purple-subtle-default, var(--token-primitives-purple-100, #f5eafd))) !important;--ion-color-subtle-base-rgb: var(--ion-color-purple-subtle-rgb, var(--token-bg-extended-purple-subtle-default-rgb, 245, 234, 253)) !important;--ion-color-subtle-contrast: var(--ion-color-purple-subtle-contrast, var(--token-text-extended-purple, var(--token-primitives-purple-900, #9531c5))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-purple-subtle-contrast-rgb, var(--token-text-extended-purple-rgb, 149, 49, 197)) !important;--ion-color-subtle-shade: var(--ion-color-purple-subtle-shade, var(--token-bg-extended-purple-subtle-press, var(--token-primitives-purple-300, #e9d3fa))) !important;--ion-color-subtle-tint: var(--ion-color-purple-subtle-tint, var(--token-primitives-purple-200, #f2e2ff)) !important;--ion-color-subtle-foreground: var( --ion-color-purple-subtle-foreground, var(--ion-color-purple-subtle, var(--token-text-extended-purple, var(--token-primitives-purple-900, #9531c5))) ) !important}:root .ion-color-magenta{--ion-color-base: var(--ion-color-magenta, var(--token-bg-extended-magenta-base-default, var(--token-primitives-magenta-900, #c13cac))) !important;--ion-color-base-rgb: var(--ion-color-magenta-rgb, var(--token-bg-extended-magenta-base-default-rgb, 193, 60, 172)) !important;--ion-color-contrast: var(--ion-color-magenta-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-magenta-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-magenta-shade, var(--token-bg-extended-magenta-base-press, var(--token-primitives-magenta-1100, #892b7a))) !important;--ion-color-tint: var(--ion-color-magenta-tint, var(--token-primitives-magenta-600, #f07cdb)) !important;--ion-color-foreground: var( --ion-color-magenta-foreground, var(--ion-color-magenta, var(--token-text-extended-magenta, var(--token-primitives-magenta-900, #c13cac))) ) !important;--ion-color-subtle-base: var(--ion-color-magenta-subtle, var(--token-bg-extended-magenta-subtle-default, var(--token-primitives-magenta-100, #ffecfb))) !important;--ion-color-subtle-base-rgb: var(--ion-color-magenta-subtle-rgb, var(--token-bg-extended-magenta-subtle-default-rgb, 255, 236, 251)) !important;--ion-color-subtle-contrast: var(--ion-color-magenta-subtle-contrast, var(--token-text-extended-magenta, var(--token-primitives-magenta-900, #c13cac))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-magenta-subtle-contrast-rgb, var(--token-text-extended-magenta-rgb, 193, 60, 172)) !important;--ion-color-subtle-shade: var(--ion-color-magenta-subtle-shade, var(--token-bg-extended-magenta-subtle-press, var(--token-primitives-magenta-300, #f9d4f1))) !important;--ion-color-subtle-tint: var(--ion-color-magenta-subtle-tint, var(--token-primitives-magenta-200, #ffe5fa)) !important;--ion-color-subtle-foreground: var( --ion-color-magenta-subtle-foreground, var(--ion-color-magenta-subtle, var(--token-text-extended-magenta, var(--token-primitives-magenta-900, #c13cac))) ) !important}:root .ion-color-pink{--ion-color-base: var(--ion-color-pink, var(--token-bg-extended-pink-base-default, var(--token-primitives-pink-800, #df1b87))) !important;--ion-color-base-rgb: var(--ion-color-pink-rgb, var(--token-bg-extended-pink-base-default-rgb, 223, 27, 135)) !important;--ion-color-contrast: var(--ion-color-pink-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-pink-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-pink-shade, var(--token-bg-extended-pink-base-press, var(--token-primitives-pink-1000, #a70565))) !important;--ion-color-tint: var(--ion-color-pink-tint, var(--token-primitives-pink-600, #fa8dc9)) !important;--ion-color-foreground: var( --ion-color-pink-foreground, var(--ion-color-pink, var(--token-text-extended-pink, var(--token-primitives-pink-900, #cc0d7e))) ) !important;--ion-color-subtle-base: var(--ion-color-pink-subtle, var(--token-bg-extended-pink-subtle-default, var(--token-primitives-pink-100, #ffedf4))) !important;--ion-color-subtle-base-rgb: var(--ion-color-pink-subtle-rgb, var(--token-bg-extended-pink-subtle-default-rgb, 255, 237, 244)) !important;--ion-color-subtle-contrast: var(--ion-color-pink-subtle-contrast, var(--token-text-extended-pink, var(--token-primitives-pink-900, #cc0d7e))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-pink-subtle-contrast-rgb, var(--token-text-extended-pink-rgb, 204, 13, 126)) !important;--ion-color-subtle-shade: var(--ion-color-pink-subtle-shade, var(--token-bg-extended-pink-subtle-press, var(--token-primitives-pink-300, #fdccde))) !important;--ion-color-subtle-tint: var(--ion-color-pink-subtle-tint, var(--token-primitives-pink-200, #ffdae8)) !important;--ion-color-subtle-foreground: var( --ion-color-pink-subtle-foreground, var(--ion-color-pink-subtle, var(--token-text-extended-pink, var(--token-primitives-pink-900, #cc0d7e))) ) !important}:root .ion-color-light{--ion-color-base: var(--ion-color-light, var(--token-primitives-base-white, #ffffff)) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, var(--token-primitives-base-white-rgb, 255, 255, 255)) !important;--ion-color-contrast: var(--ion-color-light-contrast, var(--token-text-default, var(--token-primitives-neutral-1200, #242528))) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, var(--token-text-default-rgb, 36, 37, 40)) !important;--ion-color-shade: var(--ion-color-light-shade, var(--token-primitives-neutral-500, #9fa5ad)) !important;--ion-color-tint: var(--ion-color-light-tint, var(--token-primitives-neutral-400, #d0d7df)) !important;--ion-color-foreground: var( --ion-color-light-foreground, var(--ion-color-light, var(--token-text-default, var(--token-primitives-neutral-1200, #242528))) ) !important;--ion-color-subtle-base: var(--ion-color-light-subtle, var(--token-bg-neutral-subtlest-default, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-subtle-base-rgb: var(--ion-color-light-subtle-rgb, var(--token-bg-neutral-subtlest-default-rgb, 255, 255, 255)) !important;--ion-color-subtle-contrast: var(--ion-color-light-subtle-contrast, var(--token-text-default, var(--token-primitives-neutral-1200, #242528))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-light-subtle-contrast-rgb, var(--token-text-default-rgb, 36, 37, 40)) !important;--ion-color-subtle-shade: var(--ion-color-light-subtle-shade, var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2))) !important;--ion-color-subtle-tint: var(--ion-color-light-subtle-tint, var(--token-primitives-neutral-100, #f6f7fa)) !important;--ion-color-subtle-foreground: var( --ion-color-light-subtle-foreground, var(--ion-color-light-subtle, var(--token-text-default, var(--token-primitives-neutral-1200, #242528))) ) !important}:root .ion-color-medium{--ion-color-base: var(--ion-color-medium, var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #383e45))) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, var(--token-bg-neutral-bold-default-rgb, 56, 62, 69)) !important;--ion-color-contrast: var(--ion-color-medium-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-medium-shade, var(--token-bg-neutral-bold-press, var(--token-primitives-neutral-1200, #242528))) !important;--ion-color-tint: var(--ion-color-medium-tint, var(--token-primitives-neutral-900, #575c63)) !important;--ion-color-foreground: var( --ion-color-medium-foreground, var(--ion-color-medium, var(--token-text-default, var(--token-primitives-neutral-1200, #242528))) ) !important;--ion-color-subtle-base: var(--ion-color-medium-subtle, var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa))) !important;--ion-color-subtle-base-rgb: var(--ion-color-medium-subtle-rgb, var(--token-bg-neutral-subtle-default-rgb, 246, 247, 250)) !important;--ion-color-subtle-contrast: var(--ion-color-medium-subtle-contrast, var(--token-primitives-neutral-900, #575c63)) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-medium-subtle-contrast-rgb, var(--token-primitives-neutral-900-rgb, 87, 92, 99)) !important;--ion-color-subtle-shade: var(--ion-color-medium-subtle-shade, var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-300, #e6eaee))) !important;--ion-color-subtle-tint: var(--ion-color-medium-subtle-tint, var(--token-primitives-neutral-100, #f6f7fa)) !important;--ion-color-subtle-foreground: var( --ion-color-medium-subtle-foreground, var(--ion-color-medium-subtle, var(--token-text-default, var(--token-primitives-neutral-1200, #242528))) ) !important}:root .ion-color-dark{--ion-color-base: var(--ion-color-dark, var(--token-bg-neutral-boldest-default, var(--token-primitives-neutral-1200, #242528))) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, var(--token-bg-neutral-boldest-default-rgb, 36, 37, 40)) !important;--ion-color-contrast: var(--ion-color-dark-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff))) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, var(--token-text-inverse-rgb, 255, 255, 255)) !important;--ion-color-shade: var(--ion-color-dark-shade, var(--token-bg-neutral-boldest-press, var(--token-primitives-base-black, #131518))) !important;--ion-color-tint: var(--ion-color-dark-tint, var(--token-primitives-neutral-1100, #2c3238)) !important;--ion-color-foreground: var( --ion-color-dark-foreground, var(--ion-color-dark, var(--token-text-default, var(--token-primitives-neutral-1200, #242528))) ) !important;--ion-color-subtle-base: var(--ion-color-dark-subtle, var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa))) !important;--ion-color-subtle-base-rgb: var(--ion-color-dark-subtle-rgb, var(--token-bg-neutral-subtle-default-rgb, 246, 247, 250)) !important;--ion-color-subtle-contrast: var(--ion-color-dark-subtle-contrast, var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45))) !important;--ion-color-subtle-contrast-rgb: var(--ion-color-dark-subtle-contrast-rgb, var(--token-text-subtle-rgb, 56, 62, 69)) !important;--ion-color-subtle-shade: var(--ion-color-dark-subtle-shade, var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-300, #e6eaee))) !important;--ion-color-subtle-tint: var(--ion-color-dark-subtle-tint, var(--token-primitives-neutral-100, #f6f7fa)) !important;--ion-color-subtle-foreground: var( --ion-color-dark-subtle-foreground, var(--ion-color-dark-subtle, var(--token-text-default, var(--token-primitives-neutral-1200, #242528))) ) !important}html{--ion-dynamic-font: -apple-system-body}body{background:var(--ion-background-color, var(--token-bg-body, var(--token-primitives-base-white, #ffffff)));color:var(--ion-text-color, var(--token-text-default, var(--token-primitives-neutral-1200, #242528)))}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,html.ionic ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:var(--token-space-400, var(--token-scale-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(--token-space-400, var(--token-scale-400, 16px))}html.ionic ion-modal ion-toolbar,html.ionic .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + var(--token-space-400, var(--token-scale-400, 16px)));padding-left:calc(var(--ion-safe-area-left) + var(--token-space-400, var(--token-scale-400, 16px)))}html.ionic ion-modal.modal-sheet ion-content{--padding-start: var(--token-space-400, var(--token-scale-400, 16px));--padding-end: var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom: var(--token-space-400, var(--token-scale-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(--token-space-500, var(--token-scale-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: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}ion-card-header+ion-card-content{padding-top:0}.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(--token-elevation-1, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-9, 9px) var(--token-shadow-spread-0, 0px) var(--token-shadow-3, rgba(0, 0, 0, 0.0705882353)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-0, 0px) var(--token-shadow-blur-4, 4px) var(--token-shadow-spread-0, 0px) var(--token-shadow-1, rgba(0, 0, 0, 0.0392156863)))}.menu-content-push{box-shadow:var(--token-elevation-1, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-9, 9px) var(--token-shadow-spread-0, 0px) var(--token-shadow-3, rgba(0, 0, 0, 0.0705882353)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-0, 0px) var(--token-shadow-blur-4, 4px) var(--token-shadow-spread-0, 0px) var(--token-shadow-1, rgba(0, 0, 0, 0.0392156863)))}ion-accordion>[slot=header] .ion-accordion-toggle-icon{color:var(--token-icon-default, var(--token-primitives-neutral-1200, #242528));font-size:var(--token-scale-600, 24px)}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:var(--token-transition-time-300, 300ms) transform var(--token-transition-curve-quick, cubic-bezier(0, 0, 0.2, 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-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);color:var(--token-primitives-neutral-1000, #383e45);--padding-top: var(--token-space-300, var(--token-scale-300, 12px));--padding-bottom: var(--token-space-300, var(--token-scale-300, 12px));--min-height: var(--token-scale-700, 28px)}ion-accordion>[slot=content] ion-item:not([slot=header]){--padding-start: 0;--padding-end: 0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:calc(var(--token-scale-7400, 296px) + var(--token-space-600, var(--token-scale-600, 24px)));min-height:calc(var(--token-scale-7400, 296px) + var(--token-space-600, var(--token-scale-600, 24px)))}.popover-viewport:has(>ion-content){overflow:hidden}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.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(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")}}body{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem)}h1{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-700, 1.75rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-900, 2.25rem)}h2{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-650, 1.625rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-900, 2.25rem)}h3{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-600, 1.5rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-800, 2rem)}h4{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-550, 1.375rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem)}h5{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem)}h6{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem)}a,:not(a).ion-link a{color:var(--token-text-link-default, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)));text-decoration:none;font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-100, 0.01em);line-height:var(--token-font-line-height-500, 1.25rem);display:inline-flex;align-items:center;gap:var(--token-space-100, var(--token-scale-100, 4px));transition:color var(--token-transition-time-200, 200ms) ease-in-out;text-decoration-color:inherit;text-underline-offset:var(--token-scale-050, 2px);cursor:pointer}a:visited,:not(a).ion-link a:visited{color:var(--token-text-link-visited, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)))}a:focus,a.ion-focused,:not(a).ion-link a:focus,:not(a).ion-link a.ion-focused{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}a:active,a.ion-activated,:not(a).ion-link a:active,:not(a).ion-link a.ion-activated{color:var(--token-text-link-press, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)));text-decoration:underline}@media(any-hover: hover){a:hover,:not(a).ion-link a:hover{color:var(--token-text-link-press, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)));text-decoration:underline}}a.ion-link-underline,:not(a).ion-link-underline a{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-100, 0.01em);line-height:var(--token-font-line-height-500, 1.25rem);display:inline-flex;align-items:center;gap:var(--token-space-100, var(--token-scale-100, 4px));transition:color var(--token-transition-time-200, 200ms) ease-in-out;text-decoration-color:inherit;text-underline-offset:var(--token-scale-050, 2px);cursor:pointer;text-decoration:underline}a.ion-link-underline:visited,:not(a).ion-link-underline a:visited{color:var(--token-text-link-visited, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)))}a.ion-link-underline:focus,a.ion-link-underline.ion-focused,:not(a).ion-link-underline a:focus,:not(a).ion-link-underline a.ion-focused{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}a.ion-link-underline:active,a.ion-link-underline.ion-activated,:not(a).ion-link-underline a:active,:not(a).ion-link-underline a.ion-activated{color:var(--token-text-link-press, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)));text-decoration:underline}@media(any-hover: hover){a.ion-link-underline:hover,:not(a).ion-link-underline a:hover{color:var(--token-text-link-press, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)));text-decoration:underline}}a.ion-link-underline:focus,a.ion-link-underline.ion-focused,:not(a).ion-link-underline a:focus,:not(a).ion-link-underline a.ion-focused{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));text-decoration:none}.swiper{--bullet-background: var(--token-primitives-neutral-800, #6c727a);--bullet-background-active: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--progress-bar-background: var(--token-bg-neutral-boldest-default-rgb, 36, 37, 40);--progress-bar-background-active: var(--token-semantics-primary-600, var(--token-primitives-blue-600, #6f8bf4));--scroll-bar-background: var(--token-bg-neutral-boldest-default-rgb, 36, 37, 40);--scroll-bar-background-active: var(--token-bg-neutral-boldest-press-rgb, 19, 21, 24);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{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-bold, 700);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem);display:flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;box-sizing:border-box}.swiper .swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%}.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}:host-context([dir=rtl]) .ion-float-start{float:right !important}[dir=rtl] .ion-float-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}.ion-float-end{float:right !important}:host-context([dir=rtl]) .ion-float-end{float:left !important}[dir=rtl] .ion-float-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left !important}}@media(min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left !important}}}@media(min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left !important}}}@media(min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left !important}}}@media(min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}.ion-text-center{text-align:center !important}.ion-text-justify{text-align:justify !important}.ion-text-start{text-align:start !important}.ion-text-end{text-align:end !important}.ion-text-left{text-align:left !important}.ion-text-right{text-align:right !important}.ion-text-nowrap{white-space:nowrap !important}.ion-text-wrap{white-space:normal !important}@media(min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}@media(min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}@media(min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}@media(min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}.ion-align-content-start{align-content:flex-start !important}.ion-align-content-end{align-content:flex-end !important}.ion-align-content-center{align-content:center !important}.ion-align-content-between{align-content:space-between !important}.ion-align-content-around{align-content:space-around !important}.ion-align-content-stretch{align-content:stretch !important}@media(min-width: 576px){.ion-align-content-sm-start{align-content:flex-start !important}.ion-align-content-sm-end{align-content:flex-end !important}.ion-align-content-sm-center{align-content:center !important}.ion-align-content-sm-between{align-content:space-between !important}.ion-align-content-sm-around{align-content:space-around !important}.ion-align-content-sm-stretch{align-content:stretch !important}}@media(min-width: 768px){.ion-align-content-md-start{align-content:flex-start !important}.ion-align-content-md-end{align-content:flex-end !important}.ion-align-content-md-center{align-content:center !important}.ion-align-content-md-between{align-content:space-between !important}.ion-align-content-md-around{align-content:space-around !important}.ion-align-content-md-stretch{align-content:stretch !important}}@media(min-width: 992px){.ion-align-content-lg-start{align-content:flex-start !important}.ion-align-content-lg-end{align-content:flex-end !important}.ion-align-content-lg-center{align-content:center !important}.ion-align-content-lg-between{align-content:space-between !important}.ion-align-content-lg-around{align-content:space-around !important}.ion-align-content-lg-stretch{align-content:stretch !important}}@media(min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start !important}.ion-align-content-xl-end{align-content:flex-end !important}.ion-align-content-xl-center{align-content:center !important}.ion-align-content-xl-between{align-content:space-between !important}.ion-align-content-xl-around{align-content:space-around !important}.ion-align-content-xl-stretch{align-content:stretch !important}}.ion-align-items-start{align-items:start !important}.ion-align-items-end{align-items:end !important}.ion-align-items-center{align-items:center !important}.ion-align-items-stretch{align-items:stretch !important}.ion-align-items-baseline{align-items:baseline !important}@media(min-width: 576px){.ion-align-items-sm-start{align-items:start !important}.ion-align-items-sm-end{align-items:end !important}.ion-align-items-sm-center{align-items:center !important}.ion-align-items-sm-stretch{align-items:stretch !important}.ion-align-items-sm-baseline{align-items:baseline !important}}@media(min-width: 768px){.ion-align-items-md-start{align-items:start !important}.ion-align-items-md-end{align-items:end !important}.ion-align-items-md-center{align-items:center !important}.ion-align-items-md-stretch{align-items:stretch !important}.ion-align-items-md-baseline{align-items:baseline !important}}@media(min-width: 992px){.ion-align-items-lg-start{align-items:start !important}.ion-align-items-lg-end{align-items:end !important}.ion-align-items-lg-center{align-items:center !important}.ion-align-items-lg-stretch{align-items:stretch !important}.ion-align-items-lg-baseline{align-items:baseline !important}}@media(min-width: 1200px){.ion-align-items-xl-start{align-items:start !important}.ion-align-items-xl-end{align-items:end !important}.ion-align-items-xl-center{align-items:center !important}.ion-align-items-xl-stretch{align-items:stretch !important}.ion-align-items-xl-baseline{align-items:baseline !important}}.ion-align-self-start{align-self:start !important}.ion-align-self-end{align-self:end !important}.ion-align-self-center{align-self:center !important}.ion-align-self-stretch{align-self:stretch !important}.ion-align-self-baseline{align-self:baseline !important}.ion-align-self-auto{align-self:auto !important}@media(min-width: 576px){.ion-align-self-sm-start{align-self:start !important}.ion-align-self-sm-end{align-self:end !important}.ion-align-self-sm-center{align-self:center !important}.ion-align-self-sm-stretch{align-self:stretch !important}.ion-align-self-sm-baseline{align-self:baseline !important}.ion-align-self-sm-auto{align-self:auto !important}}@media(min-width: 768px){.ion-align-self-md-start{align-self:start !important}.ion-align-self-md-end{align-self:end !important}.ion-align-self-md-center{align-self:center !important}.ion-align-self-md-stretch{align-self:stretch !important}.ion-align-self-md-baseline{align-self:baseline !important}.ion-align-self-md-auto{align-self:auto !important}}@media(min-width: 992px){.ion-align-self-lg-start{align-self:start !important}.ion-align-self-lg-end{align-self:end !important}.ion-align-self-lg-center{align-self:center !important}.ion-align-self-lg-stretch{align-self:stretch !important}.ion-align-self-lg-baseline{align-self:baseline !important}.ion-align-self-lg-auto{align-self:auto !important}}@media(min-width: 1200px){.ion-align-self-xl-start{align-self:start !important}.ion-align-self-xl-end{align-self:end !important}.ion-align-self-xl-center{align-self:center !important}.ion-align-self-xl-stretch{align-self:stretch !important}.ion-align-self-xl-baseline{align-self:baseline !important}.ion-align-self-xl-auto{align-self:auto !important}}.ion-justify-content-start{justify-content:flex-start !important}.ion-justify-content-end{justify-content:flex-end !important}.ion-justify-content-center{justify-content:center !important}.ion-justify-content-between{justify-content:space-between !important}.ion-justify-content-around{justify-content:space-around !important}.ion-justify-content-evenly{justify-content:space-evenly !important}@media(min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start !important}.ion-justify-content-sm-end{justify-content:flex-end !important}.ion-justify-content-sm-center{justify-content:center !important}.ion-justify-content-sm-between{justify-content:space-between !important}.ion-justify-content-sm-around{justify-content:space-around !important}.ion-justify-content-sm-evenly{justify-content:space-evenly !important}}@media(min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start !important}.ion-justify-content-md-end{justify-content:flex-end !important}.ion-justify-content-md-center{justify-content:center !important}.ion-justify-content-md-between{justify-content:space-between !important}.ion-justify-content-md-around{justify-content:space-around !important}.ion-justify-content-md-evenly{justify-content:space-evenly !important}}@media(min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start !important}.ion-justify-content-lg-end{justify-content:flex-end !important}.ion-justify-content-lg-center{justify-content:center !important}.ion-justify-content-lg-between{justify-content:space-between !important}.ion-justify-content-lg-around{justify-content:space-around !important}.ion-justify-content-lg-evenly{justify-content:space-evenly !important}}@media(min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start !important}.ion-justify-content-xl-end{justify-content:flex-end !important}.ion-justify-content-xl-center{justify-content:center !important}.ion-justify-content-xl-between{justify-content:space-between !important}.ion-justify-content-xl-around{justify-content:space-around !important}.ion-justify-content-xl-evenly{justify-content:space-evenly !important}}.ion-flex-row{flex-direction:row !important}.ion-flex-row-reverse{flex-direction:row-reverse !important}.ion-flex-column{flex-direction:column !important}.ion-flex-column-reverse{flex-direction:column-reverse !important}@media(min-width: 576px){.ion-flex-sm-row{flex-direction:row !important}.ion-flex-sm-row-reverse{flex-direction:row-reverse !important}.ion-flex-sm-column{flex-direction:column !important}.ion-flex-sm-column-reverse{flex-direction:column-reverse !important}}@media(min-width: 768px){.ion-flex-md-row{flex-direction:row !important}.ion-flex-md-row-reverse{flex-direction:row-reverse !important}.ion-flex-md-column{flex-direction:column !important}.ion-flex-md-column-reverse{flex-direction:column-reverse !important}}@media(min-width: 992px){.ion-flex-lg-row{flex-direction:row !important}.ion-flex-lg-row-reverse{flex-direction:row-reverse !important}.ion-flex-lg-column{flex-direction:column !important}.ion-flex-lg-column-reverse{flex-direction:column-reverse !important}}@media(min-width: 1200px){.ion-flex-xl-row{flex-direction:row !important}.ion-flex-xl-row-reverse{flex-direction:row-reverse !important}.ion-flex-xl-column{flex-direction:column !important}.ion-flex-xl-column-reverse{flex-direction:column-reverse !important}}.ion-wrap{flex-wrap:wrap !important}.ion-nowrap{flex-wrap:nowrap !important}.ion-wrap-reverse{flex-wrap:wrap-reverse !important}.ion-flex-wrap{flex-wrap:wrap !important}.ion-flex-nowrap{flex-wrap:nowrap !important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse !important}@media(min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap !important}.ion-flex-sm-nowrap{flex-wrap:nowrap !important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}}@media(min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap !important}.ion-flex-md-nowrap{flex-wrap:nowrap !important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}}@media(min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap !important}.ion-flex-lg-nowrap{flex-wrap:nowrap !important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}}@media(min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap !important}.ion-flex-xl-nowrap{flex-wrap:nowrap !important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}}.ion-flex-1{flex:1 !important}.ion-flex-auto{flex:auto !important}.ion-flex-initial{flex:initial !important}.ion-flex-none{flex:none !important}@media(min-width: 576px){.ion-flex-sm-1{flex:1 !important}.ion-flex-sm-auto{flex:auto !important}.ion-flex-sm-initial{flex:initial !important}.ion-flex-sm-none{flex:none !important}}@media(min-width: 768px){.ion-flex-md-1{flex:1 !important}.ion-flex-md-auto{flex:auto !important}.ion-flex-md-initial{flex:initial !important}.ion-flex-md-none{flex:none !important}}@media(min-width: 992px){.ion-flex-lg-1{flex:1 !important}.ion-flex-lg-auto{flex:auto !important}.ion-flex-lg-initial{flex:initial !important}.ion-flex-lg-none{flex:none !important}}@media(min-width: 1200px){.ion-flex-xl-1{flex:1 !important}.ion-flex-xl-auto{flex:auto !important}.ion-flex-xl-initial{flex:initial !important}.ion-flex-xl-none{flex:none !important}}.ion-flex-grow-0{flex-grow:0 !important}.ion-flex-grow-1{flex-grow:1 !important}.ion-flex-shrink-0{flex-shrink:0 !important}.ion-flex-shrink-1{flex-shrink:1 !important}@media(min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0 !important}.ion-flex-sm-grow-1{flex-grow:1 !important}.ion-flex-sm-shrink-0{flex-shrink:0 !important}.ion-flex-sm-shrink-1{flex-shrink:1 !important}}@media(min-width: 768px){.ion-flex-md-grow-0{flex-grow:0 !important}.ion-flex-md-grow-1{flex-grow:1 !important}.ion-flex-md-shrink-0{flex-shrink:0 !important}.ion-flex-md-shrink-1{flex-shrink:1 !important}}@media(min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0 !important}.ion-flex-lg-grow-1{flex-grow:1 !important}.ion-flex-lg-shrink-0{flex-shrink:0 !important}.ion-flex-lg-shrink-1{flex-shrink:1 !important}}@media(min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0 !important}.ion-flex-xl-grow-1{flex-grow:1 !important}.ion-flex-xl-shrink-0{flex-shrink:0 !important}.ion-flex-xl-shrink-1{flex-shrink:1 !important}}.ion-order-first{order:-1 !important}.ion-order-0{order:0 !important}.ion-order-1{order:1 !important}.ion-order-2{order:2 !important}.ion-order-3{order:3 !important}.ion-order-4{order:4 !important}.ion-order-5{order:5 !important}.ion-order-6{order:6 !important}.ion-order-7{order:7 !important}.ion-order-8{order:8 !important}.ion-order-9{order:9 !important}.ion-order-10{order:10 !important}.ion-order-11{order:11 !important}.ion-order-12{order:12 !important}.ion-order-last{order:13 !important}@media(min-width: 576px){.ion-order-sm-first{order:-1 !important}.ion-order-sm-0{order:0 !important}.ion-order-sm-1{order:1 !important}.ion-order-sm-2{order:2 !important}.ion-order-sm-3{order:3 !important}.ion-order-sm-4{order:4 !important}.ion-order-sm-5{order:5 !important}.ion-order-sm-6{order:6 !important}.ion-order-sm-7{order:7 !important}.ion-order-sm-8{order:8 !important}.ion-order-sm-9{order:9 !important}.ion-order-sm-10{order:10 !important}.ion-order-sm-11{order:11 !important}.ion-order-sm-12{order:12 !important}.ion-order-sm-last{order:13 !important}}@media(min-width: 768px){.ion-order-md-first{order:-1 !important}.ion-order-md-0{order:0 !important}.ion-order-md-1{order:1 !important}.ion-order-md-2{order:2 !important}.ion-order-md-3{order:3 !important}.ion-order-md-4{order:4 !important}.ion-order-md-5{order:5 !important}.ion-order-md-6{order:6 !important}.ion-order-md-7{order:7 !important}.ion-order-md-8{order:8 !important}.ion-order-md-9{order:9 !important}.ion-order-md-10{order:10 !important}.ion-order-md-11{order:11 !important}.ion-order-md-12{order:12 !important}.ion-order-md-last{order:13 !important}}@media(min-width: 992px){.ion-order-lg-first{order:-1 !important}.ion-order-lg-0{order:0 !important}.ion-order-lg-1{order:1 !important}.ion-order-lg-2{order:2 !important}.ion-order-lg-3{order:3 !important}.ion-order-lg-4{order:4 !important}.ion-order-lg-5{order:5 !important}.ion-order-lg-6{order:6 !important}.ion-order-lg-7{order:7 !important}.ion-order-lg-8{order:8 !important}.ion-order-lg-9{order:9 !important}.ion-order-lg-10{order:10 !important}.ion-order-lg-11{order:11 !important}.ion-order-lg-12{order:12 !important}.ion-order-lg-last{order:13 !important}}@media(min-width: 1200px){.ion-order-xl-first{order:-1 !important}.ion-order-xl-0{order:0 !important}.ion-order-xl-1{order:1 !important}.ion-order-xl-2{order:2 !important}.ion-order-xl-3{order:3 !important}.ion-order-xl-4{order:4 !important}.ion-order-xl-5{order:5 !important}.ion-order-xl-6{order:6 !important}.ion-order-xl-7{order:7 !important}.ion-order-xl-8{order:8 !important}.ion-order-xl-9{order:9 !important}.ion-order-xl-10{order:10 !important}.ion-order-xl-11{order:11 !important}.ion-order-xl-12{order:12 !important}.ion-order-xl-last{order:13 !important}}.ion-flex-direction-column{flex-direction:column !important}.ion-flex-direction-column-reverse{flex-direction:column-reverse !important}.ion-flex-direction-row{flex-direction:row !important}.ion-flex-direction-row-reverse{flex-direction:row-reverse !important}.ion-flex-1{flex:1 !important}.ion-hide{display:none !important}.ion-hide-up{display:none !important}.ion-hide-down{display:none !important}@media(min-width: 576px){.ion-hide-sm-up{display:none !important}}@media(max-width: 575.98px){.ion-hide-sm-down{display:none !important}}@media(min-width: 768px){.ion-hide-md-up{display:none !important}}@media(max-width: 767.98px){.ion-hide-md-down{display:none !important}}@media(min-width: 992px){.ion-hide-lg-up{display:none !important}}@media(max-width: 991.98px){.ion-hide-lg-down{display:none !important}}@media(min-width: 1200px){.ion-hide-xl-up{display:none !important}}@media(max-width: 1199.98px){.ion-hide-xl-down{display:none !important}}.ion-display-none{display:none !important}@media(min-width: 576px){.ion-display-sm-none{display:none !important}}@media(min-width: 768px){.ion-display-md-none{display:none !important}}@media(min-width: 992px){.ion-display-lg-none{display:none !important}}@media(min-width: 1200px){.ion-display-xl-none{display:none !important}}.ion-display-contents{display:contents !important}@media(min-width: 576px){.ion-display-sm-contents{display:contents !important}}@media(min-width: 768px){.ion-display-md-contents{display:contents !important}}@media(min-width: 992px){.ion-display-lg-contents{display:contents !important}}@media(min-width: 1200px){.ion-display-xl-contents{display:contents !important}}.ion-display-inline{display:inline !important}@media(min-width: 576px){.ion-display-sm-inline{display:inline !important}}@media(min-width: 768px){.ion-display-md-inline{display:inline !important}}@media(min-width: 992px){.ion-display-lg-inline{display:inline !important}}@media(min-width: 1200px){.ion-display-xl-inline{display:inline !important}}.ion-display-inline-block{display:inline-block !important}@media(min-width: 576px){.ion-display-sm-inline-block{display:inline-block !important}}@media(min-width: 768px){.ion-display-md-inline-block{display:inline-block !important}}@media(min-width: 992px){.ion-display-lg-inline-block{display:inline-block !important}}@media(min-width: 1200px){.ion-display-xl-inline-block{display:inline-block !important}}.ion-display-block{display:block !important}@media(min-width: 576px){.ion-display-sm-block{display:block !important}}@media(min-width: 768px){.ion-display-md-block{display:block !important}}@media(min-width: 992px){.ion-display-lg-block{display:block !important}}@media(min-width: 1200px){.ion-display-xl-block{display:block !important}}.ion-display-flex{display:flex !important}@media(min-width: 576px){.ion-display-sm-flex{display:flex !important}}@media(min-width: 768px){.ion-display-md-flex{display:flex !important}}@media(min-width: 992px){.ion-display-lg-flex{display:flex !important}}@media(min-width: 1200px){.ion-display-xl-flex{display:flex !important}}.ion-display-inline-flex{display:inline-flex !important}@media(min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.ion-display-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex !important}}.ion-display-grid{display:grid !important}@media(min-width: 576px){.ion-display-sm-grid{display:grid !important}}@media(min-width: 768px){.ion-display-md-grid{display:grid !important}}@media(min-width: 992px){.ion-display-lg-grid{display:grid !important}}@media(min-width: 1200px){.ion-display-xl-grid{display:grid !important}}.ion-display-inline-grid{display:inline-grid !important}@media(min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid !important}}@media(min-width: 768px){.ion-display-md-inline-grid{display:inline-grid !important}}@media(min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid !important}}@media(min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid !important}}.ion-display-table{display:table !important}@media(min-width: 576px){.ion-display-sm-table{display:table !important}}@media(min-width: 768px){.ion-display-md-table{display:table !important}}@media(min-width: 992px){.ion-display-lg-table{display:table !important}}@media(min-width: 1200px){.ion-display-xl-table{display:table !important}}.ion-display-table-cell{display:table-cell !important}@media(min-width: 576px){.ion-display-sm-table-cell{display:table-cell !important}}@media(min-width: 768px){.ion-display-md-table-cell{display:table-cell !important}}@media(min-width: 992px){.ion-display-lg-table-cell{display:table-cell !important}}@media(min-width: 1200px){.ion-display-xl-table-cell{display:table-cell !important}}.ion-display-table-row{display:table-row !important}@media(min-width: 576px){.ion-display-sm-table-row{display:table-row !important}}@media(min-width: 768px){.ion-display-md-table-row{display:table-row !important}}@media(min-width: 992px){.ion-display-lg-table-row{display:table-row !important}}@media(min-width: 1200px){.ion-display-xl-table-row{display:table-row !important}}.ion-full-height{height:100% !important}.ion-full-width{width:100% !important}.ion-position-absolute{position:absolute !important}.ion-position-relative{position:relative !important}/*# sourceMappingURL=bundle.ionic.css.map */