@rdlabo/ionic-theme-ios26 0.1.1 → 0.1.3
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/dist/css/components/ion-action-sheet.css +1 -0
- package/dist/css/components/ion-alert.css +1 -0
- package/dist/css/components/ion-breadcrumbs.css +1 -0
- package/dist/css/components/ion-button.css +1 -0
- package/dist/css/components/ion-card.css +1 -0
- package/dist/css/components/ion-chip.css +1 -0
- package/dist/css/components/ion-content.css +1 -0
- package/dist/css/components/ion-datetime.css +1 -0
- package/dist/css/components/ion-fab.css +1 -0
- package/dist/css/components/ion-list.css +1 -0
- package/dist/css/components/ion-loading.css +1 -0
- package/dist/css/components/ion-modal.css +1 -0
- package/dist/css/components/ion-picker.css +1 -0
- package/dist/css/components/ion-popover.css +1 -0
- package/dist/css/components/ion-range.css +1 -0
- package/dist/css/components/ion-searchbar.css +1 -0
- package/dist/css/components/ion-segment.css +1 -0
- package/dist/css/components/ion-tabs.css +1 -0
- package/dist/css/components/ion-toast.css +1 -0
- package/dist/css/components/ion-toggle.css +1 -0
- package/dist/css/components/ion-toolbar.css +1 -0
- package/dist/css/default-variables.css +1 -0
- package/dist/css/ionic-theme-ios26-dark-always.css +1 -0
- package/dist/css/ionic-theme-ios26-dark-class.css +1 -0
- package/dist/css/ionic-theme-ios26-dark-system.css +1 -0
- package/dist/css/ionic-theme-ios26.css +1 -0
- package/dist/css/md-ion-list-inset.css +1 -0
- package/dist/css/utils/api.css +1 -0
- package/dist/css/utils/dark/ion-button.css +1 -0
- package/dist/css/utils/theme-dark.css +1 -0
- package/dist/css/utils/theme-list-inset.css +1 -0
- package/dist/css/utils/translucent.css +1 -0
- package/package.json +8 -13
- package/.cursor/rules/css-compilation.mdc +0 -34
- package/.cursor/rules/demo-application.mdc +0 -39
- package/.cursor/rules/development-workflow.mdc +0 -41
- package/.cursor/rules/project-role.mdc +0 -21
- package/.github/FUNDING.yml +0 -15
- package/.github/workflows/lint.yml +0 -40
- package/.husky/pre-commit +0 -1
- package/.lintstagedrc.yml +0 -6
- package/.prettierignore +0 -3
- package/FEEDBACK.md +0 -118
- package/FEEDBACK2.md +0 -45
- package/USING_ION_ITEM_GROUP.md +0 -56
- package/demo/ .cursor/rules/angular-20.mdc +0 -136
- package/demo/.browserslistrc +0 -15
- package/demo/.editorconfig +0 -16
- package/demo/.vscode/extensions.json +0 -5
- package/demo/.vscode/settings.json +0 -3
- package/demo/angular.json +0 -141
- package/demo/capacitor.config.ts +0 -9
- package/demo/eslint.config.js +0 -49
- package/demo/ionic.config.json +0 -7
- package/demo/karma.conf.js +0 -44
- package/demo/package-lock.json +0 -20001
- package/demo/package.json +0 -60
- package/demo/src/app/album/album-page.component.html +0 -24
- package/demo/src/app/album/album-page.component.scss +0 -17
- package/demo/src/app/album/album-page.component.spec.ts +0 -21
- package/demo/src/app/album/album-page.component.ts +0 -24
- package/demo/src/app/app.component.html +0 -3
- package/demo/src/app/app.component.ts +0 -16
- package/demo/src/app/app.config.ts +0 -17
- package/demo/src/app/app.routes.ts +0 -8
- package/demo/src/app/health/health-page.component.html +0 -17
- package/demo/src/app/health/health-page.component.scss +0 -0
- package/demo/src/app/health/health-page.component.spec.ts +0 -21
- package/demo/src/app/health/health-page.component.ts +0 -14
- package/demo/src/app/index/index-page.component.html +0 -51
- package/demo/src/app/index/index-page.component.scss +0 -0
- package/demo/src/app/index/index-page.component.spec.ts +0 -21
- package/demo/src/app/index/index-page.component.ts +0 -94
- package/demo/src/app/index/index.routes.ts +0 -109
- package/demo/src/app/index/pages/accordion/accordion.page.html +0 -45
- package/demo/src/app/index/pages/accordion/accordion.page.scss +0 -0
- package/demo/src/app/index/pages/accordion/accordion.page.spec.ts +0 -21
- package/demo/src/app/index/pages/accordion/accordion.page.ts +0 -47
- package/demo/src/app/index/pages/action-sheet/action-sheet.page.html +0 -33
- package/demo/src/app/index/pages/action-sheet/action-sheet.page.scss +0 -0
- package/demo/src/app/index/pages/action-sheet/action-sheet.page.spec.ts +0 -21
- package/demo/src/app/index/pages/action-sheet/action-sheet.page.ts +0 -73
- package/demo/src/app/index/pages/action-sheet/action-sheet.util.ts +0 -28
- package/demo/src/app/index/pages/alert/alert.page.html +0 -33
- package/demo/src/app/index/pages/alert/alert.page.scss +0 -0
- package/demo/src/app/index/pages/alert/alert.page.spec.ts +0 -21
- package/demo/src/app/index/pages/alert/alert.page.ts +0 -73
- package/demo/src/app/index/pages/alert/alert.util.ts +0 -21
- package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html +0 -41
- package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.scss +0 -0
- package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.spec.ts +0 -21
- package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.ts +0 -47
- package/demo/src/app/index/pages/button/button.page.html +0 -112
- package/demo/src/app/index/pages/button/button.page.scss +0 -3
- package/demo/src/app/index/pages/button/button.page.spec.ts +0 -21
- package/demo/src/app/index/pages/button/button.page.ts +0 -51
- package/demo/src/app/index/pages/card/card.page.html +0 -171
- package/demo/src/app/index/pages/card/card.page.scss +0 -0
- package/demo/src/app/index/pages/card/card.page.spec.ts +0 -21
- package/demo/src/app/index/pages/card/card.page.ts +0 -57
- package/demo/src/app/index/pages/checkbox/checkbox.page.html +0 -66
- package/demo/src/app/index/pages/checkbox/checkbox.page.scss +0 -0
- package/demo/src/app/index/pages/checkbox/checkbox.page.spec.ts +0 -21
- package/demo/src/app/index/pages/checkbox/checkbox.page.ts +0 -45
- package/demo/src/app/index/pages/chip/chip.page.html +0 -72
- package/demo/src/app/index/pages/chip/chip.page.scss +0 -0
- package/demo/src/app/index/pages/chip/chip.page.spec.ts +0 -21
- package/demo/src/app/index/pages/chip/chip.page.ts +0 -47
- package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.html +0 -48
- package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.scss +0 -0
- package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.spec.ts +0 -21
- package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.ts +0 -55
- package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.html +0 -106
- package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.scss +0 -0
- package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.spec.ts +0 -21
- package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.ts +0 -49
- package/demo/src/app/index/pages/inputs/inputs.page.html +0 -65
- package/demo/src/app/index/pages/inputs/inputs.page.scss +0 -0
- package/demo/src/app/index/pages/inputs/inputs.page.spec.ts +0 -21
- package/demo/src/app/index/pages/inputs/inputs.page.ts +0 -49
- package/demo/src/app/index/pages/item-list/item-list.page.html +0 -52
- package/demo/src/app/index/pages/item-list/item-list.page.scss +0 -0
- package/demo/src/app/index/pages/item-list/item-list.page.spec.ts +0 -21
- package/demo/src/app/index/pages/item-list/item-list.page.ts +0 -47
- package/demo/src/app/index/pages/menu/menu.page.html +0 -13
- package/demo/src/app/index/pages/menu/menu.page.scss +0 -0
- package/demo/src/app/index/pages/menu/menu.page.spec.ts +0 -21
- package/demo/src/app/index/pages/menu/menu.page.ts +0 -17
- package/demo/src/app/index/pages/modal/modal.page.html +0 -37
- package/demo/src/app/index/pages/modal/modal.page.scss +0 -0
- package/demo/src/app/index/pages/modal/modal.page.spec.ts +0 -21
- package/demo/src/app/index/pages/modal/modal.page.ts +0 -77
- package/demo/src/app/index/pages/popover/popover.page.html +0 -34
- package/demo/src/app/index/pages/popover/popover.page.scss +0 -0
- package/demo/src/app/index/pages/popover/popover.page.spec.ts +0 -21
- package/demo/src/app/index/pages/popover/popover.page.ts +0 -47
- package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.html +0 -28
- package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.scss +0 -0
- package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.spec.ts +0 -21
- package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.ts +0 -47
- package/demo/src/app/index/pages/radio/radio.page.html +0 -39
- package/demo/src/app/index/pages/radio/radio.page.scss +0 -0
- package/demo/src/app/index/pages/radio/radio.page.spec.ts +0 -21
- package/demo/src/app/index/pages/radio/radio.page.ts +0 -47
- package/demo/src/app/index/pages/range/range.page.html +0 -58
- package/demo/src/app/index/pages/range/range.page.scss +0 -0
- package/demo/src/app/index/pages/range/range.page.spec.ts +0 -21
- package/demo/src/app/index/pages/range/range.page.ts +0 -49
- package/demo/src/app/index/pages/reorder/reorder.page.html +0 -52
- package/demo/src/app/index/pages/reorder/reorder.page.scss +0 -0
- package/demo/src/app/index/pages/reorder/reorder.page.spec.ts +0 -21
- package/demo/src/app/index/pages/reorder/reorder.page.ts +0 -47
- package/demo/src/app/index/pages/searchbar/searchbar.page.html +0 -33
- package/demo/src/app/index/pages/searchbar/searchbar.page.scss +0 -0
- package/demo/src/app/index/pages/searchbar/searchbar.page.spec.ts +0 -21
- package/demo/src/app/index/pages/searchbar/searchbar.page.ts +0 -45
- package/demo/src/app/index/pages/segment/segment.page.html +0 -107
- package/demo/src/app/index/pages/segment/segment.page.scss +0 -1
- package/demo/src/app/index/pages/segment/segment.page.spec.ts +0 -21
- package/demo/src/app/index/pages/segment/segment.page.ts +0 -51
- package/demo/src/app/index/pages/select/select.page.html +0 -74
- package/demo/src/app/index/pages/select/select.page.scss +0 -0
- package/demo/src/app/index/pages/select/select.page.spec.ts +0 -21
- package/demo/src/app/index/pages/select/select.page.ts +0 -50
- package/demo/src/app/index/pages/tabs/tabs.page.html +0 -78
- package/demo/src/app/index/pages/tabs/tabs.page.scss +0 -6
- package/demo/src/app/index/pages/tabs/tabs.page.spec.ts +0 -21
- package/demo/src/app/index/pages/tabs/tabs.page.ts +0 -47
- package/demo/src/app/index/pages/toast/toast.page.html +0 -32
- package/demo/src/app/index/pages/toast/toast.page.scss +0 -0
- package/demo/src/app/index/pages/toast/toast.page.spec.ts +0 -21
- package/demo/src/app/index/pages/toast/toast.page.ts +0 -66
- package/demo/src/app/index/pages/toggle/toggle.page.html +0 -45
- package/demo/src/app/index/pages/toggle/toggle.page.scss +0 -0
- package/demo/src/app/index/pages/toggle/toggle.page.spec.ts +0 -21
- package/demo/src/app/index/pages/toggle/toggle.page.ts +0 -49
- package/demo/src/app/index/pages/toolbar/toolbar.page.html +0 -121
- package/demo/src/app/index/pages/toolbar/toolbar.page.scss +0 -0
- package/demo/src/app/index/pages/toolbar/toolbar.page.spec.ts +0 -21
- package/demo/src/app/index/pages/toolbar/toolbar.page.ts +0 -55
- package/demo/src/app/settings/settings-page.component.html +0 -117
- package/demo/src/app/settings/settings-page.component.scss +0 -33
- package/demo/src/app/settings/settings-page.component.spec.ts +0 -21
- package/demo/src/app/settings/settings-page.component.ts +0 -55
- package/demo/src/app/tabs/tabs.page.html +0 -23
- package/demo/src/app/tabs/tabs.page.scss +0 -0
- package/demo/src/app/tabs/tabs.page.spec.ts +0 -26
- package/demo/src/app/tabs/tabs.page.ts +0 -28
- package/demo/src/app/tabs/tabs.routes.ts +0 -40
- package/demo/src/assets/.gitkeep +0 -0
- package/demo/src/favicon.ico +0 -0
- package/demo/src/global.scss +0 -65
- package/demo/src/index.html +0 -24
- package/demo/src/main.ts +0 -5
- package/demo/src/test.ts +0 -7
- package/demo/src/theme/variables.scss +0 -20
- package/demo/tsconfig.app.json +0 -14
- package/demo/tsconfig.json +0 -30
- package/demo/tsconfig.spec.json +0 -17
- package/demo/util/mocks/angular/angular-delegate.ts +0 -18
- package/demo/util/mocks/angular/ion-router-outlet.ts +0 -39
- package/demo/util/mocks/angular/modal-controller.ts +0 -7
- package/demo/util/mocks/angular/nav-controller.ts +0 -22
- package/demo/util/mocks/angular/popover-controller.ts +0 -7
- package/demo/util/mocks/util/base.mock.ts +0 -13
- package/demo/util/mocks/util/overlay.ts +0 -13
- package/demo/util/test.config.ts +0 -54
- package/prettier.config.js +0 -18
- package/screenshots/ios26.png +0 -0
- package/screenshots/why-ion-list-inset.png +0 -0
- package/tsconfig.json +0 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-color-light-rgb), 0.9);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){background:rgba(var(--ios26-color-light-rgb), 0.95);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 8px 8px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive){--button-color: var(--ion-text-color);--button-color-hover: var(--ion-text-color)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:normal}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-alert.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-color-light-rgb), 0.9);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-color-light-rgb), 0.95);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 4px;min-width:calc(50% - 8px);background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);color:var(--ion-text-color)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-buttons.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 100ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled) :has(ion-back-button){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){max-height:inherit;transition:transform 100ms ease-out,color 50ms ease;will-change:transform}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-small):not(.button-large),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-round),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-round).button-large,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--background-hover: transparent;--background-activated: transparent}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(1.18)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only,ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only{border-radius:50%}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only ion-icon,ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only ion-icon,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only ion-icon,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline],ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only{border-radius:50%}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only{border-radius:50%}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-card.ios:not(.ios26-disabled){border-radius:24px}ion-card.ios:not(.ios26-disabled) ion-list ion-item{--padding-start: 0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-chip.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform 100ms ease-out}ion-chip.ios:not(.ios26-disabled).ion-activated{transform:scale(1.18)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content cdk-virtual-scroll-viewport{margin-bottom:calc((56px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(56px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(cdk-virtual-scroll-viewport)){--padding-bottom: calc(56px + var(--ios26-floating-safe-area-bottom))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px;--wheel-highlight-background: transparent;--wheel-highlight-border-radius: 24px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-fab.ios:not(.ios26-disabled) ion-fab-button::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);color:rgb(var(--ios26-color-dark-rgb))}ion-fab.ios:not(.ios26-disabled) ion-fab-button{--background-activated: rgba(var(--ios26-color-light-rgb), 0.3)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{right:calc(16px + var(--ion-safe-area-left, 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-list.list-inset.ios:not(.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-label{font-size:.9rem;margin:8px 4px 4px;color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-note{font-size:.9rem;margin:8px 16px 4px 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label{width:100%;text-align:center;padding:32px 16px 16px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-icon{font-size:2.8rem;color:#fff;border-radius:20%;padding:6px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label h2{font-size:1.2rem;font-weight:bold;margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-text{font-size:.9rem}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-text[slot=end]{padding-left:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled{opacity:1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled::part(detail-icon){opacity:.1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem !important;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios26-disabled)>ion-note{color:var(--ion-color-medium-tint);font-size:.9rem;display:block;margin:8px 16px 8px 20px}ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group{border-radius:24px;overflow:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(native){padding-right:18px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(detail-icon){margin-inline-end:0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--min-height: 52px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]{transition:transform .2s ease}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled) 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)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){background:rgba(var(--ios26-color-light-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-popover.ios:not(.ios26-disabled)::part(arrow)::after{background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-popover.ios:not(.ios26-disabled)::part(content){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px;padding:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(knob){width:38px;transition:transform .3s ease}ion-range.ios:not(.ios26-disabled).range-pressed::part(knob){transform:scale(1.4, 1.6) translateX(-3.8px);background:rgba(var(--ios26-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);box-shadow:inset 0 8px 8px -8px var(--bar-background),inset 0 -8px 8px -8px var(--bar-background),inset 8px 0 8px -8px var(--bar-background),inset -8px 0 8px -8px var(--bar-background)}
|
|
@@ -0,0 +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){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled) ion-icon.searchbar-search-icon{inset-inline-start:12px}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{min-height:44px;background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:20px;padding-inline-start:2.4rem}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-toolbar.ios:not(.ios26-disabled):has(ion-segment){overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment{background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);min-height:44px;border-radius:25px;transition:transform 100ms ease-out;will-change:transform;overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button{--border-width: 0}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button::part(indicator-background){border-radius:25px;box-shadow:none;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated{transform:scale(1.1);overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button{transition:transform 100ms ease-out}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button.segment-button-checked{transform:scale(1.1)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button::part(indicator-background){position:relative;z-index:1;background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transform:scale(1.1);transform-origin:center center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);z-index:2;border-radius:40px}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)) - 54px - 18px);max-width:474px}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 100ms ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):active{transform:scale(1.02);backdrop-filter:saturate(360%)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button>ion-icon{font-size:28px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-color-light-rgb), 0);height:auto}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;padding:2px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){backdrop-filter:blur(7px);background:rgba(var(--ios26-color-tab-active-rgb), 0.095);transition:background .2s ease;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-color-shadow-rgb), 0.02)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-toast.ios:not(.ios26-disabled){--background: transparent;--start: 16px;--end: 16px}ion-toast.ios:not(.ios26-disabled)::part(container){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px}
|
|
@@ -0,0 +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)}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)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--track-background: rgba(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 .3s ease}ion-toggle.ios:not(.ios26-disabled).toggle-activated:not(.toggle-checked)::part(handle){transform:translateX(-4px) scale(1.4, 1.6)}ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6);background:rgba(var(--ios26-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform 300ms,width 120ms ease-in-out 80ms,left 110ms ease-in-out 80ms,right 110ms ease-in-out 80ms;box-shadow:inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated::part(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::part(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)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-buttons.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 100ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled) :has(ion-back-button){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){max-height:inherit;transition:transform 100ms ease-out,color 50ms ease;will-change:transform}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-small):not(.button-large),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-round),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-round).button-large,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--background-hover: transparent;--background-activated: transparent}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(1.18)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only,ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only{border-radius:50%}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only ion-icon,ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only ion-icon,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only ion-icon,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline],ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only{border-radius:50%}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only{border-radius:50%}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--ios26-floating-safe-area-top: max(10px, var(--ion-safe-area-top, 0px));--ios26-floating-safe-area-bottom: max(10px, var(--ion-safe-area-bottom, 0px));--ios26-content-box-shadow-opacity: 0.8;--ios26-color-dark-rgb: 0, 0, 0;--ios26-color-light-rgb: 255, 255, 255;--ios26-color-tab-active-rgb: 16, 16, 16;--ios26-color-inner-shadow-rgb: 224, 224, 224;--ios26-color-outer-shadow-rgb: 224, 224, 224;--ios26-color-background-rgb: 255, 255, 255;--ios26-color-edge-rgb: 255, 255, 255}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--ios26-color-dark-rgb: 255, 255, 255;--ios26-color-light-rgb: 58, 58, 58;--ios26-color-tab-active-rgb: 255, 255, 255;--ios26-color-inner-shadow-rgb: translarent;--ios26-color-outer-shadow-rgb: translarent;--ios26-color-background-rgb: 0, 0, 0;--ios26-color-edge-rgb: 64, 64, 64}ion-buttons:not(.ios26-disabled):has(.ion-activated){background:rgba(var(--ios26-color-tab-active-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.3)}ion-buttons:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-tab-active-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.3)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ion-palette-dark{--ios26-color-dark-rgb: 255, 255, 255;--ios26-color-light-rgb: 58, 58, 58;--ios26-color-tab-active-rgb: 255, 255, 255;--ios26-color-inner-shadow-rgb: translarent;--ios26-color-outer-shadow-rgb: translarent;--ios26-color-background-rgb: 0, 0, 0;--ios26-color-edge-rgb: 64, 64, 64}.ion-palette-dark ion-buttons:not(.ios26-disabled):has(.ion-activated){background:rgba(var(--ios26-color-tab-active-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.3)}.ion-palette-dark ion-buttons:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-tab-active-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.3)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media(prefers-color-scheme: dark){:root{--ios26-color-dark-rgb: 255, 255, 255;--ios26-color-light-rgb: 58, 58, 58;--ios26-color-tab-active-rgb: 255, 255, 255;--ios26-color-inner-shadow-rgb: translarent;--ios26-color-outer-shadow-rgb: translarent;--ios26-color-background-rgb: 0, 0, 0;--ios26-color-edge-rgb: 64, 64, 64}ion-buttons:not(.ios26-disabled):has(.ion-activated){background:rgba(var(--ios26-color-tab-active-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.3)}ion-buttons:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-tab-active-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-color-tab-active-rgb), 0.3)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-header.ios:not(.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar .toolbar-background,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar .toolbar-background{background:rgba(0,0,0,0) !important}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar ion-title{filter:blur(0);transform:translateY(0)}ion-header.ios:not(.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:all .5s ease-in-out}ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{filter:blur(2px);transform:translateY(8px)}ion-content:not(.ios26-disabled)::part(background)::before,ion-content:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}.ion-page:has(ion-header.header-translucent)>ion-content::part(background)::before{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 12px,4px));box-shadow:inset 0 calc(68px + max(var(--ion-safe-area-top) - 12px,4px)) 16px -16px rgba(var(--ios26-color-background-rgb), var(--ios26-content-box-shadow-opacity))}ion-content::part(background)::after{z-index:2;bottom:0;height:calc(56px + var(--ios26-floating-safe-area-bottom));box-shadow:inset 0 calc(-56px - var(--ios26-floating-safe-area-bottom)) 16px -16px rgba(var(--ios26-color-background-rgb), var(--ios26-content-box-shadow-opacity))}.ion-page:has(ion-footer:not(.footer-translucent)) ion-content::part(background)::after{content:none}ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-color-light-rgb), 0.9);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){background:rgba(var(--ios26-color-light-rgb), 0.95);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 8px 8px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive){--button-color: var(--ion-text-color);--button-color-hover: var(--ion-text-color)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:normal}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}ion-alert.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-color-light-rgb), 0.9);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-color-light-rgb), 0.95);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 4px;min-width:calc(50% - 8px);background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);color:var(--ion-text-color)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}ion-buttons.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 100ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled) :has(ion-back-button){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){max-height:inherit;transition:transform 100ms ease-out,color 50ms ease;will-change:transform}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-small):not(.button-large),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-round),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-round).button-large,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--background-hover: transparent;--background-activated: transparent}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(1.18)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only,ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only{border-radius:50%}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only ion-icon,ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only ion-icon,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only ion-icon,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline],ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only{border-radius:50%}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only{border-radius:50%}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-card.ios:not(.ios26-disabled){border-radius:24px}ion-card.ios:not(.ios26-disabled) ion-list ion-item{--padding-start: 0}ion-chip.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform 100ms ease-out}ion-chip.ios:not(.ios26-disabled).ion-activated{transform:scale(1.18)}.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content cdk-virtual-scroll-viewport{margin-bottom:calc((56px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(56px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(cdk-virtual-scroll-viewport)){--padding-bottom: calc(56px + var(--ios26-floating-safe-area-bottom))}ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px;--wheel-highlight-background: transparent;--wheel-highlight-border-radius: 24px}ion-fab.ios:not(.ios26-disabled) ion-fab-button::part(native){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);color:rgb(var(--ios26-color-dark-rgb))}ion-fab.ios:not(.ios26-disabled) ion-fab-button{--background-activated: rgba(var(--ios26-color-light-rgb), 0.3)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{right:calc(16px + var(--ion-safe-area-left, 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}ion-list.list-inset.ios:not(.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-label{font-size:.9rem;margin:8px 4px 4px;color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-note{font-size:.9rem;margin:8px 16px 4px 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label{width:100%;text-align:center;padding:32px 16px 16px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-icon{font-size:2.8rem;color:#fff;border-radius:20%;padding:6px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label h2{font-size:1.2rem;font-weight:bold;margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-text{font-size:.9rem}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-text[slot=end]{padding-left:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled{opacity:1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled::part(detail-icon){opacity:.1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem !important;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios26-disabled)>ion-note{color:var(--ion-color-medium-tint);font-size:.9rem;display:block;margin:8px 16px 8px 20px}ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group{border-radius:24px;overflow:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(native){padding-right:18px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(detail-icon){margin-inline-end:0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--min-height: 52px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]{transition:transform .2s ease}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px}ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled) 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)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){background:rgba(var(--ios26-color-light-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-popover.ios:not(.ios26-disabled)::part(arrow)::after{background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-popover.ios:not(.ios26-disabled)::part(content){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px;padding:0}ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(knob){width:38px;transition:transform .3s ease}ion-range.ios:not(.ios26-disabled).range-pressed::part(knob){transform:scale(1.4, 1.6) translateX(-3.8px);background:rgba(var(--ios26-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);box-shadow:inset 0 8px 8px -8px var(--bar-background),inset 0 -8px 8px -8px var(--bar-background),inset 8px 0 8px -8px var(--bar-background),inset -8px 0 8px -8px var(--bar-background)}ion-modal.ios ion-searchbar:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios26-disabled){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled) ion-icon.searchbar-search-icon{inset-inline-start:12px}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{min-height:44px;background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:20px;padding-inline-start:2.4rem}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);z-index:2;border-radius:40px}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)) - 54px - 18px);max-width:474px}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 100ms ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):active{transform:scale(1.02);backdrop-filter:saturate(360%)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button>ion-icon{font-size:28px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-color-light-rgb), 0);height:auto}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;padding:2px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){backdrop-filter:blur(7px);background:rgba(var(--ios26-color-tab-active-rgb), 0.095);transition:background .2s ease;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-color-shadow-rgb), 0.02)}ion-toast.ios:not(.ios26-disabled){--background: transparent;--start: 16px;--end: 16px}ion-toast.ios:not(.ios26-disabled)::part(container){background:rgba(var(--ios26-color-light-rgb), 0.7);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px}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)}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)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--track-background: rgba(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 .3s ease}ion-toggle.ios:not(.ios26-disabled).toggle-activated:not(.toggle-checked)::part(handle){transform:translateX(-4px) scale(1.4, 1.6)}ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6);background:rgba(var(--ios26-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform 300ms,width 120ms ease-in-out 80ms,left 110ms ease-in-out 80ms,right 110ms ease-in-out 80ms;box-shadow:inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated::part(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::part(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)}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-list.list-inset.md{background:rgba(0,0,0,0)}ion-list.list-inset.md ion-list-header{display:flex;align-items:center}ion-list.list-inset.md ion-list-header ion-label{font-size:.9rem;margin:8px 4px 4px;color:var(--ion-color-medium-tint)}ion-list.list-inset.md ion-list-header ion-button{margin-top:8px}ion-list.list-inset.md ion-list-header ion-note{font-size:.9rem;margin:8px 16px 4px 0}ion-list.list-inset.md ion-item-group.header-item-group>ion-item>ion-label{width:100%;text-align:center;padding:32px 16px 16px}ion-list.list-inset.md ion-item-group.header-item-group>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.md ion-item-group.header-item-group>ion-item>ion-label ion-icon{font-size:2.8rem;color:#fff;border-radius:20%;padding:6px}ion-list.list-inset.md ion-item-group.header-item-group>ion-item>ion-label h2{font-size:1.2rem;font-weight:bold;margin-top:8px}ion-list.list-inset.md ion-item-group.header-item-group>ion-item>ion-label ion-text{font-size:.9rem}ion-list.list-inset.md ion-item-group ion-item ion-text[slot=end],ion-list.list-inset.md ion-reorder-group ion-item ion-text[slot=end],ion-list.list-inset.md ion-accordion-group ion-item ion-text[slot=end],ion-list.list-inset.md ion-radio-group ion-item ion-text[slot=end]{padding-left:8px}ion-list.list-inset.md ion-item-group ion-item.item-disabled,ion-list.list-inset.md ion-reorder-group ion-item.item-disabled,ion-list.list-inset.md ion-accordion-group ion-item.item-disabled,ion-list.list-inset.md ion-radio-group ion-item.item-disabled{opacity:1}ion-list.list-inset.md ion-item-group ion-item.item-disabled>*,ion-list.list-inset.md ion-reorder-group ion-item.item-disabled>*,ion-list.list-inset.md ion-accordion-group ion-item.item-disabled>*,ion-list.list-inset.md ion-radio-group ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.md ion-item-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.md ion-reorder-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.md ion-accordion-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.md ion-radio-group ion-item.item-disabled::part(detail-icon){opacity:.1}ion-list.list-inset.md ion-item-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.md ion-reorder-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.md ion-accordion-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.md ion-radio-group ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.md ion-item-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.md ion-reorder-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.md ion-accordion-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.md ion-radio-group ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem !important;transform:translateY(4px)}ion-list.list-inset.md>ion-note{color:var(--ion-color-medium-tint);font-size:.9rem;display:block;margin:8px 16px 8px 20px}ion-list.list-inset.md ion-item-group>ion-item>ion-input[labelplacement=floating]{transition:transform .2s ease}ion-list.list-inset.md ion-item-group>ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-7px)}ion-list.list-inset.md ion-item-group>ion-item>ion-input[labelplacement=floating].label-floating{transform:translateY(-4px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-header.ios:not(.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar .toolbar-background,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar .toolbar-background{background:rgba(0,0,0,0) !important}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar ion-title{filter:blur(0);transform:translateY(0)}ion-header.ios:not(.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:all .5s ease-in-out}ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{filter:blur(2px);transform:translateY(8px)}ion-content:not(.ios26-disabled)::part(background)::before,ion-content:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}.ion-page:has(ion-header.header-translucent)>ion-content::part(background)::before{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 12px,4px));box-shadow:inset 0 calc(68px + max(var(--ion-safe-area-top) - 12px,4px)) 16px -16px rgba(var(--ios26-color-background-rgb), var(--ios26-content-box-shadow-opacity))}ion-content::part(background)::after{z-index:2;bottom:0;height:calc(56px + var(--ios26-floating-safe-area-bottom));box-shadow:inset 0 calc(-56px - var(--ios26-floating-safe-area-bottom)) 16px -16px rgba(var(--ios26-color-background-rgb), var(--ios26-content-box-shadow-opacity))}.ion-page:has(ion-footer:not(.footer-translucent)) ion-content::part(background)::after{content:none}
|
package/package.json
CHANGED
|
@@ -1,25 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rdlabo/ionic-theme-ios26",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "iOS26 CSS Theme for Ionic Framework",
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
"style": "./dist/*"
|
|
11
|
-
},
|
|
12
|
-
"./package.json": {
|
|
13
|
-
"default": "./package.json"
|
|
14
|
-
}
|
|
15
|
-
},
|
|
5
|
+
"files": [
|
|
6
|
+
"dist",
|
|
7
|
+
"src",
|
|
8
|
+
"package.json"
|
|
9
|
+
],
|
|
16
10
|
"scripts": {
|
|
17
11
|
"build": "rm -rf dist/css && sass src:dist/css --style=compressed --no-source-map",
|
|
18
12
|
"build:demo": "cd demo && npm install && npm run build -- --configuration=production",
|
|
19
13
|
"prepare": "husky install",
|
|
20
14
|
"lint": "prettier --check \"./**/*.{scss,ts}\" && prettier --parser angular --check \"./**/*.html\"",
|
|
21
15
|
"fmt": "prettier --write \"./**/*.{scss,ts}\" && prettier --parser angular --write \"./**/*.html\"",
|
|
22
|
-
"release": "np --no-tests"
|
|
16
|
+
"release": "np --no-tests",
|
|
17
|
+
"prepublishOnly": "npm run build"
|
|
23
18
|
},
|
|
24
19
|
"repository": {
|
|
25
20
|
"type": "git",
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
description: SCSS to CSS compilation process and build workflow
|
|
3
|
-
globs: *.scss,*.css,package.json
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# CSS Compilation Process
|
|
7
|
-
|
|
8
|
-
## ビルドプロセス
|
|
9
|
-
|
|
10
|
-
### ソースファイル
|
|
11
|
-
- **入力**: `src/` ディレクトリ内のSCSSファイル
|
|
12
|
-
- **メインファイル**: [src/ionic-theme-ios26.scss](mdc:src/ionic-theme-ios26.scss)
|
|
13
|
-
|
|
14
|
-
### 出力ファイル
|
|
15
|
-
- **出力**: `dist/css/` ディレクトリ内のCSSファイル
|
|
16
|
-
- **生成ファイル**:
|
|
17
|
-
- [dist/css/ionic-theme-ios26.min.css](mdc:dist/css/ionic-theme-ios26.min.css): メインCSSファイル(圧縮版)
|
|
18
|
-
- [dist/css/ionic-theme-ios26.min.css.map](mdc:dist/css/ionic-theme-ios26.min.css.map): ソースマップ
|
|
19
|
-
- [dist/css/md-ion-list-inset.min.css](mdc:dist/css/md-ion-list-inset.min.css): インセットリスト専用CSS(圧縮版)
|
|
20
|
-
- [dist/css/md-ion-list-inset.min.css.map](mdc:dist/css/md-ion-list-inset.min.css.map): ソースマップ
|
|
21
|
-
|
|
22
|
-
## コンパイル時の注意事項
|
|
23
|
-
|
|
24
|
-
1. **依存関係**: [package.json](mdc:package.json)でビルドツールの依存関係を確認
|
|
25
|
-
2. **ソースマップ**: 開発時のデバッグ用にソースマップファイルも生成
|
|
26
|
-
3. **最適化**: 本番用にはCSSの最適化(minify)を検討
|
|
27
|
-
4. **テスト**: コンパイル後は`demo/`アプリケーションで動作確認
|
|
28
|
-
|
|
29
|
-
## ファイル構造の一貫性
|
|
30
|
-
|
|
31
|
-
- SCSSファイルは`src/`に配置
|
|
32
|
-
- コンパイル後のCSSファイルは`dist/css/`に配置
|
|
33
|
-
- デモアプリケーションは`demo/`に配置
|
|
34
|
-
- スクリーンショットなどのリソースは`screenshots/`に配置
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
description: Angular demo application structure and usage
|
|
3
|
-
globs: demo/**/*
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# Demo Application (Angular)
|
|
7
|
-
|
|
8
|
-
## デモアプリケーションの目的
|
|
9
|
-
|
|
10
|
-
`demo/` ディレクトリには、Ionic iOS26テーマの動作確認用のAngularアプリケーションが含まれています。
|
|
11
|
-
|
|
12
|
-
## 主要なコンポーネント
|
|
13
|
-
|
|
14
|
-
### ページコンポーネント
|
|
15
|
-
- [album-page.component](mdc:demo/src/app/album/): アルバムページ(リスト表示の確認)
|
|
16
|
-
- [health-page.component](mdc:demo/src/app/health/): ヘルスページ(ヘルス関連UIの確認)
|
|
17
|
-
- [settings-page.component](mdc:demo/src/app/settings/): 設定ページ(設定UIの確認)
|
|
18
|
-
- [simple-page.component](mdc:demo/src/app/simple/): シンプルページ(基本的なコンポーネントの確認)
|
|
19
|
-
|
|
20
|
-
### ナビゲーション
|
|
21
|
-
- [tabs.page](mdc:demo/src/app/tabs/): タブベースのナビゲーション
|
|
22
|
-
|
|
23
|
-
## テーマファイル
|
|
24
|
-
|
|
25
|
-
- [demo/src/theme/theme-ios26.scss](mdc:demo/src/theme/theme-ios26.scss): デモアプリ用のテーマ設定
|
|
26
|
-
- [demo/src/global.scss](mdc:demo/src/global.scss): グローバルスタイル
|
|
27
|
-
|
|
28
|
-
## 使用方法
|
|
29
|
-
|
|
30
|
-
1. **開発サーバー起動**: `cd demo && npm start` または `ionic serve`
|
|
31
|
-
2. **テーマ確認**: 各ページでiOS26テーマの適用状況を確認
|
|
32
|
-
3. **スタイル調整**: `src/` のSCSSファイルを編集後、デモアプリで確認
|
|
33
|
-
|
|
34
|
-
## 設定ファイル
|
|
35
|
-
|
|
36
|
-
- [demo/angular.json](mdc:demo/angular.json): Angular CLI設定
|
|
37
|
-
- [demo/package.json](mdc:demo/package.json): デモアプリの依存関係
|
|
38
|
-
- [demo/ionic.config.json](mdc:demo/ionic.config.json): Ionic設定
|
|
39
|
-
- [demo/capacitor.config.ts](mdc:demo/capacitor.config.ts): Capacitor設定
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
description: Development workflow and directory structure guidelines
|
|
3
|
-
alwaysApply: true
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# Development Workflow
|
|
7
|
-
|
|
8
|
-
## ディレクトリ構造の詳細
|
|
9
|
-
|
|
10
|
-
### src/ ディレクトリ
|
|
11
|
-
- **src/components/**: 個別のIonicコンポーネント用のSCSSファイル
|
|
12
|
-
- [ion-button.scss](mdc:src/components/ion-button.scss): ボタンスタイル
|
|
13
|
-
- [ion-list.scss](mdc:src/components/ion-list.scss): リストスタイル
|
|
14
|
-
- [ion-popover.scss](mdc:src/components/ion-popover.scss): ポップオーバースタイル
|
|
15
|
-
- [ion-searchbar.scss](mdc:src/components/ion-searchbar.scss): 検索バースタイル
|
|
16
|
-
- [ion-tabs.scss](mdc:src/components/ion-tabs.scss): タブスタイル
|
|
17
|
-
- [ion-toggle.scss](mdc:src/components/ion-toggle.scss): トグルスタイル
|
|
18
|
-
|
|
19
|
-
- **src/utils/**: ユーティリティファイル
|
|
20
|
-
- [api.scss](mdc:src/utils/api.scss): API関連ユーティリティ
|
|
21
|
-
- [theme-dark.scss](mdc:src/utils/theme-dark.scss): ダークテーマ用ユーティリティ
|
|
22
|
-
- [theme-list-inset.scss](mdc:src/utils/theme-list-inset.scss): インセットリスト用ユーティリティ
|
|
23
|
-
- [translucent.scss](mdc:src/utils/translucent.scss): 半透明効果用ユーティリティ
|
|
24
|
-
|
|
25
|
-
- **src/**: ルートレベルのファイル
|
|
26
|
-
- [default-variables.scss](mdc:src/default-variables.scss): デフォルト変数定義
|
|
27
|
-
- [md-ion-list-inset.scss](mdc:src/md-ion-list-inset.scss): Material Design用インセットリスト
|
|
28
|
-
|
|
29
|
-
- **src/ionic-theme-ios26.scss**: メインのSCSSファイル(全てのコンポーネントを統合)
|
|
30
|
-
|
|
31
|
-
### demo/ ディレクトリ
|
|
32
|
-
- Angular 20ベースのデモアプリケーション
|
|
33
|
-
- 各ページコンポーネントでテーマの動作確認
|
|
34
|
-
- [demo/src/theme/theme-ios26.scss](mdc:demo/src/theme/theme-ios26.scss): デモアプリ用テーマファイル
|
|
35
|
-
|
|
36
|
-
## 開発時の注意事項
|
|
37
|
-
|
|
38
|
-
1. **SCSSファイルの編集**: `src/` ディレクトリ内のSCSSファイルを編集
|
|
39
|
-
2. **コンパイル**: 変更後は適切なビルドコマンドでCSSファイルを生成
|
|
40
|
-
3. **確認**: `demo/` アプリケーションでスタイルの動作確認
|
|
41
|
-
4. **ドキュメント**: READMEは英語で記述(OSS配布のため)
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
description: Ionic iOS26 Theme Library Project Overview
|
|
3
|
-
alwaysApply: true
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# Ionic iOS26 Theme Library Project
|
|
7
|
-
|
|
8
|
-
このプロジェクトは、Ionic FrameworkをiOS26のルックアンドフィールにするためのCSSライブラリです。OSSで配布するため、READMEの記述は基本的に英語になります。
|
|
9
|
-
|
|
10
|
-
## プロジェクト構造
|
|
11
|
-
|
|
12
|
-
- **src/**: コンパイル前のSCSSファイルが配置されます
|
|
13
|
-
- **css/**: コンパイル後のCSSファイルが配置されます
|
|
14
|
-
- **demo/**: 開発と確認に用いるAngularプロジェクトです
|
|
15
|
-
|
|
16
|
-
## 主要なファイル
|
|
17
|
-
|
|
18
|
-
- [package.json](mdc:package.json): プロジェクトの依存関係とビルドスクリプト
|
|
19
|
-
- [src/ionic-theme-ios26.scss](mdc:src/ionic-theme-ios26.scss): メインのSCSSファイル
|
|
20
|
-
- [demo/](mdc:demo/): Angularデモアプリケーション
|
|
21
|
-
- [README.md](mdc:README.md): プロジェクトの説明(英語)
|
package/.github/FUNDING.yml
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
# These are supported funding model platforms
|
|
2
|
-
|
|
3
|
-
github: rdlabo
|
|
4
|
-
patreon: # Replace with a single Patreon username
|
|
5
|
-
open_collective: # Replace with a single Open Collective username
|
|
6
|
-
ko_fi: # Replace with a single Ko-fi username
|
|
7
|
-
tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
|
|
8
|
-
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
|
|
9
|
-
liberapay: # Replace with a single Liberapay username
|
|
10
|
-
issuehunt: # Replace with a single IssueHunt username
|
|
11
|
-
lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
|
|
12
|
-
polar: # Replace with a single Polar username
|
|
13
|
-
buy_me_a_coffee: # Replace with a single Buy Me a Coffee username
|
|
14
|
-
thanks_dev: # Replace with a single thanks.dev username
|
|
15
|
-
custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
|