@rdlabo/ionic-theme-ios27 0.1.0-beta.pr154.shac3e35365120e → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/README.md +3 -3
  2. package/dist/css/components/ion-action-sheet.css +1 -1
  3. package/dist/css/components/ion-alert.css +1 -1
  4. package/dist/css/components/ion-button.css +1 -1
  5. package/dist/css/components/ion-card.css +1 -1
  6. package/dist/css/components/ion-fab.css +1 -1
  7. package/dist/css/components/ion-list.css +1 -1
  8. package/dist/css/components/ion-menu.css +1 -1
  9. package/dist/css/components/ion-modal.css +1 -1
  10. package/dist/css/components/ion-popover.css +1 -1
  11. package/dist/css/components/ion-range.css +1 -1
  12. package/dist/css/components/ion-segment.css +1 -1
  13. package/dist/css/components/ion-tabs.css +1 -1
  14. package/dist/css/components/ion-toast.css +1 -1
  15. package/dist/css/components/ion-toolbar.css +1 -1
  16. package/dist/css/default-variables.css +1 -1
  17. package/dist/css/ionic-theme-ios27-dark-always.css +1 -1
  18. package/dist/css/ionic-theme-ios27-dark-class.css +1 -1
  19. package/dist/css/ionic-theme-ios27-dark-system.css +1 -1
  20. package/dist/css/ionic-theme-ios27.css +1 -1
  21. package/dist/css/md-ion-list-inset.css +1 -1
  22. package/dist/css/utils/dark/ion-list.css +1 -0
  23. package/dist/css/utils/group-heading.css +1 -0
  24. package/dist/native/components/searchable-tabs.d.ts.map +1 -1
  25. package/dist/native/components/searchable-tabs.js +9 -1
  26. package/dist/native/definitions.d.ts +4 -0
  27. package/dist/native/definitions.d.ts.map +1 -1
  28. package/dist/native/runtime.d.ts.map +1 -1
  29. package/dist/native/runtime.js +51 -27
  30. package/dist/native/shared/candidate.d.ts.map +1 -1
  31. package/dist/native/shared/candidate.js +17 -0
  32. package/dist/native/shared/crossfade.d.ts +8 -0
  33. package/dist/native/shared/crossfade.d.ts.map +1 -0
  34. package/dist/native/shared/crossfade.js +46 -0
  35. package/dist/native/shared/dom.d.ts.map +1 -1
  36. package/dist/native/shared/dom.js +2 -1
  37. package/dist/popover/animations/ios.enter.d.ts.map +1 -1
  38. package/dist/popover/animations/ios.enter.js +105 -9
  39. package/dist/popover/animations/ios.leave.d.ts.map +1 -1
  40. package/dist/popover/animations/ios.leave.js +15 -1
  41. package/dist/popover/callout-surface.d.ts +2 -0
  42. package/dist/popover/callout-surface.d.ts.map +1 -0
  43. package/dist/popover/callout-surface.js +44 -0
  44. package/dist/sheets-of-glass/index.js +2 -1
  45. package/dist/transition/ios.transition.d.ts.map +1 -1
  46. package/dist/transition/ios.transition.js +0 -223
  47. package/docs/experimental-animation.md +3 -3
  48. package/docs/features.md +7 -2
  49. package/docs/native-ui-shell.md +9 -5
  50. package/docs/special-markup.md +17 -0
  51. package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellButton.swift +7 -2
  52. package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellSearchController.swift +10 -0
  53. package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellSegment.swift +47 -15
  54. package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellTabBar.swift +42 -7
  55. package/ios/Sources/IonicNativeUIShellPlugin/IonicNativeUIShellPlugin.swift +13 -6
  56. package/ios/Sources/IonicNativeUIShellPlugin/Shared/ShellCrossfade.swift +35 -0
  57. package/ios/Sources/IonicNativeUIShellPlugin/Shared/ShellSnapshot.swift +6 -1
  58. package/ios/Tests/IonicNativeUIShellPluginTests/ShellSnapshotTests.swift +59 -0
  59. package/package.json +1 -1
  60. package/src/native/components/searchable-tabs.ts +12 -1
  61. package/src/native/definitions.ts +4 -0
  62. package/src/native/runtime.ts +54 -31
  63. package/src/native/shared/candidate.ts +19 -0
  64. package/src/native/shared/crossfade.ts +49 -0
  65. package/src/native/shared/dom.ts +4 -1
  66. package/src/popover/animations/ios.enter.ts +123 -10
  67. package/src/popover/animations/ios.leave.ts +15 -1
  68. package/src/popover/callout-surface.ts +54 -0
  69. package/src/sheets-of-glass/index.ts +2 -2
  70. package/src/styles/components/ion-action-sheet.scss +35 -17
  71. package/src/styles/components/ion-alert.scss +51 -31
  72. package/src/styles/components/ion-button.scss +4 -7
  73. package/src/styles/components/ion-card.scss +64 -3
  74. package/src/styles/components/ion-fab.scss +3 -5
  75. package/src/styles/components/ion-list.scss +14 -1
  76. package/src/styles/components/ion-menu.scss +19 -7
  77. package/src/styles/components/ion-modal.scss +63 -14
  78. package/src/styles/components/ion-popover.scss +52 -9
  79. package/src/styles/components/ion-range.scss +49 -50
  80. package/src/styles/components/ion-segment.scss +15 -16
  81. package/src/styles/components/ion-tabs.scss +73 -13
  82. package/src/styles/components/ion-toast.scss +16 -25
  83. package/src/styles/components/ion-toolbar.scss +17 -1
  84. package/src/styles/default-variables.scss +4 -0
  85. package/src/styles/utils/_glass.scss +96 -0
  86. package/src/styles/utils/api.scss +46 -4
  87. package/src/styles/utils/dark/ion-button.scss +13 -0
  88. package/src/styles/utils/dark/ion-fab.scss +9 -0
  89. package/src/styles/utils/dark/ion-list.scss +7 -0
  90. package/src/styles/utils/dark/ion-segment.scss +8 -3
  91. package/src/styles/utils/dark/ion-tabs.scss +20 -0
  92. package/src/styles/utils/group-heading.scss +5 -0
  93. package/src/styles/utils/structured-list.scss +68 -15
  94. package/src/styles/utils/theme-dark.scss +23 -0
  95. package/src/transition/ios.transition.ts +0 -487
