@rdlabo/ionic-theme-ios27 0.1.0-0 → 0.1.0-1
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.
- package/README.md +12 -10
- package/dist/css/components/ion-action-sheet.css +1 -1
- package/dist/css/components/ion-alert.css +1 -1
- package/dist/css/components/ion-button.css +1 -1
- package/dist/css/components/ion-card.css +1 -1
- package/dist/css/components/ion-content.css +1 -1
- package/dist/css/components/ion-datetime.css +1 -1
- package/dist/css/components/ion-fab.css +1 -1
- package/dist/css/components/ion-inputs.css +1 -1
- package/dist/css/components/ion-list.css +1 -1
- package/dist/css/components/ion-loading.css +1 -1
- package/dist/css/components/ion-menu.css +1 -1
- package/dist/css/components/ion-modal.css +1 -1
- package/dist/css/components/ion-popover.css +1 -1
- package/dist/css/components/ion-range.css +1 -1
- package/dist/css/components/ion-searchbar.css +1 -1
- package/dist/css/components/ion-segment.css +1 -1
- package/dist/css/components/ion-tabs.css +1 -1
- package/dist/css/components/ion-toast.css +1 -1
- package/dist/css/components/ion-toggle.css +1 -1
- package/dist/css/components/ion-toolbar.css +1 -1
- package/dist/css/ionic-theme-ios27-dark-always.css +1 -0
- package/dist/css/ionic-theme-ios27-dark-class.css +1 -0
- package/dist/css/ionic-theme-ios27-dark-system.css +1 -0
- package/dist/css/ionic-theme-ios27.css +1 -0
- package/dist/css/md-remove-ios-class-effect.css +1 -1
- package/dist/css/utils/translucent.css +1 -1
- package/dist/popover/animations/ios.enter.js +2 -2
- package/dist/popover/animations/ios.leave.js +2 -2
- package/dist/sheets-of-glass/index.js +2 -2
- package/dist/transition/ios.transition.d.ts.map +1 -1
- package/dist/transition/ios.transition.js +10 -9
- package/docs/eslint.md +1 -1
- package/docs/feedback.md +2 -2
- package/docs/ios-adaptive.md +90 -0
- package/docs/migration.md +6 -83
- package/docs/special-markup.md +5 -3
- package/docs/using-ion-item-group.md +2 -2
- package/package.json +2 -2
- package/src/popover/animations/ios.enter.ts +2 -2
- package/src/popover/animations/ios.leave.ts +2 -2
- package/src/sheets-of-glass/index.ts +2 -2
- package/src/styles/components/ion-action-sheet.scss +4 -4
- package/src/styles/components/ion-alert.scss +1 -1
- package/src/styles/components/ion-button.scss +25 -21
- package/src/styles/components/ion-card.scss +1 -1
- package/src/styles/components/ion-content.scss +10 -8
- package/src/styles/components/ion-datetime.scss +1 -1
- package/src/styles/components/ion-fab.scss +11 -9
- package/src/styles/components/ion-inputs.scss +2 -2
- package/src/styles/components/ion-list.scss +2 -2
- package/src/styles/components/ion-loading.scss +1 -1
- package/src/styles/components/ion-menu.scss +26 -21
- package/src/styles/components/ion-modal.scss +3 -3
- package/src/styles/components/ion-picker.scss +1 -1
- package/src/styles/components/ion-popover.scss +4 -3
- package/src/styles/components/ion-range.scss +2 -2
- package/src/styles/components/ion-searchbar.scss +6 -4
- package/src/styles/components/ion-segment.scss +8 -8
- package/src/styles/components/ion-tabs.scss +13 -13
- package/src/styles/components/ion-toast.scss +8 -7
- package/src/styles/components/ion-toggle.scss +4 -4
- package/src/styles/components/ion-toolbar.scss +13 -12
- package/src/styles/default-variables.scss +4 -3
- package/src/styles/md-remove-ios-class-effect.scss +2 -2
- package/src/styles/utils/api.scss +16 -16
- package/src/styles/utils/dark/ion-button.scss +8 -8
- package/src/styles/utils/dark/ion-fab.scss +1 -1
- package/src/styles/utils/dark/ion-segment.scss +3 -2
- package/src/styles/utils/dark/ion-tabs.scss +3 -2
- package/src/styles/utils/translucent.scss +21 -16
- package/src/transition/ios.transition.ts +12 -9
- package/dist/css/ionic-theme-ios26-dark-always.css +0 -1
- package/dist/css/ionic-theme-ios26-dark-class.css +0 -1
- package/dist/css/ionic-theme-ios26-dark-system.css +0 -1
- package/dist/css/ionic-theme-ios26.css +0 -1
- package/dist/docs.json +0 -234
- package/dist/focus-controller /index.d.ts +0 -6
- package/dist/focus-controller /index.d.ts.map +0 -1
- package/dist/focus-controller /index.js +0 -62
- package/docs/ios-18.md +0 -16
- /package/src/styles/{ionic-theme-ios26-dark-always.scss → ionic-theme-ios27-dark-always.scss} +0 -0
- /package/src/styles/{ionic-theme-ios26-dark-class.scss → ionic-theme-ios27-dark-class.scss} +0 -0
- /package/src/styles/{ionic-theme-ios26-dark-system.scss → ionic-theme-ios27-dark-system.scss} +0 -0
- /package/src/styles/{ionic-theme-ios26.scss → ionic-theme-ios27.scss} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-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(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-loading.ios:not(.ios26-disabled) .loading-wrapper{border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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-loading.ios:not(.ios26-disabled) .loading-wrapper{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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-loading.ios:not(.ios26-disabled) .loading-wrapper{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding-inline-start:24px;padding-inline-end:24px}
|
|
1
|
+
ion-loading.ios:not(.ios-theme-disabled,.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios-theme-disabled,.ios26-disabled) .loading-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(--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-loading.ios:not(.ios-theme-disabled,.ios26-disabled) .loading-wrapper{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-loading.ios:not(.ios-theme-disabled,.ios26-disabled) .loading-wrapper{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-loading.ios:not(.ios-theme-disabled,.ios26-disabled) .loading-wrapper{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding-inline-start:24px;padding-inline-end:24px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-split-pane.ios:not(.ios26-disabled){--side-max-width: var(--ios26-menu-width)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px - var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar{--padding-start: calc(var(--ios26-menu-width) + 4px)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-left:calc(90px + var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content{--padding-start: var(--ios26-menu-width)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-footer ion-toolbar{--padding-start: var(--ios26-menu-width)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{left:calc(16px + var(--ion-safe-area-left, 0px) + var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar{--padding-end: calc(var(--ios26-menu-width) + 4px)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-right:calc(90px + var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-content{--padding-end: var(--ios26-menu-width)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-footer ion-toolbar{--padding-end: var(--ios26-menu-width)}ion-menu.ios:not(.ios26-disabled){--border: none;--background: transparent;--max-width: var(--ios26-menu-width);position:absolute;top:0;z-index:999}ion-menu.ios:not(.ios26-disabled).menu-side-start{left:0}ion-menu.ios:not(.ios26-disabled).menu-side-end{left:calc(100vw - var(--ios26-menu-width))}ion-menu.ios:not(.ios26-disabled)::part(backdrop){display:none}ion-menu.ios:not(.ios26-disabled) ion-content{--background: transparent;--ios26-content-box-shadow-rgb: transparent}ion-menu.ios:not(.ios26-disabled) ion-content::part(scroll){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(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-menu.ios:not(.ios26-disabled) ion-content::part(scroll){border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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-menu.ios:not(.ios26-disabled) ion-content::part(scroll){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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-menu.ios:not(.ios26-disabled) ion-content::part(scroll){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:calc(var(--ios26-floating-safe-area-top) + 6px) calc(16px + var(--ion-safe-area-right)) var(--ios26-floating-safe-area-bottom) calc(12px + var(--ion-safe-area-left));border-radius:24px}
|
|
1
|
+
ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled){--side-max-width: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main 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-left, 0px)) - 60px - 12px - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main 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-left, 0px)) - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar{--padding-start: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-left:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content{--padding-start: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-footer ion-toolbar{--padding-start: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=bottom]{left:calc(16px + var(--ion-safe-area-left, 0px) + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar{--padding-end: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-right:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content{--padding-end: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-footer ion-toolbar{--padding-end: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled){--border: none;--background: transparent;--max-width: var(--ios-theme-menu-width, var(--ios26-menu-width));position:absolute;top:0;z-index:999}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-start{left:0}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end{left:calc(100vw - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled)::part(backdrop){display:none}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content{--background: transparent;--ios26-content-box-shadow-rgb: transparent;--ios-theme-content-box-shadow-rgb: var(--ios26-content-box-shadow-rgb)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content::part(scroll){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-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content::part(scroll){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-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content::part(scroll){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-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content::part(scroll){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:calc(var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top)) + 6px) calc(16px + var(--ion-safe-area-right)) var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom)) calc(12px + var(--ion-safe-area-left));border-radius:24px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled) ion-toolbar{padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left)}ion-modal.ios:not(.ios26-disabled).modal-sheet ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 4px);padding-left:calc(var(--ion-safe-area-left) + 4px)}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px;--background: rgba(var(--ios26-glass-background-rgb), 1)}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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-modal.ios:not(.ios26-disabled).modal-sheet::part(content){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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-modal.ios:not(.ios26-disabled).modal-sheet::part(content){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
|
|
1
|
+
ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toolbar{padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left)}ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-sheet ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 4px);padding-left:calc(var(--ion-safe-area-left) + 4px)}ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-sheet{--border-radius: 30px;--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 1)}ion-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-sheet::part(content){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-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-sheet::part(content){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-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-sheet::part(content){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-modal.ios:not(.ios-theme-disabled,.ios26-disabled).modal-sheet::part(content){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--background: rgba(var(--ios26-glass-background-rgb), 0.72);--box-shadow: inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2), 0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82)}ion-popover.ios:not(.ios26-disabled)::part(arrow){display:none}ion-popover.ios:not(.ios26-disabled)::part(content){backdrop-filter:blur(2px) saturate(360%);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-popover.ios:not(.ios26-disabled)::part(content){border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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-popover.ios:not(.ios26-disabled)::part(content){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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-popover.ios:not(.ios26-disabled)::part(content){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding:0}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item:last-of-type{--border-width: 0px;--show-full-highlight: 0;--inner-border-width: 0px;--show-inset-highlight: 0}
|
|
1
|
+
ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled){--backdrop-opacity: 0.2;--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--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)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(arrow){display:none}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(content){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-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(content){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-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(content){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-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(content){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding:0}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled) ion-select-popover ion-list ion-item:last-of-type{--border-width: 0px;--show-full-highlight: 0;--inner-border-width: 0px;--show-inset-highlight: 0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-width: 38px;--knob-border-radius: 24px}ion-range.ios:not(.ios26-disabled).range-label-placement-start::part(label){margin-inline:0 24px}ion-range.ios:not(.ios26-disabled).range-label-placement-end::part(label){margin-inline:24px 0}ion-range.ios:not(.ios26-disabled) [slot=start]{margin-inline:0 24px}ion-range.ios:not(.ios26-disabled) [slot=end]{margin-inline:24px 0}ion-range.ios:not(.ios26-disabled)::part(knob){width:var(--knob-width);margin-inline-start:-8px;transition:transform 300ms ease,margin 300ms ease,box-shadow 200ms ease}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed{--knob-background: rgba(var(--ios26-glass-background-rgb), 0.1);--knob-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 4px rgba(0, 0, 0, 0.05), inset 0.4px 0.4px 1px 0 var(--bar-background-active)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed::part(knob){backdrop-filter:blur(0) saturate(120%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-min{--knob-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 4px rgba(0, 0, 0, 0.05)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-min::part(knob){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-max{--knob-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 4px rgba(0, 0, 0, 0.05), inset 0.4px 0.4px 1px 0.2px var(--bar-background-active)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-max::part(knob){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0)}ion-range.ios:not(.ios26-disabled).range-dual-knobs.range-pressed.range-pressed-a::part(knob-a),ion-range.ios:not(.ios26-disabled).range-dual-knobs.range-pressed.range-pressed-b::part(knob-b){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(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0) saturate(120%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0);box-shadow:0 .5px 4px rgba(0,0,0,.12),0 6px 4px rgba(0,0,0,.05),inset .4px .4px 1px 0 var(--bar-background-active)}ion-range.ios:not(.ios26-disabled).range-dual-knobs.range-pressed.range-value-min.range-pressed-lower::part(knob-lower){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0);box-shadow:0 .5px 4px rgba(0,0,0,.12),0 6px 4px rgba(0,0,0,.05)}ion-range.ios:not(.ios26-disabled).range-dual-knobs.range-pressed.range-value-max.range-pressed-upper::part(knob-upper){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0);box-shadow:0 .5px 4px rgba(0,0,0,.12),0 6px 4px rgba(0,0,0,.05),inset .4px .4px 1px .2px var(--bar-background-active)}
|
|
1
|
+
ion-range.ios:not(.ios-theme-disabled,.ios26-disabled){--knob-size: 20px;--knob-width: 38px;--knob-border-radius: 24px}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled).range-label-placement-start::part(label){margin-inline:0 24px}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled).range-label-placement-end::part(label){margin-inline:24px 0}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled) [slot=start]{margin-inline:0 24px}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled) [slot=end]{margin-inline:24px 0}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled)::part(knob){width:var(--knob-width);margin-inline-start:-8px;transition:transform 300ms ease,margin 300ms ease,box-shadow 200ms ease}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled):not(.range-dual-knobs).range-pressed{--knob-background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.1);--knob-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 4px rgba(0, 0, 0, 0.05), inset 0.4px 0.4px 1px 0 var(--bar-background-active)}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled):not(.range-dual-knobs).range-pressed::part(knob){backdrop-filter:blur(0) saturate(120%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0)}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-min{--knob-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 4px rgba(0, 0, 0, 0.05)}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-min::part(knob){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0)}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-max{--knob-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 4px rgba(0, 0, 0, 0.05), inset 0.4px 0.4px 1px 0.2px var(--bar-background-active)}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-max::part(knob){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0)}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled).range-dual-knobs.range-pressed.range-pressed-a::part(knob-a),ion-range.ios:not(.ios-theme-disabled,.ios26-disabled).range-dual-knobs.range-pressed.range-pressed-b::part(knob-b){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.1);backdrop-filter:blur(0) saturate(120%);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;transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0);box-shadow:0 .5px 4px rgba(0,0,0,.12),0 6px 4px rgba(0,0,0,.05),inset .4px .4px 1px 0 var(--bar-background-active)}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled).range-dual-knobs.range-pressed.range-value-min.range-pressed-lower::part(knob-lower){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0);box-shadow:0 .5px 4px rgba(0,0,0,.12),0 6px 4px rgba(0,0,0,.05)}ion-range.ios:not(.ios-theme-disabled,.ios26-disabled).range-dual-knobs.range-pressed.range-value-max.range-pressed-upper::part(knob-upper){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0);box-shadow:0 .5px 4px rgba(0,0,0,.12),0 6px 4px rgba(0,0,0,.05),inset .4px .4px 1px .2px var(--bar-background-active)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-modal.ios ion-searchbar:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) ion-icon.searchbar-search-icon{inset-inline-start:12px;opacity:1}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{min-height:44px;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(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:22px;padding-inline-start:2.4rem}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic):not(.searchbar-left-aligned) .searchbar-input-container input.searchbar-input{padding-inline-start:2.4rem !important}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.searchbar-classic.ios:not(.ios26-disabled)){--min-height: auto}ion-searchbar.ios:not(.ios26-disabled).searchbar-classic{padding-bottom:12px;min-height:auto}ion-searchbar.ios:not(.ios26-disabled).searchbar-classic .searchbar-input-container input.searchbar-input{border-radius:999px;height:44px;font-size:.98rem;padding-inline-start:38px;background:rgba(var(--ion-color-contrast-rgb), 0.078)}ion-searchbar.ios:not(.ios26-disabled).searchbar-classic ion-icon.searchbar-search-icon{inset-inline-start:12px;width:1.18rem}ion-searchbar.ios:not(.ios26-disabled).searchbar-classic button.searchbar-clear-button{right:8px}
|
|
1
|
+
ion-modal.ios ion-searchbar:not(.ios-theme-disabled,.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic){min-height:60px;padding:0}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) ion-icon.searchbar-search-icon{inset-inline-start:12px;opacity:1}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{min-height:44px;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-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{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-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{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-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:22px;padding-inline-start:2.4rem}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-left-aligned) .searchbar-input-container input.searchbar-input{padding-inline-start:2.4rem !important}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.searchbar-classic.ios:not(.ios-theme-disabled,.ios26-disabled)){--min-height: auto}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic{padding-bottom:12px;min-height:auto}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic .searchbar-input-container input.searchbar-input{border-radius:999px;height:44px;font-size:.98rem;padding-inline-start:38px;background:rgba(var(--ion-color-contrast-rgb), 0.078)}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic ion-icon.searchbar-search-icon{inset-inline-start:12px;width:1.18rem}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic button.searchbar-clear-button{right:8px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-segment.ios:not(.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(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios26-disabled){border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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(.ios26-disabled){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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-segment.ios:not(.ios26-disabled){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;min-height:48px;border-radius:25px;transition:transform var(--ios26-activated-transition-duration) ease-out}ion-segment.ios:not(.ios26-disabled).segment-activated,ion-segment.ios:not(.ios26-disabled):has(ion-segment-button.ion-activated){will-change:transform}ion-segment.ios:not(.ios26-disabled):not(.segment-activated):not(:has(ion-segment-button.ion-activated)){will-change:auto}ion-segment.ios:not(.ios26-disabled) ion-segment-button:is(.in-toolbar-color,.in-segment-color)::part(indicator-background){background:var(--indicator-color)}ion-segment.ios:not(.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(.ios26-disabled):not(.ios26-enable-gesture).segment-activated{transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0)}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated ion-segment-button{--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0);--indicator-transform: scale(1.1) translateZ(0);transition:transform 100ms ease-out}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1.08) translateZ(0);-webkit-transform:scale(1.08) translateZ(0)}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated ion-segment-button::part(indicator-background){position:relative;z-index:1;transform-origin:center center}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated){transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0)}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button{--indicator-transform: scale(1.1) translateZ(0);transition:transform 100ms ease-out}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button.segment-button-checked::part(native){transform:scale(1.08) translateZ(0);-webkit-transform:scale(1.08) translateZ(0)}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button::part(indicator-background){position:relative;z-index:1;transform-origin:center center}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-segment-button{--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0)}ion-segment.ios:not(.ios26-disabled).segment-expand{min-height:24px;width:calc(100% - var(--ion-safe-area-left, 0) - var(--ion-safe-area-left, 0) - 24px)}ion-segment.ios:not(.ios26-disabled).segment-expand.segment-activated{transform:scale(1)}ion-segment.ios:not(.ios26-disabled).segment-expand.segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1)}ion-segment.ios:not(.ios26-disabled).segment-expand ion-segment-button{min-height:24px}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture:has(ion-segment-button.ion-activated){transform:scale(1) translateZ(0);-webkit-transform:scale(1) translateZ(0)}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button{--indicator-transform: scale(1) translateZ(0);transition:none}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button.segment-button-checked::part(native){transform:scale(1) translateZ(0);-webkit-transform:scale(1) translateZ(0)}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button::part(indicator-background){position:relative;z-index:1;transform-origin:center center}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture.ios26-animated ion-segment-button{--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0)}ion-segment-button.ios:not(.ios26-disabled){--border-width: 0;--indicator-box-shadow: none;--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06);--ion-color-base: var(--ion-text-color, #000);--padding-start: 8px;--padding-end: 8px;min-width:60px;margin:3px 2px;font-size:14.5px}ion-segment-button.ios:not(.ios26-disabled)::part(indicator-background){border-radius:25px;transition:background .2s ease}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){border-radius:25px;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(--ios26-glass-background-rgb), 1);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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-button.ios:not(.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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(0,0,0,0);height:100%}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element{color:var(--color-selected, var(--ion-color-primary, #0054e9));pointer-events:none;position:absolute;left:0;top:-3.25px;transform-origin:center center}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element>*{visibility:hidden}
|
|
1
|
+
ion-segment.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-segment.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-segment.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-segment.ios:not(.ios-theme-disabled,.ios26-disabled){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;min-height:48px;border-radius:25px;transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-activated,ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-segment-button.ion-activated){will-change:transform}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.segment-activated):not(:has(ion-segment-button.ion-activated)){will-change:auto}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).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-activated{transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios27-enable-gesture).segment-activated ion-segment-button{--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0);--indicator-transform: scale(1.1) translateZ(0);transition:transform 100ms ease-out}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios27-enable-gesture).segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1.08) translateZ(0);-webkit-transform:scale(1.08) translateZ(0)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios27-enable-gesture).segment-activated ion-segment-button::part(indicator-background){position:relative;z-index:1;transform-origin:center center}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture:has(ion-segment-button.ion-activated){transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button{--indicator-transform: scale(1.1) translateZ(0);transition:transform 100ms ease-out}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button.segment-button-checked::part(native){transform:scale(1.08) translateZ(0);-webkit-transform:scale(1.08) translateZ(0)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button::part(indicator-background){position:relative;z-index:1;transform-origin:center center}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-segment-button{--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand{min-height:24px;width:calc(100% - var(--ion-safe-area-left, 0) - var(--ion-safe-area-left, 0) - 24px)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand.segment-activated{transform:scale(1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand.segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand ion-segment-button{min-height:24px}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand.ios27-enable-gesture:has(ion-segment-button.ion-activated){transform:scale(1) translateZ(0);-webkit-transform:scale(1) translateZ(0)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand.ios27-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button{--indicator-transform: scale(1) translateZ(0);transition:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand.ios27-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button.segment-button-checked::part(native){transform:scale(1) translateZ(0);-webkit-transform:scale(1) translateZ(0)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand.ios27-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button::part(indicator-background){position:relative;z-index:1;transform-origin:center center}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand.ios27-enable-gesture.ios27-animated ion-segment-button{--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0)}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled){--border-width: 0;--indicator-box-shadow: none;--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06);--ion-color-base: var(--ion-text-color, #000);--padding-start: 8px;--padding-end: 8px;min-width:60px;margin:3px 2px;font-size:14.5px}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(indicator-background){border-radius:25px;transition:background .2s ease}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){border-radius:25px;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);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-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-segment-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-segment-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;background:rgba(0,0,0,0);height:100%}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element{color:var(--color-selected, var(--ion-color-primary, #0054e9));pointer-events:none;position:absolute;left:0;top:-3.25px;transform-origin:center center}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element>*{visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-tab-bar.ios:not(.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(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-bar.ios:not(.ios26-disabled){border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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(.ios26-disabled){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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(.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(.ios26-disabled)[slot=top]{position:absolute;top:var(--ios26-floating-safe-area-top);right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios26-floating-safe-area-bottom);left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios26-disabled){padding:2px 2px;transition:transform var(--ios26-activated-transition-duration) ease-out}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(1.038) translateZ(0);-webkit-transform:scale(1.038) translateZ(0)}ion-tab-bar.ios:not(.ios26-disabled):not(:has(ion-tab-button.ion-activated)){will-change:auto}ion-tab-bar.ios:not(.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(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0)}ion-tab-bar.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-tab-button.ion-activated ion-icon{filter:brightness(100%)}ion-tab-button.ios:not(.ios26-disabled) ion-icon{font-size:26px}ion-tab-button.ios:not(.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios26-disabled) ion-icon{transition:filter var(--ios26-activated-transition-duration) ease,color var(--ios26-activated-transition-duration) ease}ion-tab-button.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0);height:auto;transition:transform var(--ios26-activated-transition-duration) ease}ion-tab-button.ios:not(.ios26-disabled)::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-button.ios:not(.ios26-disabled).ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(104%)}ion-tab-button.ios:not(.ios26-disabled).tab-selected::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.095);transition:background var(--ios26-activated-transition-duration) ease}ion-tab-button.ios:not(.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(--ios26-glass-background-rgb), 0);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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(.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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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(.ios26-disabled).ion-cloned-element::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element{pointer-events:none;position:absolute;left:0;top:0;transform-origin:center}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element>*{visibility:hidden}
|
|
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){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}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-left, 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):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(1.038) translateZ(0);-webkit-transform: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}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)), 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) 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:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-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::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}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element{pointer-events:none;position:absolute;left:0;top:0;transform-origin:center}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element>*{visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-toast.ios:not(.ios26-disabled){--background: rgba(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(--ios26-glass-box-shadow-color-rgb), 0.2), 0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);--start: 16px;--end: 16px}ion-toast.ios:not(.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(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-toast.ios:not(.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.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 +1 @@
|
|
|
1
|
-
ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(track){transform-origin:left;transform:scaleX(0.894) translateZ(0);-webkit-transform:scaleX(0.894) translateZ(0)}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateX(-5.7px) translateZ(0);-webkit-transform:scale(1.4, 1.6) translateX(-5.7px) translateZ(0)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--handle-box-shadow: none}ion-toggle.ios:not(.ios26-disabled).ion-color{--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios26-disabled):not(.ion-color){--track-background: rgba(var(--ion-color-contrast-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.23)}ion-toggle.ios:not(.ios26-disabled)::part(track){overflow:visible;width:64px;height:28px;transition:transform 280ms ease}ion-toggle.ios:not(.ios26-disabled).toggle-activated:not(.toggle-checked)::part(handle){transform:translateX(-4px) scale(1.4, 1.6) translateZ(0);-webkit-transform:translateX(-4px) scale(1.4, 1.6) translateZ(0)}ion-toggle.ios:not(.ios26-disabled).toggle-activated.toggle-checked::part(handle){transform:scale(1.4, 1.6) translateZ(0)}ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateZ(0);-webkit-transform:scale(1.4, 1.6) translateZ(0);--handle-transition: transform 280ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;backdrop-filter:blur(0.5px) saturate(120%);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){border-top-color:color-mix(in srgb, 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(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, 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(--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-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, 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-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-toggle.ios:not(.ios26-disabled).toggle-activated{--handle-background: rgba(var(--ios26-glass-background-rgb), 0.1);--handle-background-checked: rgba(var(--ios26-glass-background-rgb), 0.1);--handle-box-shadow: inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated{--handle-box-shadow: inset 0 8px 8px -8px var(--ion-color-base), inset 8px 0 8px -8px var(--track-background), inset 8px 0 8px -8px var(--track-background), inset -8px 0 8px -8px var(--ion-color-base)}ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated{--handle-box-shadow: inset 0 8px 8px -8px var(--track-background-checked), inset 8px 0 8px -8px var(--track-background), inset 8px 0 8px -8px var(--track-background), inset -8px 0 8px -8px var(--track-background-checked)}
|
|
1
|
+
ion-item.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-checked.toggle-activated::part(track){transform-origin:left;transform:scaleX(0.894) translateZ(0);-webkit-transform:scaleX(0.894) translateZ(0)}ion-item.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateX(-5.7px) translateZ(0);-webkit-transform:scale(1.4, 1.6) translateX(-5.7px) translateZ(0)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--handle-box-shadow: none}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color{--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-color){--track-background: rgba(var(--ion-color-contrast-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.23)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled)::part(track){overflow:visible;width:64px;height:28px;transition:transform 280ms ease}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-activated:not(.toggle-checked)::part(handle){transform:translateX(-4px) scale(1.4, 1.6) translateZ(0);-webkit-transform:translateX(-4px) scale(1.4, 1.6) translateZ(0)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-activated.toggle-checked::part(handle){transform:scale(1.4, 1.6) translateZ(0)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateZ(0);-webkit-transform:scale(1.4, 1.6) translateZ(0);--handle-transition: transform 280ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;backdrop-filter:blur(0.5px) saturate(120%);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-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-activated::part(handle){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-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-activated::part(handle){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-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-activated::part(handle){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-activated{--handle-background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.1);--handle-background-checked: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.1);--handle-box-shadow: inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color.toggle-checked.toggle-activated{--handle-box-shadow: inset 0 8px 8px -8px var(--ion-color-base), inset 8px 0 8px -8px var(--track-background), inset 8px 0 8px -8px var(--track-background), inset -8px 0 8px -8px var(--ion-color-base)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-checked.toggle-activated{--handle-box-shadow: inset 0 8px 8px -8px var(--track-background-checked), inset 8px 0 8px -8px var(--track-background), inset 8px 0 8px -8px var(--track-background), inset -8px 0 8px -8px var(--track-background-checked)}
|