package/dist/css/components/ion-segment.css CHANGED
@@ -1 +1 @@
1
- ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){--border-radius: 16px;--ios27-segment-scale: 1.113;min-height:32px}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.segment-scrollable){overflow:visible}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.segment-scrollable).ios27-enable-gesture{contain:layout style}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){border-radius:var(--border-radius)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;--border-radius: 24px;min-height:48px}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand)::before{backdrop-filter:blur(0) saturate(100%);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand)::before{border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand)::before{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand){transition:transform 517ms linear(0, 0.1367 6.38%, 0.4112 12.96%, 0.6945 19.34%, 0.9159 25.73%, 1 29.01%, 1.0912 35.4%, 1.1213 41.97%, 1.1089 48.36%, 1.0584 58.03%, 1 70.99%, 0.9858 83.75%, 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand):not(.segment-disabled):is(.ios27-segment-pressed,:not(.ios27-enable-gesture):is(.segment-activated,:has(ion-segment-button.ion-activated))){transform:scale(var(--ios27-segment-scale));transition:transform 367ms linear(0, 0.1656 8.99%, 0.4905 18.26%, 0.7836 27.25%, 0.974 36.24%, 1.0625 45.5%, 1.0802 54.5%, 1.0634 63.49%, 1.0368 72.75%, 1.0147 81.74%, 1.0005 90.74%, 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand) ion-segment-button{min-height:40px;margin:4px 2px;font-size:15px}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button:is(.in-toolbar-color,.in-segment-color)::part(indicator-background){background:var(--indicator-color)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color ion-segment-button.in-segment-color.segment-button-checked::part(native){color:var(--color-checked)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar-color:not(.in-segment-color) ion-segment-button:not(.segment-button-checked)::part(native){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios27-enable-gesture,.segment-disabled):is(.segment-activated,:has(ion-segment-button:is(:active,.ion-activated))) ion-segment-button.segment-button-checked:not(.segment-button-disabled)::part(indicator-background){scale:1.35 1.4;background:rgba(0,0,0,0);background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 1);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-segment-button{z-index:2}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-segment-button::part(indicator){opacity:0}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-lens{box-sizing:border-box;position:absolute;top:0;left:0;border-radius:999px;pointer-events:none;z-index:1}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{backdrop-filter:blur(0) saturate(104%);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 2px 3px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06),inset 0 -1px 2px hsla(0,0%,100%,.8),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06),0 2px 5px rgba(0,0,0,.06);position:absolute;inset:0;border-radius:inherit;pointer-events:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand{width:calc(100% - var(--ion-safe-area-left, 0px) - var(--ion-safe-area-right, 0px) - 24px)}@media(prefers-reduced-motion: reduce){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-segment-scale: 1;transition:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand){transform:none;transition:none}}ion-toolbar.ios:has(>ion-segment.ios27-enable-gesture:not(.segment-scrollable,.ios-theme-disabled,.ios26-disabled)){contain:layout style}ion-toolbar.ios:has(>ion-segment.ios27-enable-gesture:not(.segment-scrollable,.ios-theme-disabled,.ios26-disabled))::part(container){contain:layout style;overflow:visible}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled){--border-width: 0;--border-radius: 999px;--indicator-box-shadow: none;--padding-start: 8px;--padding-end: 8px;min-width:65px;min-height:28px;margin:2px 0;font-size:13px;line-height:normal}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(indicator-background){transition:var(--indicator-transition),scale 250ms ease-out,background 200ms ease}@media(prefers-reduced-motion: reduce){ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(indicator-background){scale:1 !important;transition:none}}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand) ion-segment-button){--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color ion-segment-button.in-segment-color){--indicator-color: var(--ion-color-base);--color-checked: var(--ion-color-contrast)}
1
+ ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){--border-radius: 16px;--ios27-segment-scale: 1.113;min-height:32px}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.segment-scrollable){overflow:visible}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.segment-scrollable).ios27-enable-gesture{contain:layout style}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){border-radius:var(--border-radius)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand){--border-radius: 24px;min-height:48px;transition:transform 517ms linear(0, 0.1367 6.38%, 0.4112 12.96%, 0.6945 19.34%, 0.9159 25.73%, 1 29.01%, 1.0912 35.4%, 1.1213 41.97%, 1.1089 48.36%, 1.0584 58.03%, 1 70.99%, 0.9858 83.75%, 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand):not(.segment-disabled):is(.ios27-segment-pressed,:not(.ios27-enable-gesture):is(.segment-activated,:has(ion-segment-button.ion-activated))){transform:scale(var(--ios27-segment-scale));transition:transform 367ms linear(0, 0.1656 8.99%, 0.4905 18.26%, 0.7836 27.25%, 0.974 36.24%, 1.0625 45.5%, 1.0802 54.5%, 1.0634 63.49%, 1.0368 72.75%, 1.0147 81.74%, 1.0005 90.74%, 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand) ion-segment-button{min-height:44px;margin:2px 0;font-size:.94rem}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button:is(.in-toolbar-color,.in-segment-color)::part(indicator-background){background:var(--indicator-color)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color ion-segment-button.in-segment-color.segment-button-checked::part(native){color:var(--color-checked)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar-color:not(.in-segment-color) ion-segment-button:not(.segment-button-checked)::part(native){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios27-enable-gesture,.segment-disabled):is(.segment-activated,:has(ion-segment-button:is(:active,.ion-activated))) ion-segment-button.segment-button-checked:not(.segment-button-disabled)::part(indicator-background){scale:1.35 1.4;background:rgba(0,0,0,0);background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 1);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-segment-button{z-index:2}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-segment-button::part(indicator){opacity:0}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-lens{box-sizing:border-box;position:absolute;top:0;left:0;border-radius:999px;pointer-events:none;z-index:1}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{backdrop-filter:blur(0) saturate(104%);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 2px 3px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06),inset 0 -1px 2px hsla(0,0%,100%,.8),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06),0 2px 5px rgba(0,0,0,.06);position:absolute;inset:0;border-radius:inherit;pointer-events:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand{width:calc(100% - var(--ion-safe-area-left, 0px) - var(--ion-safe-area-right, 0px) - 24px)}@media(prefers-reduced-motion: reduce){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-segment-scale: 1;transition:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand){transform:none;transition:none}}ion-toolbar.ios:has(>ion-segment.ios27-enable-gesture:not(.segment-scrollable,.ios-theme-disabled,.ios26-disabled)){contain:layout style}ion-toolbar.ios:has(>ion-segment.ios27-enable-gesture:not(.segment-scrollable,.ios-theme-disabled,.ios26-disabled))::part(container){contain:layout style;overflow:visible}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled){--border-width: 0;--border-radius: 999px;--indicator-box-shadow: none;--padding-start: 8px;--padding-end: 8px;min-width:65px;min-height:28px;margin:2px 0;font-size:.81rem;font-weight:500;line-height:normal}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled).segment-button-disabled{opacity:.2}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(indicator-background){transition:var(--indicator-transition),scale 250ms ease-out,background 200ms ease}@media(prefers-reduced-motion: reduce){ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(indicator-background){scale:1 !important;transition:none}}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 99, 100, 105), 0.11)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button){--indicator-color: var(--ion-background-color, #fff)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color ion-segment-button.in-segment-color){--indicator-color: var(--ion-color-base);--color-checked: var(--ion-color-contrast)}
package/dist/css/components/ion-tabs.css CHANGED
@@ -1 +1 @@
1
- ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=top]{position:absolute;top:var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top));right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom));left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-start,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-end:dir(rtl){left:calc(16px + var(--ion-safe-area-left, 0px));right:auto;margin-inline:0}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-end,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-start:dir(rtl){left:auto;right:calc(16px + var(--ion-safe-area-right, 0px));margin-inline:0}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-center{left:calc(16px + var(--ion-safe-area-left, 0px));right:calc(16px + var(--ion-safe-area-right, 0px));margin-inline:auto}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(2):last-child){width:184px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){padding:2px 2px;transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture{touch-action:pan-y pinch-zoom}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture ion-tab-button.tab-selected::part(native){transition:none}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture{transition:transform 367ms linear(0, 0.096 9%, 0.356 18%, 0.64 27%, 0.863 36%, 1 45%, 1.078 54%, 1.092 59%, 1.018 95%, 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture:has(ion-tab-button.ion-activated){transition:transform 367ms linear(0, 0.148 9%, 0.46 18%, 0.752 27%, 0.951 36%, 1.052 45%, 1.081 54%, 1.058 72%, 1.019 86%, 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(var(--ios27-tab-bar-scale, 1.038)) translateZ(0);-webkit-transform:scale(var(--ios27-tab-bar-scale, 1.038)) translateZ(0)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-tab-button.ion-activated)){will-change:auto}@media(prefers-reduced-motion: reduce){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled),ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){transition:none;transform:none;-webkit-transform:none;will-change:auto}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated) ion-tab-button.tab-selected:not(.ion-activated){--color-selected: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.tab-selected::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.ion-activated ion-icon{filter:brightness(100%)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){transform-origin:center 65%}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon{font-size:26px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon{transition:filter var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease,color var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0);height:auto;transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(104%)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-selected::part(native){background:var(--ios27-tab-selected-background, rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.095));transition:background var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element{transition:none}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:center;transition:none}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element{pointer-events:none;position:absolute;left:0;top:0}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element>*{visibility:hidden}@media(prefers-reduced-motion: reduce){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled),ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{transform:none;transition:none}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-selected::part(native){transition:none}}
1
+ ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border:0;background:rgba(0,0,0,0);contain:size layout style;z-index:2;--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.53)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-color:var(--background);backdrop-filter:blur(6px) saturate(180%) brightness(1.05);content:"";position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;pointer-events:none;z-index:-1}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border-radius:31px;--ios-theme-tab-overlap: 20px;--color: var(--ion-text-color-step-50, #0d0d0d)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=top]{position:absolute;top:var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top));right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom));left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-start,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-end:dir(rtl){left:calc(16px + var(--ion-safe-area-left, 0px));right:auto;margin-inline:0}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-end,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-start:dir(rtl){left:auto;right:calc(16px + var(--ion-safe-area-right, 0px));margin-inline:0}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-center{left:calc(16px + var(--ion-safe-area-left, 0px));right:calc(16px + var(--ion-safe-area-right, 0px));margin-inline:auto}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)) - 75px);max-width:471px;height:54px;min-height:54px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(2):last-child){width:180px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)) - 3px);max-width:543px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){padding:4px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element)~ion-tab-button:not(.ion-cloned-element){margin-inline-start:calc(-1*var(--ios-theme-tab-overlap))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(>ion-tab-button:nth-child(4 of ion-tab-button:not(.ion-cloned-element)))){--ios-theme-tab-overlap: 8px}@media(min-width: 768px){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--ios-theme-tab-overlap: 16px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(2 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:180px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(3 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:266px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(4 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:328px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(5 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:406px}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture{touch-action:pan-y pinch-zoom}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture ion-tab-button.tab-selected::part(native){transition:none}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture{transition:transform 367ms linear(0, 0.096 9%, 0.356 18%, 0.64 27%, 0.863 36%, 1 45%, 1.078 54%, 1.092 59%, 1.018 95%, 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture:has(ion-tab-button.ion-activated){transition:transform 367ms linear(0, 0.148 9%, 0.46 18%, 0.752 27%, 0.951 36%, 1.052 45%, 1.081 54%, 1.058 72%, 1.019 86%, 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(var(--ios27-tab-bar-scale, 1.038)) translateZ(0);-webkit-transform:scale(var(--ios27-tab-bar-scale, 1.038)) translateZ(0)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-tab-button.ion-activated)){will-change:auto}@media(prefers-reduced-motion: reduce){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled),ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){transition:none;transform:none;-webkit-transform:none;will-change:auto}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated) ion-tab-button.tab-selected:not(.ion-activated){--color-selected: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.tab-selected::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.ion-activated ion-icon{filter:brightness(100%)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){transform-origin:center 65%;font-size:.59rem;border-radius:27px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon{font-size:26px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-layout-icon-top.tab-has-icon.tab-has-label{--padding-top: 7px;--padding-bottom: 7px;justify-content:flex-start}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-layout-icon-top.tab-has-icon.tab-has-label ion-icon{flex-shrink:0;margin-block:0 2px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-layout-icon-top.tab-has-icon.tab-has-label ion-label{margin:0;font-size:inherit;line-height:1.2;min-height:0}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon{transition:filter var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease,color var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0);height:54px;transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(native){overflow:visible;min-height:54px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(104%)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-selected::part(native){background:var(--ios27-tab-selected-background, rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.095));transition:background var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element{transition:none}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:center;transition:none}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element{pointer-events:none;position:absolute;left:0;top:0}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element>*{visibility:hidden}@media(prefers-reduced-motion: reduce){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled),ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{transform:none;transition:none}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-selected::part(native){transition:none}}
package/dist/css/components/ion-toast.css CHANGED
@@ -1 +1 @@
1
- ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--border-radius: 24px;--border-style: solid;--border-width: 0.5px;--box-shadow: inset 0 0 8px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.2), 0 0 10px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.82);--start: 16px;--end: 16px}ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled)::part(wrapper){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color::part(wrapper){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ion-color-base-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top-color:rgba(var(--ion-color-base-rgb), 1);border-right-color:rgba(var(--ion-color-base-rgb), 0.8);border-bottom-color:rgba(var(--ion-color-base-rgb), 1);border-left-color:rgba(var(--ion-color-base-rgb), 0.6)}
1
+ ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.67);--border-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.18);--border-style: solid;--border-width: 0.5px;--box-shadow: inset 0 0.5px 1px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6), 0 12px 32px color-mix(in srgb, var(--ion-box-shadow-color, #000) 6%, transparent);--border-radius: 28px;--max-width: 560px;--start: 16px;--end: 16px;font-size:.94rem}ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled)::part(wrapper){backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled)::part(header){font-size:.94rem;font-weight:600}ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled)::part(message){line-height:1.33}ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color::part(wrapper){background:rgba(var(--ion-color-base-rgb), 0.87)}
package/dist/css/components/ion-toolbar.css CHANGED
@@ -1 +1 @@
1
- ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.08);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:25px;overflow:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):not(:has(.ion-activated)):hover{opacity:.72}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out;z-index:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated){z-index:5;background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);transform:scale(1.38) translateZ(0);-webkit-transform:scale(1.38) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25) translateZ(0);-webkit-transform:scale(1.25) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small){transform:scale(1.18) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large){transform:scale(1.22) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear{--background: transparent;--border-style: none;--border-width: 0;--box-shadow: none;transform:none;font-weight:500}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-default{--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear::part(native){backdrop-filter:none}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled){margin:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-menu-button:not(.ios-theme-disabled,.ios26-disabled){width:44px;height:44px;padding:2px}.header-collapse-main :where(ion-toolbar.in-toolbar) ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button{margin:0 6px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:first-child{margin-left:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:last-child{margin-right:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:only-child{margin:0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out,color 50ms ease}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):hover,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):active,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled).ion-activated{will-change:transform}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary, #0289ff);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0;--border-style: none}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-contrast, #fff);--color-activated: var(--ion-color-primary-contrast, #fff)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color{--background-activated: var(--ion-color-base);--color: var(--ion-color-contrast, #fff);--color-activated: var(--ion-color-contrast, #fff)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit::part(native){box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.22),inset 0 -0.5px 0 hsla(0,0%,100%,.34),0 .5px 1px rgba(0,0,0,.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated::part(native){filter:brightness(144%);box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.16),inset 0 -0.5px 0 hsla(0,0%,100%,.48),0 .5px 1px rgba(0,0,0,.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.2)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--border-style: none;--border-width: 0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--background-hover: transparent;--background-activated: transparent;--box-shadow: inset 0 0 8px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.2), 0 0.5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.08)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);opacity:1;color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out,color 50ms ease}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):hover,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):active,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled).ion-activated{will-change:transform}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0;--min-height: 44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary, #0289ff);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0;--border-style: none}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-contrast, #fff);--color-activated: var(--ion-color-primary-contrast, #fff)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color{--background-activated: var(--ion-color-base);--color: var(--ion-color-contrast, #fff);--color-activated: var(--ion-color-contrast, #fff)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit::part(native){box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.22),inset 0 -0.5px 0 hsla(0,0%,100%,.34),0 .5px 1px rgba(0,0,0,.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated::part(native){filter:brightness(144%);box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.16),inset 0 -0.5px 0 hsla(0,0%,100%,.48),0 .5px 1px rgba(0,0,0,.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.2)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){border:none}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.08);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);opacity:1;color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px;--min-height: 44px;--min-width: 44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar:not(.ios-theme-disabled,.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-card ion-header.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):first-of-type,ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-sheet ion-header.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):first-of-type{padding-top:6px}ion-header.ios.header-collapse-condense:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar:not(.ios-theme-disabled,.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-segment.segment-expand)){--min-height: 68px}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled):not(.header-collapse-condense):not(:where(ion-modal *))>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.toolbar-title-large):not(.toolbar-searchbar):not(:has(ion-segment.segment-expand)):first-of-type{padding-top:max(var(--ion-safe-area-top) - 10px,6px);--min-height: 64px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar *[slot=start],ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar *[slot=end]{align-self:center}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=start]) ion-buttons[slot=start]{margin-right:6px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=start]) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic){padding-inline:6px 12px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=start]) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic .searchbar-input-container{margin:0 12px 0 6px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=end]) ion-buttons[slot=end]{margin-left:6px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=end]) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic){padding-inline:12px 6px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=end]) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic .searchbar-input-container{margin:0 6px 0 12px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled) ion-buttons>ion-back-button{margin-left:0;margin-right:0}
1
+ ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-radius:25px;overflow:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):not(:has(.ion-activated)):hover{opacity:.72}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out;z-index:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated){z-index:5;background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);transform:scale(1.38) translateZ(0);-webkit-transform:scale(1.38) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25) translateZ(0);-webkit-transform:scale(1.25) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small){transform:scale(1.18) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large){transform:scale(1.22) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear{--background: transparent;--border-style: none;--border-width: 0;--box-shadow: none;transform:none;font-weight:500}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-default{--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear::part(native){backdrop-filter:none}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled){margin:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-menu-button:not(.ios-theme-disabled,.ios26-disabled){width:44px;height:44px;padding:2px}.header-collapse-main :where(ion-toolbar.in-toolbar) ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button{margin:0 6px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:first-child{margin-left:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:last-child{margin-right:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:only-child{margin:0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out,color 50ms ease}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):hover,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):active,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled).ion-activated{will-change:transform}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary, #0289ff);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0;--border-style: none}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-contrast, #fff);--color-activated: var(--ion-color-primary-contrast, #fff)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color{--background-activated: var(--ion-color-base);--color: var(--ion-color-contrast, #fff);--color-activated: var(--ion-color-contrast, #fff)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit::part(native){box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.22),inset 0 -0.5px 0 hsla(0,0%,100%,.34),0 .5px 1px rgba(0,0,0,.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated::part(native){filter:brightness(144%);box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.16),inset 0 -0.5px 0 hsla(0,0%,100%,.48),0 .5px 1px rgba(0,0,0,.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.2)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--border-style: none;--border-width: 0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--background-hover: transparent;--background-activated: transparent;--box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);opacity:1;color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out,color 50ms ease}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):hover,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):active,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled).ion-activated{will-change:transform}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0;--min-height: 44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary, #0289ff);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0;--border-style: none}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-contrast, #fff);--color-activated: var(--ion-color-primary-contrast, #fff)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color{--background-activated: var(--ion-color-base);--color: var(--ion-color-contrast, #fff);--color-activated: var(--ion-color-contrast, #fff)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit::part(native){box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.22),inset 0 -0.5px 0 hsla(0,0%,100%,.34),0 .5px 1px rgba(0,0,0,.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated::part(native){filter:brightness(144%);box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.16),inset 0 -0.5px 0 hsla(0,0%,100%,.48),0 .5px 1px rgba(0,0,0,.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.2)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){border:none}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--background-hover: transparent;--background-activated: transparent;--box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);opacity:1;color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px;--min-height: 44px;--min-width: 44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar:not(.ios-theme-disabled,.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-card ion-header.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):first-of-type,ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-sheet ion-header.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):first-of-type{padding-top:0;padding-bottom:0;--min-height: 64px;--padding-start: 3px;--padding-end: 3px}@media(min-width: 768px)and (min-height: 600px){ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled) ion-header.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):first-of-type{padding-top:0;padding-bottom:0;--min-height: 64px;--padding-start: 3px;--padding-end: 3px}}ion-header.ios.header-collapse-condense:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar:not(.ios-theme-disabled,.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-segment.segment-expand)){--min-height: 68px}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled):not(.header-collapse-condense):not(:where(ion-modal *))>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.toolbar-title-large):not(.toolbar-searchbar):not(:has(ion-segment.segment-expand)):first-of-type{padding-top:max(var(--ion-safe-area-top) - 10px,6px);--min-height: 64px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar *[slot=start],ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar *[slot=end]{align-self:center}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=start]) ion-buttons[slot=start]{margin-right:6px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=start]) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic){padding-inline:6px 12px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=start]) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic .searchbar-input-container{margin:0 12px 0 6px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=end]) ion-buttons[slot=end]{margin-left:6px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=end]) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic){padding-inline:12px 6px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=end]) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic .searchbar-input-container{margin:0 6px 0 12px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled) ion-buttons>ion-back-button{margin-left:0;margin-right:0}
package/dist/css/default-variables.css CHANGED
@@ -1 +1 @@
1
- :root{--ios27-color-scheme: light;--ios26-floating-safe-area-top: max(10px, var(--ion-safe-area-top, 0px));--ios26-floating-safe-area-bottom: max(10px, calc(var(--ion-safe-area-bottom, 0px) - 12px));--ios26-activated-transition-duration: 140ms;--ios26-glass-background-rgb: 255, 255, 255;--ios26-glass-box-shadow-color-rgb: 220, 220, 220;--ios26-glass-border-color-rgb: 255, 255, 255;--ios27-button-color-selected-default-rgb: 16, 16, 16;--ios26-menu-width: 360px;--ios26-content-box-shadow-rgb: var(--ion-color-base-rgb, var(--ion-background-color-rgb, 255, 255, 255))}
1
+ :root{--ios27-color-scheme: light;--ios-theme-destructive-color: #ea292d;--ios26-floating-safe-area-top: max(10px, var(--ion-safe-area-top, 0px));--ios26-floating-safe-area-bottom: max(10px, calc(var(--ion-safe-area-bottom, 0px) - 12px));--ios26-activated-transition-duration: 140ms;--ios26-glass-background-rgb: 255, 255, 255;--ios26-glass-box-shadow-color-rgb: 220, 220, 220;--ios26-glass-border-color-rgb: 255, 255, 255;--ios27-button-color-selected-default-rgb: 16, 16, 16;--ios26-menu-width: 360px;--ios-theme-menu-background-rgb: 225, 230, 240;--ios26-content-box-shadow-rgb: var(--ion-color-base-rgb, var(--ion-background-color-rgb, 255, 255, 255))}
package/dist/css/ionic-theme-ios27-dark-always.css CHANGED
@@ -1 +1 @@
1
- :root{--ios27-color-scheme: dark;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand,.ion-color) ion-segment-button:not(.ion-color,.ios-theme-disabled,.ios26-disabled){--indicator-color: var(--ios27-segment-selected-background, rgba(0, 0, 0, 0.72))}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}
1
+ :root{--ios27-color-scheme: dark;--ios-theme-destructive-color: #ff686b;--ios-theme-menu-background-rgb: 26, 31, 34;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.5}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.93)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.93)}ion-alert.ios:not(.ios-theme-disabled,.ios26-disabled),ion-action-sheet.ios:not(.ios-theme-disabled,.ios26-disabled),ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.52)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.08)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-callout)::part(content),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(callout-glass),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(arrow)::after{backdrop-filter:blur(12px) saturate(115%) brightness(0.9);-webkit-backdrop-filter:blur(12px) saturate(115%) brightness(0.9)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){box-shadow:none}}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--box-shadow:none}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--color: rgb(var(--ion-text-color-rgb, 255, 255, 255));--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent )}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{box-shadow:none}}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(6px) saturate(150%) brightness(1.23)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.segment-button-disabled{opacity:.15}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 152, 154, 162), 0.19)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled,.ion-color) ion-segment-button:not(.ion-color,.in-segment-color)){--indicator-color: color-mix(in srgb, rgb(var(--ion-color-medium-rgb, 152, 154, 162)) 59%, var(--ion-background-color, #000))}
package/dist/css/ionic-theme-ios27-dark-class.css CHANGED
@@ -1 +1 @@
1
- .ion-palette-dark{--ios27-color-scheme: dark;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand,.ion-color) ion-segment-button:not(.ion-color,.ios-theme-disabled,.ios26-disabled){--indicator-color: var(--ios27-segment-selected-background, rgba(0, 0, 0, 0.72))}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}
1
+ .ion-palette-dark{--ios27-color-scheme: dark;--ios-theme-destructive-color: #ff686b;--ios-theme-menu-background-rgb: 26, 31, 34;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.5}.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.93)}.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.93)}.ion-palette-dark ion-alert.ios:not(.ios-theme-disabled,.ios26-disabled),.ion-palette-dark ion-action-sheet.ios:not(.ios-theme-disabled,.ios26-disabled),.ion-palette-dark ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.52)}.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.08)}.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-callout)::part(content),.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(callout-glass),.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(arrow)::after{backdrop-filter:blur(12px) saturate(115%) brightness(0.9);-webkit-backdrop-filter:blur(12px) saturate(115%) brightness(0.9)}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){box-shadow:none}}@supports(background-clip: border-area){.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--box-shadow:none}}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--color: rgb(var(--ion-text-color-rgb, 255, 255, 255));--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent )}.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{box-shadow:none}}@supports(background-clip: border-area){.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(6px) saturate(150%) brightness(1.23)}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.segment-button-disabled{opacity:.15}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}.ion-palette-dark :where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 152, 154, 162), 0.19)}.ion-palette-dark :where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled,.ion-color) ion-segment-button:not(.ion-color,.in-segment-color)){--indicator-color: color-mix(in srgb, rgb(var(--ion-color-medium-rgb, 152, 154, 162)) 59%, var(--ion-background-color, #000))}